Post on 17-Oct-2021
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