Unidad 1 de aplicaciones wep, historia

1. Aplicaciones Web
Unidad 1
Arquitectura

2. Subtemas
• 1.1 Evolución de las Aplicaciones Web.
• 1.2 Arquitectura de las Aplicaciones Web.
• 1.3 Tecnologías para el Desarrollo de
Aplicaciones Web.
• 1.4 Planificación de Aplicaciones Web.

3. 1.1 Evolución de la Aplicaciones Web
Internet: Breve historia
• 1966: Se crea ARPANET, “el primer Internet”.
• Por ARPA: Agencia de Investigación de
Proyectos Avanzados. Defensa de los E.U.

4. El primer “Internet”
• Inició un programa de
investigación de
Técnicas y Tecnologías
para unir diversas
redes de conmutación
de paquetes,
permitiendo así a las
computadoras
conectadas
comunicarse entre sí.

5. El primer “Internet”
• A mediados de la dedada de los 70’s, en 3
centros de investigación se desarrollaron
estudios sobre la comunicación de
ordenadores, redes distribuidas y la
conmutación de paquetes.

6. ARPANET
• Lawrence (Larry)
Roberts “el padre de
Internet”, diseñador
principal y director
del equipo de
ingenieros que
crearon ARPANET,
precursor de la
actual Internet.

7. ARPANET
• Objetivo: Explorar la distribución y uso
compartido de recursos compartidos y las
comunicaciones basadas en conmutación de
paquetes.

8. ARPANET
• The Rand Corporation, idearon un sistema
donde cada nodo conectado era
autosuficiente, cada mensaje se enviaba en
una serie de pequeños trozos, de forma
individual , estos contenían información sobre
su origen y destino.
• NPL: acuñaron los terminos “paquete” y
“conmutación de paquetes”.

9. ARPANET
• 1969: Se instala el primer nodo, en la UCLA.
• El segundo en el Instituto de Investigación de
Stanford (SRI) y se transmite el primer
mensaje.
• Tercero, Universidad de California en Santa
Bárbara (UCSB).
• Y el Cuarto, en la Universidad de Utah.

10. ESQUEMA ARPANET

11. Correo Electrónico
• 1972: Ray Tomlinson crea el primer programa de
correo electrónico, al perfeccionarlo incluye el @.
• Primera demostración pública de ARPANET.
• Primera conexión internacional (Univ. Inglaterra y
Noruega).

12. Protocolos de Internet
• En 1972, Robert Kahn
desarrolló un modelo
de arquitectura de red
abierta, donde
cualquier ordenador
pudiera conectarse con
cualquier otro
independientemente de
software o hardware
particular.

13. Protocolos
• La idea de entrelazar las
redes existentes, le llevo a
desarrollar junto con
Vinton Cerf el Protocolo
de Control de
Transmisión/Protocolo
de Internet (TCP/IP).
Acuña la palabra Internet.
• TCP/IP. Gobierna las
comunicaciones en
Internet.

14. TCP/IP
• 1974 se presenta el
Protocolo de Control de
Transmisión (TCP).
• Se encarga de la
comunicación extremo
a extremo (entre el
cliente y el servidor).
• 1978, Vinton Cerf junto
con otros añaden al
protocolo TCP otra
parte para la
interconexión de redes
el protocolo IP .
• Se encarga del proceso
de direccionamiento.

15. Historia de la Web
• 1989. Tim Berners-Lee,
“El padre de la Web”.
Del CERN (Centro
Europeo de
Investigación Nuclear).
• Creó los tres elementos
clave en el nacimiento
de la Web.

16. Historia de la Web
• HTML, como lenguaje para crear los
documentos y contenidos de la web, basado
en Standard Generalized Markup Lenguage
(SGML).

17. Historia de la Web
• HTTP, como protocolo de comunicación entre
ordenadores de la Web, encargado de la
transferencia de las páginas web y demás
recursos.

18. Historia de la Web
• URL, como medio de
localización
(direccionamiento)
de los distintos
recurso de Internet.

19. Historia de la Web
Los Pilares de la Web.

20. ARPANET SE DIVIDE
• Para 1990 ARPANET se divide en 2 redes:
• 1. MILNET: la parte militar.
• 2. ARPANET (INTERNET): naturaleza pública,
dirigida al mundo académico, científico e
industrial.

21. Historia de la Web
• En Oct. 1990. Tim
Berners-Lee desarrolla
un editor y navegador
gráfico de hipertexto
para NeXTStep, el SO de
los ordenadores NeXT.
• WorldWideWeb (prog.)
y “Word Wide Web”
como proyecto.
Nov. 1er Servidor Web y 1ra. Pág. Web.
Posteriormente cambio a Nexus (Nav.)

22. Primer Navegador WorldWideWeb
Menús
NeXTStep
Multiventana
Imágenes en Línea
Creación de enlaces
Cerrar

23. Historia de la Web
• 1992: Marc Andreesen y Eric Bina.
• Nuevo navegador para Unix con nuevas
características como la etiqueta <CENTER>,
imágenes en línea, navegación sencilla a
través de enlaces.

24. NCSA MOSAIC

25. Navegador Netscape

26. Historia de la Web
• 1994: Se funda W3C
(World Wide Web
Consortium). Ponen en
orden y estandarizan la
Web.
• 1995: Microsoft
Internet Explorer 1.0.
basado en NCSA.
Mosaic (adquiriendo el
código fuente).

27. Guerra de Navegadores
Internet Explorer
• Noviembre 1995. IE 2.0
• 1996, Agosto. IE 3.0 soporte
para marcos y programación
con lenguajes de Script.
• 1998: La inclusión de IE 4.0
de forma gratuita en el SO
de Microsoft.
Netscape navigator
• 1996 Marzo: Netscape
Navigator con nuevas
características como HTML
3.0, marcos, ejecución de
applets java, JavaScript.
• Agosto 1996: Nescape
navigator 3.0
VS.

28. Guerra de Navegadores
• En los Siguientes años MS. Lanzó IE 5, IE 6, sin
competencia seria, MS dejó de mejorar su
navegador.
• 2002: Se ve una “segunda guerra de
navegadores”, con la aparición de Mozilla.

29. Segunda Guerra de Navegadores
• Aprovenchando el
descuido, comenzó a
desarrollar su propio
navegador, nombrado
FireFox 1.0.7. Fue
lanzado al miso tiempo
que IE 6.0.

30. Guerra de Navegadores
• Aunque desde el año 1994 ya habia nacido
Opera y por otro lado Safari, no eran
competencia relevante para IE.
• Mientras que FireFox e IE se disputan el
terreno entran en juego dos empresas mas.

31. Guerra de Navegadores
• Ahora la lucha ya no era para obtener el
mayor número de usuarios, ahora todo
Internet había cambiado.
• Centrándose en los sig. puntos.:
• 1. Velocidad al navegar
• 2. Compatibilidad con las normas W3C
(interpretación de manera correcta de HTML,
CSS)

32. Guerra de Navegadores
• 3. Funciones integradas al navegador.
• 4. Uso amigable para usuarios básicos.
• 5. Administración de Memoria y menor uso
de espacio.
• 6. Seguridad y Protección al usuario.

33. Guerra de Navegadores
• Hacia finales del 2008 hace su llegada Google
Inc. Con su navegador Google Chrome,
sorprendiendo con su velocidad, estabilidad y
un excelente administrador de recursos de
memoria.

34. Web 1.0
• La Web del siglo XX. Concepto que engloba
páginas web estáticas, donde el usuario no
tiene ningún tipo de interacción con el
contenido de éstas, era unidireccional,
informativo principalmente.

35. Web 2.0
• Los usuarios se
convierten en
colaboradores y
generadores de
contenidos.
Denominada
“la red social”

36. Diferencias

37. Web 3.0
• Es la Web semántica, de
la nube, de las
aplicaciones y
multidispositivo (móvil).
• Presta servicios al
usuario a través de la
nube, ejemplo:
almacenamiento.

38. 1.2 Arquitectura de las Aplicaciones
Web
• Arquitectura General
• Protocolo HTTP
• Métodos HTTP
• Sesión HTTP

39. 1.3 Tecnologías para el Desarrollo de
Aplicaciones Web.
• Estructura (HTML)
• Diseño (CSS)
• Lenguajes del lado del cliente (JavaScript, AJAX,
JQuery, JSON, DOM)
• Lenguajes del lado del Servidor (ASP, PHP, JSP)
• Interacción y Animación (Applets, Plug-Ins, Flash,
HTML 5)
• CMS (Joomla, Moodle, WordPress)
• Frameworks (CodeIgniter, Foundations)

40. 1.4 Planificación de Aplicaciones Web
• Requerimientos
• Analisis de Información
• Diagrama del Sitio
• Maquetado
• Metodologias de desarrollo (clásica y ágil)
• Pruebas (de código, usabilidad, accesibilidad)
• Implementación.