Evolucin del Desarrollo WEB

Antonio Jos Senz Albans (C.T.O)

Reconocimiento No Comercial Compartir Igual - 2.5 - Espaa Evolucin del Desarrollo WEB 1

Introduccin
El desarrollo de aplicaciones WEB ha evolucionado por los siguientes aspectos:
Evolucin del Uso/Demandas Evolucin de Tecnologas Navegador Evolucin Tecnologas Servidores Marketing de Ventas Hiper-Hype y las Dot.Com

Evolucin del Desarrollo WEB

ndice
Evolucin Usuarios Evolucin Tecnologas Portales y Gestores de Contenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

Evolucin de Usuarios de Internet

1400 1200 1000 800 600 400 200 0 1991 1993 1995 1997 1999 2001 2003 2005 2007 1990 1992 1994 1996 1998 2000 2002 2004 2006

Evolucin del Desarrollo WEB

Evolucin Navegadores

Evolucin del Desarrollo WEB

Evolucin Sitios (% Servidores)

Evolucin del Desarrollo WEB

Evolucin Sitios Activos

Evolucin del Desarrollo WEB

Generaciones Web

Evolucin del Desarrollo WEB

Conectividad Social / Informacin

Evolucin del Desarrollo WEB

ndice
Evolucin Usuarios Evolucin Tecnologas Portales y Gestores de Contenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

10

Generaciones Web y Tecnologas

Evolucin del Desarrollo WEB

11

Mosaico
1993 Visualizacin Texto e Imagen HTML, HTTP CGI: Acceso a Backend Algunos formularios Unix

Evolucin del Desarrollo WEB

12

Mosaico

Evolucin del Desarrollo WEB

13

Inicios Netscape
1994 HTML mejorado
Fondos, Tablas, Colores, Atributos, ...

Ms diseo que funcionalidad CGI complejos, mejores formularios Cookies para persistencia de estado

Evolucin del Desarrollo WEB

14

Inicios Netscape

Evolucin del Desarrollo WEB

15

Netscape/Explorer
1995...99 (7.000.000 sitios) Frames, CSS, Plugins Lenguajes de Scripts Microsoft Servicios al usuario Especializacin

Evolucin del Desarrollo WEB

16

Netscape/Explorer

Evolucin del Desarrollo WEB

17

Arquitectura JSP 3 Capas

Evolucin del Desarrollo WEB

18

Dinmica e Integracin
2000... Frameworks HTML-REQUEST- AJAX FLASH Contenidos Dinmicos Portales y Escritorios Virtuales Mashups

Evolucin del Desarrollo WEB

19

AJAX

Evolucin del Desarrollo WEB

20

Tecnologas

Evolucin del Desarrollo WEB

21

Evolucin Markup Language

Evolucin del Desarrollo WEB

22

Evolucin Tecnologas

Evolucin del Desarrollo WEB

23

Tendencias de Lenguajes

Evolucin del Desarrollo WEB

24

Tendencias de Lenguajes

Evolucin del Desarrollo WEB

25

En nuestro mbito
Aplicaciones de Gestin
e-Administracin Java Struts JSP, JSTL JBOSS PHP Framework ADODB Fast Template
Evolucin del Desarrollo WEB 26

Workflow @ries @Firma Surnet

Framework

Evolucin del Desarrollo WEB

27

JBOSS / TOMCAT

Evolucin del Desarrollo WEB

28

JBOSS / TOMCAT

Evolucin del Desarrollo WEB

29

JBOSS / STRUTS

Evolucin del Desarrollo WEB

30

ndice
Evolucin Usuarios Evolucin Tecnologas Portales y Gestores de Contenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

31

En Nuestro mbito
PORTALES
Java PHP-Nuke XML OpenCMS JBOSS JSP, EJB

XSL/XSLT

COCOON
Evolucin del Desarrollo WEB 32

Cocoon/XML/OpenCMS
PRESENTACION LOGICA DE NEGOCIO
Servidor Web Apache

DATOS

(opcional) Server

OpenCms

Servidor de Aplicaciones

J2EE

SGBD
XSLT XML

HTML XSLT XML

( ... )

XML

Evolucin del Desarrollo WEB

33

Cocoon/XML/OpenCMS

Evolucin del Desarrollo WEB

34

Cocoon/XML/OpenCMS

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/> SITEMAP XSL SITEMAP XSL SITEMAP XSL Portlet1 portlet3 portlet4 Layout SITEMAP XSL

Peticin de pgina

...

Evolucin del Desarrollo WEB

35

Cocoon/XML/OpenCMS

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
SITEMAP XSL SITEMAP XSL SITEMAP XSL

Peticin de pgina

Portlet1 portlet3 portlet4 Layout

SITEMAP XSL

...

Definicin de la pgina

Evolucin del Desarrollo WEB

36

Cocoon/XML/OpenCMS

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
SITEMAP XSL SITEMAP XSL SITEMAP XSL

Peticin de pgina

Contenido Portlet1 Contenido portlet3 Contenido portlet4 Distribucin de los portlets

SITEMAP XSL

...

XML de Composicin

Evolucin del Desarrollo WEB

37

Cocoon/XML/OpenCMS

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
SITEMAP XSL SITEMAP XSL SITEMAP XSL

Peticin de pgina

XML de Composicin

XSLT de composicin

SITEMAP XSL

Resultado HTML

...

Evolucin del Desarrollo WEB

38

Cocoon/XML/OpenCMS

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
SITEMAP XSL SITEMAP XSL SITEMAP XSL

Peticin de pgina

XML de Composicin

XSLT de composicin

SITEMAP XSL

Resultado HTML

...

Evolucin del Desarrollo WEB

39

Cocoon/XML/OpenCMS

Evolucin del Desarrollo WEB

40

Cocoon/XML/OpenCMS

Portlet 1 Portlet 1 Portlet 1

ObtenerOpcionesNavegacion

HTTP (post)

ObtenerListaContenidos ObtenerDetalleContenido
BD

ObtenerTiposContenido

... Cocoon

Evolucin del Desarrollo WEB

... OpenCms
41

Cocoon/XML/OpenCMS

HTTP

ObtenerDetalleContenido 2

4 <?xml version=1.0 ?> <normativa> <id>2</id> <titulo>...</titulo> ....... </normativa>

API Opencms 3 Recursos Opencms

BD

Evolucin del Desarrollo WEB

42

CAMBIO TECNOLGICO PORTALES

!!!!!!!!!!!!!!!! !!!!!!!!
Evolucin del Desarrollo WEB 43

PORTAL?

Evolucin del Desarrollo WEB

44

ESPECTRO DE USO

Evolucin del Desarrollo WEB

45

Motor Ejecucin Portales

Evolucin del Desarrollo WEB

46

Framework SPRING 2

Evolucin del Desarrollo WEB

47

IMPE2 Peticin

Evolucin del Desarrollo WEB

48

Generacin XML

Evolucin del Desarrollo WEB

49

Procesado Asncrono

Evolucin del Desarrollo WEB

50

Agregado de Portales

Evolucin del Desarrollo WEB

51

Gestin de Contenidos

Evolucin del Desarrollo WEB

52

INTEGRACIN

Evolucin del Desarrollo WEB

53

Ejemplos

Evolucin del Desarrollo WEB

54

Evolucin del Desarrollo WEB

55

Evolucin del Desarrollo WEB

56

Evolucin del Desarrollo WEB

57

MASHUPS

Evolucin del Desarrollo WEB

58

ndice
Evolucin Usuarios Evolucin Tecnologas Portales y Gestores de Contenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

59

Evolucin del Desarrollo WEB

60

Evolucin del Desarrollo WEB

61

Sistema de Georeferenciacin
Estructura del sistema BD
Ficheros Conexin BD->JSON (Implementacin Libre)

Ajax Generador KML

JSON

Fichero KMZ Google Earth

Google Map Api V-2.0

+Cluster
+GxMarkers

+Einsert

Evolucin del Desarrollo WEB

62

Evolucin del Desarrollo WEB

63

Evolucin del Desarrollo WEB

64

ndice
Evolucin Usuarios Evolucin Tecnologas Portales y Gestores de Contenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

65

Conclusiones
Experiencia de Escritorio Virtual Alta Complejidad resuelta en Frameworks parcialmente Especializacin de Tecnologas y Arquitecturas

Evolucin del Desarrollo WEB

66

Conclusiones (formacin)
HTML JavaScript CSS XML/XLST SQL Tomcat Servlets JSP/JSTL JDBC MySQL Struts Hibernate iBatis Spring GWT Dojo
Y... Cmo Aprender Eficazmente

JSF ROA
67

Evolucin del Desarrollo WEB

Gracias!.. Preguntas?

us@ajsa.net

Evolucin del Desarrollo WEB

68