You are on page 1of 20

What is FPM?

Floorplan Manager (FPM) is a Web Dynpro ABAP application that provides a framework for developing
new Web Dynpro ABAP application interfaces consistent with SAP UI guidelines (Standard definition from
SAP doc). You can use the Floorplan Manager Configuration editor to combine application-specific views
of one or more business applications to a new FloorPlan Manager application. Floorplan manager
supports creating and configuring applications with following floorplans

Object Instance Floorplan (OIF)

Guided Activity Floorplan (GAF)

Quality Activity Floorplan (QAF)

Using the FPM configuration editor following floorplan areas can be configured:

Identification Region (IDR)

Message Region (MR)

Context Navigation Region (CNR)

R oadmap E lement

Getting Started
This BOK will provide you step by step procedure to create a simple FPM application. In this we will
create application with Object Instance Floorplan (OIF). OIF will let you create a tabbed application; tabs
will contain different views from a single or multiple components.
Below are the steps to create a FPM application.

1. Create a Web Dynpro Component with the required UIBBs and implement the Web Dynpro

2. Create a Web Dynpro Application and specify parameters according to which floorplan instance
you are using.

3. Using the FPM Configuration Editor, create a configuration for the application.
4. Test your application.
Creating a Web Dynpro Component
Open your SAP workbench and go to transaction SE80. Select Webdynpro component and enter name of
new Zcomponent as shown below and press enter. It will popup a confirmation window before
proceeding, press yes to create.

Select the implemented interface tab and add an interface IF_FPM_UI_BUILDING_BLOCK and press
enter. Following screen will appear with a button Reimplement.

Press the Reimplement button and green icon in the Implementation State column indicates that your
component is completely implemented.

Enter the required info and press enter. Give it text say “Hello”. Now add a UI element say text view here. The screen will look like as shown below.Expand the tree structure of view and double click on main view. Now right click on Views and create a new view. It will ask for view name and description. .

Give the name for new window and save it. Give any text for text view. Now right click on Windows and create a new Window. say Welcome to world of FPM. .Now in the second view add another text view.

In the newly created window embed the second view. Give View name using F4 help and component name will come automatically. which you have created above. Right click on window name as shown below and select embed view. . Refer the screen below.

. now window would look like this with a new view embedded in it.See the screen shot below. Activate the component.

.Creating the Webdynpro Application Right click on component name and create a new Web Dynpro application as shown below.

As shown below. Select the local objects created for your login Id or your package in which you are working.Enter the following information. After filling the required details press save button. • Component: FPM_OIF_COMPONENT / FPM_GAF_COMPONENT • Interface • Plug Name: Default View: FPM_WINDOW See the screen below for more information. .

Expand the Webdynpro tree and webdynpro application and search for the application created in above step. Browser will open a new application which will provide the frame work to configure our application. See the screen below for more details. Create a configuration using FPM Configuration Editor . Now right click on the application name and select Create/Change Configuration.

Give any Z-Configuration ID and click on button Create. . Browser will navigate to following screen. Fill the names in Configuration column.

Message will appear to inform you that the components are saved but the configuration do not actually exist. . To create the configuration select the row containing your FPM_OIF_COMPONENT and choose Go to Component Configuration.Click on save button. In the below screen click on Create button and save in the relevant package.

The FPM Configuration Editor displays the Component Configuration window for your OIF (or GAF) component. • • • Navigation hierarchy Preview Ac tion area . which is divided into following areas.

To add one more view to application click on Add Main View. .

.In the hierarchy. Choose the UIBB element belonging to the first sub view to display its attributes in the preview. Note the two UIBB elements. expand the two Main View nodes and the two Sub view nodes. one for each sub view.

the View input help displays the list of views for that component).Set these attributes to your first view of your Web Dynpro component (containing the text ‘Hello’). Enter the Component name (use the input help and search function to find your component). Enter the View (once you have entered the component name. Select window name containing your Main view for first UIBB. .

.Similarly for second main view UIBB select the component and second view. Follow the screen shots shown below.


Testing application .Your screen will look like this Click on Save Button. You will see a success message.

You will see application in separate browser with two tabs.Go back to your SAP screen and refresh your package. . See the screens below. Expand the configuration tree and test the configuration you have created. You will see that configuration has been created for your application. To test right click on the configuration name select Test as shown below.