Creando Rich Internet Applications en la nueva Web 2.0. Juan Cabrera Director Cubika

Transcripción

1 Creando Rich Internet Applications en la nueva Web 2.0 Juan Cabrera Director Cubika

2 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.

3 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

4 La siguiente gran cosa : Web 2.0

5 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

6 Web 2.0 Cont. Web 1.0 Web 2.0 Personal sites Akamai DoubleClick Screen scrap Publicacion Administradores de Contenido Blogging BitTorrent Google AdSense Web services Participacion Wikis

7 %de usuarios Web La Internet Rica de Internet 100% Transf. de archivos Term. remotos (telnet) Web Internet Rica 0%

8 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

9 Rich Internet Applications

10 The Evolution of Rich Internet Applications Global REACH Local Deficiencias HTML Metáfora de página Sólo 6 controles de UI Inconsistencias crossbrowser Impresión Press n pray Request-only data Sin operación offline Bitmaps desde el servidor 1998 Infierno de plugins A/V WEB APPLICATIONS 1992 MAINFRAME Text UI RICH 2004 Web 2.0 RICH INTERNET APPLICATIONS Los tesorosperdidosde C/S Metáfora de pantalla Librerias de componentes extensibles Online/offline + sync Impresión WYSIWYG Visualizacion CLIENT/SERVER de datos Conectividad a datos en tiempo real Bitmap/vector graphics Integrated media GUI A/V Integrado

11 Tendencias en aplicaciones Internet Corporativas TENDENCIA IMPACTO EN LA ARQUITECTURA IMPACTO EN EL NEGOCIO HTML limitado para aplicaciones J2EE y.net dominantes Emerge una arquitectura orientada a servicios Complicada, capa de presentación no intuitiva Estable, capas de acceso de datos y lógica de negocios flexibles. Desafios crónicos de usabilidad ROI no realizado

12 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.

13 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

14 Tendencias en aplicaciones Internet Corporativas TENDENCIA IMPACTO EN LA ARQUITECTURA IMPACTO EN EL NEGOCIO HTML limitado para aplicaciones J2EE y.net dominantes Emerge una arquitectura orientada a servicios Complicada, capa de presentación no intuitiva Estable, capas de acceso de datos y lógica de negocios flexibles. Desafios crónicos de usabilidad ROI no realizado

15 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

16 RIAs con AJAX Arquitectura

17 Escenarios para las RIA

18 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,

19 ERP RIA para Integración de Procesos Web Services / SOA CRM Order Entry Soluciones Low Training Costs Fewer Errors Higher Utilization Higher productivity Mortgage Application Procesos de reclamos Call Center Automation Tax Processing Beneficios Más informacion en menos tiempo Mayor entendimiento Colaboración más eficiente Decisiones más rápidas Clientes Dorado, Zones, Optimal Payments

20 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

21 Qué es Flex?

22 El Cliente Flash - Números 60 98% de PCs tienen Flash Player instalado ~500M PCs 60 Segundos descarga

23 Evolución Tecnología de Flash Audio Video Applications Motion Graphics

24 Flash Player 9 Enterprise Class Run Time Nueva Virtual Machine ActionScript 3 Flash Player 9.0 Grandes mejoras de performance Upgrades de un click API para integrar con AJAX y aplicaciones nativas ActionScript 1/2 ActionScript 3 ECMAScript for XML (E4X)

25 Flash Player 8 Flash Player Penetration 100.0% 90.0% 80.0% 70.0% 60.0% FLASH 80% en ~12 meses 50.0% 40.0% 30.0% 20.0% OTROS Internet Explorer 6: 77% en 51 meses 2 Windows XP: 65% despues de 45 meses 3 Java v1.4.x: 33% despues de 49 meses % Flash Player 5 Flash Player 6 Flash Player 7 Flash Player 8 Flash Player 8 (projected) 0.0% Jun-00 Sep-00 Dec-00 Mar-01 Jun-01 Sep-01 Dec-01 Mar-02 Jun-02 Sep-02 Dec-02 Mar-03 Jun-03 Sep-03 Dec-03 Mar-04 Jun-04 Sep-04 Dec-04 Mar-05 Jun-05 Sep-05 Dec-05 Mar-06 Jun-06 Sep-06 Dec-06 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

26 La plataforma Flash está en todas partes Sistemas operativos Otros dispositivos Dispositivos móviles Navegadores Plataformas

27 Estructura de Flex 2.0 Flex Builder with Charting Design View Code Hinting Debugging Component Skinning Flex Data Services 2.0 Real Time Message Services Data Management Service Remote Procedure Calls (RPC Service) Flex SDK Flex Framework Flex Utilities MXML Compiler, Flex Libraries, Components, Containers, Layout Managers, Behaviors, and Effects Compilation, Debugging, Automated Testing Flex Programming Utilities Language Compilation, Debugging, Automated Testing ActionScript 3, MXML

28 Historia y futuro de RIA Cross Device Flex 3 REACH Cross Browser AJAX Plain AJAX Frameworks Flex 1.5 Flex 2 WPF/E Cross OS J2SE* Cross- Windows RIA RIA c c DHTML c.1997.net* Windows Presentation Foundation* No Page Refresh Rich UI Controls Hi-Fi Print Interactive Graphics A/V Integration Publish & Subscribe Offline Operation Contextual Collaboration RICHNESS AND CAPABILITY *Non-ubiquitous, heavy footprint runtime dependency that may also involve complex backend system/app upgrades.

29 Demos

30 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.

31 Recursos Flex Developer Adobe Labs AJAX