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

DESARROLLO DE APLICACIONES
WEB CON WEB DYNPROS Y FLEX
Autor: Ing. Alexander Clen Riva Ccaccaycucho.
Consultor Abap – Bizpartner S.A.
ariva@bizpartner.biz
Lima - Peru

AGENDA
¿Qué es Web Dynpros?
¿Cómo programar en Web Dynpros?
¿Qué es Flex?
Flash Island.
Web Dynpros & Flash Island.
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.
Web Dynpro Component
Component Controller
Context
Events
Methods
Windows
View Hierarchy
Navigation
View Controller
Interface Controller
View
Context
Events
Methods
Plug
UI Elements
View Container
Context
Events
Methods

¿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
¿Qué es Flex?
Flash Island.

¿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
COMPONENT CONTROLLER
Windows
Contex
Root Node
View
View Controller
USUARIO
Contex
Root Node
USUARIO
Node 2

¿Cómo programar en Web Dynpro?
El Entorno de Desarrollo .

AGENDA
¿Qué es Flex?
Flash Island.

¿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.
Standard
US$ 249
Profesional
US$ 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
http://code.google.com/p/flexlib/
http://www.degrafa.org/
http://code.google.com/p/birdeye/
www.papervision3dblog.com/
http://www.ilog.com/products/ilogelixir/

Tour de Flex
http://www.adobe.com/devnet/flex/tourdeflex/web

AGENDA
¿Qué es Flex?
Flash Island.

SAP Y ADOBE SOFTWARE
Flash Islands – Flex en Web Dynpro

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
¿Qué es Flex?
Flash Island.
Uso de Flash Island.

Flash Island y Web Dynpro
Integració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.

Integración de componentes Flex en una Aplicación Web Dynpro
Proyecto Web Dynpro for Abap
Componente Flash Island
Proyecto Flex
Repositorio MIME
WDIslandLibrary.swc

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
¿Qué es Flex?
Flash Island.
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

Sap Flash Island y Google Maps

Cliente Twiterr
https://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/13014

Carrito de Compras

Xcelsius y Flash Islands

Muchas Gracias
“El conocimiento Humano Pertenece al mundo”…JClen.

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

by Biz Partner

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 34

Statistics