Building a Simple RoadMap Application using Floor Plan Manager GAF (Guided Activity Floorplan)

By Bala Baskaran, Kaar Technologies

Scenario:

This document will provide you step by step procedure to create a simple RoadMap application using Guided Activity Floorplan.

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 User Interfaces with following floorplans 

Ø  Object Instance Floorplan (OIF)   

Ø  Guided Activity Floorplan (GAF)  

Ø  Quality Activity Floorplan (QAF)

User Interface Building Blocks:

UIBBs – From an FPM Perspective UIBBs are interface views (WDABAP Windows) that are provided by FPM application and not by FPM itself.

In order that the FPM framework recognizes a UIBB, the WebDynpro component that provides the UIBB must implement the IF_FPM_UI_BUILDING_BLOCK WebDynpro interface. The IF_FPM_UI_BUILDING_BLOCK interface ensures that the Webdynpro application can take part in the FPM event loop.  

Steps to create a Road Map using FPM (FPM_GAF_COMPONENT)

Ø  Create a Webdynpro Component with a view and a window (view name and window name must be different).

Ø  Choose the Implemented Interfaces tab

Ø In the first row of the Name column, enter the FPM interface IF_FPM_UI_BUILDING_BLOCK and save your entry.

Ø In the Action column, click the Reimplement button. The icon in the Implementation State column indicates that your component is completely implemented.

Ø  Choose Activate.

Ø When you create a component, Webdynpro automatically creates and assigns a Window and a View to it. You may add further Windows and Views. It is recommended that you add only one View to one Window.

Ø Create another view and a window. Embed the view inside the window.

Ø  Save and Activate.

You have now created a Webdynpro Component, implemented the required IF_FPM_UI_BUILDING_BLOCK interface and configured two views (in two separate windows) for your component.

View1 Layout:

View2 Layout:

Creating a Webdynpro Application

1. In the Object Navigator, right-click your Webdynpro Component and choose Create Webdynpro Application. In the Create Webdynpro Application dialog box, enter a name for your application and choose OK. Your new Webdynpro Application appears in the preview.  

2. Enter the following information to create a GAF application:  

Component: FPM_GAF_COMPONENT

Interface View: FPM_WINDOW

Plug Name: Default

Creating an Application Configuration

1. In the Object Navigator, right-click your new Webdynpro Application and choose Create/Change Configuration. The FPM Configuration Editor (Editor for the Webdynpro ABAP Application Configuration) opens in a browser window.

2. Enter a name for your application’s configuration in the Configuration ID field.

Note that configuration names are global you may not use the same configuration name for different applications.

3. Choose Create. In the Create Configuration dialog box, enter the relevant Package and choose OK.

Click here to continue...