SlideShare una empresa de Scribd logo
1 de 68
Descargar para leer sin conexión
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
2 
Evolució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
3 
Evolución del Desarrollo WEB 
Índice 
Evolución Usuarios 
Evolución Tecnologías 
Portales y Gestores de Contenidos 
Mashups 
Conclusiones
4 
Evolución del Desarrollo WEB 
Evolución de Usuarios de Internet 
1990199119921993199419951996199719981999200020012002200320042005200620070200400600800100012001400
5 
Evolución del Desarrollo WEB 
Evolución Navegadores
6 
Evolución del Desarrollo WEB 
Evolución Sitios (% Servidores)
7 
Evolución del Desarrollo WEB 
Evolución Sitios Activos
8 
Evolución del Desarrollo WEB 
Generaciones Web
9 
Evolución del Desarrollo WEB 
Conectividad Social / Información
10 
Evolución del Desarrollo WEB 
Índice 
Evolución Usuarios 
Evolución Tecnologías 
Portales y Gestores de Contenidos 
Mashups 
Conclusiones
11 
Evolución del Desarrollo WEB 
Generaciones Web y Tecnologías
12 
Evolución del Desarrollo WEB 
Mosaico 
1993 
Visualización Texto e Imagen 
HTML, HTTP 
CGI: Acceso a Backend 
Algunos formularios 
Unix
13 
Evolución del Desarrollo WEB 
Mosaico
14 
Evolució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
15 
Evolución del Desarrollo WEB 
Inicios Netscape
16 
Evolución del Desarrollo WEB 
Netscape/Explorer 
1995...99 (7.000.000 sitios) 
Frames, CSS, Plugins 
Lenguajes de Scripts 
Microsoft 
Servicios al usuario 
Especialización
17 
Evolución del Desarrollo WEB 
Netscape/Explorer
18 
Evolución del Desarrollo WEB 
Arquitectura JSP 3 Capas
19 
Evolución del Desarrollo WEB 
Dinámica e Integración 
2000... 
Frameworks 
HTML-REQUEST- AJAX 
FLASH – Contenidos Dinámicos 
Portales y Escritorios Virtuales 
Mashups
20 
Evolución del Desarrollo WEB 
AJAX
21 
Evolución del Desarrollo WEB 
Tecnologías
22 
Evolución del Desarrollo WEB 
Evolución Markup Language
23 
Evolución del Desarrollo WEB 
Evolución Tecnologías
24 
Evolución del Desarrollo WEB 
Tendencias de Lenguajes
25 
Evolución del Desarrollo WEB 
Tendencias de Lenguajes
26 
Evolución del Desarrollo WEB 
Aplicaciones de Gestión 
Java 
JBOSS 
JSP, JSTL 
Struts 
PHP 
Fast Template 
ADODB 
Framework 
e-Administración 
@ries 
@Firma 
Surnet 
Workflow 
En nuestro ámbito
27 
Evolución del Desarrollo WEB 
Framework
28 
Evolución del Desarrollo WEB 
JBOSS / TOMCAT
29 
Evolución del Desarrollo WEB 
JBOSS / TOMCAT
30 
Evolución del Desarrollo WEB 
JBOSS / STRUTS
31 
Evolución del Desarrollo WEB 
Índice 
Evolución Usuarios 
Evolución Tecnologías 
Portales y Gestores de Contenidos 
Mashups 
Conclusiones
32 
Evolución del Desarrollo WEB 
PORTALES 
Java 
OpenCMS 
JBOSS 
JSP, EJB 
PHP-Nuke 
XML 
XSL/XSLT 
COCOON 
En Nuestro Ámbito
33 
Evolución del Desarrollo WEB 
PRESENTACIONLOGICA DENEGOCIODATOSSGBDXMLXSLTXMLXMLXSLTServidor de AplicacionesJ2EEOpenCms ( ... ) ServerServidorWeb Apache(opcional) HTML 
Cocoon/XML/OpenCMS
34 
Evolución del Desarrollo WEB 
Cocoon/XML/OpenCMS
35 
Evolució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ágina 
SITEMAP 
XSL 
SITEMAP 
XSL 
SITEMAP 
XSL 
Portlet1portlet3portlet4Layout
36 
Evolució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 
SITEMAP 
XSL 
SITEMAP 
XSL 
SITEMAP 
XSL 
Portlet1portlet3portlet4Layout 
Definición de la página
37 
Evolució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 
SITEMAP 
XSL 
SITEMAP 
XSL 
SITEMAP 
XSL 
Contenido Portlet1Contenido portlet3Contenido portlet4Distribución de los portlets 
XML de Composición
38 
Evolució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
39 
Evolució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
40 
Evolución del Desarrollo WEB 
Cocoon/XML/OpenCMS
41 
Evolución del Desarrollo WEB 
Cocoon/XML/OpenCMS 
ObtenerOpcionesNavegacion 
ObtenerDetalleContenido 
ObtenerListaContenidos 
Portlet 1 
Portlet 1 
Portlet 1 
HTTP (post) 
Cocoon 
OpenCms 
ObtenerTiposContenido 
BD 
. . . 
. . .
Evolución del Desarrollo WEB 42 
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
43 
Evolución del Desarrollo WEB 
CAMBIO TECNOLÓGICO PORTALES 
!!!!!!!!!!!!!!!! !!!!!!!!
44 
Evolución del Desarrollo WEB 
¿PORTAL?
45 
Evolución del Desarrollo WEB 
ESPECTRO DE USO
46 
Evolución del Desarrollo WEB 
Motor Ejecución Portales
47 
Evolución del Desarrollo WEB 
Framework SPRING 2
48 
Evolución del Desarrollo WEB 
IMPE2 Petición
49 
Evolución del Desarrollo WEB 
Generación XML
50 
Evolución del Desarrollo WEB 
Procesado Asíncrono
51 
Evolución del Desarrollo WEB 
Agregado de Portales
52 
Evolución del Desarrollo WEB 
Gestión de Contenidos
53 
Evolución del Desarrollo WEB 
INTEGRACIÓN
54 
Evolución del Desarrollo WEB 
Ejemplos
55 
Evolución del Desarrollo WEB
56 
Evolución del Desarrollo WEB
57 
Evolución del Desarrollo WEB
58 
Evolución del Desarrollo WEB 
MASHUPS
59 
Evolución del Desarrollo WEB 
Índice 
Evolución Usuarios 
Evolución Tecnologías 
Portales y Gestores de Contenidos 
Mashups 
Conclusiones
60 
Evolución del Desarrollo WEB
61 
Evolución del Desarrollo WEB
62 
Evolución del Desarrollo WEB 
Sistema de Georeferenciación 
Google Map Api V-2.0+GxMarkers+Cluster+EinsertBDFicheros Conexión BD->JSON(Implementación Libre) Google EarthGenerador KMLFichero KMZAjaxJSON 
Estructura del sistema
63 
Evolución del Desarrollo WEB
64 
Evolución del Desarrollo WEB
65 
Evolución del Desarrollo WEB 
Índice 
Evolución Usuarios 
Evolución Tecnologías 
Portales y Gestores de Contenidos 
Mashups 
Conclusiones
66 
Evolución del Desarrollo WEB 
Conclusiones 
Experiencia de Escritorio Virtual 
Alta Complejidad resuelta en Frameworks parcialmente 
Especialización de Tecnologías y Arquitecturas
67 
Evolució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 
ROA 
Y... Cómo Aprender Eficazmente
68 
Evolución del Desarrollo WEB 
¡Gracias!.. ¿Preguntas? 
us@ajsa.net

Más contenido relacionado

La actualidad más candente

Historia del diseño web
Historia del diseño webHistoria del diseño web
Historia del diseño webjehnson
 
Cuadro comparativo web 1.0 2.0 3.0
Cuadro comparativo web 1.0 2.0 3.0Cuadro comparativo web 1.0 2.0 3.0
Cuadro comparativo web 1.0 2.0 3.0matiasmarmolejo1
 
Las webs jimmy alexis ortega sena
Las webs jimmy alexis ortega senaLas webs jimmy alexis ortega sena
Las webs jimmy alexis ortega senaAlexisOrtega58
 
Cuadro comparativo web 1.0 2.0-3.0 caracteristicas ventajas desventajas
Cuadro comparativo web 1.0  2.0-3.0 caracteristicas ventajas desventajas Cuadro comparativo web 1.0  2.0-3.0 caracteristicas ventajas desventajas
Cuadro comparativo web 1.0 2.0-3.0 caracteristicas ventajas desventajas david pul
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página webrociobetty
 
Página Web Gilberto García
Página Web Gilberto GarcíaPágina Web Gilberto García
Página Web Gilberto Garcíagilbertogt_18
 
Qué es la web
Qué es la webQué es la web
Qué es la webJose Guio
 

La actualidad más candente (17)

La wed
La wedLa wed
La wed
 
Historia del diseño web
Historia del diseño webHistoria del diseño web
Historia del diseño web
 
Cuadro comparativo web 1.0 2.0 3.0
Cuadro comparativo web 1.0 2.0 3.0Cuadro comparativo web 1.0 2.0 3.0
Cuadro comparativo web 1.0 2.0 3.0
 
Las webs jimmy alexis ortega sena
Las webs jimmy alexis ortega senaLas webs jimmy alexis ortega sena
Las webs jimmy alexis ortega sena
 
Cuadro comparativo web 1.0 2.0-3.0 caracteristicas ventajas desventajas
Cuadro comparativo web 1.0  2.0-3.0 caracteristicas ventajas desventajas Cuadro comparativo web 1.0  2.0-3.0 caracteristicas ventajas desventajas
Cuadro comparativo web 1.0 2.0-3.0 caracteristicas ventajas desventajas
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Joomla!
Joomla!Joomla!
Joomla!
 
Cuadro compartivo
Cuadro compartivoCuadro compartivo
Cuadro compartivo
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
Web xd
Web xdWeb xd
Web xd
 
Tipos de web
Tipos de webTipos de web
Tipos de web
 
Web 1.0 laura garcia
Web 1.0 laura garciaWeb 1.0 laura garcia
Web 1.0 laura garcia
 
We 1.0 2.0 3.0
We 1.0 2.0 3.0We 1.0 2.0 3.0
We 1.0 2.0 3.0
 
Página Web Gilberto García
Página Web Gilberto GarcíaPágina Web Gilberto García
Página Web Gilberto García
 
Dn13 u3 a24_mtf
Dn13 u3 a24_mtfDn13 u3 a24_mtf
Dn13 u3 a24_mtf
 
Qué es la web
Qué es la webQué es la web
Qué es la web
 

Destacado

Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)
Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)
Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)B. Lucia Salazar
 
La evolución de la web 1.0, 2.0 y 3.0
La evolución de la web 1.0, 2.0 y 3.0La evolución de la web 1.0, 2.0 y 3.0
La evolución de la web 1.0, 2.0 y 3.0gardenia02
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la webgycgb15
 
Evolucion de la web: desde la web1.0 hasta la web 7.0
Evolucion de la web: desde la web1.0 hasta la web 7.0Evolucion de la web: desde la web1.0 hasta la web 7.0
Evolucion de la web: desde la web1.0 hasta la web 7.0josebalbuena
 
Sild share evolucion de la web
Sild share evolucion de la webSild share evolucion de la web
Sild share evolucion de la webDarwin Fernando
 
Curso Posicionamiento web en buscadores SEO
Curso Posicionamiento web en buscadores SEOCurso Posicionamiento web en buscadores SEO
Curso Posicionamiento web en buscadores SEOiLabora
 
Buscadores web 2
Buscadores web 2Buscadores web 2
Buscadores web 2churitosfer
 
Entendiendo las Redes Informaticas
Entendiendo las Redes InformaticasEntendiendo las Redes Informaticas
Entendiendo las Redes InformaticasChristian Farinango
 
Linea del tiempo 4b 2014
Linea del tiempo 4b 2014Linea del tiempo 4b 2014
Linea del tiempo 4b 2014Enrique0998
 
Evolucion de la web desde 1.0 a la web 5.0
Evolucion de la web desde  1.0 a la web 5.0Evolucion de la web desde  1.0 a la web 5.0
Evolucion de la web desde 1.0 a la web 5.0silsillive
 
Historia de las redes informaticas
Historia de las redes informaticasHistoria de las redes informaticas
Historia de las redes informaticasJohanna Castro Plaza
 

Destacado (20)

Evolución de la Web
Evolución de la Web Evolución de la Web
Evolución de la Web
 
Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)
Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)
Internet, Evolución de la Web, Posicionamiento (SEO, SEM, SMO)
 
La evolución de la web 1.0, 2.0 y 3.0
La evolución de la web 1.0, 2.0 y 3.0La evolución de la web 1.0, 2.0 y 3.0
La evolución de la web 1.0, 2.0 y 3.0
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
 
Evolucion de la web: desde la web1.0 hasta la web 7.0
Evolucion de la web: desde la web1.0 hasta la web 7.0Evolucion de la web: desde la web1.0 hasta la web 7.0
Evolucion de la web: desde la web1.0 hasta la web 7.0
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
 
Sild share evolucion de la web
Sild share evolucion de la webSild share evolucion de la web
Sild share evolucion de la web
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Redes Informáticas
Redes Informáticas Redes Informáticas
Redes Informáticas
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Curso Posicionamiento web en buscadores SEO
Curso Posicionamiento web en buscadores SEOCurso Posicionamiento web en buscadores SEO
Curso Posicionamiento web en buscadores SEO
 
Buscadores web 2
Buscadores web 2Buscadores web 2
Buscadores web 2
 
Entendiendo las Redes Informaticas
Entendiendo las Redes InformaticasEntendiendo las Redes Informaticas
Entendiendo las Redes Informaticas
 
Redes
RedesRedes
Redes
 
Linea del tiempo de la Web
Linea del tiempo de la WebLinea del tiempo de la Web
Linea del tiempo de la Web
 
Linea del tiempo
Linea del tiempoLinea del tiempo
Linea del tiempo
 
Linea del tiempo 4b 2014
Linea del tiempo 4b 2014Linea del tiempo 4b 2014
Linea del tiempo 4b 2014
 
Evolucion de la web desde 1.0 a la web 5.0
Evolucion de la web desde  1.0 a la web 5.0Evolucion de la web desde  1.0 a la web 5.0
Evolucion de la web desde 1.0 a la web 5.0
 
Historia de las redes informaticas
Historia de las redes informaticasHistoria de las redes informaticas
Historia de las redes informaticas
 

Similar a Evolución tecnologías web [01 2008]

Barometro de tecnologia web 2020
Barometro de tecnologia web  2020Barometro de tecnologia web  2020
Barometro de tecnologia web 2020La Fabrique du Net
 
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e IonicDesarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e IonicMicael Gallego
 
01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intixRoger CARHUATOCTO
 
Liferay Symposium 2014 - Business case: RACE
Liferay Symposium 2014 - Business case: RACE Liferay Symposium 2014 - Business case: RACE
Liferay Symposium 2014 - Business case: RACE Miguel Ángel Júlvez
 
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Micael Gallego
 
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas
 
Portales y Escritorios Web Lotusphere 2009
Portales y Escritorios Web Lotusphere 2009Portales y Escritorios Web Lotusphere 2009
Portales y Escritorios Web Lotusphere 2009Daniel Olmo Chica
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0Jose Rojas
 
04 proyectos-actuales-presente-y-roadmap-tecnologico
04 proyectos-actuales-presente-y-roadmap-tecnologico04 proyectos-actuales-presente-y-roadmap-tecnologico
04 proyectos-actuales-presente-y-roadmap-tecnologicoauspin
 
Evolucion de la web sldo. farinango
Evolucion de la web  sldo. farinangoEvolucion de la web  sldo. farinango
Evolucion de la web sldo. farinangosoldadofari
 

Similar a Evolución tecnologías web [01 2008] (20)

Herramientas web más utilizadas 2020
Herramientas web más utilizadas 2020Herramientas web más utilizadas 2020
Herramientas web más utilizadas 2020
 
Barometro de tecnologia web 2020
Barometro de tecnologia web  2020Barometro de tecnologia web  2020
Barometro de tecnologia web 2020
 
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e IonicDesarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
 
01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix01 webinar caso_migracion_portalweb_v1.4.1-intix
01 webinar caso_migracion_portalweb_v1.4.1-intix
 
Web2
Web2Web2
Web2
 
Liferay Symposium 2014 - Business case: RACE
Liferay Symposium 2014 - Business case: RACE Liferay Symposium 2014 - Business case: RACE
Liferay Symposium 2014 - Business case: RACE
 
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
 
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
 
Portales y Escritorios Web Lotusphere 2009
Portales y Escritorios Web Lotusphere 2009Portales y Escritorios Web Lotusphere 2009
Portales y Escritorios Web Lotusphere 2009
 
La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0
 
04 proyectos-actuales-presente-y-roadmap-tecnologico
04 proyectos-actuales-presente-y-roadmap-tecnologico04 proyectos-actuales-presente-y-roadmap-tecnologico
04 proyectos-actuales-presente-y-roadmap-tecnologico
 
Diapositiva Web 2.0
Diapositiva Web 2.0Diapositiva Web 2.0
Diapositiva Web 2.0
 
W E B 2
W E B 2W E B 2
W E B 2
 
W E B 2
W E B 2W E B 2
W E B 2
 
Evolucion de la web sldo. farinango
Evolucion de la web  sldo. farinangoEvolucion de la web  sldo. farinango
Evolucion de la web sldo. farinango
 
Paginas web
Paginas webPaginas web
Paginas web
 
Charla, 25/11/2005
Charla, 25/11/2005Charla, 25/11/2005
Charla, 25/11/2005
 
Páginas web
Páginas webPáginas web
Páginas web
 

Último

origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 

Último (20)

Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 

Evolución tecnologías web [01 2008]

  • 1. 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
  • 2. 2 Evolució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
  • 3. 3 Evolución del Desarrollo WEB Índice Evolución Usuarios Evolución Tecnologías Portales y Gestores de Contenidos Mashups Conclusiones
  • 4. 4 Evolución del Desarrollo WEB Evolución de Usuarios de Internet 1990199119921993199419951996199719981999200020012002200320042005200620070200400600800100012001400
  • 5. 5 Evolución del Desarrollo WEB Evolución Navegadores
  • 6. 6 Evolución del Desarrollo WEB Evolución Sitios (% Servidores)
  • 7. 7 Evolución del Desarrollo WEB Evolución Sitios Activos
  • 8. 8 Evolución del Desarrollo WEB Generaciones Web
  • 9. 9 Evolución del Desarrollo WEB Conectividad Social / Información
  • 10. 10 Evolución del Desarrollo WEB Índice Evolución Usuarios Evolución Tecnologías Portales y Gestores de Contenidos Mashups Conclusiones
  • 11. 11 Evolución del Desarrollo WEB Generaciones Web y Tecnologías
  • 12. 12 Evolución del Desarrollo WEB Mosaico 1993 Visualización Texto e Imagen HTML, HTTP CGI: Acceso a Backend Algunos formularios Unix
  • 13. 13 Evolución del Desarrollo WEB Mosaico
  • 14. 14 Evolució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
  • 15. 15 Evolución del Desarrollo WEB Inicios Netscape
  • 16. 16 Evolución del Desarrollo WEB Netscape/Explorer 1995...99 (7.000.000 sitios) Frames, CSS, Plugins Lenguajes de Scripts Microsoft Servicios al usuario Especialización
  • 17. 17 Evolución del Desarrollo WEB Netscape/Explorer
  • 18. 18 Evolución del Desarrollo WEB Arquitectura JSP 3 Capas
  • 19. 19 Evolución del Desarrollo WEB Dinámica e Integración 2000... Frameworks HTML-REQUEST- AJAX FLASH – Contenidos Dinámicos Portales y Escritorios Virtuales Mashups
  • 20. 20 Evolución del Desarrollo WEB AJAX
  • 21. 21 Evolución del Desarrollo WEB Tecnologías
  • 22. 22 Evolución del Desarrollo WEB Evolución Markup Language
  • 23. 23 Evolución del Desarrollo WEB Evolución Tecnologías
  • 24. 24 Evolución del Desarrollo WEB Tendencias de Lenguajes
  • 25. 25 Evolución del Desarrollo WEB Tendencias de Lenguajes
  • 26. 26 Evolución del Desarrollo WEB Aplicaciones de Gestión Java JBOSS JSP, JSTL Struts PHP Fast Template ADODB Framework e-Administración @ries @Firma Surnet Workflow En nuestro ámbito
  • 27. 27 Evolución del Desarrollo WEB Framework
  • 28. 28 Evolución del Desarrollo WEB JBOSS / TOMCAT
  • 29. 29 Evolución del Desarrollo WEB JBOSS / TOMCAT
  • 30. 30 Evolución del Desarrollo WEB JBOSS / STRUTS
  • 31. 31 Evolución del Desarrollo WEB Índice Evolución Usuarios Evolución Tecnologías Portales y Gestores de Contenidos Mashups Conclusiones
  • 32. 32 Evolución del Desarrollo WEB PORTALES Java OpenCMS JBOSS JSP, EJB PHP-Nuke XML XSL/XSLT COCOON En Nuestro Ámbito
  • 33. 33 Evolución del Desarrollo WEB PRESENTACIONLOGICA DENEGOCIODATOSSGBDXMLXSLTXMLXMLXSLTServidor de AplicacionesJ2EEOpenCms ( ... ) ServerServidorWeb Apache(opcional) HTML Cocoon/XML/OpenCMS
  • 34. 34 Evolución del Desarrollo WEB Cocoon/XML/OpenCMS
  • 35. 35 Evolució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ágina SITEMAP XSL SITEMAP XSL SITEMAP XSL Portlet1portlet3portlet4Layout
  • 36. 36 Evolució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 SITEMAP XSL SITEMAP XSL SITEMAP XSL Portlet1portlet3portlet4Layout Definición de la página
  • 37. 37 Evolució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 SITEMAP XSL SITEMAP XSL SITEMAP XSL Contenido Portlet1Contenido portlet3Contenido portlet4Distribución de los portlets XML de Composición
  • 38. 38 Evolució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
  • 39. 39 Evolució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
  • 40. 40 Evolución del Desarrollo WEB Cocoon/XML/OpenCMS
  • 41. 41 Evolución del Desarrollo WEB Cocoon/XML/OpenCMS ObtenerOpcionesNavegacion ObtenerDetalleContenido ObtenerListaContenidos Portlet 1 Portlet 1 Portlet 1 HTTP (post) Cocoon OpenCms ObtenerTiposContenido BD . . . . . .
  • 42. Evolución del Desarrollo WEB 42 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
  • 43. 43 Evolución del Desarrollo WEB CAMBIO TECNOLÓGICO PORTALES !!!!!!!!!!!!!!!! !!!!!!!!
  • 44. 44 Evolución del Desarrollo WEB ¿PORTAL?
  • 45. 45 Evolución del Desarrollo WEB ESPECTRO DE USO
  • 46. 46 Evolución del Desarrollo WEB Motor Ejecución Portales
  • 47. 47 Evolución del Desarrollo WEB Framework SPRING 2
  • 48. 48 Evolución del Desarrollo WEB IMPE2 Petición
  • 49. 49 Evolución del Desarrollo WEB Generación XML
  • 50. 50 Evolución del Desarrollo WEB Procesado Asíncrono
  • 51. 51 Evolución del Desarrollo WEB Agregado de Portales
  • 52. 52 Evolución del Desarrollo WEB Gestión de Contenidos
  • 53. 53 Evolución del Desarrollo WEB INTEGRACIÓN
  • 54. 54 Evolución del Desarrollo WEB Ejemplos
  • 55. 55 Evolución del Desarrollo WEB
  • 56. 56 Evolución del Desarrollo WEB
  • 57. 57 Evolución del Desarrollo WEB
  • 58. 58 Evolución del Desarrollo WEB MASHUPS
  • 59. 59 Evolución del Desarrollo WEB Índice Evolución Usuarios Evolución Tecnologías Portales y Gestores de Contenidos Mashups Conclusiones
  • 60. 60 Evolución del Desarrollo WEB
  • 61. 61 Evolución del Desarrollo WEB
  • 62. 62 Evolución del Desarrollo WEB Sistema de Georeferenciación Google Map Api V-2.0+GxMarkers+Cluster+EinsertBDFicheros Conexión BD->JSON(Implementación Libre) Google EarthGenerador KMLFichero KMZAjaxJSON Estructura del sistema
  • 63. 63 Evolución del Desarrollo WEB
  • 64. 64 Evolución del Desarrollo WEB
  • 65. 65 Evolución del Desarrollo WEB Índice Evolución Usuarios Evolución Tecnologías Portales y Gestores de Contenidos Mashups Conclusiones
  • 66. 66 Evolución del Desarrollo WEB Conclusiones Experiencia de Escritorio Virtual Alta Complejidad resuelta en Frameworks parcialmente Especialización de Tecnologías y Arquitecturas
  • 67. 67 Evolució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 ROA Y... Cómo Aprender Eficazmente
  • 68. 68 Evolución del Desarrollo WEB ¡Gracias!.. ¿Preguntas? us@ajsa.net