Your SlideShare is downloading. ×
0
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Sesión 09: Desarrollo de Apps Web con Bsp en SAP
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Sesión 09: Desarrollo de Apps Web con Bsp en SAP

4,575

Published on

SAP Inside Track Lima 2009 …

SAP Inside Track Lima 2009
Desarrollo de Apps web con BSP en SAP por Carlos Flores

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,575
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
176
Comments
2
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Desarrollo de Aplicaciones Web con Bussines Server Pages (BSP) en SAP
    Expositor: Ing. Carlos Eduardo Flores Joseph
    cefloresjoseph@hotmail.com
    cflores@bizpartner.biz
  • 2. Temario
    • Overview Bussines Server Pages
    • 3. Arquitectura del SAP Web Aplicaction Server
    • 4. Estructura de las aplicaciones BSP
    • 5. BSP Extension (HTMLB)
    • 6. BSP utilizando el Modelo Vista Controlador MVC
    • 7. Interfaz Flex Utilizando BSP
  • Overview Bussines Server Pages
    A partir de la versión 6.10, SAP inicio una importante revisión de su tecnología. La empresa rompió la tradicional capa de aplicaciones base, para utilizar una nueva tecnología de capa de aplicaciones para servidores Web, donde el lenguaje nativo será ABAP, y no utilizar servidores Web externos o lenguajes de programación.
  • 8.
  • 9. Overview Bussines Server Pages
    El Web Application Server de SAP, nos provee un modelo de programación basado en páginas, con scripting del lado del servidor, así como tecnología para desarrollar aplicaciones web. Eso es Business Server Pages.
  • 10. Overview Bussines Server Pages
    • La ventaja que tiene el Scripting del lado del servidor, es el acceso que nos permite a Módulos de Funciones, Tablas de Base de Datos y Objetos en ABAP.
    • 11. La presentación está separada de la lógica, lo cual nos permite implementar tecnología Front-End.
  • Overview Bussines Server Pages
    • Podemos crear páginas HTML o BSP utilizando ABAP o JavaScript.
    • 12. Podemos tomar ventaja del Modelo MVC (Modelo, Vista, Controlador).
    • 13. El HTMLB es una librería que nos permite no solo mejorar la visualización de nuestras aplicaciones, sino también reducir el costo de programación.
  • Arquitectura SAP WAS
  • 14. Aplicaciones BSP con HTML
    • El BSP utiliza ABAP como lenguaje Script, por lo tanto, necesita de un lenguaje Markup para poder ser visualizado en un browser de internet. En este caso, utilizamos HTML.
    • 15. El HTML es soportado por todos los navegadores existentes en el mercado.
  • Estructura de las Aplicaciones BSP
  • 16. Páginas con lógica de proceso
    • Las páginas definidas como “con lógica de proceso” pueden implementar su propia lógica de proceso, es decir, todo el código necesario para la aplicación.
    • 17. Es ejecutable y puede ser llamada a través de una URL o llamada mediante navegación por otras páginas.

    • <% %> Se utiliza para el código ABAP.
    • 18. <%= %> Se utiliza para variables ABAP dentro del código HTML.
    • 19. De esta manera podemos combinar ABAP y HTML sin que el compilador intente compilar código HTML como ABAP o código ABAP como código HTML.
  • Flujo de las Aplicaciones BSP
  • 20. Eventos que se desencadena al invocar a una pagina
  • 21. BSP – Hola Mundo
  • 22. BSP con otras tecnologías
    Aplicación en PHP
    Aplicación en JSP
  • 23. Ejemplo Aplicación BSP
  • 24. Ejemplo Aplicación BSP
  • 25. Ejemplo Aplicación BSP
  • 26. Aplicación BSP - Browser
  • 27.
  • 28. Aplicaciones con HTMLB
    • El HTMLB es una extensión del BSP, es decir, son tags diseñados para encapsular funcionalidades. Con lo cual la programación es más rápida.
    • 29. Está basado en componentes.
    • 30. El HTMLB no es soportado por todos los navegadores existentes en el mercado.
  • Ejemplo Aplicación BSP Ext.
  • 31. Browser – IE 7
    Imagen de Navegación
  • 32. Browser – Chrome
    No se muestra la imagen de Navegación
  • 33. Modelo Vista Controlador
    • El modelo MVC (Modelo-Vista-Controlador) es un modelo por el cual podemos separar en capas la lógica del negocio de la información que se muestra al usuario.
    • 34. Tenemos una capa para la conexión a la Base de Datos (Modelo), otra para la manipulación de datos (Controlador) y otra para mostrar los datos (Vista).
  • Modelo Vista Controlador
    • Sus ventajas, son que es más ordenado, más fácil de mantener y es reutilizable.
  • BSP usandoMVC
    ABAP Class
    based on
    CL_BSP_CONTROLLER_2
    ABAP Class
    based on
    CL_BSP_MODEL
    BSP Page type “View”
  • 35. Object Data Model
    • Para hacer la programación más sencilla en BSP, el framework nos proporciona una clase básica llamada CL_BSP_MODEL.
    • 36. El Data Model sirve para interactuar con la Base de Datos y proporcionar información al Controller y a las Vistas.
  • Controlador
    • El Controlador es el encargado de llamar al Data Model.
    • 37. Se utiliza la clase básica CL_BSP_CONTROLLER2.
    • 38. Un controlador puede llamar a múltiples vistas.
    • 39. Responde a eventos provocando cambios en el Data Model.
  • Vista
    • Maneja la interfaz gráfica de la aplicación.
    • 40. Muestra la información obtenida en el Data Model.
    • 41. No puede modificar datos directamente. Tiene que llamar a un Controlador.
  • Ejemplo Aplicación BSP MVC
  • 42. Ejemplo Aplicación BSP MVC
    ZCL_USUARIO_MODEL, es una clase global creado en la SE24
  • 43. Ejemplo Aplicación BSP MVC
  • 44. BSP MVC – Browser IE 7
  • 45. BSP MVC – Browser Chrome
  • 46. Construyendo XML en BSP
  • 47. XML en el Browser
  • 48. Leyendo XML desde Flex
  • 49. Resultado en el Browser
  • 50. Gracias…!!

×