sesión 10: desarrollo de aplicaciones web con web dynpro & flex

DESARROLLO DE APLICACIONESWEB CON WEB DYNPROS Y FLEX

Autor: Ing. Alexander Clen Riva Ccaccaycucho.Consultor Abap – Bizpartner S.A.ariva@bizpartner.biz

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.