Evolución del Desarrollo WEB - us

68
1 Evolució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

Transcript of Evolución del Desarrollo WEB - us

Page 1: Evolución del Desarrollo WEB - us

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

Page 2: Evolución del Desarrollo WEB - us

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

Page 3: Evolución del Desarrollo WEB - us

3Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

Page 4: Evolución del Desarrollo WEB - us

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

Page 5: Evolución del Desarrollo WEB - us

5Evolución del Desarrollo WEB

Evolución Navegadores

Page 6: Evolución del Desarrollo WEB - us

6Evolución del Desarrollo WEB

Evolución Sitios (% Servidores)

Page 7: Evolución del Desarrollo WEB - us

7Evolución del Desarrollo WEB

Evolución Sitios Activos

Page 8: Evolución del Desarrollo WEB - us

8Evolución del Desarrollo WEB

Generaciones Web

Page 9: Evolución del Desarrollo WEB - us

9Evolución del Desarrollo WEB

Conectividad Social / Información

Page 10: Evolución del Desarrollo WEB - us

10Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

Page 11: Evolución del Desarrollo WEB - us

11Evolución del Desarrollo WEB

Generaciones Web y Tecnologías

Page 12: Evolución del Desarrollo WEB - us

12Evolución del Desarrollo WEB

Mosaico

1993

Visualización Texto e Imagen

HTML, HTTP

CGI: Acceso a Backend

Algunos formularios

Unix

Page 13: Evolución del Desarrollo WEB - us

13Evolución del Desarrollo WEB

Mosaico

Page 14: Evolución del Desarrollo WEB - us

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

Page 15: Evolución del Desarrollo WEB - us

15Evolución del Desarrollo WEB

Inicios Netscape

Page 16: Evolución del Desarrollo WEB - us

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

Page 17: Evolución del Desarrollo WEB - us

17Evolución del Desarrollo WEB

Netscape/Explorer

Page 18: Evolución del Desarrollo WEB - us

18Evolución del Desarrollo WEB

Arquitectura JSP 3 Capas

Page 19: Evolución del Desarrollo WEB - us

19Evolución del Desarrollo WEB

Dinámica e Integración

2000...

Frameworks

HTML-REQUEST- AJAX

FLASH – Contenidos Dinámicos

Portales y Escritorios Virtuales

Mashups

Page 20: Evolución del Desarrollo WEB - us

20Evolución del Desarrollo WEB

AJAX

Page 21: Evolución del Desarrollo WEB - us

21Evolución del Desarrollo WEB

Tecnologías

Page 22: Evolución del Desarrollo WEB - us

22Evolución del Desarrollo WEB

Evolución Markup Language

Page 23: Evolución del Desarrollo WEB - us

23Evolución del Desarrollo WEB

Evolución Tecnologías

Page 24: Evolución del Desarrollo WEB - us

24Evolución del Desarrollo WEB

Tendencias de Lenguajes

Page 25: Evolución del Desarrollo WEB - us

25Evolución del Desarrollo WEB

Tendencias de Lenguajes

Page 26: Evolución del Desarrollo WEB - us

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

Page 27: Evolución del Desarrollo WEB - us

27Evolución del Desarrollo WEB

Framework

Page 28: Evolución del Desarrollo WEB - us

28Evolución del Desarrollo WEB

JBOSS / TOMCAT

Page 29: Evolución del Desarrollo WEB - us

29Evolución del Desarrollo WEB

JBOSS / TOMCAT

Page 30: Evolución del Desarrollo WEB - us

30Evolución del Desarrollo WEB

JBOSS / STRUTS

Page 31: Evolución del Desarrollo WEB - us

31Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

Page 32: Evolución del Desarrollo WEB - us

32Evolución del Desarrollo WEB

PORTALES

Java OpenCMS

JBOSS

JSP, EJB

PHP-Nuke

XML

XSL/XSLT COCOON

En Nuestro Ámbito

Page 33: Evolución del Desarrollo WEB - us

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

Page 34: Evolución del Desarrollo WEB - us

34Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

Page 35: Evolución del Desarrollo WEB - us

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

Page 36: Evolución del Desarrollo WEB - us

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

Page 37: Evolución del Desarrollo WEB - us

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

Page 38: Evolución del Desarrollo WEB - us

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

Page 39: Evolución del Desarrollo WEB - us

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

Page 40: Evolución del Desarrollo WEB - us

40Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

Page 41: Evolución del Desarrollo WEB - us

41Evolución del Desarrollo WEB

Cocoon/XML/OpenCMS

ObtenerOpcionesNavegacion

ObtenerDetalleContenido

ObtenerListaContenidos

Portlet 1

Portlet 1

Portlet 1

HTTP (post)

Cocoon OpenCms

ObtenerTiposContenido

BD

. . . . . .

Page 42: Evolución del Desarrollo WEB - us

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

Page 43: Evolución del Desarrollo WEB - us

43Evolución del Desarrollo WEB

CAMBIO TECNOLÓGICO PORTALES

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

Page 44: Evolución del Desarrollo WEB - us

44Evolución del Desarrollo WEB

¿PORTAL?

Page 45: Evolución del Desarrollo WEB - us

45Evolución del Desarrollo WEB

ESPECTRO DE USO

Page 46: Evolución del Desarrollo WEB - us

46Evolución del Desarrollo WEB

Motor Ejecución Portales

Page 47: Evolución del Desarrollo WEB - us

47Evolución del Desarrollo WEB

Framework SPRING 2

Page 48: Evolución del Desarrollo WEB - us

48Evolución del Desarrollo WEB

IMPE2 Petición

Page 49: Evolución del Desarrollo WEB - us

49Evolución del Desarrollo WEB

Generación XML

Page 50: Evolución del Desarrollo WEB - us

50Evolución del Desarrollo WEB

Procesado Asíncrono

Page 51: Evolución del Desarrollo WEB - us

51Evolución del Desarrollo WEB

Agregado de Portales

Page 52: Evolución del Desarrollo WEB - us

52Evolución del Desarrollo WEB

Gestión de Contenidos

Page 53: Evolución del Desarrollo WEB - us

53Evolución del Desarrollo WEB

INTEGRACIÓN

Page 54: Evolución del Desarrollo WEB - us

54Evolución del Desarrollo WEB

Ejemplos

Page 55: Evolución del Desarrollo WEB - us

55Evolución del Desarrollo WEB

Page 56: Evolución del Desarrollo WEB - us

56Evolución del Desarrollo WEB

Page 57: Evolución del Desarrollo WEB - us

57Evolución del Desarrollo WEB

Page 58: Evolución del Desarrollo WEB - us

58Evolución del Desarrollo WEB

MASHUPS

Page 59: Evolución del Desarrollo WEB - us

59Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

Page 60: Evolución del Desarrollo WEB - us

60Evolución del Desarrollo WEB

Page 61: Evolución del Desarrollo WEB - us

61Evolución del Desarrollo WEB

Page 62: Evolución del Desarrollo WEB - us

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

Page 63: Evolución del Desarrollo WEB - us

63Evolución del Desarrollo WEB

Page 64: Evolución del Desarrollo WEB - us

64Evolución del Desarrollo WEB

Page 65: Evolución del Desarrollo WEB - us

65Evolución del Desarrollo WEB

Índice

Evolución Usuarios

Evolución Tecnologías

Portales y Gestores de Contenidos

Mashups

Conclusiones

Page 66: Evolución del Desarrollo WEB - us

66Evolución del Desarrollo WEB

Conclusiones

Experiencia de Escritorio Virtual

Alta Complejidad resuelta en Frameworks parcialmente

Especialización de Tecnologías y Arquitecturas

Page 67: Evolución del Desarrollo WEB - us

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

Page 68: Evolución del Desarrollo WEB - us

68Evolución del Desarrollo WEB

¡Gracias!.. ¿Preguntas?

[email protected]