[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, especiﬁcamente Spring y Jboss

¿Que es Flex ?

¿Que es Flex ?Flex

Flex

Flex
ES

Flex
ES PARA

Flex
ES PARA
La version corta

Flex
La versión completa

MXML y ActionScript Componentes flex
Flex
Principales componentes

¿Que podemos hacer
con Flex?

DASHBOARD

DASHBOARD MOBILES

DASHBOARD MOBILES
DESKTOP

DASHBOARD MOBILES
DESKTOP
MULTITOUCH

Plataforma

Plataforma
• Flex SKD “Hero”

Plataforma
• Flash Builder “Burrito”

Plataforma
• Flash Catalyst “Panini”

¿Que es BlazeDS?

¿Que es BlazeDS?BlazeDS

BlazeDS

BlazeDS
Message Broker

BlazeDS
Message Broker POJOs

BlazeDS
AMF

BlazeDS
AMF
WS

BlazeDS
AMF
WS
HTTP

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra
SPRINGCORE

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra
applicationContext.xml
SPRINGCORE

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra
SS
SPRINGCORE

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra
SS
SS
SPRINGCORE

BlazeDS
AMF
WS
HTTP
service-conﬁg.xml
remote-conﬁg.xml
Spring Integra
SS
SS
SS
SPRINGCORE

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 ﬁnal

Arquitectura ﬁnal
SPRINGCORE

Arquitectura ﬁnal
SPRINGCORE
FLEX

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF
CSS

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF
CSS
JPG

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF
CSS
JPG
LIB

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF
CSS
JPG
LIB
CLIENTE

Arquitectura ﬁnal
SPRINGCORE
FLEX
SWF
CSS
JPG
LIB
CLIENTE SERVIDOR

Armando el
servidor
SPRINGCORE

Requerimientos
(servidor)

Requerimientos
(servidor)
• Eclipse 3.5 (recomendado Spring Tool Suite)

Requerimientos
(servidor)
• Tomcat 6

Requerimientos
(servidor)
• Tomcat 6
• BlazeDS 4 (WAR)

Requerimientos
(servidor)
• Tomcat 6
• BlazeDS 4 (WAR)
• Spring Framework 3.0.5

Requerimientos
(servidor)
• Tomcat 6
• BlazeDS 4 (WAR)
• Spring BlazeDS Integration 1.0.3

Requerimientos
(servidor)
• 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 librerias
en la carpeta /WEB-INF/lib

Paso 2

Paso 2
•Agregar el server
• Modiﬁcar el web.xml
•Agregar el applicationContext.ml

Agregamos el
tomcat 6

Agregamos el
tomcat 6
Agregamos el
soporte para spring
en el web.xml

Agregamos el
tomcat 6
Agregamos el
soporte para spring
en el web.xml
Agregamos el archivo

Paso 3

Paso 3
• Creamos nuestros servicios
• Creamos nuestros beans

Creamos la clase
ProductosService

Creamos la clase
ProductosService
Creamos la clase
ProductoBean

Creamos la clase
ProductosService
Creamos la clase
ProductoBean
Creamos la clase
ProductoDataStore

Conclusiones
(servidor)

FLEX
SWF
CSS
JPG
LIB
Diseñando
el cliente

Requerimientos
(ﬂex)

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

Paso 1
• Prototipado inicial
•Crear proyecto ﬂash web

•Omigrafﬂe
•Visio
•Lapiz y papel

•Omigrafﬂe
•Visio
•Lapiz y papel
Creamos el proyecto ﬂex

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

Nuestro diseño
base

Nuestro diseño
base
Agregamos
la llamada al servidor

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

Creamos nuestro
objeto de dominio

Creamos nuestro
objeto de dominio
Cargamos nuestros
datos para
mostrarlos

Conclusiones
(ﬂex)

15 Minutos
de reﬂexión

Es bueno ... pero

Es bueno ... pero
Porque separa la lógica de
negocio de la interfaz

Es bueno ... pero
dejas el procesamiento
de la aplicación al cliente

Es bueno ... pero
Porque puedes usar los
efectos de ﬂash

Es bueno ... pero
efectos de ﬂash
distrae al usuario
y recarga la aplicación

Es bueno ... pero
efectos de ﬂash
distrae al usuario
Porque usa un runtime
que se encuentra en la
mayoría de PCs

Es bueno ... pero
efectos de ﬂash
distrae al usuario
Porque usa un runtime
que se encuentra en la
mayoría de PCs
su ciclo de vida
no permite procesamiento
sobrecargado

Recomendaciones
al usar Flex

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

Recomendaciones
al usar Flex
• Evitar el uso desmedido de renderers en
los componentes del tipo lista.

Recomendaciones
al usar Flex
• Modularizar modularizar modularizar!!

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

Recomendaciones
al usar Flex
• Evitar la creación de formularios extensos
(no es una pagina html).
• Usar Maven.

Recomendaciones
al usar Spring BlazeDS

Recomendaciones
• Usar SpringSecurity para manejar permisos.

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

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

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

Algunas notas
adicionales

Algunas notas
adicionales
• Las pruebas con ﬂex no son tan faciles :
existe FlexUnit, FlexMonkey pero aun no
estan totalmente maduras.

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

Algunas notas
adicionales
• Existe módulos para controlar metricas de
código de AS3 con Hudson y Sonar.
• Para aplicaciones empresariales, usar
frameworks para ﬂex como Mate o
Cairgohrn.

¿Quieres saber mas?
• Busca en google “devnet ﬂex”.
• Libros
• Twitter: @ricdex
• http://bie-development.pe
• http://bie-agency.pe

GRACIAS!

[SCD2010] Spring Flex BlazeDS Integration

Más contenido relacionado

Similar a [SCD2010] Spring Flex BlazeDS Integration (10)

Último (20)

[SCD2010] Spring Flex BlazeDS Integration