Desarrollo de Aplicaciones Web con Bussines Server Pages (BSP) en SAP<br />Expositor: Ing. Carlos Eduardo Flores Joseph<br...
Temario<br /><ul><li>Overview Bussines Server Pages
Arquitectura del SAP Web Aplicaction Server
Estructura de las aplicaciones BSP
BSP Extension (HTMLB)
BSP utilizando el Modelo Vista Controlador MVC
Interfaz Flex Utilizando BSP</li></li></ul><li>Overview Bussines Server Pages<br />A partir de la versión 6.10, SAP inicio...
Overview Bussines Server Pages<br />El Web Application Server de SAP, nos provee un modelo de programación basado en págin...
Overview Bussines Server Pages<br /><ul><li>La ventaja que tiene el Scripting del lado del servidor, es el acceso que nos ...
La presentación está separada de la lógica, lo cual nos permite implementar tecnología Front-End.</li></li></ul><li>Overvi...
Podemos tomar ventaja del Modelo MVC (Modelo, Vista, Controlador).
El HTMLB es una librería que nos permite no solo mejorar la visualización de nuestras aplicaciones, sino también reducir e...
Aplicaciones BSP con HTML<br /><ul><li>El BSP utiliza ABAP como lenguaje Script, por lo tanto, necesita de un lenguaje Mar...
El HTML es soportado por todos los navegadores existentes en el mercado.</li></li></ul><li>Estructura de las Aplicaciones ...
Páginas con lógica de proceso<br /><ul><li>Las páginas definidas como “con lógica de proceso” pueden implementar su propia...
Es ejecutable y puede ser llamada a través de una URL o llamada mediante navegación por otras páginas.</li></li></ul><li>…...
<%= %> Se utiliza para variables ABAP dentro del código HTML.
De esta manera podemos combinar ABAP y HTML sin que el compilador intente compilar código HTML como ABAP o código ABAP com...
Eventos que se desencadena al invocar a una pagina<br />
BSP – Hola Mundo<br />
BSP con otras tecnologías<br />Aplicación en PHP<br />Aplicación en JSP<br />
Ejemplo Aplicación BSP<br />
Ejemplo Aplicación BSP<br />
Ejemplo Aplicación BSP<br />
Aplicación BSP - Browser<br />
Aplicaciones con HTMLB<br /><ul><li>El HTMLB es una extensión del BSP, es decir, son tags diseñados para encapsular funcio...
Está basado en componentes.
El HTMLB no es soportado por todos los navegadores existentes en el mercado.</li></li></ul><li>Ejemplo Aplicación BSP Ext....
Browser – IE 7<br />Imagen de Navegación<br />
Browser – Chrome<br />No se muestra la imagen de Navegación<br />
Modelo Vista Controlador<br /><ul><li>El modelo MVC (Modelo-Vista-Controlador) es un modelo por el cual podemos separar en...
Tenemos una capa para la conexión a la Base de Datos (Modelo), otra para la manipulación de datos (Controlador) y otra par...
Object Data Model<br /><ul><li>Para hacer la programación más sencilla en BSP, el framework nos proporciona una clase bási...
El Data Model sirve para interactuar con la Base de Datos y proporcionar información al Controller y a las Vistas.</li></l...
Se utiliza la clase básica CL_BSP_CONTROLLER2.
Un controlador puede llamar a múltiples vistas.
Responde a eventos provocando cambios en el Data Model.</li></li></ul><li>Vista<br /><ul><li>Maneja la interfaz gráfica de...
Muestra la información obtenida en el Data Model.
No puede modificar datos directamente. Tiene que llamar a un Controlador.</li></li></ul><li>Ejemplo Aplicación BSP MVC<br />
Upcoming SlideShare
Loading in …5
×

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

5,588 views

Published on

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

Published in: Technology
2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total views
5,588
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
208
Comments
2
Likes
4
Embeds 0
No embeds

No notes for slide

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

  1. 1. Desarrollo de Aplicaciones Web con Bussines Server Pages (BSP) en SAP<br />Expositor: Ing. Carlos Eduardo Flores Joseph<br />cefloresjoseph@hotmail.com<br />cflores@bizpartner.biz<br />
  2. 2. Temario<br /><ul><li>Overview Bussines Server Pages
  3. 3. Arquitectura del SAP Web Aplicaction Server
  4. 4. Estructura de las aplicaciones BSP
  5. 5. BSP Extension (HTMLB)
  6. 6. BSP utilizando el Modelo Vista Controlador MVC
  7. 7. Interfaz Flex Utilizando BSP</li></li></ul><li>Overview Bussines Server Pages<br />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.<br />
  8. 8.
  9. 9. Overview Bussines Server Pages<br />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.<br />
  10. 10. Overview Bussines Server Pages<br /><ul><li>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. 11. La presentación está separada de la lógica, lo cual nos permite implementar tecnología Front-End.</li></li></ul><li>Overview Bussines Server Pages<br /><ul><li>Podemos crear páginas HTML o BSP utilizando ABAP o JavaScript.
  12. 12. Podemos tomar ventaja del Modelo MVC (Modelo, Vista, Controlador).
  13. 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.</li></li></ul><li>Arquitectura SAP WAS<br />
  14. 14. Aplicaciones BSP con HTML<br /><ul><li>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. 15. El HTML es soportado por todos los navegadores existentes en el mercado.</li></li></ul><li>Estructura de las Aplicaciones BSP<br />
  16. 16. Páginas con lógica de proceso<br /><ul><li>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. 17. Es ejecutable y puede ser llamada a través de una URL o llamada mediante navegación por otras páginas.</li></li></ul><li>…<br /><ul><li><% %> Se utiliza para el código ABAP.
  18. 18. <%= %> Se utiliza para variables ABAP dentro del código HTML.
  19. 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.</li></li></ul><li>Flujo de las Aplicaciones BSP<br />
  20. 20. Eventos que se desencadena al invocar a una pagina<br />
  21. 21. BSP – Hola Mundo<br />
  22. 22. BSP con otras tecnologías<br />Aplicación en PHP<br />Aplicación en JSP<br />
  23. 23. Ejemplo Aplicación BSP<br />
  24. 24. Ejemplo Aplicación BSP<br />
  25. 25. Ejemplo Aplicación BSP<br />
  26. 26. Aplicación BSP - Browser<br />
  27. 27.
  28. 28. Aplicaciones con HTMLB<br /><ul><li>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. 29. Está basado en componentes.
  30. 30. El HTMLB no es soportado por todos los navegadores existentes en el mercado.</li></li></ul><li>Ejemplo Aplicación BSP Ext.<br />
  31. 31. Browser – IE 7<br />Imagen de Navegación<br />
  32. 32. Browser – Chrome<br />No se muestra la imagen de Navegación<br />
  33. 33. Modelo Vista Controlador<br /><ul><li>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. 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).</li></li></ul><li>Modelo Vista Controlador<br /><ul><li>Sus ventajas, son que es más ordenado, más fácil de mantener y es reutilizable.</li></li></ul><li>BSP usandoMVC<br />ABAP Class <br />based on<br />CL_BSP_CONTROLLER_2<br />ABAP Class <br />based on<br />CL_BSP_MODEL<br />BSP Page type “View”<br />
  35. 35. Object Data Model<br /><ul><li>Para hacer la programación más sencilla en BSP, el framework nos proporciona una clase básica llamada CL_BSP_MODEL.
  36. 36. El Data Model sirve para interactuar con la Base de Datos y proporcionar información al Controller y a las Vistas.</li></li></ul><li>Controlador<br /><ul><li>El Controlador es el encargado de llamar al Data Model.
  37. 37. Se utiliza la clase básica CL_BSP_CONTROLLER2.
  38. 38. Un controlador puede llamar a múltiples vistas.
  39. 39. Responde a eventos provocando cambios en el Data Model.</li></li></ul><li>Vista<br /><ul><li>Maneja la interfaz gráfica de la aplicación.
  40. 40. Muestra la información obtenida en el Data Model.
  41. 41. No puede modificar datos directamente. Tiene que llamar a un Controlador.</li></li></ul><li>Ejemplo Aplicación BSP MVC<br />
  42. 42. Ejemplo Aplicación BSP MVC<br />ZCL_USUARIO_MODEL, es una clase global creado en la SE24<br />
  43. 43. Ejemplo Aplicación BSP MVC<br />
  44. 44. BSP MVC – Browser IE 7<br />
  45. 45. BSP MVC – Browser Chrome<br />
  46. 46. Construyendo XML en BSP<br />
  47. 47. XML en el Browser<br />
  48. 48. Leyendo XML desde Flex<br />
  49. 49. Resultado en el Browser<br />
  50. 50. Gracias…!!<br />

×