DESARROLLO DE APLICACIONESWEB CON WEB DYNPROS Y FLEX
Autor: Ing. Alexander Clen Riva Ccaccaycucho.Consultor Abap – Bizpartner [email protected]
Lima - Peru
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island y Web Dynpros.
¿Qué es Web Dynpro? Es la principal tecnología estándar para el desarrollo de aplicaciones web
en SAP Business Suite. Permite una estricta separación entre la lógica de negocio y lógica de la
presentación.
Interface Controller
• Context• Events• Methods
Component Controller
• Context• Events• Methods View
Controller
• Context• Events• Methods
View
• Plug• UI Elements• View
Container
Windows
• View Hierarchy• Navigation
Web Dynpro Component
¿Qué es Web Dynpro? Trabaja con componentes
prediseñados los cuales se integran completamente con Abap.
Implementa el Patrón de Diseño Modelo Vista Controlador (MVC).
Internacionalización. Soportado por diferentes
dispositivos (como cliente).
CONTROLADOR
MODELO
VISTA
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island y Web Dynpros.
¿Cómo programar en Web Dynpros para Abap?
En ABAP Workbench en la transacción SE80.
Como ambiente de ejecución NetWeaver Web AS ABAP.
¿Cómo programar en Web Dynpro? El mapeo de contextos en Web Dynpros para Abap.
WD COMPONENT
Windows
View View Controller
ContexRoot Node
USUARIO
COMPONENT CONTROLLER
Contex
Root Node
USUARIO
Node 2
¿Cómo programar en Web Dynpro? El Entorno de Desarrollo .
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island y Web Dynpros.
¿Qué es Flex? Plataforma de Desarrollo de Adobe
Software especializada en la creación de RIAs (Rich Internet Aplications) basadas en su motor Flash.
Flex se programa con ActionScript 3 y MXML(biblioteca de ActionScript).
Depende
Adobe Flex Builder 3
IDE basado en Eclipse. UI Visual para diseño y
comportamientos. Debuger interactivo. Componentes gráficos
(Barras, pies, etc)
Edición Profesional agrega. Perfiles de memoria y
rendimiento. Compatibilidad con pruebas
funcionales automatizadas.
StandardUS$ 249
ProfesionalUS$ 699 http://www.adobe.com/products/flex/buy/
¿Es Flex la única tecnología RIA?
No, luego de la salida y rotundo éxito de Flex, muchas empresas comenzaron a lanzar su propias versiones.
Microsoft Silverlight Sun Microsystems JavaFX Laszlo Systems OpenLaszlo Potix ZK Framework Appcelerator Titanium Curl Curl Framework
Librerías de Flex
www.papervision3dblog.com/ http://www.ilog.com/products/ilogelixir/
http://code.google.com/p/birdeye/
http://code.google.com/p/flexlib/http://www.degrafa.org/
Tour de Flex
http://www.adobe.com/devnet/flex/tourdeflex/web
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island y Web Dynpros.
Flash Islands – Flex en Web Dynpro
SAP Y ADOBE SOFTWARE
Flash Island Es una nueva tecnología
desarrollada por SAP que nos permite utilizar Componentes Flex dentro de aplicaciones
Web Dynpro. Los componentes Flex deben ser
creados aparte y luego ser integrados en la aplicación Web Dynpro para que funcione.
Tener instalado el Enhancement packages for SAP NetWeaver 7.0.
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island.
Flash Island y Web DynproIntegración de la librería WDIslandLibrary en un proyecto Flex
WDIslandLibrary.swc
Esta librería le permite el acceso a métodos específicos Flash Island.
Flash Island y Web Dynpro
Proyecto Web Dynpro for Abap
Proyecto Flex
WDIslandLibrary.swc
Repositorio MIME
Integración de componentes Flex en una Aplicación Web Dynpro
Componente Flash Island
Flash Island y Web Dynpro Lograr una interfaz de
usuario enriquecido. Web Cam Video. Chat. Compartir Archivos en
tiempo real. Administración de
Usuarios. Integración con Google
Maps. Integración con la
Plataforma Ribbit.
AGENDA
1. ¿Qué es Web Dynpros?2. ¿Cómo programar en Web Dynpros?3. ¿Qué es Flex?4. Flash Island.5. Web Dynpros & Flash Island.6. Uso de Flash Island y Web Dynpro.
Uso de Flash Island y Web Dynpro
Configuración de Productos Visualización de Datos
Selección de Productos Aplicaciones de Negocio
Visualizaciones Avanzadas de Datos
Uso de Flash Island y Web Dynpro
Sap Flash Island y Google Maps
Uso de Flash Island y Web Dynpro
https://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/13014
Cliente Twiterr
Uso de Flash Island y Web Dynpro
Carrito de Compras
Uso de Flash Island y Web Dynpro
Xcelsius y Flash Islands
Uso de Flash Island y Web Dynpro
Muchas Gracias“El conocimiento Humano Pertenece al
mundo”…JClen.
Top Related