✒️SAP BI / BW BO Video - Creación de aplicación WEB con WAD

CREACION DE APLICACIÓN WEB CON WAD

Clicar en el icono de New para crear nuestro primer WEB Application

Clic a la pestaña de Layout en la zona de diseño, no ingresaremos código XHTML en este ejemplo.

Se inicia creando un Data Provider, clic en New Data Provider, en la pantalla emergente seleccionara que un Data Provider puede ser una Vista de query, un Query o un InfoProvider.

Se puede buscar y seleccionar el query o infoprovider en el Historial, Favoritos, Roles o Infoareas y se le da OK. (Ej ZQUERY1)

Aparecerá como un icono (DP_1) el query creado por lo que se deberá de seleccionar para que aparezca en el layout (ANALYSIS ITEM), al dar clic derecho y seleccionar Propiedades, se podrán ver las propiedades a la izquierda de la pantalla y de igual manera los web ítems

En Propiedades, DataBindind se ve el dataprovider asociado.

Entre los web ítems podremos encontrar: Analysis, charts, report, navigation panel, button group , paneles de filtros, entre otros

Seleccionamos button group y nos dirigimos a sus propiedades, entramos a los parámetros para decidir que opción le daremos a cada botón (Nombre descriptivo y asignarle la acción – Action Command).

Allí veremos un botón de Open subdialog with properties para entrar a la configuración de estos botones.

En la pantalla emergente, entre lo básico es editarle el nombre y agregarle una acción, nos dirigimos a la acción en la cual podremos ver los comandos que podemos agregar. Se tienen comandos especifico para data providers, planning applications, web items y web templates.

Business Explorer – Web Application Designer

Web Application Designer (WAD) is a tool under SAP Business Explorer which can be used to develop web applications based on BW content like – Charts, Maps and Tables. Applications that are developed using the WAD can be saved as web templates and they are referred as Web Applications when called from the web browser.

These web templates can be edited in the Web Application Designer for any changes. The web templates are HTML pages which can be designed to meet individual requirement based on the standard markup language and Web Design API.

To open the Web Application Designer, you should navigate to Business Explorer folder → Web Application Designer.

When you click on the Web Application Designer, you need to pass the details of the BW System −

• Client
• User Name
• Password
• Language

The BEx Web Application Designer (WAD) consists of the four screens that provides different functions to develop various web applications −

• Web Items Screen Area
• Web Template Screen Area
• Properties Screen Area
• Error and Warnings Screen Area

Web Items Screen Area

The web item screen provides the list of web items that can be used to develop web applications. You can define how data from a data provider is displayed in aweb application.

The Web Item screen is divided into different sections −

• Web-Item Grouping: Standard
• Web-Item Grouping: Advanced
• Web-Item Grouping: Miscellaneous

Under the Web Items Standard option, you can use the following item types −

Under the Web Items Advance option, you can use the following item types −

• Analysis
• Chart
• Report
• Navigation area
• Filter area
• Button group
• Dropdown box
• Radio button groups
• Checkbox group
• List box
• Hierarchical filter selection
• Web Template
• Container Layout
• Container
• Tab Pages
• Group
• Single Document
• Document List
• Map
• System Messages
• Information Field
• Input Field

Under the web items miscellaneous option, you can use the following item types −

• Data Provider - Information
• Text
• Link
• List of Exceptions
• List of Conditions
• Menu Bar
• Properties Pane
• Ticker
• Context Menu
• Script
• Custom Enhancement
• Page Brea

The Data Provider section can be used to create data providers of type Filter or of type Query View. To add a data provider, you can drag the required data provider type into your Web template.

Web Template Screen Area

This area contains web templates that you add to the web application. A web template is known as the HTML page that can be used to specify the structure of a web application.

In the Web Template screen area, you have three different tabs at the top −

• Layout tab
• XHTML tab
• Overview tab

Layout tab − This tab is used to design the visual focus of a web template. You can drag and drop the items from the web item section into the web template.

XHTML tab page − This tab is used to view XHTML w.r.t the layout view of web items added to template. Each component in the XHTML code has different color.

• Comments: Gray
• Attributes: Red
• Attribute values: Blue
• HTML tags: Black
• Web items, Commands, Data Providers: Dark red
• Texts: Green
• Hyperlinks: Violet

You can make changes to the XHTML of a web template and they are reflected directly in the Layout tab. In the above program, you can see the XHTML code of the web items added to the Web template.

Overview − In overview tab, you can see all data providers, web items and commands. To display any of these field, you can select check box.

You can also select different sort order for each object −

Grouped − Using this, you can list the objects used by type: Data Providers, Web Items and Commands.

Web Template − Using this sort order, sequence of objects used in the web templates are displayed as a flat structure.

Web Template Hierarchical − The web template sequence is displayed in the form of the hierarchical structure.

Property Screen Area

This area is used to define properties of web items and web templates.

From the drop down list, you can select the web template or the individual web item. Under Properties, when you select a Web template from the dropdown box this allows you to set the parameters for web template.

When you select a web item from the drop down list, the following settings can be done −

General Tab Page − This option allows you to create a new data provider for the web item and assign it to web item of your web template.

Web Item Parameter Tab Page − This option is used to select parameter for selected web item. You can set different parameters for a web item related to display, internal display, data binding, chart text, etc.

Error and Warning Screen Area

This option is used to view errors and warnings when you validate a web template in WAD.

Business Explorer – Analysis and Reporting

Using BEx Web applications you can perform data analysis and reporting on the BW Content. To perform reporting and analysis, you should design the web applications and open it in a web browser.

Creating a Web application in WAD

To create a web application in the BEx Web Application Designer, you need to create a new web template. To create a new web template, you can go to Web Template → New.

You can also open a new web template by clicking on the new icon in the Web Application tool bar. The next step is to assign a data provider to the web item. You can assign one data provider to multiple web items.

Assigning of Data Provider Using Different Options

You can use the Data Provider option under the Web Item section. You can select if you want to create a data provider of type Filter or type Query View and drag the corresponding line into the lower data provider section of the Web template screen area. This opens the Data Provider dialog box.

Enter the name of the data provider in the dialog box and make the settings as per the data provider.

To add a web item, you can drag it from the Web Section: Under Standard, Advanced and Miscellaneous. The web item appears in the web template screen area. You can rename a web item by clicking on the Rename web item button under the Properties tab.