Exercise: Web Application Designer

At the conclusion of this exercise you will be able to:

Create BEx queries using various key design features of the BEx Query Designer which are new
for NetWeaver 2004s BI.

At the conclusion of this exercise, you will be able to:

 Use the redesigned Web Application Designer to create a web template making use of
new web items, the Chart Wizard and the Command Wizard.

 Enable printing to a PDF file from the web template.

You are familiar with how to create web templates using the Web Application Designer, but
embedding command URLs and objects such as buttons and tabs have required additional
coding in the past. You want to evaluate the new Web Application Designer and how these tasks
have been simplified. Application Designer

1. Start the BEx Web Application Designer using the path Start → Programs → Business
Explorer → Web Application Designer. Logon to the system with the user ID and
password provided by your instructor. Select “Create new Web Template”.

2. To begin, create a new data provider and choose the query T_COMCMA to supply the
data. This data provider will be used as default for all web items of the web application.

Page 1
 Because we want to use the same query as a data provider for all web items, it is
sufficient to create only one data provider.

3. Next, choose the Tab Pages web item from the Advanced group of web items and drag it
into your template. This web item allows you to group other web items on different tab
pages. To do this in the Web Items area, click on Advanced. Select the Tab Pages web
item and drag it to the design area of the Web Application Designer.

Page 2
4. In the Web Items area, open the Standard web items category. Choose the Analysis web
item, then drag and drop it directly on top of the Tab Pages web item in the design area.

5. In the same way, drag the Chart web item and drop it on top of the Tab Pages web item.
It will appear above the Analysis web item.

Page 3
Page 4
6. Create the settings for the chart by choosing “Edit” from the context menu of the Chart
web item. This will start the Chart Designer Wizard.

On the first screen, choose the chart type “Columns” – “Columns 2.5D” and then choose
Next.

On the second screen, enter the title “Sales Q1” and then choose Next.

Skip steps 3 and 4 of the Chart Wizard. On step 5, remove the gridlines from the chart by
removing the flag from the “Gridlines” box in the Area Properties. Then click Complete to
close the Chart Designer Wizard.

Page 5
7. Assign the Chart and the Analysis web items to two different tab pages of your Tab Pages
web item. In order to do so, go to the Properties area of the Tab Pages web item
(TABSTRIP_CONTAINER_ITEM_1). Under “Internal Display”, go to the Tab Panel List.
Below the header “Caption”, replace “Default” with “Chart” as the description for the first
tab page that should contain the Chart web item.

Below the header “Subordinate Web” you can choose from a dropdown box the web
items available to be assigned to the first tab page. Choose the Chart_Item_1.

Page 6
8. In order to enter a description for the second tab page, you should use a second option
the new Web Application Designer provides. Go to the second row below the “Caption”
header and click on the grey box. A text editor opens where you can enter Table as the
description for the second tab page. After entering the description, choose OK.

Below the header “Subordinate Web” you can choose from a dropdown box the web
items available to be assigned to the second tab page. Choose the Analysis_Item_1.

Page 7
9. Now you want to enhance your web application with a button that should allow the users
to print the table. In order to do so, go back to the Web Application Designer. Choose the
Button Group web item and drag it to the design area below the Tab Pages web item.

10. Go to the Properties area of the Button Group web item. In the Internal Display area,
enter a caption Print Table for your button. Click on the grey box in the “Action” column in
order to start the Command Wizard.

In order to enable the users to print the table using this button, you have to assign the
command “Export Web Application [EXPORT]” to the button. You find it on the tab page
“All commands” in the area of “Commands for Web Templates”. Select the command with
a mouse click, then press Next.

Page 8
Page 9
11. In the next step of the Command Wizard, you have to set the parameters for the chosen
command Export Web Application [EXPORT]. This command allows you to export the
entire web application or single items to PDF format, to Excel or to a printer. You want to
export the table to a PDF file, and so you can leave the default settings in the Behavior
area.

In the Data Binding area, you have to specify if you want to export the complete web
application or single items. In our exercise, we want to export only the Table web item
that is placed on the second tab page. Choose ANALYSIS_ITEM_1 from the drop down
box for the Item Binding. After that, select OK.

12. Save and execute your web application to check the results. Give the web application a
description of GR## Web App and a technical name of GR##WA. Save the web
application to your Favorites folder.

Execute the web application by selecting the “Execute” button. If prompted to logon to the
attached Portal, use your normal user ID and password.

Page 10
View both the Chart and Table tab pages. Then print the table analysis to a PDF file using
the “Print Table” button.

Page 11
Page 12