TP260 Exercises VirtualTechEd v41

SAP TECHNOLOGY: PUTTING IT ALL

TOGETHER

TP260

Exercises / Solutions

Ulrich Klingels Director SAP Technology Solution Management, SAP AG Dr. Matthias Sessler SAP Technology Solution Manager, SAP AG Matthias Kretschmer EIM Solution Management, SAP AG

2

Content

Before You Start ................................................................................................................................................................ 3 Exercise 1.1: Dashboards accessing SAP NetWeaver Business Warehouse – Basic Connectivity ....................... 4 Exercise 1.1: Solution ....................................................................................................................................................... 6 Exercise 1.2: Dashboards accessing SAP NetWeaver Business Warehouse – Advanced Dashboard Design ... 20

Prerequisites ................................................................................................................................................................. 20 Login ............................................................................................................................................................................. 20

Exercise 1.2: Solution ..................................................................................................................................................... 22 Exercise 2: Use SAP BusinessObjects Explorer, Xcelsius, and SAP Crystal Reports to explore your data ........ 36

Login ............................................................................................................................................................................. 36 Exercise 2: Solution ........................................................................................................................................................ 39 Exercise 3.1: ABAP Web Dynpro - Introduction & Mandatory Steps ....................................................................... 47

Login ............................................................................................................................................................................. 47 Mandatory Steps .......................................................................................................................................................... 47

Exercise 3.1: Solution ..................................................................................................................................................... 48 Exercise 3.2: ABAP Web Dynpro - Web Dynpro Flash Islands ................................................................................. 50

Objective ....................................................................................................................................................................... 50 Exercise 3.2: Solution ..................................................................................................................................................... 52 Exercise 3.3: ABAP Web Dynpro – Auto-Completion ................................................................................................. 60

Objective ....................................................................................................................................................................... 61 Exercise 3.3: Solution ..................................................................................................................................................... 62 Exercise 3.4: ABAP Web Dynpro – Side Bar (Part 1) .................................................................................................. 64

Objective ....................................................................................................................................................................... 64 Exercise 3.4: Solution ..................................................................................................................................................... 65 Exercise 3.5: ABAP Web Dynpro – Side Bar (Part 2) .................................................................................................. 76

Prerequisites ................................................................................................................................................................. 76 Objective ....................................................................................................................................................................... 76

Exercise 3.5: Solution ..................................................................................................................................................... 77 Exercise 4.1: Master Data Management and Business Process Management - Intro & Mandatory Steps ........... 82

Mandatory Steps .......................................................................................................................................................... 83 Exercise 4.1: Solution ..................................................................................................................................................... 84 Exercise 4.2: Master Data Management and Business Process Management - Testing the Process ................... 88

Objective ....................................................................................................................................................................... 88 Exercise 4.2: Solution ..................................................................................................................................................... 89 Exercise 4.3: Master Data Management and Business Process Management - Enhancing the Process ............. 98

Objective ....................................................................................................................................................................... 98 Exercise 4.3: Solution ..................................................................................................................................................... 99 Exercise 4.4: Master Data Management and Business Process Management - Enhancing the Web Dynpro UI108

Objective ..................................................................................................................................................................... 108 Exercise 4.4: Solution ................................................................................................................................................... 109

3

Before You Start

In the Hands-on session TP260 you have the opportunity to select your exercises depending on your area of interest. You find the solutions of all exercises as reference – like this you can also see the solutions of the exercises which you did not solve. Due to time constraints during the hands-on session, it is recommended that you first have a look at the different exercises and then you decide which exercises you want to work through.

Exercise Estimated Duration

Dashboards accessing SAP NetWeaver Business Warehouse

60 minutes (2 exercises)

Use SAP BusinessObjects Explorer, Xcelsius, and SAP Crystal Reports to explore your data


Enhance your ABAP Web Dynpro UI 60 minutes (4 exercises)

Master Data Management and Business Process Management


4

Exercise 1.1: Dashboards accessing SAP NetWeaver

Business Warehouse – Basic Connectivity

Estimated Time 30 minutes

Objective In the following exercise we want to create a dashboard from scratch. This dashboard connects via Business Intelligence Consumer Services (BICS) to an SAP NetWeaver Business Warehouse (BW) system. We will learn the basics about SAP BusinessObjects Dashboards, including the connection management and simple data views like a pie chart.

Business Scenario We want to build a dashboard which shows the “Net Sales” of 5 different Sales Organizations in your company. The data is stored in an SAP NetWeaver Business Warehouse and it shall be displayed in a dashboard. We want to use the functionality to connect the dashboard directly to the Business Warehouse.

Login System: M11 Client: 900 Username: TP260-xx (for xx enter your group name, see below) Password: welcome For xx in the user name enter the last two digits of your hostname, which you received in your mail containing the login credentials. This is your group name. Example: wdflbmt4804.wdf.sap.corp group name = 04

5

Exercise Description

A) Design your Dashboard with a Pie Chart and add Example Data Drag and drop a Pie Chart from the Components area to the canvas. Use “Net Sales” as chart title and “in Euro” as sub-title. Add the following data to the Excel spreadsheet, starting in row 3.

Bind the data values to the cells B3 – B7, and bind the Data Labels to the cells A3 – A7.

B) Connect your Dashboard to a SAP NetWeaver BW System Add a SAP NetWeaver BW connection and connect it to the system described in the Login section above. Choose query 0D_FC_NW_C01_Q0005 and map the query output Cross-Tab Data to the Excel range A1 – B7. Choose to refresh the connection every 10 seconds.

C) Run Dashboard on SAP NetWeaver Portal Publish the dashboard on the BW server under the name TP260-XX (where XX is your group name) and launch it to see the dashboard.

6

Exercise 1.1: Solution

Xcelsius Workbench and Exercise Workflow Overview

1) Start Xcelsius 2008 Enterprise SP3 by choosing Start Programs SAP BusinessObjects Xcelsius 2008 Xcelsius 2008.

2) Then you see the following screen. The arrows help you understanding the different parts of the application.

This screenshot is for your information only.

7

3) Note: When you use Xcelsius with BW data as done in the exercise, you have the following workflow - Design your Dashboard in Xcelsius - Add a SAP NetWeaver BW connection - Choose a suitable query for your data - Map the query output to an Excel range. Those Excel ranges are used to fill your Xcelsius components with data. - Publish the dashboard to the BW backend system - Launch the dashboard on the BW Java stack.


8

A) Design your Dashboard with a Pie Chart and add Example Data

4) Choose a Pie Chart in the Component Category Charts.

5) Drag and drop the Pie Chart on the Canvas area

6) In the Pie Chart General Properties Panel, type “Net Sales” as Chart title and “in Euro” as Subtitle.

9

7) Before we do the binding of the data between the Xcelsius component and the Excel range, we fill the Excel range with example data which have the right format of the data. The data itself will later be loaded from the SAP NetWeaver Business Warehouse connection. Task: type the data shown in the screenshot into your Excel, starting at row 3 as shown in the screenshot.

Note: You can use “Auto Fill”:

8) Bind the Excel data to the Xcelsius component by choosing the red arrow next to Values in the Properties panel.

9) Select the cells B3 to B7, where the values are stored. The selection is automatically transferred to the range selection and you only have to click OK.

10

10) In the same way you bind the Labels to the Xcelsius component by choosing the red arrow next to Labels in the Properties panel.

11) Select the range for the labels from A3 to A7 to have the right legend, and then choose OK. Note: The first two lines are empty, because they will be filled later with the header information by the SAP NetWeaver BW query.

12) In the Canvas area you should now already see the data which you entered (Title, Subtitle, and Labels).

11

13) Now we choose Save to save the Xcelsius model LOCALLY. Note: Later the Xcelsius model will be stored on the SAP NetWeaver BW server, but here we already save it in our file system to demonstrate this difference.

14) We name the file “Xcelsius and SAP NetWeaver BW.xlf” and save it under Desktop Session (Local Folder) TP260 and choose save.

B) Connect your Dashboard to a SAP NetWeaver BW System In this step we configure a connection to our SAP NetWeaver BW system. Technically, this connection uses Business Intelligence Consumer Services (BICS), which is the 8-lane information highway between Xcelsius and SAP NetWeaver BW. We will use a query which is delivered with all SAP NetWeaver BW systems in the so-called demo content. The demo content is available as of the release SAP NetWeaver 7.01 SP5 or higher and can be activated in any system with the appropriate release level.

12

15) Click on this icon (Manage Connections) in the Main menu to open the Data Manager. Optional: Alternatively, you can also choose the Main menu item Data Connections

16) Click Add and choose SAP NetWeaver BW Connection.

17) Choose Browse to select the correct system and query.

18) Choose System to select the correct Business Warehouse system.

13

19) Choose System M11 and choose OK.

20) To log on enter: Client: 900 Username: TP260-xx for xx enter your group number Password: welcome Language: EN and choose OK.

21) Choose Find in the left navigation area. Enter 0D_FC_NW_* in the Search field. Deselect Search in Description and select Search in Technical Name. Click Find.

22) Select the query 0D_FC_NW_C01_Q0005 which belongs to the InfoProvider Actual for NW Demo and click on Open. Note: Now the connection is successfully set up and is ready for use. You are now able to configure the data connection. You can create filters, preview the data, output the data in the spreadsheet, and control

If a pop-up occurs: Enter your log in data and choose OK.

14

refreshing. First we will only use the basics features.

23) Note: In the Definition tab you can use the query result set under Cross-Tab Data to fill a region of your Excel sheet, which can then be displayed in your Xcelsius components. Under Characteristics you find the relevant information about the characteristics (and key figures).Furthermore, you get a list of all possible characteristics values under Values Help.


24) Choose the Data Preview tab to see the structure of the data which is returned by the query.

15

25) Choose Refresh Data Preview to get an understanding of the data structure of the query result.

26) Note: Here we see that the data is returned in two columns. The first two rows are header rows. This is the reason why we filled our Excel with data starting in row number three. We also see that we get the short text of the characteristics Sales Organization in the first column and the key figure Net Value in the second column. The Data Preview is static and does not read data from the BW, and therefore we only see the structure of the data. Choose the Definition Tab to define the data usage.


27) Choose the first entry Cross-tab Data in the Output Values section of the Definition tab.

16

28) Choose the red arrow next to Insert In to choose an area of the spreadsheet where to put the data. The data will have 2 columns and 7 rows.

29) Select A1 to B7 in Excel and click OK. Note: The Cross-Tab Data contains the static query result, including query header lines. This is usually the desired selection as you can easily configure the output in the Data Preview tab. There are more options available which will be covered later.

30) In order to get the data when you start the dashboard, select the Usage-tab.

17

31) For demonstration purposes, we choose Refresh Every 10 Seconds. Choose Close to save all settings. Note: Like this we can later first see the data coming from the Excel sheet, and after 10 seconds we see that those data will be overwritten from the data coming out of the BW system.

18

C) Run Dashboard on SAP NetWeaver Portal

32) Now you are ready to have a first preview of the dashboard. In the main menu choose SAP Publish. Note: With publishing, the dashboard is stored on the central BW backend server.

33) Save the dashboard under the name TP260_XX_MMDD for the Description and Technical Name. (where XX is your group number and MMDD is the current month and day) Note: The dashboard is actually stored on the BW server, and therefore the groups have to choose different names and dates.

34) In the main menu choose SAP Launch to see your first dashboard opening in a browser which displays data coming from your SAP NetWeaver Business Warehouse system. With Launch you start a browser pointing to the BW Java server where the dashboard is stored.

19

35) You may need to log on to your SAP NetWeaver BW System: Enter User ID: TP260-xx and Password: welcome Again xx is your group number.

36) Now you see the flash-based Xcelsius dashboard which you created. For the first 10 seconds it displays the data coming from the Excel sheet.

37) After 10 seconds the SAP NetWeaver BW connection is refreshed, and the data from the BW is displayed. You can even use the mouse-over to display the values.

20

Exercise 1.2: Dashboards accessing SAP NetWeaver

Business Warehouse – Advanced Dashboard Design


Objective With this exercise we want to familiarize you with some more enhanced techniques in Xcelsius: Add a drop-down list with values provided by the query Transfer filter values to be used by the query Add further Xcelsius components

Business Scenario Our Sales Manager likes the dashboard which has been built in Exercise 1.1. However, he wants to be able to analyze the data for different Product Groups individually, so wants to select a specific Product group and see only this data. This means that we technically want to submit filter values from Xcelsius to the BW, and the resulting data from the BW shall be displayed in the Xcelsius dashboard.

Prerequisites

This exercise extends the previous exercise, so as prerequisite you have to complete exercise 1.1.

Login

System: M11 Client: 900 Username: TP260-xx (for xx enter your group name, see below) Password: welcome For xx in the user name enter the last two digits of your hostname, which you received in your mail containing the login credentials. This is your group name. Example: wdflbmt4804.wdf.sap.corp group name = 04

21


A) Add a Combo Box for selecting the Product Groups Add a Combo Box for filtering the values by Product Groups. Populate the texts in the Combo Box from a defined Excel sheet range which will later be filled with the Product Group names.

B) Configure the Data Connection Configure the Data Connection to provide the value list for the drop-down list and transfer the selected value as filter value for the Product Group.

C) Publish and Launch the Dashboard Publish and launch the dashboard and test its functionality.

D) Show the Locations and Net Sales on a Globe Add an XGlobe component where the 5 locations of the Sales Organizations are shown. Furthermore, add a colour coding which shows the Net Sales of the 5 locations for the selected Product Groups. Values below 5 million shall occur in red, values over 8 million shall occur in green, and the other values shall occur in yellow. Publish and launch the dashboard and test its behaviour.

22


A) Add a Combo Box for selecting the Product Groups Xcelsius experts use a dashboard-first approach when creating a new dashboard. This means that you create your dashboard first with some sample data and then configure your live data to fit into your underlying spreadsheet. This allows you not to squeeze the available data into the dashboard, but to instead design the dashboard as desired by the end-customer and fit the data into the dashboard. In this section, we add a Combo Box to select the Product Groups as Filter Values.

38) Open Components Category Selectors and choose the Combo Box.

39) Drag & drop the Combo Box to the canvas area. Resize it by making it a bit larger at the left hand side.

23

40) Add the Title Product Group under the Combo Box 1 General Properties.

41) Note: The drop-down box shall be used to select one of six different Product Groups, therefore we add the Product Groups 1-6 in the Excel and will fill them later with values coming from the BW query. Add the text PGtext1 in the Excel cell C3.

42) Use the Excel Auto Fill option to fill the cells C4-C8 accordingly.

43) Note: We want to display the texts, but the query requires the keys for doing the filtering. Therefore we also need to add a column for the Product Group keys. Add the text PGkey1 in cell D3 and use AutoFill to fill the cells D4-D8 accordingly.

24

44) Note: Furthermore, we require one Excel cell which stores the value selected in the drop-down list. This cell shall later refresh the query and use the selected value as filter value. To mark the cell E3 which is later automatically overwritten with the selected drop-down value, we fill it yellow.

45) Now we map the Excel cell values to the Combo Box. Choose the red arrow besides the Combo Box Labels.

46) Select in Excel the range C3 – C8 and choose OK.

47) We choose the Data Insertion Type Value, because we have to transfer values to the BW query.

25

B) Configure the Data Connection

48) Choose Source Data.

49) Select D3 – D8 and choose OK. Note: This means that we will later transfer the values of the keys to the query. This is the required query filter input.

50) Choose Destination.

51) Select the cell E3 and choose OK.

52) Open the Data Manager by choosing Manage Connections.

26

53) Choose the Filter Product Group from the Input Values in the Definition tab.

54) Choose the red arrow for the range selection.

55) Choose E3 and OK.

56) In the Output Values area, close Calendar Year/Month and close Product and open the Characteristics Product Group Value Help.

27

57) Scroll down, select Text, and choose the red arrow to define the range where the value help texts shall be copied.

58) Choose C3-C8 and choose OK.

59) Similarly, we choose the Key of the Product Group Value Help and choose the red arrow.

28

60) The Keys are inserted inD3-D8.

61) Switch to the tab Usage in the Data Manager.

62) Check Refresh Before Components Are Loaded Check Use Default Query Data Uncheck Refresh Every 10 Seconds Select a Trigger Cell for the Refresh on Trigger option Note: Now we want the dashboard being updated each time we choose another entry in the drop-down box. Therefore we change the refresh behaviour.

63) We choose the cell E3 and OK.

29

C) Publish and Launch the Dashboard

64) Choose When Value Changes and Close to save your changes.

65) Choose SAP Publish

66) Refresh your browser where the dashboard is running. This is better than always choosing Launch, because Launch always opens a new browser tab. Note: If you closed your browser in the meantime, choose SAP Launch

Alternatively (if no appropriate browser window is open):

Avoid having may identical connections in the browser to the servers as shown here:

30

67) Optional Step: You may need to log on to your SAP NetWeaver BW system again. Enter User ID: TP260-xx where xx is your group number. Password: welcome

68) The dashboard starts in the browser and now you can use the drop-down list, which is populated by the value list coming from the BW backend system.

69) You see that the percentages of the different Sales Organizations change.

31

D) Show the Locations and Net Sales on a Globe Now we want to extend our dashboard with a globe which shows the location of the Sales Organizations and the Net Sales of the locations graphically.

70) You can verify this also by using the mouse-over on the pie chart and looking at the absolute numbers.

71) To show the locations of our Sales Organizations and the Net Sales on a Globe, we return to the Xcelsius dashboard design and choose Components Tree. Note: The Components can be viewed in categories, as tree, or as alphabetical list.

32

72) We choose the XGlobe component from XComponents.

73) We drag&drop it next to the Pie Chart in the Canvas area.

74) In the XGlobe General properties, we choose the red arrow next to Locations to define which locations shall be displayed on the globe.

33

75) We choose the range A3-A7, where the names of our Sales Organizations are inserted from the BW query, and select OK.

76) In the same way define the Values of our Net Sales.

77) The values are stored in B3-B7. Choose OK after the selection of the range.

78) The XGlobe component allows to use different colours for different value range. Activate the colouring by choosing Colouring: Alert on Values.

34

79) We define the Upper threshold at 8000000 and the Lower threshold at 5000000. Note: This means that values below 5000000 are displayed in red, values between 5000000 and 8000000 are displayed in yellow, and values above 8000000 are displayed in green.

80) We again Publish and Launch the dashboard.

81) Optional Step: You may need to log on to your SAP NetWeaver BW system again. Enter User ID: TP260-xx where xx is your group number. Password: welcome

82) In the dashboard we now see the globe which can turn with the mouse. The locations are displayed on the map, and all locations are in green, because initially we have not selected a Product Group. Therefore we see the Net Sales values cumulated over all Product Groups. All Sales Organizations exceed the upper threshold value of 9000000.

35

83) Now we select a Product Group, e.g. Mobile Devices 2, and see that the colour coding of the locations on the globe changes.

36

Exercise 2: Use SAP BusinessObjects Explorer, Xcelsius,

and SAP Crystal Reports to explore your data

Estimated Time 20 - 30 minutes

Objective In this exercise you can use SAP BusinessObjects Explorer, Xcelsius, and SAP Crystal Reports to explore your data. As example we provide data from the soccer world championships starting in 1930. Like this you can not only experience the analysis tools, but also learn or verify facts about the previous soccer world championships and soccer players.

Login

http://experience.sap.com (For best performance on your local browser and not in the image!) This link you find in the favourites of your browser on the laptop in the session folder TP260 under the name Soccer. Tip: You can use your local browser (not the browser in the image), and then you even have a better performance of exercise 2.

A) Answer the following questions using SAP Business Objects Explorer Start the SAP BusinessObjects Explorer by choosing “Go Explore!” and answer the following questions.

What unlucky player has hit the goal post on 4 separate occasions in a single World Cup

tournament?

Jürgen Klinsmann is a former player who is now working as an ESPN commentator.

When did he play, and how many goals did he score?

What Italian goal keeper has had a remarkable 69 saves in World Cup play?

I heard that Real Madrid is a good club. How are the players from that team in this year's

World Cup? Has anyone scored?

FYI: Here you find the measures which are available in the Explorer Information Space under Go Explorer!

Measure Description

Goals All goals scored

Red card Player is sent off from receiving a Red Card (or second yellow)

Yellow Cards Booking of a yellow card

Attempts Saved A player’s shot on goal was saved

http://experience.sap.com/

37

Measure Description

Ball recoveries Team wins the possession of the ball and successfully keeps possession

Challenges When a player fails to win the ball as an opponent successfully dribbles past them

Claims Goalkeeper catches a crossing ball

Clearances Player under pressure hits the ball clear of the defensive zone and/or out of play

Corners Ball goes out of play for a corner kick

Crosses not claimed Goalkeeper does not successfully catch a crossing shot

Dispossessions Player is successfully tackled and loses possession of the ball

Formation Changes Team alters it formation

Foul throw ins A throw in not taken correctly resulting in the throw being awarded to the opposing team

Free kicks This is when a foul is committed resulting in a free kick

Interceptions When a player intercepts any pass and prevents the ball reaching its target

Keeper pick-ups Goalkeeper picks up the ball

Keeper Sweepers When keeper come off his line and/or out of his box to clear the ball

Misses Any shot on goal which goes wide or over the goal

Offside Passes Attempted pass made to a player who is in an offside position

Offsides provoked Awarded to last defender when an offside decision is given against an attacker

Outs Ball goes out of play

Passes Any pass attempted from one player to another

Pieces of Good Skill A player shows a good piece of skill on the ball such as a step over or turn on the ball

Player Off Player is substituted off

Player On Player comes on as a substitution

Posts Whenever the ball hits the frame of the goal

Punches Goalkeeper punches ball clear of goal

Saves Saving a shot on goal -- by goalkeeper or outfield player with blocked shot

Shield ball OOP Defender uses his body to shield the ball from an opponent as it rolls out of play

Shots faced Goalkeeper faces shot by opposing team

Smothers Goalkeeper comes out and covers the ball in the box winning possession

Tackles Attempt made to dispossess an opponent of the ball

Take Ons Attempted dribble past an opponent

Turnovers Unforced error and lose of possession - i.e. bad control of the ball

38

B) Analyze national soccer team information using SAP BusinessObjects Dashboards (Xcelsius) Under “Team Information” you find a dashboard which was built with SAP BusinessObjects Dashboards ( Xcelsius) and which holds information about the teams and players in 2010. Start the dashboard to answer the following questions:

Which team had the most world cup appearances before 2010?

Which team participated in the most finals before 2010?

Which team won the most world cups before 2010?

C) Analyze the goals by championship and distance to the net using SAP Crystal Reports Choose “Goal History” to analyze the position and distance to the net of the goals which have been shot in the different world cups, teams, and matches:

In which championship before 2010 did the most goals occur?

From which distance to the net are the most goals shot in general?

How many own goals did Italy shoot in 2006? Were they shot inside or outside the penalty area?

39

Exercise 2: Solution

A) Answer the following questions using SAP Business Objects Explorer

1) Open the browser of your local computer and type in the address http://experience.sap.com

2) Choose More Experiences as shown in the screenshot.

http://experience.sap.com/

40

3) Choose the 2010 Football Experience as shown in the screenshot.

4) From this start page you can start the exercises A, B, and C by choosing Go Explore!, Team Information, and Goal History respectively. For Exercise A we choose Go Explore!

41

5) Now you choose to Start SAP BusinessObjects Explorer NOW!

6) Try to answer the questions of Exercise 2 A) by using the SAP BusinessObjects Explorer. You can play around with it to understand how it works. The answers to the questions you see in the following screens. Note: Try to find the answers on your own without reading the solution!

7) Question: What unlucky player has hit the goal post on 4 separate occasions in a single World Cup tournament? Solution: Choose to display the measure Posts by Player. You already see the result in the table in the lower right corner. You can double-click on the first entry in the list (Bettega, Roberto) to only show his post shots. Answer: Roberto Bettega.

42

8) Question: Jürgen Klinsmann is a former player who is now working as an ESPN commentator. When did he play, and how many goals did he score? Solution: In the lower section, choose to display the measure Goals by Tournament. (which is the default setting). Filter the Information Space by Player: Klinsmann, Jürgen. Answer: He played 1990, 1994, and 1998 and scored 11 goals.

9) Question: What Italian goal keeper has had a remarkable 69 saves in World Cup play?

Solution: Display the Measure Saves by Player. You already see the result in the table in the lower right corner. To get more information, you can optionally select Zoff, Dino and display his Saves by Match. Answer: Dino Zoff.

43

B) Analyze national soccer team information using SAP BusinessObjects Dashboards (Xcelsius)

10) Question: I heard that Real Madrid is a good club. How are the players from that team in this year's World Cup? Has anyone scored? Solution: Filter the Information Space by Player’s Club: Real Madrid and Tournaments: 2010. In the lower section, choose to display the measure Goals by Player. Answer: Gonzalo Higuain scored 4 goals, and Cristiano Ronaldo scored 1 goal.

11) We choose Team Information to start the dashboard. Note: In case you already closed your browser window with the 2010 Football Experience, repeat steps 1 and 2 of the solution of Exercise 2 A)

44

12) The dashboard which opens has three tabs, and by default it shows the tab Appearances.

13) Now you can directly see the answers to the questions by moving the mouse over the bars.

Question: Which team had the most world cup appearances before 2010? Answer: Brazil

14) Question: Which team participated in the most finals before 2010? Answer: Germany.

15) Question: Which team won the most world cups before 2010? Answer: Brazil.

45

C) Analyze the goals by position and distance to the net using SAP Crystal Reports

16) We choose Goal History to start the SAP Crystal Reports. Note: In case you already closed your browser window with the 2010 Football Experience, repeat steps 1 and 2 of the solution of Exercise 2 A)

17) Now you see that the creator of the dashboard predefined which types of analysis you can do. The first two questions we can answer instantly. Question: In which championship before 2010 did the most goals occur? Answer: In France in 1998.

Question: From which distance to the net are the most goals shot in general? Answer: From 11 meters!!!

46

18) Question: How many own goals did Italy shoot in 2006? To answer this question, we drill down to 2006 Deutschland.

19) Then we drill down to Italy.

20) Finally we find the answer graphically. Question: How many own goals did Italy shoot in 2006? Were they shot inside or outside the penalty area? Answer: One. You see it in the graphics in the lower left corner. This goal was shot inside the penalty area.

47

Exercise 3.1: ABAP Web Dynpro -

Introduction & Mandatory Steps


Objective In exercise 3, we start with an ABAP Web Dynpro application and enhance it with different elements like Flash Island, auto-completion, and a side-bar with CHIPs. Exercise 3.1 is the prerequisite for the other parts of exercise 3, and you can test your initial application which will be enhanced.

Login

System: TDI Client: 001 Username: demo Password: welcome

Mandatory Steps

A) Login

B) Test the application

48


A) Login

B) Optional: Test the initial application

1) Start SAP Logon from your Desktop.

2) Double click on the system TDI.

3) Insert your login data as given below and press ENTER.

Client: 001

Username: demo

Password: welcome

4) Start ABAP Workbench (SE80).

Select Web Dynpro Comp.Intf.

Enter ZTP260_EXERCISE_00.

49

5) Select the Web Dynpro Application and click in the context menu on Test.

6) A browser window will open Please logon with user: demo Password: welcome

You can test the initial application which will be enhanced in the following exercises.

50

Exercise 3.2: ABAP Web Dynpro -

Web Dynpro Flash Islands


Objective

Here we will learn how easy it can be to integrate Adobe Flash or Flex content into our Web Dynpro ABAP application. We have a simple charting control that has been built with Adobe Flex Builder and designed to run within the Web Dynpro Islands framework. Web Dynpro ABAP developers don’t have to learn any Adobe Flex or ActionScript in order to integrate this external component into their coding.


7) E.g enter M* as product name You will get a list of products starting with M.

You can select a product in the table “Products” and find in the table below business partner who had ordered this product.

You can select a company like “Robert Brown Entertainment”. When you click on details Button you will get business Partner details like Address and the related sales orders.

51

A) Create a new View named PIECHART_COUNTRIES

B) Map the component controller context to the view context

C) Add the ISLAND UI elements to the View and Map to the view context

D) Create a Group with a View Container inside next to the table of Business Partners

E) Embed the Islands View within the Window/View Container

52


A) Create a new View named PIECHART_COUNTRIES

1) This template component already has a fairly complete implementation. The required pie chart is already uploaded in the MIME repository.

2) Data has already been populated to the Component Controller Context. See

3) Create a new view in your component named PIECHART_COUNTRIES. Switch into the change mode

and confirm the popup.

53

B) Map the component controller context to the view context

C) Add a ISLAND UI element to the View and map the FlashIsland properties to the view context

Right mouse click on the Views node of the Component and choose Create.

Please enter the username, password, and mark the checkbox.

User : demo

Password: welcome

4) Go to the Context tab. Drag and drop the context node COUNTRIES from the right side of the windows (the component controller context) to the left side of the window (the View Context) to create a mapping.

Result:

54

5) The FlashIslands UI element must be the ROOT UI Element. Therefore, Web Dynpro has a new feature that lets you swap the UI Element of the rootuielementcontainer. Select the tab Layout.

Right Mouse click on the rootuielementcontainer in the UI element Hierarchy and choose Swap Root Element. Choose FlashIsland from the list of possible UI elements

and click on .

6) Click on the rootuielementcontainer and you will see via its Properties that it now is a Flash Island.

Supply the following properties:

- height

- swfFile

- tooltip

- width

55

7) Now we need to map our Context Node COUNTRIES to the Flex Component DataSource named dataSource. To do this add a child element of the rootuielementcontainer of type DataSources. (Insert Data Source)

8) Enter dataSource as name. Bind the COUNTRIES context to the datasource.

Click on , select the context node COUNTRIES

and click on . Note: Please make sure you enter the name of the data source case sensitive.

Result:

9) Just like we mapped the name of the Context Node to the Flex dataSource, we must also map the names of the Context Attributes to Flex property names. Right mouse click on the GACDataSource in the UI element hierarchy and choose Insert Property.

56

10) The first property is COUNTRY. Enter country in the property name.

11) Create a binding to the view context attribute COUNTRY

Click on .

Select COUNTRY and click

on .

12) Again, right mouse click on the GACDataSource in the UI element hierarchy and choose Insert Property (see step 11) The second property is VALUE Enter value in the property name.

Create Binding to the view context attribute VALUE.

57

D) Create a Group with a View Container inside next to the table of Business Partners

13) Save the view by clicking

on .

14) Double click on View MAIN_VIEW.

15) We will now create a group box next

Right mouse click on CONT_BUSINESS_PARTNER and choose Insert Element.

16) Create an element with the ID GRP_CHART of type Group.

58

17) Scroll down the Properties and set the width of the Group element to 10%.

18) Click on CAPTION [Header] to select the caption of the Group.

Provide a text for the caption, e.g. Countries of Business Partners.

19) Create an element of type ViewContainerUIElement with the ID VC_CHART.

Save the changes by clicking

on .

59

E) Embed the Islands View within the Window/View Container

20) Double click on the Window MAIN_WINDOW.

21) Expand the nodes MAIN_WINDOW and MAIN_VIEW.

Drag and Drop the PIECHART_COUNTRIES View to VC_CHART. By doing this the View will be embedded in the ViewContainer we created before.

Confirm by clicking on .

22) Expand the node VC_CHART to see the embedded view.

The final association should look like this.

60

F) Test your application

Exercise 3.3: ABAP Web Dynpro – Auto-Completion


23) Finally we need to activate the Web Dynpro component.

Double click on the Web Dynpro Component and activate it by using the context menu.

Confirm by clicking on .

24) Select your WebDynpro Application and click in the context menu on Test.

25) The group with the pie chart should now be visible and displays the countries of the Business Partners. You can choose another product in the upper table to see an update of the PieChart.

61

Objective

In this exercise we will learn how to activate the auto-completion of input fields in our Web Dynpro applications. As default there is only the F4 help which is shown as an icon ( ) next to the input field and opens a list of possible values. With the auto-completion you will immediately see the existing values when putting a single character or a word in the input field. This makes it easier and more comfortable to find possible input values.


A) Navigate to the input field for the Product Name in the MAIN_VIEW

B) Activate the suggestValues property

C) Test your application

62


A) Navigate to the input field for the Product Name in the MAIN_VIEW

B) Activate the suggestValues property

1) Double click on the MAIN_VIEW.

2) In the Layout tab expand the nodes TABS_FILTER, TAB_FITLER_NAME, CONT_FILTER_NAME and select the element ROOTUIELEMENTCONTAINER_NAME.

3) Activate the property suggestValues.

Click on to activate the changes and confirm the

dialog by clicking on .

Note: This property is available as of NetWeaver AS ABAP 7.0 EhP 2.

63

C) Test your application

4) Right click on the Web Dynpro Application and choose Test.

5) Test the auto-completion by inserting N as value in the input field of Product Name. You can also test some other values if you want.

64

Exercise 3.4: ABAP Web Dynpro – Side Bar (Part 1)


Objective

In this exercise we will learn how to integrate a Side Bar into a Web Dynpro application by using the Side Panel Editor which is part of the Web Dynpro ABAP Page Builder. We will use the Side Bar to show additional information about a business partner on the details view. After creating the Side Bar we will put two CHIPs on it which are already prepared for you. The first one will be a CHIP to show the city of the business partner on a Google Map and the second one will provide the latest news about the city of the business partner from Google News.


A) Insert the needed code in the WDDOINIT method of the view DETAILS to initialize the side panel

B) Create the action OPEN_SIDE_PANEL and insert the needed code to open the side panel

C) Insert a Page Header with a Transparent Container as Title Content at the top of the DETAILS view

D) Create a new side panel and insert the CHIPs for Google Maps and Google News

E) Configure the data mapping between the view and the CHIPs by adding the tag CITY to the input field of the city

65


A) Insert the needed code in the WDDOINIT method of the view DETAILS to initialize the side panel

1) Double click on the view DETAILS to open it.

2) Click on the Methods tab.

3) Double click on the method WDDOINIT to navigate to it.

4) You should see an empty implementation of the method WDDOINIT.

66

B) Create the action OPEN_SIDE_PANEL and insert the needed code to open the side panel

5) You now need to enter the code of the method to initialize the side panel. We prepared a file for you with the code snippets you need. Open the Desktop shortcut Session (Local Folder) and navigate to the folder TP260. Double click on the file

to open it.

6)

7) Copy the code of the Method WDDOINIT by pressing Ctrl + C and paste it by pressing Ctrl + V. Click Yes in the upcoming dialog. Note: If you are not able to edit

the code click on to switch to the edit mode.

8) Click on the tab Actions.

67

C) Insert a Page Header with a Transparent Container as Title Content at the top of the DETAILS view

9) Add an action named OPEN_SIDE_PANEL by writing its name in the second row.

10) Double click on the action OPEN_SIDE_PANEL you just created to navigate to its Event Handler method. You should see the empty implementation.

11) Insert the line of code to open the side panel as shown in the image. Note: You can also copy this line from the code snippet file as described in step 43.

12) Navigate to the Layout tab.

13) Right mouse click on the ROOTUIELEMENTCONTAINER

and select Insert Element in the context menu.

14) Create a new element with the ID PAGE_HEADER and the type PageHeader.

68

15) Provide a title for the PageHeader, e.g. Details about Business Partners

16) Right mouse click on the just created PAGE_HEADER and select Insert Title Content.

17) Insert CONT_HEADER as the ID and select TransparentContainer as the type of the new element.

18) Again, right mouse click on the just created PAGE_HEADER and select To First Position.

19) You should now see the Page Header element at the top next to the General data box. We will now change a property of the General data Group box to put it under the Page Header instead of next to it.

20) Left mouse click on the UI element GROUP_HEADER to change its properties.

69

D) Create a new side panel and insert the CHIPs for Google Maps and Google News

21) Change the property Layout Data to MatrixHeadData.

Click on to activate the changes. The Group box now should be shown under the Page Header element. Note: If a confirmation dialog pops up confirm it by clicking on

.

22) The creation and configuration of the side panel has to be done in the browser. Right mouse click on your Web Dynpro Application and choose Test to start it in the browser.

23) Click in the address bar of the Internet Explorer and add &sap-config-mode=X to the end of the URL as shown in the images. The application will now start in the config mode (you will not see that at first glance).

24) Click on the Details button in your application to navigate to the details view.

70

25) You will now see the Page Header at the top of the page. Click on Set Additional Information. A configuration side panel will open.

26) In the configuration side panel select Use Side Panel and insert ZTP260_SIDE_PANEL_00 as the configuration name. A new window with the Side Panel Customizing will open after choosing Create / Edit.

27) Change the Panel Entry Name of the first panel to City Map and press ENTER. You also can change the Panel Name if you want. It is shown at the top of the side panel.

28) Click on the link CHIP Catalog in the upper right corner of the browser window.

29) Expand the node IFrame CHIPs to see the existing IFrame CHIPs we will use.

71

30) Drag and Drop the Google Map CHIP to the body of the first panel as shown in the image.

31) Click at the security warning popup to “No”

32) Click on Add Panel Entry to insert a panel for the Google News CHIP.

33) Set City News as the name of the new Panel Entry and press ENTER.

34) Drag & Drop the Google News CHIP to the body of the panel.

35) Save the configuration and choose Do Not Transport Object in the dialog. Close the browser window.

72

36) Open the other browser window again. Activate the option “Open Side Panel at Application Start”. Save the settings by clicking

on .

Confirm the dialog with . Note: If you get an error message User session closed ... please do the steps 19 – 23 and then try again.

37) Remove &sap-config-mode=X from the URL and press ENTER to test your application. Click on the Details button to navigate to the details view.

73

E) Configure the data mapping between the view and the CHIPs by adding the tag CITY to the input field of the city

38) Note: The side bar should now be shown at the right side of the window. Our aim is to have a marker on the map which shows the city of the selected Business Partner. This is not the case yet. Also the News are not filtered by the city of the selected Business Partner yet. We need to configure the data mapping from the DETAILS view to the side panel. This can be done with tags which are assigned to the input field of the view and to the parameter of the CHIP.

39) For the parameters of the CHIPs there is already a tag named CITY. To map the parameters to the input field of the view we have to create a tag for it with the same name. Start the configuration mode by adding &sap-config-mode=X to the URL. Navigate to the Details view by

clicking on .

74

40) Right click on the input field next to the label City. Choose Tags Manage Tags.

41) Add the tag CITY and after that

click on . Confirm the upcoming dialog again with

.

75

42) Thats’s all. Now the data mapping should work properly. Remove &sap-config-mode=X from the URL to exit the configuration mode and test your application.

76

Exercise 3.5: ABAP Web Dynpro – Side Bar (Part 2)


Prerequisites

You need to have solved exercise 3.4 before you can do this exercise because we will enhance the side bar created in that exercise.

Objective

After we created a side panel for our application and used some ready-to-use CHIPs we now want to create an own CHIP. The CHIP should show the weather of the city the business partner we selected is located in. We use a service of Yahoo Weather to do this. Yahoo Weather allows integrating the weather in a website by including a specific URL as an IFrame. This is what we want to do with an IFrame CHIP. For more information about the possibility to integrate Yahoo Weather into a website see http://weather.yahoo.com/badge/.


A) Create a new CHIP for showing the Weather from Yahoo.

B) Insert the new CHIP into your application.

77


A) Create a new CHIP for showing the Weather from Yahoo.

1) Enter the configuration mode by adding &sap-config-mode=X to the URL and pressing ENTER. Click on the Details button to navigate to the details view.

2) Click on the link Create/Edit. A new window will be opened.

3) Click on CHIP Catalog in the upper right corner.

4) Right mouse click on the IFrame CHIPs node and choose Create... to create a new CHIP. A new window will be opened.

5) Enter ZTP260_WEATHER_## (where ## has to be replaced with your group number) as the Configuration ID. Click on the Create button.

78

6) Click on the button Local

Object and after that on .

7) In the Configuration Context click on header and set the following values: address: http://weather.yahoo.com/badge/?u=c&t=sunset&l=horizontal (without any spaces) CHIP: Icon: ~Icon/ChartLine CHIP: Title: Yahoo Weather ## (where ## has to be replaced with your group number) height: 200 After that click on Check.

8) Click on the node context in the Configuration Context and after that on Add inports.

79

9) Insert Location as the name of the inport and click on Check.

10) Click on Add paramInfo and provide the values as shown in the image. After that click on Check.

11) Click on Add inportParamTags and insert CITY as the Tag. After that click on Check. Note: This tag is used to map the data from the input field in the view to the CHIP we created. As you probably remember we created the tag CITY for the input field in exercise 3.4.

80

B) Insert the new CHIP into your application.

12) The Configuration Context should now look as shown in the image.

Click on and close the browser window.

13) Open the minimized browser window with the Side Panel Customizing again. Note: If you get an error message User session closed ... or the window is not open anymore please do the steps 1 - 3 again.

14) Click on Add Panel Entry.

15) Set the Panel Entry Name to Weather and press ENTER.

81

16) Drag & drop the CHIP Yahoo Weather ## (where ## has to be replaced with your group number) to the panel entry you just created.

17) You should now see the Yahoo weather CHIP with the message that no data is available.

Click on and confirm

the dialog by clicking on . Close the browser window.

18) You can now test your application in the other browser window by removing &sap-config-mode=X from the URL of your application and pressing ENTER. The weather should now be shown for the city of the selected Business Partner.

82

Exercise 4.1: Master Data Management and Business

Process Management - Intro & Mandatory Steps

Estimated Time 15 minutes Description A Business User (Sally Spring) requires a new material to further process it in the supply chain. She requests creation via a specific request form. The Data Steward (Michael Miller) enriches the material record, runs specific validations and finally approves the record. After that, the Business User reviews and confirms the record. Once confirmed, the record is automatically created in SAP NetWeaver MDM and propagated to the requestor's system. Sally Spring, who requested the record, is notified of the available data.

83

Objective In this exercise we will execute some mandatory steps. First we want to check if the MDM Server already runs. Afterwards the MDM Repository will be loaded.

Mandatory Steps

A) Start the MDM Server if it is not already running

B) Load the Material repository

84


A) Start the MDM Server if it is not already running

1) Firstly, we want to check if the MDM Server already runs. Double click on the SAP Management Console Icon.

2) Expand the SAP Systems node.

3) Select MDM and TDI once, one following the other. If the symbol turns green, the server already runs [go straight on to 10)]. Otherwise it has to be started.

MDM: TDI:

4) Optional: If MDM Server has not been started. Right click on its symbol and choose Start… from context menu. Confirm the upcoming dialog by clicking on OK.

85

5) Optional: Confirm the User Authentication by entering the following credentials. User: demo Password: welcome Click on OK.

6) Optional: Wait until the symbol turns from yellow to green. Now the MDM Server is started.

7) Optional: If TDI Server has not been started. Right click on its symbol and choose Start… from context menu. Confirm the upcoming dialog by clicking on OK.

8) Optional: Confirm the User Authentication by entering the following credentials: User: demo Password: use the Clone password which you received in the Outlook calendar entry Click on OK.

86

9) Optional: Wait until the symbol turns from yellow (or yellow-green) to green. Now the TDI Server is started.

10) Minimize the SAP Management Console.

B) Load the Material repository

11) Start the SAP MDM Console by double clicking on the Desktop Shortcut.

12) Right click on SAP MDM Servers and choose Mount MDM Server… from the context menu.

13) Enter localhost in the entry field to mount the MDM Server. Click on OK.

14) Expand the node localhost. Right click on the Material repository and choose Connect to Repository from the context menu.

87

15) Enter User: Admin and Password: sapmdm Click on OK.

16) Right mouse click on Material and choose Load repository Immediate from the context menu.

17) The repository is loaded (indicated by the green arrow).

Note: The arrow appears blue until the Material repository is completely loaded. Close the MDM Console. Click No in the upcoming dialog.

88


Process Management - Testing the Process


Objective

In this exercise we want to test the following process: A Business User (Sally Spring) requires a new material master data record for a Solid State Disk. She requests the creation via a specific request form. The Requester (Michael Miller) enriches the material record and finally approves the record. After that, the Business User confirms the record. After requesting and confirming we want to check Sally Spring’s inbox and the connected ERP System.


A) Create a new material in the portal as user springs

B) Login as user millerm and approve the new material

C) Login as user springs and confirm the request

D) Login to the ERP to see the new material

E) Login to the mail box of user springs

89


A) Create a new material in the portal as user springs

1) Start the Internet Explorer if it is not open yet.

2) Click on to open the Favorites. Open the Favorite SAP NetWeaver Portal in the folder TechEd 2010-Sessions TP260.

3) Login as the Business User Sally Spring with the credentials given below. User: springs Password: welcome

4) Click on Master Data Management.

5) The form for creating a new material request will open. We want to create a new material for a Solid State Drive und will request it in the next steps using the form.

6) Click on the Search button at the top of the form.

90

7) In the popup window use the arrow button to navigate to the next page.

8) Select the material SSD_TEMPLATE to use it as template for the new material.

9) Click on the button Use as Template. Confirm the upcoming dialog by clicking on OK.

10) Enter the Material Number and Description for the new material as shown in the image.

11) Enter any further description in the Notes field.

12) Click on the Submit Request button at the top of the form. Confirm the upcoming dialog by clicking on OK.

91

B) Login as user millerm and approve the new material

13) You should see a message that the material has been requested successfully.

14) Choose Log off to leave the portal. Confirm the upcoming dialog by clicking on Yes.

15) Login as the Data Steward Michael Miller with the credentials given below. User: millerm Password: welcome

16) You should have a new Task item in your Universal Worklist which is shown directly after the login. Click on the first Task item with the name MDM BPM Task: Enrich and approve new material [Material: SSD-1000-32].

17) Click on Get Checked-Out Record to edit Classification Data.

18) Click on Edit.

19) Choose the Classification Tab.

92

20) Change the Quantity to 25 per box by clicking on the calculator symbol and confirm by clicking on OK.

21) Click on the button Validate to validate the data of the request.

Result:

22) Click on the button Approve to approve the request.

Result:

93

C) Login as user springs and confirm the request

23) Close the browser window of the Material Request and in the other browser window click on Log off to leave the portal. Confirm the upcoming dialog by clicking on Yes.

24) Login as the Business User Sally Spring with the credentials given below. User: springs Password: welcome

25) You should have a new Task item in your Universal Worklist which is shown directly after the login. Click on the first Task item with the name MDM BPM Task: Review and confirm new material [Material: TP260].

94

26) Scroll down to see the changes made by the Data Steward.

27) Click on the button Confirm.

28) You should see a message that the Task has been completed successfully. Note: The material was created in MDM and ERP in the background.

95

D) Login to the mail box of user springs

E) Login to the ERP to see the new material

29) Access the outlook web access of Sally Spring using the Internet Explorer. Type in the address http://tdcdemomail03.wdf.sap.corp:1080/exchange/ .

30) Enter tdcdemo01-wdf\SpringS as User Name and welcome as password and choose OK.

31) You should see two mails in the mailbox of Sally. The older concerns the Review and confirmation of the task, and the more recent one has the subject: Material has been successfully created.

32) Both emails were sent by the BPM process. Open the latest mail with the subject: Material has been successfully created. Copy the ECC Material identifier or note it down.

33) Choose ERP Logon in the favorite folder TechEd 2010-Sessions TP260.

http://tdcdemomail03.wdf.sap.corp:1080/exchange/

http://tdcdemomail03.wdf.sap.corp:1080/exchange/

96

34) Login with the credentials given below: Client: 800 User: tp260 Password: welcome

35) Double mouse click on Favorites MM03 – Display Material.

36) Enter the material identifier you copied or noted down.

Press Enter. Note: The material ID will be different for each group.

37) In the upcoming dialog click on

and afterwards on .

97

38) You will see the details of the material you requested.

39) Click on Exit and afterwards on Log off.

98


Process Management - Enhancing the Process


Objective

In this exercise we will enhance the process for the rejection case. This includes creating a notification step, which enables sending a rejection email to Business User Sally Spring, building and deploying the process in the SAP NetWeaver Developer Studio, and testing it.


A) Add a notification step for the rejection case

B) Build & Deploy your Process

C) Test the rejection case of the Process

99


A) Add a notification step for the rejection case

1) Click on Start Programs SAP NetWeaver 7.3 SAP NetWeaver Composition Environment NW 7.3 Developer Studio TP260. The Process we want to enhance should be loaded automatically.

2) Use the scrollbar to navigate to the lower right corner of the Process. You can see in the Process flow that a notification is sent if the material request was accepted and the material was successfully created. We want to add a notification step for the case that the data steward has rejected the material request.

100

3) Expand the entry Activity in the Palette on the right side of the window. Select Notification.

4) Drag & Drop the Notification to the area next to Success as shown in the image.

5) Set Rejected as the name of the notification step.

101

6) Move your mouse cursor to the arrow at the end of the connection as shown in the image. You need to have a cross as the mouse cursor. Click on the end of the connection while seeing a cross as the mouse cursor and Drag & Drop it to the Rejected notification step.

Result:

7) Create a new connection. For doing this move your mouse cursor on the Rejected notification step and Drag & Drop the arrow icon to the End of the Process.

Result:

102

8) Optional: If you want you can Drag & Drop the notification step and the connection to adjust it.

9) Click on the notification step with the name Rejected to select it. The Properties of it will be opened at the bottom of the window. Click on the tab To.

10) Click on the button Choose… to choose the recipient of the notification.

11) Enter MDM_Business_User into the input field and press the Search button.

103

12) Logon to AS Java:

User: demo

Password: welcome

13) Double mouse click on the list entry MDM_Business_User to add this role as recipient.

14) The role MDM_Business_User should now appear in the list at the right side of the window. Click on OK to close the window.

15) Click on the tab Mail.

104

16) Resize the window area to see all options.

17) Click on the button Add to add a variable. Note: We will use this variable to put a reference number of the material which was rejected into the mail.

18) Click on Variable0 and rename it to MaterialID.

19) Click on Edit… to set the value of the variable.

20) Expand the nodes Context and DO_StartProcess. Note: This context node includes the values which were entered by the Business User in the initial step of the Process.

21) Drag & Drop materialNumber to the text field. Click on OK.

Result:

105

B) Build & Deploy your Process

22) Enter the Subject and Message of the Mail as shown in the image. Use {MaterialID} as variable for the material number.

23) Save the changes.

106

24) Right mouse click on the Development Component and choose Development Component Build... to build your process. Accept the upcoming dialog by clicking on OK.

25) Right mouse click again and choose Development Component Deploy... Accept the upcoming dialog by clicking on OK. If you are asked for some credentials enter Admin as username and abc123 as password. Wait until the deployment is finished.

107

C) Test the rejection case of the Process

26) Test the Process again as described in exercise 4.2. In step 22 of exercise 4.2 click on Reject instead of Approve.

27) Skip the steps 24-28 and continue with the login to the mailbox (steps 29-32 in exercise 4.2). You will see an email notification about the rejected material request as shown in the images.

108


Process Management - Enhancing the Web Dynpro UI


Objective

In this exercise we will enhance the Web Dynpro UI used by the Data Steward in the BPM process by adding a button and linking a SAP Xcelsius Dashboard to it. Giving additional information, e.g. statistics about the Data Quality in the Company or Sales facts, the Xcelsius Dashboard helps the Data Steward Michael Miller to decide about accepting or declining a material request.


A) Add a button Data Quality to the UI

B) Edit the action handler method in the Component Controller

C) Add the method openDataQuality to open the Xcelsius Dashboard in a new window

D) Build & Deploy the Web Dynpro Component

E) Test the Process to see the changes

109


A) Add a button Data Quality to the UI

1) Start the Internet Explorer if it is not open yet.

2) Click on to open the Favorites. Open the Favorite MDM WD Configurator in the folder TP260.

3) Login with the credentials as given below. User: mdm_bpm_adm Password: welcome

4) You now see the Configuration of the Web Dynpro MDM Components. We use these Web Dynpro Components in our Web Dynpro UI. Click on DataStewardID.

5) Left mouse click on Action Edit to open the configuration.

6) You now see the configuration of the UI which is shown to the Data Steward after someone has send a new material request. We want to add a button to this UI. Click on Custom Toolbar.

110

B) Edit the action handler method in the Component Controller

7) Click in the empty row and enter DataQuality (without any spaces) as the Status Text.

8) You now can provide Label texts for the button you added. Enter Data Quality as the English translation of the Label. You can provide some more languages if you want.

9) Save the changes and close all browser windows.

10) We now switch back to the NetWeaver Developer Studio. If it is not open yet click on Start Programs SAP NetWeaver 7.3 SAP NetWeaver Composition Environment NW 7.3 Developer Studio TP260.

11) Click on Web Dynpro in the upper right corner to open the Web Dynpro perspective which includes some additional tools for developing Web Dynpro.

12) Expand the nodes as shown in the images to navigate to Web Dynpro Components MaterialCustomComp.

13) Double mouse click on the Component Controller of the Web Dynpro Component MaterialCustomComp.

111

14) In the lower area of the window you now see the Properties of the Web Dynpro Component. Click on Event Handlers.

15) Double click on the Event Handler method customButtonHandler to open its implementation.

16) The implementation of this method should look like shown in the image.

17) Scroll down to the end of the method and copy the lines as shown in the image by pressing Ctrl + C on your keyboard.

18) Paste the copied code lines right after the lines you copied by pressing Ctrl + V.

112

C) Add the method openDataQuality to open the Xcelsius Dashboard in a new window

19) Accept the upcoming dialog by clicking on Yes.

20) Replace Match in the first line of the pasted code by DataQuality. Note: This correspondent to the Status text we provided for the added button. Replace the method call match() through openDataQuality(). Note: This method does not yet exist but we will add it in the next step.

21) Scroll down to the end of the code.

22) Position your cursor as shown in the image.

113

23) You now need to enter the code of the method. We prepared a file for you with the code snippets you need. Open the Desktop shortcut Session (Local Folder) and navigate to the folder TP260. Double click on the file

to open it.

24) Copy the code of the Method openDataQuality by pressing Ctrl + C and paste it in NetWeaver Developer Studio by pressing Ctrl + V.

25) Save your changes.

114

D) Build & Deploy the Web Dynpro Component

E) Test the Process to see the changes

26) Right mouse click on the Development Component and choose Development Component Build.... Accept the upcoming dialog by clicking on OK.

27) Right mouse click again on the Development Component and choose Development Component Deploy.... Accept the upcoming dialog by clicking on OK. If you are asked for some credentials enter Admin as username and abc123 as password. Wait until the deployment is finished.

28) Start the Process as described in exercise 4.2 until you reach the step where the Data Steward (user: millerm) clicks on the Work item to open it. In the upcoming Web Dynpro UI you should now see the Data Quality Button. Click on the button to view the Data Quality Dashboard.

115

29) A new browser window with the Dashboard should open.

30) Click on the Data Quality Tab to get further information and details about quality. Congratulations! You finished successfully!

116

Copyright 2010 SAP AG. All Rights Reserved No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP

AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software

vendors. Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, OS/2, Parallel Sysplex, MVS/ESA, AIX, S/390, AS/400, OS/390, OS/400, iSeries, pSeries,

xSeries, zSeries, System i, System i5, System p, System p5, System x, System z, System z9, z/OS, AFP, Intelligent Miner, WebSphere, Netfinity, Tivoli, Informix, i5/OS, POWER, POWER5, POWER5+, OpenPower and PowerPC are trademarks or registered trademarks of IBM Corporation.

Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Oracle is a registered trademark of Oracle Corporation. UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group. Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks

of Citrix Systems, Inc. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts

Institute of Technology. Java is a registered trademark of Sun Microsystems, Inc. JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by

Netscape. MaxDB is a trademark of MySQL AB, Sweden. SAP, R/3, mySAP, mySAP.com, xApps, xApp, SAP NetWeaver, and other SAP products and services mentioned herein as well

as their respective logos are trademarks or registered trademarks of SAP AG in Germany and in several other countries all over the world. All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary.

The information in this document is proprietary to SAP. No part of this document may be reproduced, copied, or transmitted in any

form or for any purpose without the express prior written permission of SAP AG. This document is a preliminary version and not subject to your license agreement or any other agreement with SAP. This

document contains only intended strategies, developments, and functionalities of the SAP® product and is not intended to be binding upon SAP to any particular course of business, product strategy, and/or development. Please note that this document is subject to change and may be changed by SAP at any time without notice.

SAP assumes no responsibility for errors or omissions in this document. SAP does not warrant the accuracy or scompleteness of the information, text, graphics, links, or other items contained within this material. This document is provided without a warranty of any kind, either express or implied, including but not limited to the implied warranties of merchantability, fitness for a particular purpose, or non-infringement.

SAP shall have no liability for damages of any kind including without limitation direct, special, indirect, or consequential damages that may result from the use of these materials. This limitation shall not apply in cases of intent or gross negligence.

The statutory liability for personal injury and defective products is not affected. SAP has no control over the information that you may access through the use of hot links contained in these materials and does not endorse your use of third-party Web pages nor provide any warranty whatsoever relating to third-party Web pages.

SAP assumes no responsibility for errors or omissions in these materials

Documents

TP260 Exercises VirtualTechEd v41