UNIDAD-1-ROMERO-MENDEZ-IVAN-DANIEL-12011267-PROGRAMACION-WEB.pdf

8/16/2019 UNIDAD-1-ROMERO-MENDEZ-IVAN-DANIEL-12011267-PROGRAMACION-WEB.pdf

1/17

PROGRAMACION WEB 2016

I NSTI TUTO TECNOLÓGICO

DE ORI ZABA

ALUMNO

ROMERO MENDEZ IVAN DANIEL

MATERIA

PROGRAMACION WEB

TEMA

ACTIVIDADES PROGRAMACION WEB

GRUPO

7g5D

HORA

16:00 A 17:00

Unidad 1


2/17

Romero Méndez Iván Daniel Página 2

1.1 Evolución de las aplicaciones

Evolución de las aplicaciones

La programación web es un término adecuado para describir el proceso general que

engloba el diseño y la creación de un sitio web.

Hace algunos años, los sitios web no eran mucho más que folletos digitales. Actualmentelos sitios son más grandes y complejos.

Con la introducción de comercio electrónico y las páginas dinámicas, los sitios ya han

dejado atrás los folletos y han pasado a ser auténticas aplicaciones de software.

La web 1.0

La Web 1.0 (1991-2003) es la forma más básica que existe, con navegadores de sólo

texto bastante rápidos ya que es de sólo lectura. El usuario no puede interactuar con el

contenido de la página (nada de comentarios, respuestas, citas, etc), estando totalmente

limitado a lo que el Webmaster sube a ésta.

Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:

Páginas estáticas en vez de dinámicas por el usuario que la visita.

El uso de framesets o Marcos.

Extensiones propias del HTML como y , etiquetas introducidas

durante la guerra de navegadores web.

Libros de visitas online o guestbooks

botones GIF, casi siempre a una resolución típica de 88x31 pixels en tamaño

promocionando navegadores web u otros productos.

formularios HTML enviados vía email. Un usuario llenaba un formulario y después

de hacer clic se enviaba a través de un cliente de correo electrónico, con el


3/17


problema que en el código se podía observar los detalles del envío del correo

electrónico.

No se podian adherir comentarios ni nada parecido

Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban.

No se trata de una nueva versión, sino de una nueva forma de ver las cosas.

La web 2.0

El término Web 2.0 comprende aquellos sitios web que facilitan el compartir información,

la interoperabilidad, el diseño centrado en el usuario y la colaboración en la World Wide

Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como

creadores de contenido generado por usuarios en una comunidad virtual, a diferencia de

sitios web estáticos donde los usuarios se limitan a la observación pasiva de los

contenidos que se han creado para ellos. Ejemplos de la Web 2.0 son las comunidades

web, los servicios web, las aplicaciones Web, los servicios de red social, los servicios de

alojamiento de videos, las wikis, blogs, mashups y folcsonomías.

Servicios asociados:

Blogs: Un blog es un espacio web personal en el que su autor puede escribir

cronológicamente artículos, noticias...(con imágenes y enlaces).

Wikis: Una wiki es un espacio web corporativo, organizado mediante una

estructura hipertextual de páginas donde varias personas elaboran contenidos de

manera asíncrona.

Redes sociales: Sitios web donde cada usuario tiene una página donde publica

contenidos y se comunica con otros usuarios. Ejemplos: Facebook, Twitter, Tuenti,

Hi5, Myspace, etc.

Entornos para compartir recursos: Entornos que nos permiten almacenar recursos

o contenidos en Internet, compartirlos y visualizarlos cuando nos convenga.

Existen de diversos tipos, según el contenido que albergan o el uso que se les da:

1. Documentos: Google Drive y Office Web Apps (SkyDrive), en los cuales podemos

subir nuestros documentos, compartirlos y modificarlos.

2. Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de vídeos

subidos y compartidos por los usuarios.


4/17


3. Fotos: Picassa, Flickr... Permiten disfrutar y compartir las fotos también tenemos la

oportunidad de organizar las fotos con etiquetas, separándolas por grupos como si

fueran álbumes, podemos seleccionar y guardar aparte las fotos que no queremos

publicar.

4. Agregadores de noticias: Digg, Meneame... Noticias de cualquier medio son

agregadas y votadas por los usuarios.

5. Almacenamiento online: Dropbox, Google Drive, SkyDrive

6. Presentaciones: Prezzi, Slideshare.

7. Plataformas educativas

8. Aulas virtuales (síncronas)

9. Encuestas en línea

La web 3.0

Web 3.0 es una expresión que se utiliza para describir la evolución del uso y la interacción

de las personas en internet a través de diferentes formas entre los que se incluyen la

transformación de la red en una base de datos, un movimiento social hacia crear

contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las

tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial o la Web 3D.

Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web.Esas informaciones adicionales —que describen el contenido, el significado y la relación

de los datos— se deben proporcionar de manera formal, para que así sea posible

evaluarlas automáticamente por máquinas de procesamiento. El objetivo es mejorar

Internet ampliando la interoperabilidad entre los sistemas informáticos usando "agentes

inteligentes". Agentes inteligentes son programas en las computadoras que buscan

información sin operadores humanos. Con la web 3.0 se busca que los usuarios puedan

conectarse desde cualquier lugar, cualquier dispositivo y a cualquier momento.

Entre sus innovaciones destacan:

Bases de datos

Inteligencia artificial

Web semántica y SOA

Evolución al 3D


5/17


La web 4.0

las aplicaciones ya no estarán en nuestras PC’s, estarán en la internet y por ende entodos lados. Pasaremos de una red “tonta” a una red “inteligente” donde el objetivo

primordial será el de unir las inteligencias donde tanto las personas como las cosas se

comuniquen entre sí para generar la toma de decisiones. Para el 2020 o quizás antes se

espera que haya “agentes” en la Web que conozcan, aprendan y razonen como lo

hacemos las personas.

La Web Ubicua es un concepto que está aún en desarrollo, pero me llama curiosamente

la atención como se van complementando algunas tecnologías que nos permiten imaginar

o soñar lo que podemos esperar en un futuro no muy lejano. Imagínese recibir

información en su celular en la calle por la que camina y que su propio equipo le haga una

reservación en el restaurant de la esquina con solo saber sus gustos.

1.2 Arquitectura de las aplicaciones web

Una aplicación Web es proporcionada por un servidor Web y utilizada por usuarios que se

Conectan desde cualquier punto vía clientes Web (browsers o navegadores). La

arquitectura de un Sitio Web tiene tres componentes principales:

Un servidor Web

Una conexión de red

Uno o más clientes

El servidor Web distribuye páginas de información formateada a los clientes que las

solicitan. Los requerimientos son hechos a través de una conexión de red, y para ello se

usa el protocolo HTTP. Una vez que se solicita esta petición mediante el protocolo HTTP

y la recibe el servidor Web, éste localiza la página Web en su sistema de archivos y la

envía de vuelta al navegador que la solicitó.

Las aplicaciones Web están basadas en el modelo Cliente/Servidor que gestionan


6/17


servidores web, y que utilizan como interfaz páginas web.

Las páginas Web son el componente principal de una aplicación o sitio Web. Los

browsers piden páginas (almacenadas o creadas dinámicamente) con información a los

servidores Web. En algunos ambientes de desarrollo de aplicaciones Web, las páginas

contienen código HTML y scripts dinámicos, que son ejecutados por el servidor antes de

entregar la página.Una vez que se entrega una página, la conexión entre el browser y el servidor Web se

rompe, es decir que la lógica del negocio en el servidor solamente se activa por la

ejecución de los scripts de las páginas solicitadas por el browser (en el servidor, no en el

cliente). Cuando el browser ejecuta un script en el cliente, éste no tiene acceso directo a

los recursos del servidor. Hay otros componentes que no son scripts, como los applets

(una aplicación especial que se ejecuta dentro de un navegador) o los componentes

ActiveX. Los scripts del cliente son por lo general código JavaScript o VBSscript,

mezclados con código HTML.

La colección de páginas son en una buena parte dinámicas (ASP, PHP, etc.), y están

agrupadas lógicamente para dar un servicio al usuario. El acceso a las páginas está

agrupado también en el tiempo (sesión). Los componentes de una aplicación Web son:

1. Lógica de negocio.

Parte más importante de la aplicación.

Define los procesos que involucran a la aplicación.

Conjunto de operaciones requeridas para proveer el servicio.

2. Administración de los datos.

Manipulación de BD y archivos.

3. Interfaz

Los usuarios acceden a través de navegadores, móviles, PDAs, etc.

Funcionalidad accesible a través del navegador.

Limitada y dirigida por la aplicación.

Las aplicaciones web se modelan mediante lo que se conoce como modelo de capas,

Una capa representa un elemento que procesa o trata información. Los tipos son:

Modelo de dos capas: La información atraviesa dos capas entre la interfaz y la

administración de los datos.Modelo de n-capas: La información atraviesa varias capas, el

más habitual es el modelo de tres capas.

Modelo de dos Capas.

Gran parte de la aplicación corre en el lado del cliente (fat client).

Las capas son:


7/17


Cliente (fat client): La lógica de negocio está inmersa dentro de la aplicación que realiza el

interfaz de usuario, en el lado del cliente.

Servidor: Administra los datos.

Las limitaciones de este modelo son.

Es difícilmente escalableNúmero de conexiones reducida

Alta carga de la red.

La flexibilidad es restringida

La funcionalidad es limitada.

Modelo de tres Capas.

Esta diseñada para superar las limitaciones de las arquitecturas ajustadas al modelo dedos capas, introduce una capa intermedia (la capa de proceso) Entre presentación y los

datos, los procesos pueden ser manejados de forma separada a la interfaz de usuari o y a

los datos, esta capa intermedia centraliza la lógica de negocio, haciendo la administración

más sencil a, los datos se pueden integrar de múltiples fuentes, las aplicaciones web

actuales se ajustan a este modelo.

Las capas de este modelo son:

1. Capa de presentación (parte en el cliente y parte en el Servidor

Recoge la información del usuario y la envía al servidor (cliente)

Manda información a la capa de proceso para su procesado

Recibe los resultados de la capa de proceso

Generan la presentación

Visualizan la presentación al usuario (cliente)

2. Capa de proceso (servidor web)


8/17


Recibe la entrada de datos de la capa de presentación

Interactúa con la capa de datos para realizar operaciones

Manda los resultados procesados a la capa de presentación

3. Capa de datos (servidor de datos)

Almacena los datos

Recupera datos

Mantiene los datos

segura la integridad de los datos

1.3 Tecnologías para el desarrollo de las aplicaciones web

Lenguajes de programación

Java

Es un lenguaje orientado a objetos desarrollado por Sun Microsystems. La programación

en Java, permite el desarrollo de aplicaciones bajo el esquema de Cliente - Servidor,como de aplicaciones distribuidas, lo que lo hace capaz de conectar dos o más

computadoras u ordenadores, ejecutando tareas simultáneamente, y de esta forma logra

distribuir el trabajo a realizar.

PHP

Es un lenguaje de programación de uso general de código del lado del servidor


9/17


originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los

primeros lenguajes de programación del lado del servidor que se podían incorporar

directamente en el documento HTML en lugar de llamar a un archivo externo que procese

los datos. El código es interpretado por un servidor web con un módulo de procesador de

PHP que genera la página Web resultante.

Tecnologias en la capa de negociosSe clasifican en:

*Servidor de aplicaciones:

Usualmente se trata de un dispositivo de software que proporciona servicios de aplicación

a las computadoras cliente.

*Herramientas:

Conjunto de programas informaticos o utilidades que brindan la resolución de una

determinada tarea.

Servidor de aplicaciones

JBoss

JBoss es un servidor de aplicaciones para Java. Es muy reconocido por ser de los

primeros servidores de aplicación empresarial gratuito y open source. Al estar basado en

Java, puede ser utilizado en cualquier sistema operativo que lo soporte, ofreciendo una

plataforma de alto rendimiento para aplicaciones java, aplicaciones Web y Portales.

Enterprise Java Beans (EJB)

Es una plataforma para construir aplicaciones de negocio portables, escalables, y

reutilizables utilizando el lenguaje de programación java. Permite a los desarrolladores

enfocarse en la lógica del negocio sin tener que emplear tiempo en la conformación del

código de la infraestructura.

Adobre Dreamweaver

Es una aplicación en forma de estudio que está destinada a la construcción, diseño y

edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente

por Macromedia (actualmente producido por Adobe Systems) es uno de los programas

más utilizados en el sector del diseño y la programación web, por sus funcionalidades, su

integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de

los estándares del World Wide Web Consortium.

Eclipse Ganymede


10/17


Es un entorno integrado (IDE) para desarrollo de aplicaciones con java. Está soportado

por IBM, es un proyecto open source, multiplataforma para desarrollar lo que el proyecto

llama "Aplicaciones de Cliente Enriquecido". Se está convirtiendo en el estándar de facto

de los entornos de desarrollo para Java.

PostgreSQL Server 8.3

Es un potente gestor de código abierto, ofrece servicios de control de concurrencia multi-

versión, soportando casi toda la sintaxis SQL (incluyendo subconsultas, transacciones,

tipos y funciones definidas por el usuario), contando también con un amplio conjunto de

enlaces con lenguajes de programación (incluyendo C, C++, Java, Perl y Python). Es

extensible, brinda gran estabilidad y confiabilidad y es multiplataforma.


11/17


1.4 Planificación de aplicaciones web

A menudo antes de empezar un proyecto no tenemos claro cúal es el objetivo del mismo

o qué pretendemos alcanzar por eso esta pequeña lista te puede ayudar a la hora de

planificar un proyecto.

Planificar una aplicación web implica pensar y definir muchas cuestiones de importancia:

1. Planificar el futuro

Puede sonar un poco duro que nos tengamos planear el futuro de algo que aún no existe

pero es así, que pasa si en un futuro tuvieramos problemas de escalabilidad, y sí

tuvieramos que migrar las bases de datos de MySql a Oracle, de una buena planificación

depende la dificultad en un futuro de realizar cambios en la plataforma que sostiene

nuestra aplicación.

2. Documentación

Documenta todo lo que puedas tu aplicación en especial aquellas partes de la misma que

hayan requerido un mayor tiempo de desarrollo, en un futuro cercano te librará de más de

un quebradero de cabeza.

3. No empiezes por los pequeños detalles

A menudo es más sencillo plantearse el desarrollo de pequeños servicios cómo pueden

ser los RSS o una galería de imágenes, pero es fundamental comenzar por lo que vendrá

a ser la base de nuestra aplicación, de este modo podremos ir completando nuestra

aplicación en un orden lógico, primero los cimientos.

4. Diseño de la interfaz

Esta entrada puede que te ayude en esta parte, es importante conseguir un buen diseño

para nuestra interfaz, es importante conseguir un interfaz que se atractivo y útil para la

gran mayoria de los usuarios, lo más importante es llegar a conectar con el usuario y la


12/17


mejor manera es ofrecerle la mayor cantidad de información posible para que se llegue a

sentir parte del proyecto pero todo esto muchas veces no lo llegamos a conseguir por una

mala elección en la combinación de los colores que se integran en nuestra interfaz.

5. Evita construirte librerías o frameworks innecesarios

Muchas personas siempre sostienen que es mejor que cada desarrollador utilize sus

propias librerías, pero la realidad es que en muchas ocasiones esto supone una gran

pérdida de tiempo, es mejor buscar una librería o framework que se parezca lo más

posible a lo deseado que desarrollarlo por ti mismo.

6. Ten un plan de proyecto

Asegúrate de que cada desarrollador que trabaje en el proyecto sepa qué es lo que debe

de hacer y cuándo tiene que hacerlo, teniendo todo esto redactado en un documento te

ayudará a identificar problemas.

7. Elige el lenguaje adecuado

Ya sabes que hay numerosas discusiones sobre ¿Cúal es el mejor lenguaje de

programación?, la respuesta a menudo es depende de para que quieras utilizarlo, por eso

asegúrate de escoger el lenguaje adecuado.

8. Evita las distracciones

Optimiza tu tiempo, cuando estés trabajando que nada te distraiga, ni llamadas

telefónicas, ni clientes de mensajerías instantáneas, proponte un buen número de horas aldía de trabajo aislado dedicado al proyecto.

9. Sigue un buen control de calidad

Muchas veces nos equivocamos al planificar los tiempos de proyecto y esto lleva a

menudo a los desarrolladores a tener que escribir “código sucio”, esta es una buena

opción si lo que quieres es una demo de la aplicación funcionando pero ea actitud te

traerá problemas en el futuro.

10. Plantéate los pasos a seguir despues del desarrollo

Ten en cuenta que está fase de desarrollo algún día deberá acabar, estudia con qué

frecuencia se deberá actualizar y que se necesita para que este funcione.


13/17



14/17


Actividad de la unidad 1

Menciona 5 aspectos por los cuales el desarrollo de las aplicaciones web haevolucionado.

o Ahorra Tiempo

o No hay problemas de compatibilidad

o No ocupan espacio en nuestro disco duro.

o Actualizaciones inmediatas

o Consumo de recursos bajo

o Multiplataforma

o Portables

El desarrollo de aplicaciones WEB ha evolucionado por los siguientes aspectos:

Evolución del Uso/Demandas Evolución de Tecnologías Navegador

Evolución Tecnologías Servidores Marketing de Ventas Hiper-Hype y las Dot.Com

Cuáles son las 3 tendencias de lenguajes más importantes.

La Web actual es el resultado de los continuos esfuerzos de una comunidad web abiertaque ayuda a definir estas tecnologías web, tales como HTML5, CSS3 y WebGL, ygarantiza que todos los navegadores web las admitan.

HTML5CSS3WebGL

Existen dos tipos de aplicaciones web, cuales son.

Podemos encontrar dos tipos de aplicaciones web: las que siempre contienen la misma

información y aquellas que se van actualizando a un menor o mayor ritmo de manera

constante. La diferencia de los contenidos mostrados nos indicará rápidamente el tipo de

página y los recursos que se están utilizando.

o

Páginas estáticas: son el primer caso que he comentado anteriormente. Muestran

una información invariable y son un recurso rápido y sencillo para tener presencia

en Internet. Utilizar páginas estáticas no tiene ningún inconveniente siempre que

no vayamos a actualizar los contenidos de manera más o menos frecuente y

tengamos que editar el código de cada una de las páginas.


15/17


o Páginas dinámicas: las páginas dinámicas pueden alimentarse con datos

presentes en bases de datos, el sistema de archivos, programas, etc.. Por

supuesto, todas aquellas páginas que visitamos y cambian su contenido cada día

son dinámicas. El objetivo de usar páginas dinámicas es poder actualizar de

manera rápida y sencilla los contenidos, para ello, entre el soporte de datos

(normalmente una base de datos) y la presentación de la página (que sigue la

misma estructura que las páginas estáticas) se interpone una capa de

programación que actúa como filtro y gestor de los datos.

Describe la arquitectura de 3 capas.

Para solucionar estos problemas se ha desarrollado el concepto de arquitecturas de tres

niveles: interfaz de presentación, lógica de la aplicación y los datos.

o La capa intermedia es el código que el usuario invoca para recuperar los datos

deseados. La capa de presentación recibe los datos y los formatea para

mostrarlos adecuadamente. Esta división entre la capa de presentación y la de la

lógica permite una gran flexibilidad a la hora de construir aplicaciones, ya que se

pueden tener múltiples interfaces sin cambiar la lógica de la aplicación.

o La tercera capa consiste en los datos que gestiona la aplicación. Estos datos

pueden ser cualquier fuente de información como una base de datos.

o El primer nivel consiste en la capa de presentación que incluye no sólo elnavegador, sino también el servidor web que es el responsable de dar a los datosun formato adecuado. El segundo nivel está referido habitualmente a algún tipo deprograma o script. Finalmente, el tercer nivel proporciona al segundo los datosnecesarios para su ejecución.

Una aplicación Web típica recogerá datos del usuario (primer nivel), los enviará alservidor, que ejecutará un programa (segundo y tercer nivel) y cuyo resultado será

formateado y presentado al usuario en el navegador (primer nivel otra vez).

Que es java server pages.

javaServer Pages (JSP) es una tecnología que ayuda a los desarrolladores de software a

crear páginas web dinámicas basadas en HTML, XML, entre otros tipos de documentos.

JSP es similar a PHP, pero usa el lenguaje de programación Java.


16/17


Para desplegar y correr JavaServer Pages, se requiere un servidor web compatible con

contenedores servlet como Apache Tomcat o Jetty.

o TagLibs -> JSP -> Servidor Aplicaciones (Servlets) -> Cliente (Navegador)

El rendimiento de una página JSP es el mismo que tendría el servlet equivalente, ya que

el código es compilado como cualquier otra clase Java. A su vez, la máquina virtual

compilará dinámicamente a código de máquina las partes de la aplicación que lo

requieran. Esto hace que JSP tenga un buen desempeño y sea más eficiente que otras

tecnologías web que ejecutan el código de una manera puramente interpretada.

La principal ventaja de JSP frente a otros lenguajes es que el lenguaje Java es un

lenguaje de propósito general que excede el mundo web y que es apto para crear clases

que manejen lógica de negocio y acceso a datos de una manera prolija. Esto permite

separar en niveles las aplicaciones web, dejando la parte encargada de generar el

documento HTML en el archivo JSP.

Escribe al menos 3 tipos para la planificación de las aplicaciones web.

o Somos una empresa que además de tener presencia en la red buscamos

captar clientes. Ese debe ser el objetivo actual de las empresas cuando

pretenden tener presencia en la red. Básicamente,colocar el número de teléfono y

dirección en una página entre millones no va a garantizar, tan siquiera, que alguien

lo vea. Para conseguir clientes deben ponerse en marcha técnicas de marketing,

tener un diseño convincente y mostrar claramente los servicios o productos que se

ofrecen. Llegado este punto es cuando se debe valorar que una web dinámica

siempre permitirá cambiar los datos que mostramos de una manera más rápida,

con lo cual, seguramente, sea la opción a elegir. La opción más avanzada, en

estos casos, debe incluir un catálogo gestionable, una tienda online, etc. Según el

grado de personificación y los recursos de la empresa/persona a la que

encarguemos el trabajo nos ofrecerá un tipo de solución u otra.

https://es.wikipedia.org/wiki/Servlethttps://es.wikipedia.org/wiki/Apache_Tomcathttps://es.wikipedia.org/wiki/Jettyhttps://es.wikipedia.org/wiki/Jettyhttps://es.wikipedia.org/wiki/Apache_Tomcathttps://es.wikipedia.org/wiki/Servlet


17/17


o Portal de Internet: si nuestra presencia en la web va a ir más allá de una simple

página corporativa debemos tener claro primero el rango de

potenciales usuarios que queremos atraer a nuestro portal. Por ejemplo, un portal

turístico buscará atraer personas interesadas en sus vacaciones, un portal sobre

maquinaría, noticias de deportes de invierno, etc. En estos casos se ofrece

información y se obtiene beneficio, bien a través de la publicidad, suscripciones a

servicios extras o acuerdos entre empresas para destacar su información sobre el

resto. Con la web 2.0, muchos de esos portales se han convertido en

comunidades, donde son los propios usuarios los que aportan una parte de la

información.

o Servicio web: es el caso más complejo y concreto. Necesitará numerosos

recursos, una buena base de ingeniería y muchas horas programando para poner

en marcha una aplicación que hace algo en concreto. Por ejemplo, solicitar

documentación a la administración pública, reservas en sistemas de transporte y

hoteles, consultar nuestra cuenta bancaria, los TPV de pago seguro que son

llamados en las tiendas online, etc. Nos estamos refiriendo, no a la capa que el

usuario vé, si no a la parte que hay detrás de ella, seguramente, desde las páginas

web se harán llamadas a través de una API hacia el servicio web. En este caso la

arquitectura de tres capas que se había citado anteriormente se amplía,

integrándose la capa web, a través de un puente, el servicio web, con toda la

estructura lógica y de gestión (ERP,CRM, etc.) de la empresa que dá el soporte

al servicio web.

Documents

UNIDAD-1-ROMERO-MENDEZ-IVAN-DANIEL-12011267-PROGRAMACION-WEB.pdf