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
Evolución del Desarrollo WEB
1
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
Evolución del Desarrollo WEB
2
Índice
Evolución Usuarios
Evolución Tecnologías
Portales y Gestores de Contenidos
Mashups
Conclusiones
Evolución del Desarrollo WEB
3
Evolución 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
Evolución del Desarrollo WEB
4
Evolución Navegadores
Evolución del Desarrollo WEB
5
Evolución Sitios (% Servidores)
Evolución del Desarrollo WEB
6
Evolución Sitios Activos
Evolución del Desarrollo WEB
7
Generaciones Web
Evolución del Desarrollo WEB
8
Conectividad Social / Información
Evolución del Desarrollo WEB
9
Índice
Evolución Usuarios
Evolución Tecnologías
Portales y Gestores de Contenidos
Mashups
Conclusiones
Evolución del Desarrollo WEB
10
Generaciones Web y Tecnologías
Evolución del Desarrollo WEB
11
Mosaico
1993
Visualización Texto e Imagen
HTML, HTTP
CGI: Acceso a Backend
Algunos formularios
Unix
Evolución del Desarrollo WEB
12
Mosaico
Evolución del Desarrollo WEB
13
Inicios Netscape
1994
HTML mejorado
Fondos, Tablas, Colores, Atributos, ...
Más diseño que funcionalidad
CGI complejos, mejores formularios
Cookies para persistencia de estado
Evolución del Desarrollo WEB
14
Inicios Netscape
Evolución del Desarrollo WEB
15
Netscape/Explorer
1995...99 (7.000.000 sitios)
Frames, CSS, Plugins
Lenguajes de Scripts
Microsoft
Servicios al usuario
Especialización
Evolución del Desarrollo WEB
16
Netscape/Explorer
Evolución del Desarrollo WEB
17
Arquitectura JSP 3 Capas
Evolución del Desarrollo WEB
18
Dinámica e Integración
2000...
Frameworks
HTML-REQUEST- AJAX
FLASH – Contenidos Dinámicos
Portales y Escritorios Virtuales
Mashups
Evolución del Desarrollo WEB
19
AJAX
Evolución del Desarrollo WEB
20
Tecnologías
Evolución del Desarrollo WEB
21
Evolución Markup Language
Evolución del Desarrollo WEB
22
Evolución Tecnologías
Evolución del Desarrollo WEB
23
Tendencias de Lenguajes
Evolución del Desarrollo WEB
24
Tendencias de Lenguajes
Evolución del Desarrollo WEB
25
En nuestro ámbito
Aplicaciones de Gestión
Workflow
@ries
e-Administración
@Firma
Surnet
Java
Struts
JSP, JSTL
JBOSS
PHP
Framework
ADODB
Fast Template
Evolución del Desarrollo WEB
26
Framework
Evolución del Desarrollo WEB
27
JBOSS / TOMCAT
Evolución del Desarrollo WEB
28
JBOSS / TOMCAT
Evolución del Desarrollo WEB
29
JBOSS / STRUTS
Evolución del Desarrollo WEB
30
Índice
Evolución Usuarios
Evolución Tecnologías
Portales y Gestores de Contenidos
Mashups
Conclusiones
Evolución del Desarrollo WEB
31
En Nuestro Ámbito
PORTALES
Java
PHP-Nuke
JBOSS
JSP, EJB
XML
XSL/XSLT
OpenCMS
COCOON
Evolución del Desarrollo WEB
32
Cocoon/XML/OpenCMS
PRESENTACION
LOGICA DE
NEGOCIO
DATOS
Servidor
Web Apache
(opcional)
OpenCms
Server
Servidor de Aplicaciones
J2EE
SGBD
XSLT
XML
XSLT
XML
HTML
( ... )
XML
Evolución del Desarrollo WEB
33
Cocoon/XML/OpenCMS
Evolución del Desarrollo WEB
34
Cocoon/XML/OpenCMS
Sitemap de composición
Petición de página
<aggregate>
<part portlets>
<part pagina>
</aggregate>
<transform />
<serialize html/>
SITEMAP
XSL
SITEMAP
XSL
SITEMAP
XSL
Portlet1
portlet3
portlet4
SITEMAP
Evolución del Desarrollo WEB
...
Layout
XSL
35
Cocoon/XML/OpenCMS
Sitemap de composición
Petición de página
<aggregate>
<part portlets>
<part pagina>
</aggregate>
<transform />
<serialize html/>
Repositorio de portlets
SITEMAP
XSL
SITEMAP
XSL
SITEMAP
XSL
Portlet1
portlet3
portlet4
SITEMAP
...
Layout
XSL
Definición de la página
Evolución del Desarrollo WEB
36
Cocoon/XML/OpenCMS
Sitemap de composición
Petición de página
<aggregate>
<part portlets>
<part pagina>
</aggregate>
<transform />
<serialize html/>
Repositorio de portlets
SITEMAP
XSL
SITEMAP
XSL
SITEMAP
XSL
Contenido Portlet1
Contenido portlet3
Contenido portlet4
SITEMAP
...
Distribución de los portlets
XSL
XML de Composición
Evolución del Desarrollo WEB
37
Cocoon/XML/OpenCMS
Sitemap de composición
Petición de página
<aggregate>
<part portlets>
<part pagina>
</aggregate>
<transform />
<serialize html/>
Repositorio de portlets
SITEMAP
XSL
SITEMAP
XSL
SITEMAP
XSL
XML de Composición
+
XSLT de
composición
SITEMAP
Evolución del Desarrollo WEB
...
Resultado HTML
XSL
38
Cocoon/XML/OpenCMS
Sitemap de composición
Petición de página
<aggregate>
<part portlets>
<part pagina>
</aggregate>
<transform />
<serialize html/>
Repositorio de portlets
SITEMAP
XSL
SITEMAP
XSL
SITEMAP
XSL
XML de Composición
+
XSLT de
composición
SITEMAP
Evolución del Desarrollo WEB
...
Resultado HTML
XSL
39
Cocoon/XML/OpenCMS
Evolución del Desarrollo WEB
40
Cocoon/XML/OpenCMS
Portlet 1
Portlet 1
Portlet 1
ObtenerOpcionesNavegacion
HTTP
(post)
ObtenerListaContenidos
ObtenerDetalleContenido
BD
...
...
Cocoon
ObtenerTiposContenido
OpenCms
Evolución del Desarrollo WEB
41
Cocoon/XML/OpenCMS
HTTP
1
ObtenerDetalleContenido
2
4
<?xml version=“1.0” ?>
<normativa>
<id>2</id>
<titulo>...</titulo>
.......
</normativa>
API Opencms
3
Recursos
Opencms
BD
Evolución del Desarrollo WEB
42
CAMBIO TECNOLÓGICO PORTALES
!!!!!!!!!!!!!!!!
!!!!!!!!
Evolución del Desarrollo WEB
43
¿PORTAL?
Evolución del Desarrollo WEB
44
ESPECTRO DE USO
Evolución del Desarrollo WEB
45
Motor Ejecución Portales
Evolución del Desarrollo WEB
46
Framework SPRING 2
Evolución del Desarrollo WEB
47
IMPE2 Petición
Evolución del Desarrollo WEB
48
Generación XML
Evolución del Desarrollo WEB
49
Procesado Asíncrono
Evolución del Desarrollo WEB
50
Agregado de Portales
Evolución del Desarrollo WEB
51
Gestión de Contenidos
Evolución del Desarrollo WEB
52
INTEGRACIÓN
Evolución del Desarrollo WEB
53
Ejemplos
Evolución del Desarrollo WEB
54
Evolución del Desarrollo WEB
55
Evolución del Desarrollo WEB
56
Evolución del Desarrollo WEB
57
MASHUPS
Evolución del Desarrollo WEB
58
Índice
Evolución Usuarios
Evolución Tecnologías
Portales y Gestores de Contenidos
Mashups
Conclusiones
Evolución del Desarrollo WEB
59
Evolución del Desarrollo WEB
60
Evolución del Desarrollo WEB
61
Sistema de Georeferenciación
Ficheros Conexión BD->JSON
(Implementación Libre)
Estructura
BD del sistema
Ajax
JSON
Generador KML
Fichero KMZ
Google Map Api V-2.0
+Cluster
Google Earth
+GxMarkers
+Einsert
Evolución del Desarrollo WEB
62
Evolución del Desarrollo WEB
63
Evolución del Desarrollo WEB
64
Índice
Evolución Usuarios
Evolución Tecnologías
Portales y Gestores de Contenidos
Mashups
Conclusiones
Evolución del Desarrollo WEB
65
Conclusiones
Experiencia de Escritorio Virtual
Alta Complejidad resuelta en Frameworks
parcialmente
Especialización de Tecnologías y
Arquitecturas
Evolución del Desarrollo WEB
66
Conclusiones (formación)
HTML
Tomcat
Struts
JavaScript
Servlets
Hibernate
CSS
JSP/JSTL
iBatis
XML/XLST
JDBC
Spring
SQL
MySQL
GWT
Dojo
Y... Cómo Aprender
Eficazmente
JSF
ROA
Evolución del Desarrollo WEB
67
¡Gracias!.. ¿Preguntas?
[email protected]
Evolución del Desarrollo WEB
68