1Evolución del Desarrollo WEB

Evolución del Desarrollo WEB

Antonio José Sáenz Albanés (C.T.O)

Reconocimiento – No Comercial – Compartir Igual - 2.5 - España

2Evolución del Desarrollo WEB

Introducción

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

3Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

4Evolución del Desarrollo WEB

Evolución de Usuarios de Internet

19901991

19921993

19941995

19961997

19981999

20002001

20022003

20042005

20062007

0

200

400

600

800

1000

1200

1400

5Evolución del Desarrollo WEB

Evolución Navegadores

6Evolución del Desarrollo WEB

Evolución Sitios (% Servidores)

7Evolución del Desarrollo WEB

Evolución Sitios Activos

8Evolución del Desarrollo WEB

Generaciones Web

9Evolución del Desarrollo WEB

Conectividad Social / Información

10Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

11Evolución del Desarrollo WEB

Generaciones Web y Tecnologías

12Evolución del Desarrollo WEB

Mosaico

1993

Visualización Texto e Imagen

HTML, HTTP

CGI: Acceso a Backend

Algunos formularios

Unix

13Evolución del Desarrollo WEB

Mosaico

14Evolución del Desarrollo WEB

Inicios Netscape

1994

HTML mejorado

Fondos, Tablas, Colores, Atributos, ...

Más diseño que funcionalidad

CGI complejos, mejores formularios

Cookies para persistencia de estado

15Evolución del Desarrollo WEB

Inicios Netscape

16Evolución del Desarrollo WEB

Netscape/Explorer

1995...99 (7.000.000 sitios)

Frames, CSS, Plugins

Lenguajes de Scripts

Microsoft

Servicios al usuario

Especialización

17Evolución del Desarrollo WEB

Netscape/Explorer

18Evolución del Desarrollo WEB

Arquitectura JSP 3 Capas

19Evolución del Desarrollo WEB

Dinámica e Integración

2000...

Frameworks

HTML-REQUEST- AJAX

FLASH – Contenidos Dinámicos

Portales y Escritorios Virtuales

Mashups

20Evolución del Desarrollo WEB

AJAX

21Evolución del Desarrollo WEB

Tecnologías

22Evolución del Desarrollo WEB

Evolución Markup Language

23Evolución del Desarrollo WEB

Evolución Tecnologías

24Evolución del Desarrollo WEB

Tendencias de Lenguajes

25Evolución del Desarrollo WEB

Tendencias de Lenguajes

26Evolución del Desarrollo WEB

Aplicaciones de Gestión

Java

JBOSSJSP, JSTL

Struts PHP

Fast Template

ADODB

Framework

e-Administración

@ries

@Firma

Surnet

Workflow

En nuestro ámbito

27Evolución del Desarrollo WEB

Framework

28Evolución del Desarrollo WEB

JBOSS / TOMCAT

29Evolución del Desarrollo WEB

JBOSS / TOMCAT

30Evolución del Desarrollo WEB

JBOSS / STRUTS

31Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

32Evolución del Desarrollo WEB

PORTALES

Java OpenCMS

JBOSS

JSP, EJB

PHP-Nuke

XML

XSL/XSLT COCOON

En Nuestro Ámbito

33Evolución del Desarrollo WEB

PRESENTACION LOGICA DENEGOCIO

DATOS

SGBD

XML

XSLT XML

XMLXSLT

Servidor de Aplicaciones J2EE

OpenCms

( ... )

Server

ServidorWeb Apache

(opcional)

HTML

Cocoon/XML/OpenCMS

34Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

35Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

SITEMAP

XSL

Sitemap de composición. . .

<aggregate> <part portlets> <part pagina></aggregate><transform /><serialize html/>

Petición de páginaSITEMAP

XSL

SITEMAP

XSL

SITEMAP

XSL

Portlet1portlet3portlet4

Layout

36Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

SITEMAP

XSL

Sitemap de composición Repositorio de portlets. . .

<aggregate> <part portlets> <part pagina></aggregate><transform /><serialize html/>

Petición de páginaSITEMAP

XSL

SITEMAP

XSL

SITEMAP

XSL

Portlet1portlet3portlet4

Layout

Definición de la página

37Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

SITEMAP

XSL

Sitemap de composición Repositorio de portlets. . .

<aggregate> <part portlets> <part pagina></aggregate><transform /><serialize html/>

Petición de páginaSITEMAP

XSL

SITEMAP

XSL

SITEMAP

XSLContenido Portlet1Contenido portlet3Contenido portlet4

Distribución de los portlets

XML de Composición

38Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

SITEMAP

XSL

Sitemap de composición Repositorio de portlets. . .

<aggregate> <part portlets> <part pagina></aggregate><transform /><serialize html/>

Petición de página

XML de Composición

SITEMAP

XSL

SITEMAP

XSL

SITEMAP

XSL

XSLT de composición+

Resultado HTML

39Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

SITEMAP

XSL

Sitemap de composición Repositorio de portlets. . .

<aggregate> <part portlets> <part pagina></aggregate><transform /><serialize html/>

Petición de página

XML de Composición

SITEMAP

XSL

SITEMAP

XSL

SITEMAP

XSL

XSLT de composición+

Resultado HTML

40Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

41Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

ObtenerOpcionesNavegacion

ObtenerDetalleContenido

ObtenerListaContenidos

Portlet 1

Portlet 1

Portlet 1

HTTP (post)

Cocoon OpenCms

ObtenerTiposContenido

BD

. . . . . .

42Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

HTTP

ObtenerDetalleContenido

<?xml version=“1.0” ?><normativa> <id>2</id> <titulo>...</titulo> .......</normativa> BD

Recursos Opencms

API Opencms

1

2

3

4

43Evolución del Desarrollo WEB

CAMBIO TECNOLÓGICO PORTALES

!!!!!!!!!!!!!!!!!!!!!!!!

44Evolución del Desarrollo WEB

¿PORTAL?

45Evolución del Desarrollo WEB

ESPECTRO DE USO

46Evolución del Desarrollo WEB

Motor Ejecución Portales

47Evolución del Desarrollo WEB

Framework SPRING 2

48Evolución del Desarrollo WEB

IMPE2 Petición

49Evolución del Desarrollo WEB

Generación XML

50Evolución del Desarrollo WEB

Procesado Asíncrono

51Evolución del Desarrollo WEB

Agregado de Portales

52Evolución del Desarrollo WEB

Gestión de Contenidos

53Evolución del Desarrollo WEB

INTEGRACIÓN

54Evolución del Desarrollo WEB

Ejemplos

55Evolución del Desarrollo WEB

56Evolución del Desarrollo WEB

57Evolución del Desarrollo WEB

58Evolución del Desarrollo WEB

MASHUPS

59Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

60Evolución del Desarrollo WEB

61Evolución del Desarrollo WEB

62Evolución del Desarrollo WEB

Sistema de Georeferenciación

Google Map Api V-2.0

+GxMarkers+Cluster +Einsert

BDFicheros Conexión BD->JSON

(Implementación Libre)

Google Earth

Generador KML

Fichero KMZ

Ajax JSON

Estructura del sistema

63Evolución del Desarrollo WEB

64Evolución del Desarrollo WEB

65Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

66Evolución del Desarrollo WEB

Conclusiones

Experiencia de Escritorio Virtual

Alta Complejidad resuelta en Frameworks parcialmente

Especialización de Tecnologías y Arquitecturas

67Evolución del Desarrollo WEB

Conclusiones (formación)

HTML

JavaScript

CSS

XML/XLST

SQL

Tomcat

Servlets

JSP/JSTL

JDBC

MySQL

Struts

Hibernate

iBatis

Spring

GWT

Dojo

JSF

ROAY... Cómo Aprender Eficazmente

68Evolución del Desarrollo WEB

¡Gracias!.. ¿Preguntas?

us@ajsa.net