[scd2010] spring flex blazeds integration

Spring BlazeDS Integration

Aplicaciones ricas usando Flex & JavaEE

sábado 27 de noviembre de 2010

¿Quien soy?


¿Quien soy?

• Profesional dedicado a la creación de aplicaciones ricas desde una perspectiva del programador.


¿Quien soy?


• Pasion por la usabilidad y desarrollo iterativo.


¿Quien soy?



• Fan de Flex, jquery y HTML5


¿Quien soy?



• Fan de Flex, jquery y HTML5

• .. y tambien de java, especificamente Spring y Jboss


¿Que es Flex ?


¿Que es Flex ?Flex


Flex


Flex

ES


Flex

ES PARA


Flex

ES PARA

La version corta


Flex


Flex

La versión completa


MXML y ActionScript Componentes flex

Flex

Principales componentes


¿Que podemos hacer con Flex?


DASHBOARD


DASHBOARD MOBILES


DASHBOARD MOBILES

DESKTOPsábado 27 de noviembre de 2010

DASHBOARD MOBILES

DESKTOPMULTITOUCH


Plataforma


Plataforma

• Flex SKD “Hero”


Plataforma


• Flash Builder “Burrito”


Plataforma



• Flash Catalyst “Panini”


¿Que es BlazeDS?


¿Que es BlazeDS? BlazeDS


BlazeDS


BlazeDSMessage Broker


BlazeDSMessage Broker POJOs


BlazeDS

AMF

Message Broker POJOs


BlazeDS

AMF

WS



BlazeDS

AMF

WS

HTTP



BlazeDS

AMF

WS

HTTP


service-config.xml


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra SPR

ING

CO

RE


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra

applicationContext.xml

SPRIN

G C

OR

E


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra


SS

SPRIN

G C

OR

E


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra


SS

SS

SPRIN

G C

OR

E


BlazeDS

AMF

WS

HTTP


service-config.xml

remote-config.xml

Spring Integra


SS

SS

SS

SPRIN

G C

OR

E


Spring BlazeDS Integra


• Ultima version estable : 1.0.3.




• Usa Adobe BlazeDS 3.2 o superior.




• Usa Adobe BlazeDS 3.2 o superior.

• Integracion con Spring ROO



Arquitectura final


Arquitectura finalSPR

ING

CO

RE



ING

CO

RE

FLEX



ING

CO

RE

FLEX SWF



ING

CO

RE

FLEX SWF

CSS



ING

CO

RE

FLEX SWF

CSS

JPG



ING

CO

RE

FLEX SWF

CSS

JPG

LIB



ING

CO

RE

FLEX SWF

CSS

JPG

LIB

CLIENTE



ING

CO

RE

FLEX SWF

CSS

JPG

LIB

CLIENTE SERVIDOR


Armando el servidor

SPRIN

G C

OR

E


Requerimientos(servidor)



• Eclipse 3.5 (recomendado Spring Tool Suite)




• Tomcat 6




• Tomcat 6

• BlazeDS 4 (WAR)




• Tomcat 6

• BlazeDS 4 (WAR)

• Spring Framework 3.0.5




• Tomcat 6

• BlazeDS 4 (WAR)


• Spring BlazeDS Integration 1.0.3




• Tomcat 6

• BlazeDS 4 (WAR)


• Spring BlazeDS Integration 1.0.3

• Librerias adicionales : AOP Alliance, backport-util-current 3.1, cglib 2.2, asm 3.3


Paso 1


Paso 1• Importar BlazeDS WAR


Paso 1• Importar BlazeDS WAR• Copiar las librerias


Exportamos el war de blazeds


Exportamos el war de blazeds

Tooooodas las libreriasen la carpeta /WEB-INF/lib


Paso 2


Paso 2• Agregar el server• Modificar el web.xml• Agregar el applicationContext.ml


Agregamos el tomcat 6



Agregamos elsoporte para spring

en el web.xml


http://web.xml

http://web.xml


Agregamos elsoporte para spring

en el web.xml

Agregamos el archivoapplicationContext.xml


http://web.xml

http://web.xml

Paso 3


Paso 3• Creamos nuestros servicios• Creamos nuestros beans


Creamos la claseProductosService



Creamos la claseProductoBean



Creamos la claseProductoBean

Creamos la claseProductoDataStore


Conclusiones(servidor)


FLEX

SWF

CSS

JPG

LIB

Diseñandoel cliente


Requerimientos(flex)


Requerimientos(flex)


• Flash Catalyst “Panini” (solo usado si se exportara el diseño de otro formato)


Paso 1


Paso 1• Prototipado inicial•Crear proyecto flash web


•Omigraffle•Visio•Lapiz y papel


•Omigraffle•Visio•Lapiz y papel

Creamos el proyecto flex


Paso 2


Paso 2• Creamos la pantalla• Creamos los componentes• Creamos la conexión remota


Nuestro diseñobase


Nuestro diseñobase

Agregamosla llamada al servidor


Paso 3


Paso 3• Creamos los objetos de dominio• Creamos una pantalla de edición


Creamos nuestro objeto de dominio


Creamos nuestro objeto de dominio

Cargamos nuestrosdatos para mostrarlos


Conclusiones(flex)


15 Minutosde reflexión


Es bueno ... pero


Es bueno ... peroPorque separa la lógica de

negocio de la interfaz



negocio de la interfazdejas el procesamiento

de la aplicación al cliente





Porque puedes usar los efectos de flash






distrae al usuario y recarga la aplicación







Porque usa un runtime que se encuentra en la

mayoría de PCs







Porque usa un runtime que se encuentra en la

mayoría de PCs

su ciclo de vidano permite procesamiento

sobrecargado


Recomendacionesal usar Flex



• Evitar realizar procesamiento (logica). Dejar todo eso al servidor.




• Evitar el uso desmedido de renderers en los componentes del tipo lista.





• Modularizar modularizar modularizar!!






• Evitar la creación de formularios extensos (no es una pagina html).






• Evitar la creación de formularios extensos (no es una pagina html).

• Usar Maven.sábado 27 de noviembre de 2010

Recomendacionesal usar Spring BlazeDS


Recomendacionesal usar Spring BlazeDS• Usar SpringSecurity para manejar permisos.



• Si usas Hibernate, ten cuenta que BlazeDS no soporta lazyloading (para solucionar este problema usar dpHibernate).




• La paginación se maneja de una manera distinta (por carga de scroll de una lista).




• La paginación se maneja de una manera distinta (por carga de scroll de una lista).

• Usar Maven.


Algunas notas adicionales



• Las pruebas con flex no son tan faciles : existe FlexUnit, FlexMonkey pero aun no estan totalmente maduras.




• Existe módulos para controlar metricas de código de AS3 con Hudson y Sonar.




• Existe módulos para controlar metricas de código de AS3 con Hudson y Sonar.

• Para aplicaciones empresariales, usar frameworks para flex como Mate o Cairgohrn.


¿Quieres saber mas?

• Busca en google “devnet flex”.

• Libros

• Twitter: @ricdex

• http://bie-development.pe

• http://bie-agency.pe


http://bie-development.e




GRACIAS!


[scd2010] spring flex blazeds integration

Technology