INSTITUTO TECNOLOGICO SUPERIOR DE

TANTOYUCA

INGENIERIA EN SISTEMAS COMPUTACIONALES

Programacin web

Docente:
MC. Lluvia Erndira Ponce Martnez

Nombre del Trabajo:

Evolucin y arquitectura de las aplicaciones web

Nombre del Alumno:

Rodrigo Alejandro Reyes Hernndez

Nm. Control:
133S0176

Semestre:
8mo.

Grupo:
B

Tantoyuca Ver. A 16 de febrero de 2017

1
ndice de contenido
Introduccin ................................................................................................................................................ 2
Evolucin de las aplicaciones web .............................................................................................................. 3
.................................................................................................................................................................... 4
Arquitectura de las aplicaciones web ......................................................................................................... 5
Todo en un servidor .................................................................................................................... 5
Servidor de datos separado ......................................................................................................... 5
Todo en un servidor, con servicio de aplicaciones ........................................................................ 6
Arquitectura Cliente servidor: ................................................................................................... 9
Arquitectura de tres niveles: ....................................................................................................... 9
Cuadro comparativo de las arquitecturas de aplicaciones web ............................................................... 11
Cliente Servidor.......................................................................................................................11
Tres Niveles ............................................................................................................................... 12
Tecnologas para el desarrollo de aplicaciones web................................................................................. 13
Cuadro comparativo ..................................................................................................................13
Referencias ............................................................................................................................................... 14

Introduccin

Esta investigacin es muy afondo porque se ver como es la evolucin de las pginas web
hasta hoy en da como son en los aos anteriores las paginas eran estticas o en da las
pginas web son dinmicas y han tenido mucho auge en las empresas porque les ha
ayudado en muchas de sus tareas de dar a conocer sus productos o servicios.

As como como es la arquitectura de las pginas web.

2
 Evolucin de las aplicaciones web
1842. Primer algoritmo
El primer algoritmo escrito para
un computador fue hecho por
Ada Byron, en cuyos escritos se
detallaban la mquina analtica.
1921. Primer diagrama
El primer mtodo estructurado
para documentar el flujo de
proceso, el "proceso de diagrama
de flujo", fue presentado por
Frank Gilbreth a los miembros
de la Sociedad Americana de
Ingenieros Mecnicos (ASME).
1973. Xerox PARC
Xerox Alto fue el primer
ordenador personal, as como el
primero que utiliz la metfora
de escritorio y una interfaz
grfica de usuario.
1973. DARPA
Crean nuevos protocolos de
comunicaciones que permiten
el intercambio de informacin
para las computadoras
conectadas, surge Internet.
1957.IBM, John Backus.
FORTRAN, lenguaje diseado
especficamente para uso
cientfico.
1959. CODASYL y el
Pentgono.
Con el objetivo de crear un
lenguaje de programacin
universal que pudiera ser
usado en cualquier PC nace
COBOL.
1989. Tim Berners Lee
Lenguaje de formato de
documentos para hipertexto,
que se utiliza para el
desarrollo de pginas web.
1991. CERN y Tim Bernersn
Lee
Crean primer navegador, era
bastante sofisticado y grfico
solo funcionaba con NeXT el
primer navegador del mundo.
1960. Milicia E.U.A.
Se crea ARPANET exclusivamente
de uso militar, con el objetivo de un
ataque ruso, se pudiera tener acceso
a la informacin militar desde
cualquier punto del pas.
Esta red se cre en 1969 y se llam
ARPANET. En principio, la red contaba con
4 ordenadores distribuidos entre distintas
universidades del pas. Dos aos despus,
ya contaba con unos 40 ordenadores
conectados. Entonces dos investigadores
crearon el Protocolo TCP/IP, que se
convirti en el estndar de comunicaciones
dentro de las redes informticas.
1991-2003. Web 1.0
Es la forma ms bsica
que existe, con
navegadores de slo
texto bastante rpidos
ya que es de slo
lectura.
1993. Apple
El lanzamiento fue en octubre de
1993 como parte del sistema
7.1.1. QuarkXPress (Versin
3.2) fue una de las primeras
aplicaciones en soportar applets.
3
1995. Benjamin Slivka
Internet Explorar es un
navegador web desarrollado
por Microsoft para el sistema
operativo Microsoft
Windows.
2003. Dave Hyatt, Joe Hewitty y Blake
2006. Web 3.0
Ross
Entre sus innovaciones destacan:
Mozilla Firefox es un navegador web libre
Bases de datos
y de cdigo abierto desarrollado para
Inteligencia artificial
Microsoft, Mac OS X y GNU/Linux
Web semntica y SOA
coordinado por la Corporacin Mozilla.
Evolucin al 3D

1997. Java 2004. Web 2.0 2008. Google

La especificacin original de Un sitio Web 2.0 permite a los El 2 de septiembre de
Servlets fue creada por Microsoft. usuarios interactuar y 2008 Google Chrome vio
El Servlet es una clase en el colaborar entre s como la luz. El nombre del
lenguaje de programacin Java, creadores de contenido navegador deriva del
utilizada para ampliar las generado por usuarios en una trmino usado para el
capacidades de un servidor. comunidad virtual. marco de la interfaz
grfica de usuario
("Chrome").

2020. Web 4.0

Por ahora algunos sealan que el resultado
de 3D + web 3.0 (web semntica) +
Inteligencia artificial + voz como vehculo
de intercomunicacin = web 4.0 (web total).

4
Arquitectura de las aplicaciones web

Las aplicaciones web se basan en una arquitectura cliente/servidor: por un

lado, est el cliente (el navegador, explorador o visualizador) y por otro lado el
servidor (el servidor web). Existen diversas variantes de la arquitectura bsica segn
como se implementen las diferentes funcionalidades de la parte servidor. Las
arquitecturas ms comunes son:

Todo en un servidor (Figura 1): un nico ordenador aloja el servicio de HTTP,

la lgica de negocio y la lgica de datos y los datos. El software que ofrece el servicio
de HTTP gestiona tambin la lgica de negocio. Las tecnologas que emplean esta
arquitectura son ASP y PHP.

Figura 1 Arquitectura de las aplicaciones web: no todo en un servidor

Servidor de datos separado (Figura 2): a partir de la arquitectura anterior, se

separa la lgica de datos y los datos a un servidor de bases de datos especficos.
Las tecnologas que emplean esta arquitectura son ASP y PHP.

Figura 2 Arquitectura de las aplicaciones web: separacin servidor de datos

5
 Todo en un servidor, con servicio de aplicaciones (Figura 3): en la
arquitectura nmero 1 se separa la lgica de negocio del servicio de HTTP y se
incluye el servicio de aplicaciones para gestionar los procesos que implementan la
lgica de negocio. La tecnologa que emplea esta arquitectura es JSP.

Figura 3 Arquitectura de las aplicaciones web: todo en un servidor, con servicio de aplicaciones

El objetivo de separar las distintas funcionalidades (servicio de HTTP, lgica

de negocio y lgica de datos) en distintos servidores es aumentar la escalabilidad
del sistema de cara a obtener un mayor rendimiento. Al separar las distintas
funcionales en distintos servidores, cada uno de ellos se puede configurar
(dimensionar) de forma adecuada a los requisitos que presenta cada uno de ellos.
Por ejemplo, para ofrecer el servicio de HTTP hace falta un ordenador con una
buena conexin a Internet, rpido, pero sin grandes necesidades de
almacenamiento.

Figura 4 Arquitectura de las aplicaciones web: separacin servidor de datos, con servicio de aplicaciones.

6
 Figura 5 Arquitectura de las aplicaciones web: todo separado

Una aplicacin Web es proporcionada por un servidor Web y utilizada por

usuarios que se Conectan desde cualquier punto va clientes Web (browsers o
navegadores). La arquitectura de un Sitio Web tiene tres componentes principales:

Un servidor Web
Una conexin de red
Uno o ms clientes

El servidor Web distribuye pginas de informacin formateada a los clientes que

las solicitan. Los requerimientos son hechos a travs de una conexin de red, y para
ello se usa el protocolo HTTP. Una vez que se solicita esta peticin mediante el
protocolo HTTP y la recibe el servidor Web, ste localiza la pgina Web en su
sistema de archivos y la enva de vuelta al navegador que la solicit.

Figura 6 Arquitectura bsica

7
 Las aplicaciones Web estn basadas en el modelo Cliente/Servidor que
gestionan servidores web, y que utilizan como interfaz pginas web. Las pginas
Web son el componente principal de una aplicacin o sitio Web. Los browsers piden
paginas (almacenadas o creadas dinmicamente) con informacin a los servidores
Web. En algunos ambientes de desarrollo de aplicaciones Web, las paginas
contienen cdigo HTML y scripts dinmicos, que son ejecutados por el servidor
antes de entregar la pgina.

8
Arquitectura Cliente servidor: La arquitectura cliente-servidor es un modelo de
aplicacin distribuida en el que las tareas se reparten entre los proveedores de
recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un
cliente realiza peticiones a otro programa, el servidor, que le da respuesta.

En esta arquitectura la capacidad de proceso est repartida entre los clientes y los
servidores, aunque son ms importantes las ventajas de tipo organizativo debidas
a la centralizacin de la gestin de la informacin y la separacin de
responsabilidades, lo que facilita y clarifica el diseo del sistema.

Figura 7 Arquitectura cliente servidor

Arquitectura de tres niveles: En la arquitectura en tres niveles existe un nivel

intermedio. Esto significa que la arquitectura generalmente est compartida por:

Un cliente, es decir, el equipo que solicita los recursos, equipado con una interfaz
de usuario (generalmente un navegador web) para la presentacin.

El servidor de aplicaciones (tambin denominado software intermedio), cuya

tarea es proporcionar los recursos solicitados, pero que requiere de otro servidor
para hacerlo.

El servidor de datos, que proporciona al servidor de aplicaciones los datos que

ste le solicit.

9
El uso masivo del trmino arquitectura en tres niveles tambin denota las siguientes
arquitecturas:

Aplicacin compartida entre un cliente, un software intermedio y un servidor

empresarial.
Aplicacin compartida entre un cliente, un servidor de aplicaciones y un
servidor de base de datos empresarial.

Figura 8 arquitectura de 3 niveles

10
 Cuadro comparativo de las arquitecturas de aplicaciones web
Cliente Servidor

ARQUITECTURAS CARACTERISTICAS VENTAJAS DESVENTAJAS

En la arquitectura C/S el remitente de una Centralizacin del control: los accesos,
solicitud es conocido como cliente. Sus recursos y la integridad de los datos son controlados
caractersticas son: por el servidor, de forma que un programa cliente
defectuoso o no autorizado no pueda daar el
sistema. Esta centralizacin tambin facilita la tarea
de poner al da datos u otros recursos (mejor que en
las redes P2P).
La congestin del trfico ha sido siempre un problema
en el paradigma de C/S. Cuando una gran cantidad de
clientes envan peticiones simultaneas al mismo servidor,
puede ser que cause muchos problemas para ste (a
mayor nmero de clientes, ms problemas para el
servidor). Al contrario, en las redes P2P, como cada nodo
en la red hace tambin de servidor, cuantos ms nodos
hay, mejor es el ancho de banda que se tiene.

Es el que inicia solicitudes o Escalabilidad: se puede aumentar la capacidad
peticiones. Tiene, por tanto, un papel de clientes y servidores por separado. Cualquier
activo en la comunicacin. elemento puede ser aumentado (o mejorado) en
cualquier momento, o se pueden aadir nuevos
Cliente-servidor nodos a la red (clientes y/o servidores).
Espera y recibe las respuestas del Fcil mantenimiento: Al estar distribuidas las
servidor. funciones y responsabilidades entre varios
ordenadores independientes, es posible reemplazar,
reparar, actualizar o incluso trasladar un servidor,
mientras que sus clientes no se vern afectados por
ese cambio (o se afectarn mnimamente). Esta
independencia de los cambios tambin se conoce
como encapsulacin.
El paradigma de C/S clsico no tiene la robustez de una
red P2P. Cuando un servidor est cado las peticiones de
los clientes no pueden ser satisfechas. En la mayor parte
de redes P2P, los recursos estn generalmente
distribuidos en varios nodos de la red. Aunque algunos
salgan o abandonen la descarga; otros pueden todava
acabar de descargar consiguiendo datos del resto de los
nodos en la red.
El software y el hardware de un servidor son
generalmente muy determinantes. Un hardware regular de
un ordenador personal puede no poder servir a cierta
cantidad de clientes. Normalmente, se necesita software y
hardware especficos, sobre todo en el lado del servidor
para satisfacer el trabajo. Por supuesto, esto aumentar el
coste.

Por lo general, puede conectarse a Tecnologas: existen algunas suficientemente
varios servidores a la vez. desarrolladas, diseadas para el paradigma de C/S,
que aseguran la seguridad en las transacciones, la
amigabilidad de la interfaz y la facilidad de empleo.
El cliente no dispone de los recursos que puedan existir
en el servidor. Por ejemplo, si la aplicacin es una Web no
podemos escribir en el disco duro del cliente o imprimir
directamente sobre las impresoras sin sacar antes la
ventana previa de impresin de los navegadores.

Normalmente, interacta directamente

con los usuarios finales mediante una
interfaz grfica de usuario.

Al contratar un servicio de red, se debe

de tener en cuenta la velocidad de
conexin que se le otorga al cliente y el
tipo de cable que utiliza.

11
 Tres Niveles

ARQUITECTURAS CARACTERISTICAS VENTAJAS DESVENTAJAS

El primer nivel consiste en la capa de Un mayor grado de flexibilidad. Los ambientes de tres capas pueden
presentacin que incluye no slo el incrementar el trfico en la red y requiere ms
navegador, sino tambin el servidor web que balance de carga u tolerancia a las fallas.
es el responsable de presentar los datos un
formato adecuado.

El segundo nivel est referido Mayor seguridad, ya que la seguridad se Los exploradores actuales no son todos iguales.
habitualmente a algn tipo de programa o puede definir independientemente para
script. cada servicio y en cada nivel.

Finalmente, el tercer nivel proporciona al Mejor rendimiento, ya que las tareas se La estandarizacin entre diferentes proveedores
segundo los datos necesarios para su comparten entre servidores. ha sido lenta en desarrollarse. Muchas
ejecucin. Una aplicacin Web tpica organizaciones son forzadas a escoger uno en
recoger datos del usuario (primer nivel), los lugar de otro, mientras que cada uno ofrece sus
enviar al servidor, que ejecutar un propias y distintas ventajas.
TRES NIVELES programa (segundo y tercer nivel) y cuyo
resultado ser formateado y presentado al
usuario en el navegador (primer nivel otra
vez).

Las llamadas de la interfaz del usuario

en la estacin de trabajo, al servidor de
capa intermedia, son ms flexibles que en
el diseo de dos capas, ya que la estacin
solo necesita transferir parmetros a la
capa intermedia.

La separacin de roles en tres capas,

hace ms fcil reemplazar o modificar una
capa sin afectar a los mdulos restantes.

12
 Tecnologas para el desarrollo de aplicaciones web
Cuadro comparativo

Tecnologias Descripcion Ventajas Desventajas

Es un lenguaje sencillo. Su sencillez hace que pueda Esun lenguaje estatico que no permite manejar base
disearse y desplegarse en un sitio web en muy poco de datos. Las pagina pueden variar su aspecto
Es un lenguaje que se utiliza para el desarrollo de
HTML tiempo. Es el lenguaje mas extendido, todos los dependiendo del navegador. Su funcionalidad es
paginas web. HTML se encuentra en su version 5.
navegadores lo admiten. Codigo visible e limitada. El diseo de las paginas tambien esta
interpetable por los buscadores. limitado aunque HTML5 ha mejorado.

Por lo general debe conbinarse con otros lenguajes

Es un lenguaje interpretado, es decir que son los Es un lenguaje interpretado soporta la gran mayoria
navegadores los que procesan e iterpretan. El
JavaScript codigo se integra dentro de las paginas web y
esdificil ver paginas creadas exclusivamente en
este codigo.
para poder disear un sistio web completo. Algunos
de los navegadores. Incluye funcionalidades no
buscadores no son capaces de acceder al contenido
soportadas por HTML. Puede utilizarse
de la pagina lo que dificuta su posicionamiento.
conjuntamente y muy facilmente con el lenguaje
Nacesita descargarse en su totalidad para ser
HTML.
interpretado adecuadamente.

Se trata de un lenguaje de un muy alto nivel

Es un lenguaje sencillo y facil de leer. Soportado por
interpretado y orientado a objetos no muy
la mayoria de las plataformas web. Se trata de un
Ruby conocido. Tiene integrada la interaccion con las Su uso no es muy extendido.
software libre o opensource. Integra comandos de
bases de datos y es facilmente portable entre
manejo de bases de datos.
plataformas.

Es un coodigo propietario de Microsoft no abierto.

Admite la programacion con Visual Basic Script lo No es facil de leer e interpretar, se necesita escribir
EL lenguaje ASP se trata de un lenguaje de
que facilita su implementacion. Soporta el lenguaje mas codigo para hacer lo mismo que con otros
programacion web desarrollado por Microsoft en
Jscript de Microsoft. El lenguaje ASP.NET soporta lenguajes como PHP. Muchos Hostings y
1996 para poder crear sitios web dinamicos. Es
ASP y ASP.NET programacion C#, VB.NET, J#, es un lenguaje alojamientos web no lo soportan por su alto coste.
un lenguaje interpretado en el lado del servidor.
completamente orientado a objetos. ASP.NET ha ASP.NET necesita tener instalado IIS con el
El ASP.NET no es mas que el siguiente paso
incrementado notablemente la velocidad y Framework.NET. El consumo de los recursos de
evolutivo del ASP.
seguridad de los sistemas frente a ASP. ASP:NET es importante por lo que se requieren
servidores de mayorcapacidad.

Para poder ver y testear las pginas que vayamos

Es un lenguaje sencilllo, facil de estudiar y aprender. creando es necesario disponer de un servidor web
El lenguaje PHP es uno de los lenguajes mas
Una de sus caracteristicas es la rapidez. Lo soportan que soporte PHP. Al ser interpretado en el servidor,
antiguos, y utilizados en el diseo de paginas
la mayoria de las plataformas de alojamiento web. es ms fcil que se colapse cuando el nmero de
PHP web que utilizan bases de datos.Permite la
Puede mezclase con codigo HTML, aunque peticiones de descarga de pginas aumenta. Parte
creacion de aplicaciones web que pueden estar
estodificulta su lectura. Esta en continuo desarrollo y del contenido de las pginas puede no ser accesible
dentro de las paginas web en HTML
soporta numerosas funcionalidades. a los navegadores, dificultando el posicionamiento
de las pginas.

13
Referencias
Conceptos generales de la arquitectura de aplicaciones pgina web http://www.ra-
ma.es/descargas/descargar.php?fichero=Z3dkZXNjYXJnYXNwcm9mIzIzOSM5Nzg4NDk5NjQxNj
A3X0NhcGl0dWxvIDEucGRm.(PDF) .

Sergio Lujn Mora (2001) (en espaol, libro completo gratuito

en pdf). Programacin en Internet: Clientes Web (1 edicin). Editorial Club
Universitario.
Sergio Lujn Mora (2002) (en espaol, libro completo gratuito
en pdf). Programacin de aplicaciones web: historia, principios bsicos y clientes
web (1 edicin). Editorial Club Universitario.

14