3%20-%20PlexRIA%2029May2008

230
-1

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
230
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

3%20-%20PlexRIA%2029May2008

  1. 1. Desarrollo de Rich Internet Applications con CA Plex + WebClient Juan González, ADC Austin John Rhodes, ADC Austin Madrid, España 29 de Mayo 2008
  2. 2. ¿De qué estamos hablando? > Rich Internet Applications – Una mejor forma de presentar servicios de aplicaciones > Introducción a CA Plex + WebClient for Plex como un camino más rápido, mejor y económico hacia RIA  Un sólo click, generador RIA HTML integrado  Apropiado para – Aplicaciones CA Plex existentes – Aplicaciones CA 2E migradas – Aplicaciones nuevas, con las últimas novedades técnicas Desarrollo de RIA con CA Plex Copyright © 2008 CA
  3. 3. Agenda > Introducción y Conocimientos Básicos > Rich Internet Applications (RIA) > Plex y RIA : una potente combinación > Introducción a WebClient for Plex > Demostración > Preguntas Desarrollo de RIA con CA Plex Copyright © 2008 CA
  4. 4. ADC Austin > Fundada en 1996 como división de Synon, ADC Austin ha construido sistemas de misión crítica a gran escala impulsando a ADC como una “Casa de Arquitectos” y como referente para el desarrollo y soporte remoto y rentable. > ADC Austin construye aplicaciones a medida integrando servidores Microsoft Enterprise y plataformas IBM System i > ADC Austin desarrolló ADC Migration Studio – la Migración de 2E a Plex y co-desarrolló WebClient for Plex > ADC Austin es un partner estratégico y reseller de CA, Websydian, y otras herramientas relacionadas Desarrollo de RIA con CA Plex Copyright © 2008 CA
  5. 5. Visión del Producto, 2006-2007 > Un generador de CA Plex de un sólo click, integrado y transparente que funcione para aplicaciones migradas de 2E y existentes > Sin compromisos en la aplicación web generada  Virtualmente con soporte para cualquier aspecto  Componentes RIA enriquecidos  Basado en los estándares de la industria  Integrado en entornos empresariales complejos – Single Sign-On, Auditoría, Logging – Procesos de negocio / Portal (Xpert Ivy y otros) – Seguro y robusto  Interoperable con la línea de productos de Websydian Desarrollo de RIA con CA Plex Copyright © 2008 CA
  6. 6. Rich Internet Applications – ¿Qué son?
  7. 7. ¿Qué NO es una aplicación RIA? > Formularios sosos, básicos, textuales – propensos a errores de usuario > Navegar a través de varias páginas hasta llegar a la información buscada > Tiempo de respuesta pobre : al pulsar en un tab o en un botón se refrezca toda la página > Validación frustrante : después de 2 ó 3 segundos aparece un mensaje de error; se requiere una reintroducción de los datos > Interacciones planas y simples > En resumen, todo lo que hace que los usuarios prefieran cliente-servidor pese a sus inconvenientes Desarrollo de RIA con CA Plex Copyright © 2008 CA
  8. 8. Ejemplo No-RIA: Formulario de Impuestos > Principales razones por las cuales en Googolica no se rellenan los formularios de impuestos:  ¡Es fea, realmente fea!  El formulario no hace nada para ayudar al usuario  Localización no soportada  Necesidades especiales… ¡sin suerte!  Y más... > Gracias al Tutorial en DOJO Desarrollo de RIA con CA Plex Copyright © 2008 CA
  9. 9. Ejemplo No-RIA Formulario de Reclamaciones > ¡Vd. no querrá que sus clientes experimenten algo parecido! Desarrollo de RIA con CA Plex Copyright © 2008 CA
  10. 10. ¿Qué son las Rich Internet Applications? > Muchas definiciones y tecnologías  Web 2.0, Ajax, JSON, Silverlight, … Desarrollo de RIA con CA Plex Copyright © 2008 CA
  11. 11. ¿Qué son las Rich Internet Applications? > Definición principal – llevar la experiencia del desktop a una aplicación desplegada en un navegador  Usa tecnología ubicua : accesible a todo el mundo en todas partes  Controles GUI enriquecidos, agradables de usar  Eficaz  Usa servicios externos para crear “mashups” (combinaciones de información) – P.e. datos cartográficos  Familiar a usuarios de aplicaciones web, curva de aprendizaje limitada Desarrollo de RIA con CA Plex Copyright © 2008 CA
  12. 12. Ejemplos RIA Desarrollo de RIA con CA Plex Copyright © 2008 CA
  13. 13. Ventajas de RIA para el negocio > Sobre cliente-servidor  Implementación Cero  Los trabajadores son productivos en cualquier sitio  Los usuarios están ya familiarizados con la tecnología web > Sobre internet estándar  Los usuarios realizan su trabajo más rápidamente – Cargas de páginas enteras eliminadas  Mayor calidad – Validaciones y widgets en el cliente – Formación / Intangibles Desarrollo de RIA con CA Plex Copyright © 2008 CA
  14. 14. Caso de Negocio para RIA > Mantenga a los usuarios en su sitio web  Una interface de usuario pobre lleva a una tasa de abandono en aplicaciones de cartas de compras de más del 50%, según Forrester. > Añada características interactivas para crear negocio  CIO Magazine informa que Yankee Candle obtuvo tasas de conversión de 1400% con aplicaciones RIA que permiten a sus clientes crear ellos mismos sus velas votivas. > Ahorros en costes de aplicación internos  Ahorro de Costes RIA = Tarifa horaria X (Segundos ahorrados por Transacción X Número de Transacciones por año) / 3600  Formación y aceptación de la aplicación Desarrollo de RIA con CA Plex Copyright © 2008 CA
  15. 15. Biografía del Ponente John Rhodes, Director, Arquitecto ADC Austin, adcaustin.com Credenciales CA 2E y Plex  Synon Version 1.0, Obsydian Version 1.0  Compromisos con éxito en muchos clientes relevantes  Diversidad de Proyectos y Plataformas – DB2, SQL Server, Oracle, XML, .NET, Java.  CA Plex/2E como base para el desarrollo corporativo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  16. 16. Conceptos RIA / Ajax
  17. 17. Tecnologías RIA > JavaScript / Ajax > Microsoft SilverLight > Adobe Flash/Flex/Air > Opinión : JavaScript / Ajax es lo que acapara el momento > Las aplicaciones a-prueba-del-futuro separando las tecnologías de visualización de la lógica del negocio Desarrollo de RIA con CA Plex Copyright © 2008 CA
  18. 18. Ajax / JavaScript > Ajax es “Asynchronous JavaScript + XML > Es una técnica de desarrollo web, nada particularmente nuevo > Incorpora  Presentación XHTML y CSS basada en estándares  Visualización e interacción dinámica usando DOM  Intercambio y manipulación de datos  Recuperación de datos asincrónica (mejores respuestas)  JavaScript enlaza todo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  19. 19. JavaScript / Ajax Browser Ajax Engine http XMLHttp request HTML Request XMLData Server Side Web Server Resultado: Ent •Carga según la demanda App & Database •Mejor respuesta Servers •Experiencia de Desktop Desarrollo de RIA con CA Plex Copyright © 2008 CA
  20. 20. Bibliotecas de Componentes RIA > Muchas, encapsular JS requerido > Foco en DOJO (dojotoolkit.org) y EXTJS (extjs.com) como modelo de licencias de alta calidad y amplio uso Tab Grid Tree Desarrollo de RIA con CA Plex Copyright © 2008 CA
  21. 21. ¡RIA es Fácil! SI > Vd. es un Gurú en JavaScript > Maneja todo el API de DOM > Tiene un amplio conocimiento en DHTML, CSS, XML, etc. > Tiene tiempo y ganas de dominar decenas de tecnologías > Vd. Es un experto en seguridad web Desarrollo de RIA con CA Plex Copyright © 2008 CA
  22. 22. Desafíos de RIA Courtesy of Sun Java web site > Complejidad : p.e. una petición “Simple” en Ajax > Bob Brewin, Director Técnico de Sun, dice que hacer Ajax es “como construir portaaviones a mano”. > ¡WebClient al rescate! Desarrollo de RIA con CA Plex Copyright © 2008 CA
  23. 23. Una mejor forma de construir aplicaciones RIA CA Plex + WebClient
  24. 24. CA Plex + WebClient for Plex Desarrollo de RIA con CA Plex Copyright © 2008 CA
  25. 25. CA Plex + WebClient for Plex > Patrones  + Patrones Web/Ajax > Desarrollo basado en modelos  + Web dentro de su modelo > Generación de Código nativo  + Generación de código HTML, RIA/JS > Gestión de la Configuración  + versiones de los patrones web, lenguajes nacionales web > Entorno del Grupo de trabajo  + su equipo de desarrollo web > Desarrollo de Ciclo de Vida Completo  + incluye el entorno de su sitio web Desarrollo de RIA con CA Plex Copyright © 2008 CA
  26. 26. CA Plex + WebClient > Completo Framework para crear Aplicaciones web con extensiones RIA  Complejidad reducida – RIA de punta a punta con un solo skill set  Seguridad integrada  Patrones y Reutilización  Generación, construcción e implementación con un solo click  Sin compromisos en el GUI > Esta combinación tiene muchas ventajas respecto a otros frameworks, incluyendo aquellos basados en Ruby on Rails y PHP  Gráfico, integrado, productivo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  27. 27. WCP y 2E > ¿Funciona WCP con 2E? > No directamente, pero… > WCP fue desarrollado alrededor de aplicaciones 2E migradas > Las funciones 2E funcionan “out of the box”, no es necesaria una recodificación > WCP mantiene el estado necesario para que las aplicaciones 2E funcionen como se crearon, y soluciona requerimientos comunes como el single sign-on y las marcas de auditoría Desarrollo de RIA con CA Plex Copyright © 2008 CA
  28. 28. ¿Cómo funciona WCP? > Características principales  Genera HTML WYSIWYG directamente desde los paneles de Plex  Utiliza código existente de los diagramas de acción  La web se vuelve parte de su modelo  Se implementa en cualquier servidor web J2EE como p.e. IBM Websphere, JBoss o Tomcat. Integrado a Eclipse Europa / Rational.  Soporta templating HTML avanzado y desarrollo RIA  Soporta SOA con integración con Websydian y otras aplicaciones web como workflows  Produce aplicaciones seguras, robustas y escalables Desarrollo de RIA con CA Plex Copyright © 2008 CA
  29. 29. Entorno de Desarrollo Construya funciones WebClient usando Rational/Eclipse o directamente Java Mejore la apariencia con hojas de estilo Construya funciones de servidor CSS y plantillas .NET, RPG, or Java html usando técnicas estándar Desarrollo de RIA con CA Plex Copyright © 2008 CA
  30. 30. Entorno de Desarrollo – Páginas Web Generate Compilación ANT Java import Eclipse/WDSc Publish System Templates WebClient Eclipse Plug-in (Builder) User Templates Desarrollo de RIA con CA Plex Copyright © 2008 CA
  31. 31. Entorno de Implementación Any popular Web / J2EE Server browser (WebClient (with Servlet) JavaScript for Navegador Ent App RIA) Database HTML Server estándar con Server WebClient Standard Desarrollo de RIA con CA Plex Copyright © 2008 CA
  32. 32. Entorno de Implementación – EJB’s y Multi-Platforma Enterprise App Server Web / J2EE Server RPG, .NET/C#, Web J2EE Server Java Server Web EJB Container Container Plex RT http WC EJB Servlet Proxy Biz Logic Plex Plex IP browse RT RT r Client Biz Database Present Logic Server Logic Data HTML/ JDN CSS I DB Capa de presentación generada por Plex, código de Capa de negocio generada por “visualización/control” Plex, código del “modelo” Desarrollo de RIA con CA Plex Copyright © 2008 CA
  33. 33. Caso de Estudio McLane Advanced Technologies
  34. 34. McLane Advanced Technologies > ISV dedicado a Logística > Soporta las operaciones del Gobierno de EEUU en todo el mundo > Aplicación de Distribución y Ventas al por Mayor en 2E > Necesidad del Negocio  El Gobierno de EEUU requiere Oracle / Aix  Interface enriquecida en web para diferenciarse de la competencia  Mantener satisfechos a los actuales clientes 5250 y Cliente-Servidor Desarrollo de RIA con CA Plex Copyright © 2008 CA
  35. 35. Desafíos > Interface de usuario enriquecida y “a la última”  Cuadro de mandos, menús, Ajax, etc. > Soporte tanto de Oracle y DB2 / RPG “out of the box” > Tiempo de despliegue corto – medido en semanas > Formación > Solución  Migración a Plex (90% de la aplicación en 2E)  WebClient con controles JavaScript/Ajax  Capacidades Plex  “Campamento” Desarrollo de RIA con CA Plex Copyright © 2008 CA
  36. 36. Sistema Actual Desarrollo de RIA con CA Plex Copyright © 2008 CA
  37. 37. Modernized Application Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  38. 38. Modernized Application Part II Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  39. 39. Demo RIA en Acción Gestión de Eventos / Conferencias
  40. 40. Demo – Gestión de Conferencias Desarrollo de RIA con CA Plex Copyright © 2008 CA
  41. 41. Demo de la Aplicación y Modelo Plex La aplicación demo es “Planificación de Eventos”, y se usa para planificar reuniones de usuarios El mantenimiento de datos y modo de visualización dependen de la seguridad Patrones para la selección de fechas y otras solicitudes Patrón integrado para Geo Mapping Patrón integrado para la capacidad de Tabs Desarrollo de RIA con CA Plex Copyright © 2008 CA
  42. 42. Vista del Modelo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  43. 43. Vista del Modelo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  44. 44. Vista del Modelo- Plantillas Desarrollo de RIA con CA Plex Copyright © 2008 CA
  45. 45. Vista de Websydian Express Desarrollo de RIA con CA Plex Copyright © 2008 CA
  46. 46. Introducción al Proceso de Desarrollo con WCP > Crear un tab dialog “mashup” Ajax conteniendo varios tabs  Información de la conferencia  Datos tabulares de asistencia  Datos gráficos de asistenciaGraph attendance data > Generar / Construir / Publicar en un paso > Añadir la llamada al Menú de Websydian Express con seguridad basada en roles Desarrollo de RIA con CA Plex Copyright © 2008 CA
  47. 47. Tab Triples Desarrollo de RIA con CA Plex Copyright © 2008 CA
  48. 48. Funciones Padre e Hijo Desarrollo de RIA con CA Plex Copyright © 2008 CA
  49. 49. Datos Gráficos (con DojoChart) Desarrollo de RIA con CA Plex Copyright © 2008 CA
  50. 50. Generación, Construcción, Publicación con un Click Gen & Build ¡Construcción HTML y publicación automáticas! Desarrollo de RIA con CA Plex Copyright © 2008 CA
  51. 51. Añádalo a la estructura del sitio web Desarrollo de RIA con CA Plex Copyright © 2008 CA
  52. 52. Resultados Desarrollo de RIA con CA Plex Copyright © 2008 CA
  53. 53. Cómo empezar el Desarrollo RIA con WebClient
  54. 54. Websydian+ Family •Soporte para clientes •Websydian •Websydian 2E. •Upgrade a RIA Web Client for Developer Suite+ CA Plex usando CA Plex y ADC Modernization contiene todos •Websydian Studio Web los productos WSE for WSE for Developer+ para desarrollo 2E/ Plex, •WCP se integra Websydian Websydian con otros Server Server+ productos de Websydian Suite+ •Server+ soporta todas las WSE for WSE for RPG / Plex, tecnologías de Websydian Websydian Websydian Server Server •Soporte para clientes •Websydian Web RPG Developer •Transact XML •Wireless Developer •Portal Developer Tecnologías •WebShop CA Plex Desarrollo de RIA con CA Plex Copyright © 2008 CA
  55. 55. Planes de futuro > Versión 1.2  DOJO Toolkit – Implementación de alto impacto  Tabs, Menu/Tool bars, Right Context  “Templating abierto” para utilizar con otros componentes > Versión 1.4  Grid Editable  Field states avanzados / tool tips  Instalación Rational/Eclipse y project wizards  Construcción transparente (Seamless build) Desarrollo de RIA con CA Plex Copyright © 2008 CA
  56. 56. Planes de futuro > Futuro  Continuar con implementación de Plex ACTIVE (Tree view)  Continuar con soporte de Plex GUI (p.e. splitter windows)  Explorar EXTJS y otras herramientas  ASP .NET  Versión Japonesa  Soporte pea Portlet wrappers / Workflow Desarrollo de RIA con CA Plex Copyright © 2008 CA
  57. 57. Resumen > Para todos  WCP hace el trabajo - ¡rápidamente!  Listo para cualquier desafío: RIA sofisticado y SOA > Para los desarrolladores  Curva de aprendizaje corta  Reutilización de habilidades existentes  Reutilización de código existente  Tus habilidades en Plex te llevan más allá > Para el negocio  Sitios web enriquecidos y atractivos  Ahorro en tiempo  Ahorro en dinero Desarrollo de RIA con CA Plex Copyright © 2008 CA
  58. 58. Getting started > Obtenga el Libro Blanco y examine la wiki  adcaustin.com/resources > Pruebe el producto  Workshop  Soporte de acceso remoto > Contacte a Dominion o a ADC Austin  Dominion: dominion.com, 91-743-4883  ADC: adcaustin.com Desarrollo de RIA con CA Plex Copyright © 2008 CA
  59. 59. Preguntas > Preguntas sobre la presentación  John Rhodes  512-423-1959  jdrhodes@adcaustin.com  Skype: jdrhodesaustx Desarrollo de RIA con CA Plex Copyright © 2008 CA
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×