Your SlideShare is downloading. ×
0
DESARROLLO DE APLICACIONES<br />WEB CON WEB DYNPROS Y FLEX<br />Autor: Ing. Alexander Clen Riva Ccaccaycucho.<br />Consult...
AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpr...
¿Qué es Web Dynpro?<br /><ul><li>Es la principal tecnología estándar para el desarrollo de aplicaciones web en SAP Busines...
Permite una estricta separación entre la lógica de negocio y lógica de la presentación.</li></ul>Web Dynpro Component<br /...
 Events
 Methods</li></ul>Windows<br /><ul><li>View Hierarchy
 Navigation</li></ul>View Controller<br />Interface Controller<br />View<br /><ul><li>Context
 Events
 Methods
 Plug
 UI Elements
 View Container
Context
 Events
 Methods</li></li></ul><li>¿Qué es Web Dynpro?<br /><ul><li>Trabaja con componentes prediseñados los cuales se integran co...
Implementa el Patrón de Diseño Modelo Vista Controlador (MVC).
Internacionalización.
Soportado por diferentes dispositivos (como cliente).</li></ul>CONTROLADOR<br />MODELO<br />VISTA<br />
AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpr...
¿Cómo programar  en Web Dynpros para Abap?<br /><ul><li>En ABAP Workbench en la transacción SE80.
Como ambiente de ejecución NetWeaver Web AS ABAP.</li></li></ul><li>¿Cómo programar en Web Dynpro?<br /><ul><li>El mapeo d...
¿Cómo programar en Web Dynpro?<br /><ul><li>El Entorno de Desarrollo .</li></li></ul><li>AGENDA<br />¿Qué es Web Dynpros?<...
¿Qué es Flex?<br /><ul><li>Plataforma de Desarrollo de Adobe Software especializada en la creación de RIAs (Rich Internet ...
Flex se programa con ActionScript  3 y MXML(biblioteca de ActionScript).</li></ul>Depende<br />
Adobe Flex Builder 3<br /><ul><li>IDE basado en Eclipse.
UI Visual para diseño y comportamientos.
Debuger interactivo.
Componentes gráficos  (Barras, pies, etc)
Edición Profesional agrega.
Upcoming SlideShare
Loading in...5
×

Sesión 10: Desarrollo de Aplicaciones Web Con Web Dynpro & Flex

3,312

Published on

SAP Inside Track Lima 2009
Desarrollo de Aplicaciones Web Con Web Dynpro & Flex por Clen Riva

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,312
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
104
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Sesión 10: Desarrollo de Aplicaciones Web Con Web Dynpro & Flex"

  1. 1. DESARROLLO DE APLICACIONES<br />WEB CON WEB DYNPROS Y FLEX<br />Autor: Ing. Alexander Clen Riva Ccaccaycucho.<br />Consultor Abap – Bizpartner S.A.<br />ariva@bizpartner.biz<br />Lima - Peru<br />
  2. 2. AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island y Web Dynpros.<br />
  3. 3. ¿Qué es Web Dynpro?<br /><ul><li>Es la principal tecnología estándar para el desarrollo de aplicaciones web en SAP Business Suite.
  4. 4. Permite una estricta separación entre la lógica de negocio y lógica de la presentación.</li></ul>Web Dynpro Component<br />Component Controller<br /><ul><li>Context
  5. 5. Events
  6. 6. Methods</li></ul>Windows<br /><ul><li>View Hierarchy
  7. 7. Navigation</li></ul>View Controller<br />Interface Controller<br />View<br /><ul><li>Context
  8. 8. Events
  9. 9. Methods
  10. 10. Plug
  11. 11. UI Elements
  12. 12. View Container
  13. 13. Context
  14. 14. Events
  15. 15. Methods</li></li></ul><li>¿Qué es Web Dynpro?<br /><ul><li>Trabaja con componentes prediseñados los cuales se integran completamente con Abap.
  16. 16. Implementa el Patrón de Diseño Modelo Vista Controlador (MVC).
  17. 17. Internacionalización.
  18. 18. Soportado por diferentes dispositivos (como cliente).</li></ul>CONTROLADOR<br />MODELO<br />VISTA<br />
  19. 19. AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island y Web Dynpros.<br />
  20. 20. ¿Cómo programar en Web Dynpros para Abap?<br /><ul><li>En ABAP Workbench en la transacción SE80.
  21. 21. Como ambiente de ejecución NetWeaver Web AS ABAP.</li></li></ul><li>¿Cómo programar en Web Dynpro?<br /><ul><li>El mapeo de contextos en Web Dynpros para Abap.</li></ul>WD COMPONENT<br />COMPONENT CONTROLLER<br />Windows<br />Contex<br />Root Node<br />View<br />View Controller<br />USUARIO<br />Contex<br />Root Node<br />USUARIO<br />Node 2<br />
  22. 22. ¿Cómo programar en Web Dynpro?<br /><ul><li>El Entorno de Desarrollo .</li></li></ul><li>AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island y Web Dynpros.<br />
  23. 23. ¿Qué es Flex?<br /><ul><li>Plataforma de Desarrollo de Adobe Software especializada en la creación de RIAs (Rich Internet Aplications) basadas en su motor Flash.
  24. 24. Flex se programa con ActionScript 3 y MXML(biblioteca de ActionScript).</li></ul>Depende<br />
  25. 25. Adobe Flex Builder 3<br /><ul><li>IDE basado en Eclipse.
  26. 26. UI Visual para diseño y comportamientos.
  27. 27. Debuger interactivo.
  28. 28. Componentes gráficos (Barras, pies, etc)
  29. 29. Edición Profesional agrega.
  30. 30. Perfiles de memoria y rendimiento.
  31. 31. Compatibilidad con pruebas funcionales automatizadas.</li></ul>Standard<br />US$ 249<br />Profesional<br />US$ 699<br />http://www.adobe.com/products/flex/buy/<br />
  32. 32. ¿Es Flex la única tecnología RIA?<br /><ul><li>No, luego de la salida y rotundo éxito de Flex, muchas empresas comenzaron a lanzar su propias versiones.
  33. 33. Microsoft  Silverlight
  34. 34. Sun Microsystems  JavaFX
  35. 35. Laszlo Systems  OpenLaszlo
  36. 36. Potix  ZK Framework
  37. 37. Appcelerator  Titanium
  38. 38. Curl  Curl Framework</li></li></ul><li>Librerías de Flex<br />http://code.google.com/p/flexlib/<br />http://www.degrafa.org/<br />http://code.google.com/p/birdeye/<br />www.papervision3dblog.com/ <br />http://www.ilog.com/products/ilogelixir/<br />
  39. 39. Tour de Flex<br />http://www.adobe.com/devnet/flex/tourdeflex/web<br />
  40. 40. AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island y Web Dynpros.<br />
  41. 41. SAP Y ADOBE SOFTWARE<br />Flash Islands – Flex en Web Dynpro<br />
  42. 42. Flash Island<br /><ul><li>Es una nueva tecnología desarrollada por SAP que nos permite utilizar Componentes Flex dentro de aplicaciones </li></ul> Web Dynpro.<br /><ul><li>Los componentes Flex deben ser creados aparte y luego ser integrados en la aplicación Web Dynpro para que funcione.
  43. 43. Tener instalado el Enhancement packages for SAP NetWeaver 7.0. </li></li></ul><li>AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island.<br />
  44. 44. Flash Island y Web Dynpro<br />Integración de la librería WDIslandLibrary en un proyecto Flex<br />WDIslandLibrary.swc<br />Esta librería le permite el acceso a métodos específicos Flash Island.<br />
  45. 45. Flash Island y Web Dynpro<br />Integración de componentes Flex en una Aplicación Web Dynpro<br />Proyecto Web Dynpro for Abap<br />Componente Flash Island<br />Proyecto Flex<br />Repositorio MIME<br />WDIslandLibrary.swc<br />
  46. 46. Flash Island y Web Dynpro<br /><ul><li>Lograr una interfaz de usuario enriquecido.
  47. 47. Web Cam Video.
  48. 48. Chat.
  49. 49. Compartir Archivos en tiempo real.
  50. 50. Administración de Usuarios.
  51. 51. Integración con Google Maps.
  52. 52. Integración con la Plataforma Ribbit.</li></li></ul><li>AGENDA<br />¿Qué es Web Dynpros?<br />¿Cómo programar en Web Dynpros?<br />¿Qué es Flex?<br />Flash Island.<br />Web Dynpros & Flash Island.<br />Uso de Flash Island y Web Dynpro.<br />
  53. 53. Uso de Flash Island y Web Dynpro<br />Configuración de Productos<br />Visualización de Datos<br />Selección de Productos<br />Aplicaciones de Negocio<br />
  54. 54. Uso de Flash Island y Web Dynpro<br />Visualizaciones Avanzadas de Datos<br />
  55. 55. Uso de Flash Island y Web Dynpro<br />Sap Flash Island y Google Maps<br />
  56. 56. Uso de Flash Island y Web Dynpro<br />Cliente Twiterr<br />https://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/13014<br />
  57. 57. Uso de Flash Island y Web Dynpro<br />Carrito de Compras<br />
  58. 58. Uso de Flash Island y Web Dynpro<br />Xcelsius y Flash Islands<br />
  59. 59. Muchas Gracias<br />“El conocimiento Humano Pertenece al mundo”…JClen.<br />
  1. A particular slide catching your eye?

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

×