You are on page 1of 41

Desarrollo de Aplicaciones

Web con Bussines Server


Pages (BSP) en SAP

Expositor: Ing. Carlos Eduardo Flores Joseph


cefloresjoseph@hotmail.com
cflores@bizpartner.biz
Temario

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
Overview Bussines Server Pages

A partir de la versin 6.10, SAP inicio una


importante revisin de su tecnologa. La
empresa rompi la tradicional capa de
aplicaciones base, para utilizar una nueva
tecnologa de capa de aplicaciones para
servidores Web, donde el lenguaje nativo
ser ABAP, y no utilizar servidores Web
externos o lenguajes de programacin.
Overview Bussines Server Pages

El Web Application Server de SAP, nos


provee un modelo de programacin basado
en pginas, con scripting del lado del servidor,
as como tecnologa para desarrollar
aplicaciones web. Eso es Business Server
Pages.
Overview Bussines Server Pages

La ventaja que tiene el Scripting del lado


del servidor, es el acceso que nos permite a
Mdulos de Funciones, Tablas de Base de
Datos y Objetos en ABAP.
La presentacin est separada de la lgica,
lo cual nos permite implementar tecnologa
Front-End.
Overview Bussines Server Pages

Podemos crear pginas HTML o BSP


utilizando ABAP o JavaScript.
Podemos tomar ventaja del Modelo MVC
(Modelo, Vista, Controlador).
El HTMLB es una librera que nos permite
no solo mejorar la visualizacin de nuestras
aplicaciones, sino tambin reducir el costo
de programacin.
Arquitectura SAP WAS
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.
El HTML es soportado por todos los
navegadores existentes en el mercado.
Estructura de las Aplicaciones BSP
Pginas con lgica de proceso

Las pginas definidas como con lgica de


proceso pueden implementar su propia
lgica de proceso, es decir, todo el cdigo
necesario para la aplicacin.
Es ejecutable y puede ser llamada a travs
de una URL o llamada mediante
navegacin por otras pginas.

<% %> Se utiliza para el
cdigo ABAP.
<%= %> Se utiliza para
variables ABAP dentro del
cdigo HTML.
De esta manera podemos
combinar ABAP y HTML sin
que el compilador intente
compilar cdigo HTML como
ABAP o cdigo ABAP como
cdigo HTML.
Flujo de las Aplicaciones BSP
Eventos que se desencadena al
invocar a una pagina
BSP Hola Mundo
BSP con otras tecnologas
Aplicacin en JSP Aplicacin en PHP
Ejemplo Aplicacin BSP
Ejemplo Aplicacin BSP
Ejemplo Aplicacin BSP
Aplicacin BSP - Browser
Aplicaciones con HTMLB

El HTMLB es una extensin del BSP, es


decir, son tags diseados para encapsular
funcionalidades. Con lo cual la
programacin es ms rpida.
Est basado en componentes.
El HTMLB no es soportado por todos los
navegadores existentes en el mercado.
Ejemplo Aplicacin BSP Ext.
Browser IE 7

Imagen de Navegacin
Browser Chrome

No se muestra la imagen
de Navegacin
Modelo Vista Controlador

El modelo MVC (Modelo-Vista-Controlador)


es un modelo por el cual podemos separar
en capas la lgica del negocio de la
informacin que se muestra al usuario.
Tenemos una capa para la conexin a la
Base de Datos (Modelo), otra para la
manipulacin de datos (Controlador) y otra
para mostrar los datos (Vista).
Modelo Vista Controlador

Sus ventajas, son que es ms ordenado,


ms fcil de mantener y es reutilizable.
BSP usando MVC ABAP Class
based on

CL_BSP_CONTROLLER_2

ABAP Class
based on

CL_BSP_MODEL

BSP Page type


View
Object Data Model

Para hacer la programacin ms sencilla en


BSP, el framework nos proporciona una
clase bsica llamada CL_BSP_MODEL.
El Data Model sirve para interactuar con la
Base de Datos y proporcionar informacin
al Controller y a las Vistas.
Controlador

El Controlador es el encargado de llamar al


Data Model.
Se utiliza la clase bsica
CL_BSP_CONTROLLER2.
Un controlador puede llamar a mltiples
vistas.
Responde a eventos provocando cambios
en el Data Model.
Vista

Maneja la interfaz grfica de la aplicacin.


Muestra la informacin obtenida en el Data
Model.
No puede modificar datos directamente.
Tiene que llamar a un Controlador.
Ejemplo Aplicacin BSP MVC
Ejemplo Aplicacin BSP MVC

ZCL_USUA
RIO_MOD
EL, es una
clase global
creado en la
SE24
Ejemplo Aplicacin BSP MVC
BSP MVC Browser IE 7
BSP MVC Browser Chrome
Construyendo XML en BSP
XML en el
Browser
Leyendo XML desde Flex
Resultado en el Browser