Evolucin del Desarrollo WEB

Antonio Jos Senz Albans (C.T. !

"econoci#iento $ %o Co#ercial $ Co#&artir '(ual ) *.+ ) Es&a,a Evolucin del Desarrollo WEB 1

'ntroduccin
El desarrollo de aplicaciones WEB ha evolucionado por los siguientes aspectos:
Evolucin del Uso/Demandas Evolucin de Tecnologas Navegador Evolucin Tecnologas Servidores Mar eting de !entas "iper#"$pe $ las Dot%&om

Evolucin del Desarrollo WEB

.ndice
Evolucin /suarios Evolucin Tecnologas 'ortales $ (estores de &ontenidos Mashups &onclusiones

Evolucin del Desarrollo WEB

Evolucin de /suarios de 'nternet

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

Evolucin del Desarrollo WEB

Evolucin %ave(adores

Evolucin del Desarrollo WEB

Evolucin Sitios (2 Servidores!

Evolucin del Desarrollo WEB

Evolucin Sitios Activos

Evolucin del Desarrollo WEB

5eneraciones Web

Evolucin del Desarrollo WEB

Conectividad Social 7 'n8or#acin

Evolucin del Desarrollo WEB

.ndice
Evolucin Usuarios Evolucin Tecnolo(:as 'ortales $ (estores de &ontenidos Mashups &onclusiones

Evolucin del Desarrollo WEB

19

5eneraciones Web ; Tecnolo(:as

Evolucin del Desarrollo WEB

11

<osaico
)**+ !isuali,acin Te-to e .magen "TM/0 "TT' &(.: 1cceso a Bac end 1lgunos 2ormularios Uni-

Evolucin del Desarrollo WEB

1*

<osaico

Evolucin del Desarrollo WEB

1-

'nicios %etsca&e
)**3 "TM/ me4orado
5ondos0 Ta6las0 &olores0 1tri6utos0 %%%

M7s dise8o 9ue 2uncionalidad &(. comple4os0 me4ores 2ormularios &oo ies para persistencia de estado

Evolucin del Desarrollo WEB

10

'nicios %etsca&e

Evolucin del Desarrollo WEB

1+

%etsca&e7E=&lorer
)**:%%%** ;<%===%=== sitios> 5rames0 &SS0 'lugins /engua4es de Scripts Microso2t Servicios al usuario Especiali,acin

Evolucin del Desarrollo WEB

11

%etsca&e7E=&lorer

Evolucin del Desarrollo WEB

13

Ar>uitectura JS? - Ca&as

Evolucin del Desarrollo WEB

14

Din#ica e 'nte(racin
?===%%% 5rame@or s "TM/#AEBUEST# 1C1D 5/1S" E &ontenidos Din7micos 'ortales $ Escritorios !irtuales Mashups

Evolucin del Desarrollo WEB

16

AJA@

Evolucin del Desarrollo WEB

*9

Tecnolo(:as

Evolucin del Desarrollo WEB

*1

Evolucin <arAu& Ban(ua(e

Evolucin del Desarrollo WEB

**

Evolucin Tecnolo(:as

Evolucin del Desarrollo WEB

*-

Tendencias de Ben(uaCes

Evolucin del Desarrollo WEB

*0

Tendencias de Ben(uaCes

Evolucin del Desarrollo WEB

*+

En nuestro #bito
Aplicaciones de Gestin
e!Administracin Java Struts JSP, JSTL JBOSS PHP Framewor ADODB Fast Template
Evolucin del Desarrollo WEB *1

#or $low "ries "Firma Surnet

Dra#eEorA

Evolucin del Desarrollo WEB

*3

JB SS 7 T <CAT

Evolucin del Desarrollo WEB

*4

JB SS 7 T <CAT

Evolucin del Desarrollo WEB

*6

JB SS 7 ST"/TS

Evolucin del Desarrollo WEB

-9

.ndice
Evolucin Usuarios Evolucin Tecnologas ?ortales ; 5estores de Contenidos Mashups &onclusiones

Evolucin del Desarrollo WEB

-1

En %uestro F#bito
PO%TAL&S
Java PHP!)u e *(L Open'(S JBOSS JSP, &JB

*SL+*SLT

'O'OO)
Evolucin del Desarrollo WEB -*

Cocoon7@<B7 &enC<S
PRESENTACION LOGICA DE NEGOCIO
Servidor e! Apac"e

DATOS

#opcional$ Server

OpenCms

Servidor de Aplicaciones

J2EE

SGBD
XSLT XML

%TML XSLT XML

( ... )

XML

Evolucin del Desarrollo WEB

--

Cocoon7@<B7 &enC<S

Evolucin del Desarrollo WEB

-0

Cocoon7@<B7 &enC<S

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/> S&TEMA' XSL S&TEMA' XSL S&TEMA' XSL Portlet1 portlet3 portlet4 Layout S&TEMA' XSL

'e(ici)n de p*+ina

...

Evolucin del Desarrollo WEB

-+

Cocoon7@<B7 &enC<S

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
S&TEMA' XSL S&TEMA' XSL S&TEMA' XSL

'e(ici)n de p*+ina

Portlet1 portlet3 portlet4 Layout

S&TEMA' XSL

...

,e-inici)n de la p*+ina

Evolucin del Desarrollo WEB

-1

Cocoon7@<B7 &enC<S

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
S&TEMA' XSL S&TEMA' XSL S&TEMA' XSL

'e(ici)n de p*+ina

Contenido Portlet1 Contenido portlet3 Contenido portlet4 Distribucin de los portlets

S&TEMA' XSL

...

XML de .o/posici)n

Evolucin del Desarrollo WEB

-3

Cocoon7@<B7 &enC<S

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
S&TEMA' XSL S&TEMA' XSL S&TEMA' XSL

'e(ici)n de p*+ina

XML de .o/posici)n

XSLT de co/posici)n

S&TEMA' XSL

0es1l(ado %TML

...

Evolucin del Desarrollo WEB

-4

Cocoon7@<B7 &enC<S

Sitemap de composicin
<aggregate> <part portlets> <part pagina> </aggregate> <transform /> <serialize html/>

Repositorio de portlets
S&TEMA' XSL S&TEMA' XSL S&TEMA' XSL

'e(ici)n de p*+ina

XML de .o/posici)n

XSLT de co/posici)n

S&TEMA' XSL

0es1l(ado %TML

...

Evolucin del Desarrollo WEB

-6

Cocoon7@<B7 &enC<S

Evolucin del Desarrollo WEB

09

Cocoon7@<B7 &enC<S

'or(le( 1 'or(le( 1 'or(le( 1

2!(ener2pciones3ave+acion

%TT' #pos($

2!(enerLis(a.on(enidos 2!(ener,e(alle.on(enido
4,

2!(enerTipos.on(enido

... .ocoon

Evolucin del Desarrollo WEB

... 2pen./s
01

Cocoon7@<B7 &enC<S

%TT'

"

ObtenerDetalleContenido #

% 567/l version891:0; 6< 5nor/a(iva< 5id<25=id< 5(i(1lo<:::5=(i(1lo< ::::::: 5=nor/a(iva<

A ! Opencms $ Recursos Opencms

4,

Evolucin del Desarrollo WEB

0*

CA<B'

TEC% BG5'C

? "TABES

FFFFFFFFFFFFFFFF FFFFFFFF
Evolucin del Desarrollo WEB 0-

H? "TABI

Evolucin del Desarrollo WEB

00

ES?ECT"

DE /S

Evolucin del Desarrollo WEB

0+

<otor ECecucin ?ortales

Evolucin del Desarrollo WEB

01

Dra#eEorA S?"'%5 *

Evolucin del Desarrollo WEB

03

'<?E* ?eticin

Evolucin del Desarrollo WEB

04

5eneracin @<B

Evolucin del Desarrollo WEB

06

?rocesado As:ncrono

Evolucin del Desarrollo WEB

+9

A(re(ado de ?ortales

Evolucin del Desarrollo WEB

+1

5estin de Contenidos

Evolucin del Desarrollo WEB

+*

'%TE5"AC'G%

Evolucin del Desarrollo WEB

+-

ECe#&los

Evolucin del Desarrollo WEB

+0

Evolucin del Desarrollo WEB

++

Evolucin del Desarrollo WEB

+1

Evolucin del Desarrollo WEB

+3

<ASJ/?S

Evolucin del Desarrollo WEB

+4

.ndice
Evolucin Usuarios Evolucin Tecnologas 'ortales $ (estores de &ontenidos <asKu&s &onclusiones

Evolucin del Desarrollo WEB

+6

Evolucin del Desarrollo WEB

19

Evolucin del Desarrollo WEB

11

Siste#a de 5eore8erenciacin
Estructura BD del sistema
Ficheros Conexi n BD-!"#$% &'(ple(entaci n )i*re+

A/ax Genera,or -M)

"#$%

Fichero -M. Google Earth

Google Map Api V-2.0

+Cluster
+GxMarkers

+Einsert

Evolucin del Desarrollo WEB

1*

Evolucin del Desarrollo WEB

1-

Evolucin del Desarrollo WEB

10

.ndice
Evolucin Usuarios Evolucin Tecnologas 'ortales $ (estores de &ontenidos Mashups Conclusiones

Evolucin del Desarrollo WEB

1+

Conclusiones
E-periencia de Escritorio !irtual 1lta &omple4idad resuelta en 5rame@or s parcialmente Especiali,acin de Tecnologas $ 1r9uitecturas

Evolucin del Desarrollo WEB

11

Conclusiones (8or#acin!
"TM/ CavaScript &SS DM//D/ST SB/ Tomcat Servlets CS'/CST/ CDB& M$SB/ Struts "i6ernate iBatis Spring (WT Do4o
L... C#o A&render E8icaz#ente

CS5 AG1
13

Evolucin del Desarrollo WEB

M5raciasN.. H?re(untasI

usOaCsa.net

Evolucin del Desarrollo WEB

14