DESARROLLO DE APLICACIONESWEB CON WEB DYNPROS Y FLEXAutor: Ing. Alexander Clen Riva Ccaccaycucho.Consultor Abap – Bizpartner S.A.ariva@bizpartner.bizLima - 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 ComponentComponent ControllerContext Events MethodsWindowsView Hierarchy NavigationView ControllerInterface ControllerViewContext Events Methods Plug UI Elements View Container Context Events Methods

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.

Context

Events

Methods

View Hierarchy

Navigation

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).CONTROLADORMODELOVISTA

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).

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.

¿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.

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 COMPONENTCOMPONENT CONTROLLERWindowsContexRoot NodeViewView ControllerUSUARIOContexRoot NodeUSUARIONode 2

El mapeo de contextos en Web Dynpros para Abap.

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

El Entorno de Desarrollo .

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 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

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).

Adobe Flex Builder 3IDE 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$ 249ProfesionalUS$ 699http://www.adobe.com/products/flex/buy/

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.

¿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  SilverlightSun Microsystems  JavaFXLaszlo Systems  OpenLaszloPotix  ZK FrameworkAppcelerator  TitaniumCurl  Curl Framework

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 Flexhttp://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 Flexhttp://www.adobe.com/devnet/flex/tourdeflex/web

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.

SAP Y ADOBE SOFTWAREFlash Islands – Flex en Web Dynpro

Flash IslandEs 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.

Es una nueva tecnología desarrollada por SAP que nos permite utilizar Componentes Flex dentro de aplicaciones

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 Web Dynpros?¿Cómo programar en Web Dynpros?¿Qué es Flex?Flash Island.Web Dynpros & Flash Island.Uso de Flash Island.

Flash Island y Web DynproIntegración de la librería WDIslandLibrary en un proyecto FlexWDIslandLibrary.swcEsta librería le permite el acceso a métodos específicos Flash Island.

Flash Island y Web DynproIntegración de componentes Flex en una Aplicación Web DynproProyecto Web Dynpro for AbapComponente Flash IslandProyecto FlexRepositorio MIMEWDIslandLibrary.swc

Flash Island y Web DynproLograr 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.

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 Web Dynpros?¿Cómo programar en Web Dynpros?¿Qué es Flex?Flash Island.Web Dynpros & Flash Island.Uso de Flash Island y Web Dynpro.

Uso de Flash Island y Web DynproConfiguración de ProductosVisualización de DatosSelección de ProductosAplicaciones de Negocio

Uso de Flash Island y Web DynproVisualizaciones Avanzadas de Datos

Uso de Flash Island y Web DynproSap Flash Island y Google Maps

Uso de Flash Island y Web DynproCliente Twiterrhttps://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/13014

Uso de Flash Island y Web DynproCarrito de Compras

Uso de Flash Island y Web DynproXcelsius y Flash Islands

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