Business Server Pages

1. Business Server Pages Programacion en BSP

2. ¿Qué es una Aplicación BSP? • Los Business Server Page (BSP) es una aplicación completamente funcional al igual que una transacción clásica de SAP. Aunque esta aplicación se ejecuta en una Web browser más que en el SAPGUI. El HTTP o HTTPS se utiliza para tener acceso al uso a través de la red, significa que los productos estándares como firewalls y proxy pueden ser utilizados. • Las Business Server Pages (páginas del servidor del negocio) que se programan son similares a las tecnologías de las páginas de un servidor. Una programación con BSP aseguran la estructura óptima en interfaces y lógica del negocio.

3. Estructura de una Aplicación BSP Una Business Server Page (BSP) es un proyecto independiente del desarrollo que se crea y edita en el ambiente del desarrollo de SAP (transacción SE80). Las herramientas de diseño externas, tales como adobe resultan útiles, Dreamweaver, o el Microsoft Frontpage 2000 se puede utilizar para diseñar el uso de BSP, así como otras extensiones de BSP.

4. Estructura: usos. Al igual que una transacción clásica, una aplicación BSP consiste en una lógica que se asigne a una business logic, en este caso el uso del interfaz utilizador y del negocio de BSP. La interfaz utilizada en los usos de un BSP incluye: • Web sites estáticas. • Los Web sites dinámicamente generados, que son BSPs o las plantillas que contienen a server-side scripting que se ejecutan dinámicamente en el tiempo de ejecución para generar un Website estático de BSPs; pueden ser páginas con flow logic o views. • Objetos MIME, por ejemplo imagenes, iconos, archivos de sonidos, hojas de estilo, y así sucesivamente, que son parte de una aplicación típica de la Web. • Todos estos objetos con integrados en el cambio y transportados por partes de una aplicación BSP y se dirigen a una unidad lógica. Esto permite que todos los objetos que sean parte de una aplicación BSP transportase completamente entre todos los sistemas de SAP. • La lógica del negocio se puede alcanzada de una aplicación BSP usando los típicos methods, tales como BAPIs, módulos de funciones, o class libraries. Además, el modelo de programación de BSP proporciona una herramienta de estructuración, que se puede utilizar encapsula la funcionalidad de la lógica del negocio en la aplicación BSP.

5. Componentes de una BSP • Una Aplicación BSP consta de los siguientes componentes: • Controller. • Business Server Pages (BSPs). • Navigation structures. • Application class. • MIME objects.

6. Componentes: • Controller. Los Controller contienen lógica del negocio y datos del uso. Los Controller determinan los datos de una petición entrante basada en un modelo y después seleccionan una visión conveniente para rendir la respuesta al usuario. • Business Server Pages (BSPs). Las BSPs son Web sites que se miran en el browser cuando el uso esta funcionando. Las BSPs pueden contener código estático del HTML y código scripting dinámico (ABAP o Javascript). El código scripting se interpreta en el servidor. Una página puede tener las versiones siguientes: • Page with flow logic.Éstas son páginas simples con event handlers, pero sin muchos elementos de uso lógico o de la visualización. Es posible construir una aplicaciónde BSP exclusivamente fuera de las páginas con los tratantes de la lógica y del acontecimiento del flujo. • View.Las Views son utilizadas para visualizar datos. • Page fragment.Se crean éstos de la misma manera que las BSPs normales, pero entonces estaran marcados como fragmentos de la página. Las otras BSPs también se puede incluir en estos fragmentos usando el includedirective.

7. Componentes: • Navigation structures. La Navigation structures se utiliza a petición de la navegación de dirigir el proceso de la navegación de la página a que página subsecuente. • Application class. La lógica del negocio de un uso de BSP se encapsula en una clase de la aplicación. Esta clase se observa por medio de una clase global de ABAP que ponga el acceso en ejecución a los datos de negocio usando llamadas de BAPI, por ejemplo. Cada página de un uso de BSP puede referirse directamente a los componentes de esta clase (attributes, methods, y así sucesivamente) usando el Object application. Puedes también asignar varios usos de BSP a una clase de aplicación. • MIME objects. En el sistema de SAP, todos los MIMEs, tales como gráficos, style sheets (usadas para definir las características del formato de las etiquetas individuales del HTML), archivos audio, archivos video, y así sucesivamente, se almacenan y se administran en un depósito central, el depósito del MIME. Para cada nueva aplicación BSP, un directorio del mismo nombre se crea en el depósito del MIME. Este directorio se utiliza como localización del almacenaje para todos los MIMEs application-specific.

8. Ejemplo de uso de Java Beans Creación de un Bean en Netweaver BSP Creacion de la primer aplicación

9. Ejemplo 1: Como se crea una BSP. • Para crear la BSP accedemos a la transacción SE80 desde la que crearemos la nueva BSP escribiendo el nombre y pulsando [ENTER]. Si el nombre de la nueva BSP no existe aparecerá una ventana para confirmar si queremos crearla.

10. Ejemplo 1 • Una vez pulsemos sobre “Sí” tendremos que darle una descripción: • El siguiente paso es crear la entrada en el catálogo de objetos, básicamente se trata de identificar el paquete/clase de desarrollo bajo el que se crea la BSP: Y... grabamos.Nos pedirá guardarlo en una orden de transporte (como siempre).

11. Ejemplo 1: Creacion de Páginas • Para crear la página tenemos que hacer click con el botón derecho del ratón sobre el nombre de la BSP y pulsar sobre la opción de crear pagina:

12. Ejemplo 1: Detalles de Creacion de Páginas • Indicamos el nombre de la página junto con su extensión. • Indicaremos una descripción de la página. • Seleccionamos el tipo de página, que este caso será“Página con lógica de proceso”. • Aceptamos.

13. Ejemplo 1: Parámetros de la Página • Ahora ya tenemos la página principal creada dentro de nuestra aplicación BSP, lo primero que vamos a hacer es definir los parámetros. Los parámetros de la página se dan de alta en la pestaña “Atributos de página”:

14. Ejemplo 1: Disposición • La disposición de una página se refiere a la parte en la que vamos a picar el código HTML, JavaScript, estilos … Accedemos desde la pestaña “Disposición”. A partir de aquí ya empieza la programación con BSP´s.

15. Ejemplo 1: Codigo. Se puede apreciar que en la primera linea, agregamos el lenguaje que vamos a utilizar en la página. (existen 2 posibilidades obligatorias. O ABAP o JAVASCRIPT). Este se va a ejecutar server-side (cuando veamos la página en el browser, vamos a ver el codigo generado por la lógica de este) En este caso, implementamos ABAP. Un simple DO ENDLOOP que va a ejecutar el código que está dentro de este, una 5 veces. Y embedimos un valor que va ser modificado en cada vuelta del LOOP. Con esta lógica, podemos hacer desde selecciones de tablas, ejecutar RFC, BAPIs, y mostrar los datos en donde querramos nosotros… claro que debemos escribir el código HTML para que en la página, los muestre en donde querramos.

16. Ejemplos Varios Los ejemplos de BSPs más importantes están en la siguiente tabla. Aplicaciones BSP de ejemplo: Para complementar la tecnología BSP se necesita… Siguiente Curso: Lenguaje Básico HTML. Lenguajes Avanzados HTMLB – XHTMLB – PHTMLB y BSP objects.

17. Ejemplo de uso de Java Beans Creación de un Bean en Netweaver BSP Fin de Iniciación en la Tecnologia