Creando Rich Internet Applications en la nueva Web 2.0

Creando Rich Internet Applications en la nueva Web 2.0

Creando Rich Internet
Applications
en la nueva Web 2.0
Juan Cabrera
Director Cubika
[email protected]
Acerca de Cubika
•
•
•
Cubika es una de las principales empresas argentinas dedicada al
desarrollo de soluciones de software basadas en nuevas
tecnologías para el sector corporativo.
Primera compañía argentina que se especializó en el desarrollo de
aplicaciones e-business sobre tecnologías Java (J2EE) y Servicios
Web así como en integración de aplicaciones y Arquitecturas
Orientadas a Servicios (SOA).
Alcanza actualmente un plantel profesional de 150 personas y
crece a una tasa promedio del 100% anual.
Agenda
La siguiente gran cosa (NBT): Web 2.0
Rich Internet Applicaitons (RIAs).
Escenarios para las RIAs
Qué es Flex?.
Demostraciones
Conclusiones
Preguntas y Respuestas
La siguiente gran cosa : Web 2.0
Web 2.0
Posicionamiento
Estratégico
La web como plataforma de
aplicaciones
Posicionamiento
de los usuarios
Control de sus propia
información
Características
Destacadas
• Servicios, no software
empaquetado
• Arquitectura de participación
• Escalabilidad efectiva en costos
• Inteligencia colectiva
Fuente: Web 2.0, Tim O’Reilly
Web 2.0 Cont.
Web 1.0
• Personal sites
• Akamai
• DoubleClick
• Screen scrap
• Publicacion
• Administradores de
Contenido
Web 2.0
• Blogging
• BitTorrent
• Google AdSense
• Web services
• Participacion
• Wikis
Web 2.0 - La Internet Rica
% de usuarios
de Internet
Transf. de
archivos
100%
Term.
remotos
(telnet)
E-mail
0%
1970
1980
1990
2001
Web
Internet
Rica
Cuál es el tendencia?
“ Las Rich Interactive
Applications (RIA*) están
en el centro de una
tendencia que harán la
experiencia del usuario
con el software algo cada
vez más importante.”
Ovum
“Hacia el 2010, al menos el 60 % de los
nuevos proyectos de desarrollo incluirán
tecnología RIA.”
Gartner
Rich Internet Applications
The Evolution of Rich Internet Applications
REACH
Global
Deficiencias
Deficiencias HTML
HTML
•• Metáfora
Metáfora de
de “página”
“página”
•• Sólo
Sólo 66 controles
controles de
de UI
UI
•• Inconsistencias
Inconsistencias crosscross2004
browser
browser
•• Impresión
Press
Impresión
Press n’
n’ pray
pray
WEB
APPLICATIONS
•• Request-only
Request-only data
data
•• Sin
Sin operación
operación offline
offline
•• Bitmaps
Bitmaps desde
desde el
el
1998
servidor
servidor
•• Infierno
Infierno de
de plugins
plugins A/V
A/V
1992
Local
MAINFRAME
Text UI
RICH
Web 2.0
RICH INTERNET
APPLICATIONS
Los
Los tesoros
tesoros perdidos
perdidos de
de C/S
C/S
••
Metáfora
Metáfora de
de “pantalla”
“pantalla”
••
Librerias
Librerias de
de componentes
componentes
extensibles
extensibles
••
Online/offline
Online/offline ++ sync
sync
••
Impresión
Impresión WYSIWYG
WYSIWYG
••
Visualizacion
de
Visualizacion
de datos
datos
CLIENT/SERVER
••
Conectividad
Conectividad aa datos
datos en
en tiempo
tiempo real
real
••
Bitmap/vector
graphics
Bitmap/vector
graphics
Integrated media GUI
••
A/V
A/V Integrado
Integrado
Tendencias en aplicaciones Internet Corporativas
TENDENCIA
HTML limitado
para aplicaciones
J2EE y .NET
dominantes
Emerge una arquitectura
orientada a servicios
IMPACTO EN LA
ARQUITECTURA
IMPACTO EN EL
NEGOCIO
Complicada, capa
de presentación
no intuitiva
Desafios
crónicos de
usabilidad
Estable, capas de
acceso de datos y
lógica de
negocios
flexibles.
ROI
no realizado
Que son las RIAs?
Rich
• Provee al usuario de una mejor experiencia, experiencia
cinemática o UI del tipo DMMT.
• Feedback y validacion en contexto.
Internet
• Mejor utilizacion de red.
• Los datos están en un servidor central o varios.
• Múltiples usuarios acceden a los datos y colaboran.
• La plataforma de acceso es un browser.
Application
• Permite al usuario realizar varias tareas o ejecutar un
proceso de negocio.
• No es un juego el usuario tiene que hacerlo rápida y
eficientemente.
Entendiendo las RIAs
Las RIAs incluyen las siguientes características
• Cada interacción del usuario no necesita de una
interacción con el servidor
• Los datos pueden ser obtenidos desde el servidor
sin necesidad de actualizar toda la pantalla.
Los mejores aspectos de la web están presentes en
las RIAs
• Facilidad de deployment
• Facilidad de administración
• Facilidad de desarrollo
Tendencias en aplicaciones Internet Corporativas
TENDENCIA
HTML limitado
para aplicaciones
J2EE y .NET
dominantes
Emerge una arquitectura
orientada a servicios
IMPACTO EN LA
ARQUITECTURA
IMPACTO EN EL
NEGOCIO
Complicada, capa
de presentación
no intuitiva
Desafios
crónicos de
usabilidad
Estable, capas de
acceso de datos y
lógica de
negocios
flexibles.
ROI
no realizado
Plataformas RIAs
AWT/Swing y SWT
• Java WebStart
• Eclipse RCP
• Spring Rich Client
AJAX = Asynchronous JavaScript and XML
• Es una técnica que combina:
• HTML y CSS
• DOM y Javascript
• XMLHttpRequest
Adobe Flex
RIAs con AJAX – Arquitectura
Escenarios para las RIA
RIA para soluciones de venta guiada
Soluciones
Configuradores de Producto
Self-service web sites
Online Banking
Retail / e-Commerce
Beneficios
Reduccion de tasas de
abandono
Upsell / Cross Sell
Reduccion de costo de
Customer Service
Clientes
Harley Davidson, Intelligent
Finance (HBOS), Vodaphone,
City of Canton,
RIA para Integración de Procesos
Soluciones
• Low Training
Mortgage
Application
Costs
• Fewer
Errors
Procesos
de reclamos
• Higher
Call Center
Automation
Utilization
Tax Processing
• Higher
productivity
Beneficios
Más informacion
en menos tiempo
Mayor entendimiento
Colaboración más eficiente
Decisiones más rápidas
Web Services / SOA
Clientes
Dorado, Zones, Optimal
Payments
ERP
CRM
Order
Entry
RIA para Visualización Datos
Soluciones
Trader Desktop
Dashboard Ejecutivo
Network Monitoring
Beneficios
Más información en menos
tiempo.
Entendimiento profundo
Colaboración eficiente
Decisiones más rápidas
Clientes
SAP, ESRI, Yahoo Maps,
Brocade, University of North
Carolina
Qué es Flex ?
El Cliente Flash - Números
60
98%
~500M
60
de PCs tienen
Flash Player instalado
PCs
Segundos descarga
Evolución Tecnología de Flash
Audio
Video
Applications
Motion Graphics
Flash Player 9 – Enterprise Class Run Time
Nueva Virtual Machine
ActionScript 3
• Grandes mejoras de
performance
Flash Player 9.0
• Upgrades de un click
• API para integrar con AJAX y
aplicaciones nativas
ActionScript 1/2
ActionScript 3
• ECMAScript for XML (E4X)
Flash Player 8
Flash Player Penetration
100.0%
90.0%
80.0%
FLASH
80% en ~12 meses
70.0%
60.0%
50.0%
OTROS
Internet Explorer 6: 77% en 51 meses2
Windows XP: 65% despues de 45 meses3
Java v1.4.x: 33% despues de 49 meses4
40.0%
30.0%
20.0%
10.0%
Flash Player 5 Flash Player 6 Flash Player 7 Flash Player 8 Flash Player 8 (projected)
Source: NPD, December 2006
Flash 8.0 alcanzó 76% de penetración en 5 meses
Flash Player 5 Flash Player 6 Flash Player 7 Flash Player 8
Dec-06
Sep-06
Jun-06
Mar-06
Dec-05
Sep-05
Jun-05
Mar-05
Dec-04
Sep-04
Jun-04
Mar-04
Dec-03
Sep-03
Jun-03
Mar-03
Dec-02
Sep-02
Jun-02
Mar-02
Dec-01
Sep-01
Jun-01
Mar-01
Dec-00
Sep-00
Jun-00
0.0%
La plataforma Flash
está en todas partes
Sistemas operativos
Dispositivos móviles
Navegadores
Plataformas
Otros dispositivos
Estructura de Flex 2.0
Flex Builder with
Charting
Flex Data Services 2.0
Design View
Real Time Message Services
Code Hinting
Data Management Service
Debugging
Remote Procedure Calls (RPC Service)
Component Skinning
Flex Framework MXML Compiler, Flex Libraries, Components,
Containers, Layout Managers, Behaviors, and Effects
Flex SDK
Flex Utilities
Compilation, Debugging, Automated Testing
Compilation, Debugging, Automated Testing
Programming
Flex
Utilities
ActionScript 3, MXML
Language
Historia y futuro de RIA
Cross
Device
Flex 3
REACH
Cross
Browser
Flex 2
AJAX
Plain
Flex 1.5
AJAX
Frameworks
WPF/E
Cross
OS
CrossWindows
J2SE*
RIA RIA
Windows
Presentation
Foundation*
.NET*
DHTML
c.2006-2007
c.2002-2006
c.1997
No Page
Refresh
Rich UI
Controls
Hi-Fi
Print
Interactive
Graphics
A/V
Integration
Publish &
Subscribe
RICHNESS AND CAPABILITY
*Non-ubiquitous, heavy footprint runtime dependency that may also involve complex backend system/app upgrades.
Offline
Operation
Contextual
Collaboration
Demos
Conclusiones
“Vivimos en tiempos interesantes”
Proverbio Chino
La infraestructura para Web 2.0 está aquí.
Es una evolución sobre conceptos existentes y se
complementa con otras tendencias como SOA
Varias alternativas, mucha innovacion, mucho buzz, pero el
camino está trazado.
Se pueden realizar beneficios de negocio en el uso de las
aplicaciones ricas basadas en la web .
Recursos
Flex Developer
• http://www.flex.org
• http://www.adobe.com/go/flex
Adobe Labs
• http://labs.adobe.com/
AJAX
• http://www.ajaxian.com/resources/
• http://www.ajaxhispano.com
• http://labs.adobe.com/technologies/spry/