UNIDAD 1: ARQUITECTURA

Contenido:
1.1 Evolucin de las aplicaciones web
1.2 Arquitectura de las aplicaciones web.
1.3 Tecnologas para el desarrollo de aplicaciones web
1.4 Planificacin de aplicaciones web.
Conclusin
Fuentes de consulta


Introduccin

En este trabajo se habla de la evolucin de las aplicaciones web, de las arquitecturas de la web y
del funcionamiento de las capas, adems de las tecnologas que se usan para implementar una
aplicacin web y lo que se tiene que hacer para planificarla e implementarla.

1.1 Evolucin de las aplicaciones web

La programacin web es un trmino adecuado para describir el proceso general que engloba el
diseo y la creacin de un sitio web.

Hace algunos aos, los sitios web no eran mucho ms que folletos digitales. Actualmente los sitios
son ms grandes y complejos.

Con la introduccin de comercio electrnico y las pginas dinmicas, los sitios ya han dejado atrs
los folletos y han pasado a ser autnticas aplicaciones de software.



La Web 1.0


La Web 1.0 (1991-2003) es la forma ms bsica que existe, con navegadores de slo texto bastante
rpidos ya que es de slo lectura. El usuario no puede interactuar con el contenido de la pgina
(nada de comentarios, respuestas, citas, etc), estando totalmente limitado a lo que el Webmaster
sube a sta.

Algunos elementos de diseo tpicos de un sitio Web 1.0 incluyen:
Pginas estticas en vez de dinmicas por el usuario que la visita
El uso de framesets o Marcos.
Extensiones propias del HTML comoy , etiquetas introducidas durante la guerra de navegadores
web.
Libros de visitas online o guestbooks.
Botones GIF, casi siempre a una resolucin tpica de 88x31 pixels en tamao promocionando
navegadores web u otros productos.
Formularios HTML enviados va email. Un usuario llenaba un formulario y despus de hacer clic
se enviaba a travs de un cliente de correo electrnico, con el problema que en el cdigo se poda
observar los detalles del envo del correo electrnico.
No se podan adherir comentarios ni nada parecido
Todas sus pginas se creaban de forma fija y muy pocas veces se actualizaban.
No se trata de una nueva versin, sino de una nueva forma de ver las cosas.

La Web 2.0

El trmino Web 2.0 comprende aquellos sitios web que facilitan el compartir informacin, la
interoperabilidad, el diseo centrado en el usuario1 y la colaboracin 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 estticos donde los
usuarios se limitan a la observacin 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
folcsonomas (clasificacin de la informacin mediante etiquetas/tags por parte de los usuarios de
la misma).

Servicios asociados:
Blogs: Un blog es un espacio web personal en el que su autor puede escribir cronolgicamente
artculos, noticias (con imgenes y enlaces).
Wikis: Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual
de pginas donde varias personas elaboran contenidos de manera asncrona.
Redes sociales: Sitios web donde cada usuario tiene una pgina 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, segn el
contenido que albergan o el uso que se les da:
Documentos: Google Drive y Office Web Apps (SkyDrive), en los cuales podemos subir
nuestros documentos, compartirlos y modificarlos.
Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de vdeos subidos y
compartidos por los usuarios.
Fotos: Picassa, Flickr... Permiten disfrutar y compartir las fotos tambin tenemos la
oportunidad de organizar las fotos con etiquetas, separndolas por grupos como si fueran
lbumes, podemos seleccionar y guardar aparte las fotos que no queremos publicar.

Agregadores de noticias: Digg, Meneame... Noticias de cualquier medio son agregadas y votadas
por los usuarios.
Almacenamiento online: Dropbox, Google Drive, SkyDrive
Presentaciones: Prezzi, Slideshare.
Plataformas educativas
Aulas virtuales (sncronas)
Encuestas en lnea

La Web 3.0

Web 3.0 es una expresin que se utiliza para describir la evolucin del uso y la interaccin de las
personas en internet a travs de diferentes formas entre los que se incluyen la transformacin de
la red en una base de datos, un movimiento social hacia crear contenidosaccesibles por mltiples
aplicaciones non-browser, el empuje de las tecnologas de inteligencia artificial, la web semntica,
la Web Geoespacial o la Web 3D.
Se basa en la idea de aadir metadatos semnticos y ontolgicos a la World Wide Web. Esas
informaciones adicionales que describen el contenido, el significado y la relacin de los datos
se deben proporcionar de manera formal, para que as sea posible evaluarlas automticamente
por mquinas de procesamiento. El objetivo es mejorar Internet ampliando la interoperabilidad
entre los sistemas informticos usando "agentes inteligentes". Agentes inteligentes son programas
en las computadoras que buscan informacin 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 semntica y SOA
Evolucin al 3D

La web 4.0

Las aplicaciones ya no estarn en nuestras PCs, estarn en la internet y por ende en todos 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 quizs 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 an en desarrollo, pero me llama curiosamente la atencin como se van complementando
algunas tecnologas que nos permiten imaginar o soar lo que podemos esperar en un futuro no
muy lejano. Imagnese recibir informacin en su celular en la calle por la que camina y que su
propio equipo le haga una reservacin en el restaurant de la esquina con solo saber sus gustos.

1.2 Arquitectura de las aplicaciones web.

La arquitectura de las aplicaciones Web suelen presentar un esquema de tres niveles (capas).

El primer nivel consiste en la capa de presentacin que incluye no slo el navegador, sino tambin
el servidor web que es el responsable de dar a los datos un formato adecuado.

El segundo nivel est referido habitualmente a algn tipo de programa o script.

Y finalmente, el tercer nivel proporciona al segundo los datos necesarios para su ejecucin.

Una aplicacin Web tpica recoger datos del usuario (primer nivel), los enviar al servidor, que
ejecutar un programa (segundo y tercer nivel) y cuyo resultado ser formateado y presentado al
usuario en el navegador (primer nivel otra vez).

Arquitectura Web de tres niveles

1.3 Tecnologas para el desarrollo de aplicaciones web

Las fases de un desarrollo web, as como los lenguajes de programacin usados, son muy extensos
y variados, y por ello necesitamos herramientas especficas para cada una de ellas. Conoceremos a
continuacin las principales herramientas existentes para poder desarrollar fcilmente un
proyecto web.

En el desarrollo web tenemos unas herramientas para el diseo, otras para la maquetacin, otras
para la programacin, y para la depuracin. Todas las herramientas que usemos son muy
importantes, desde el Sistema Operativo hasta el comando ms insignificante, y por ello debemos
elegir la ms adecuada a nuestras necesidades y capacidades.

Para desarrollar una web, lo primero que necesitamos es un Sistema Operativo, como es lgico, y
su eleccin no es tan trivial. Hay que tener en cuenta las aplicaciones de las que dispone el Sistema
Operativo y sus costes.

Por ejemplo, tenemos Microsoft Windows, cuyas aplicaciones son muy caras, como Photoshop,
Dreamweaver, Fireworks, ASP .NET Y por otro lado tenemos GNU/Linux, con GIMP, Inkscape,
Amaya, Aptana, PHP (aunque todos ellos tambin estn disponibles en Windows).

Otra caracterstica a tener en cuenta es las facilidades que el Sistema Operativo aporta al
desarrollador, y en este sentido GNU/Linux se lleva de calle a Windows. Y esto es porque Windows
no fue diseado para los desarrolladores, sino para personas que no tienen muchos conocimientos
sobre informtica.

Y por el contrario GNU/Linux fue creado por desarrolladores, y para desarrolladores; y por lo tanto
en GNU/Linux podemos encontrar infinidad de herramientas que nos harn la vida mucho ms
fcil, que adems son libres.

1.4 Planificacin de aplicaciones web.

La planificacin es para ahorrar tiempo y ganar calidad.

Antes de planificar es necesario responder a las siguientes preguntas:

1. Qu tipo de web voy a crear?
2. Qu clase de pblico visitar la web?
3. Cul es la finalidad / objetivo final de la pgina web?
4. Cumplir el diseo en mente los objetivos?
5. Es usable e intuitivo?

Documentar: se trata de documentar todo lo que se pueda, en especial, aquellas partes de que
hayan requerido un mayor tiempo de desarrollo, en un futuro cercano esta accin puede ahorrar
tiempo y problemas. No empieza por los detalles, como por ejemplo una galera de imgenes, sino
por la base de la aplicacin.

Diseo de la interfaz: es importante conseguir un buen diseo para la interfaz, la cual debe ser
atractiva, til e informativa.

Evitar construir libreras o frameworks innecesarios: Varios desarrolladores sostienen que es mejor
utilizar libreras propias, pero la realidad es que en muchas ocasiones esto supone una gran
prdida de tiempo, es mejor buscar una librera o framework que se parezca lo ms posible a lo
deseado que desarrollarlo por s mismo.

Realizar un plan de proyecto: Asegurarse de que cada desarrollador que trabaje en el proyecto
sepa qu es lo que debe de hacer y cundo tiene que hacerlo, teniendo todo esto redactado en un
documento.

Elegir el lenguaje adecuado: la respuesta a menudo depende de para qu se quiere utilizarlo.

Ciclo de vida clsico Pressman, adaptada para el desarrollo de Web:

Formulacin.
Planificacin.
Anlisis (contenido, interaccin, funcional, configuracin).
Diseo (arquitectnico, navegacin, interfaz, de base de datos).
Implementacin.
Pruebas.


Metodologas

UWE UML (UML-Based Web Engineering)
Es una metodologa de desarrollo de aplicaciones web, utilizada en la ingeniera web, prestando
especial atencin en sistematizacin y personalizacin (sistemas adaptativos).

Otras Metodologas
WSDM
SOHDM
RNA
HFPM
OOHDM
UWE
W2000
UWA
NDT
DDDP

Conclusin

La web ha ido evolucionando de acuerdo a las necesidades del usuario. La web fue y sigue siendo
un instrumento de gran importancia para la comunicacin, no se necesita ser un experto para
saber cmo se utiliza. La inclusin del usuario en el desarrollo de la web ha permitido crear
sociedades de internautas, haciendo a la web un segundo mundo. Lo que nos ofrecer la web en el
futuro, es un mundo virtual al cual podrs acceder en cualquier momento y en cualquier lugar.

Toda aplicacin web se disea con la intencin de satisfacer las necesidades de una audiencia
concreta y determinada, por lo que ser ms usable cuanto ms adaptado est su diseo a esta
audiencia especfica, y por tanto menos lo est para el resto de personas.
Dentro de lo que son las arquitecturas de las aplicaciones web se explica la forma en la que
funciona cada nivel y lo que estas capas hacen para que las aplicaciones web le muestren al
usuario lo que pide.

Muchos desarrolladores en algn u otro momento caen en la tentacin de comenzar a disear un
nuevo proyecto sin ningn tipo de planificacin previa. Ya sea por pecar de novatos, perezosos o
simplemente no creer en que la planificacin debe formar parte del proyecto.

Fuentes de consulta

http://appsdelweb.blogspot.mx/2013/02/11-evolucion-de-las-aplicaciones-web.html
http://www.estructurayprogramacion.com/materias/programacion-web/arquitectura-de-las-
aplicaciones-web/
http://www.estructurayprogramacion.com/materias/programacion-web/tecnologias-para-el-
desarrollo-de-aplicaciones-web/
http://campus.itnl.edu.mx/mod/resource/view.php?id=683