Sei sulla pagina 1di 44

IBM Global Business Services

Welcome!

Floor Plan Manager Learning & Exercises

Copyright IBM Corporation 2006


1 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Floor Plan Manager

Date: 21st July 2013 (Optional client


logo can
be placed here)

Duration of course: ~ 2 Hrs

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Introductions

Vijay Chaitanya Raju P.


IBM Hyderabad
Senior Technical Consultant - SAP
6.2 years with SAP , ABAP.Webui

Copyright IBM Corporation 2006


3 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Course Objectives

Upon completing this course, you should be able to:


Use Floor plan manager (FPM)
Enhance standard FPM applications
Use FLUID (Flexible UI Designer)
Use Generic User Interface Building Blocs (GUIBBs)
Enhance & Extend FPM toolbars

Copyright IBM Corporation 2006


4 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

How well do you [insert here the core skill set addressed by
the course]?

High

Learning Gap

Medium

Low

Copyright IBM Corporation 2006


5 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Course introductions: Assessing the learning gap


example used for Procurement Foundation course

Consulting
experience

3 Years

New 3 Years [Procurement]


experience
Copyright IBM Corporation 2006
6 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Course Content Duration

Module 1: Introduction to FPM

Module 2: Enhancing FPM Toolbar

Module 3: Generic user interface building blocks (GUIBBs) with Feeder Class

Module 4: Navigation in FPM & Sharing data using Wiring

Module 5: Advanced FPM

Copyright IBM Corporation 2006


7 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Course Title:
Module 1 : Introduction to FPM

(Optional client
logo can
be placed here)

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Module Objectives

At the completion of this chapter you


should be able to:
Use Floor plan manager (FPM)
Complete the case study 1 at the end of
the module

Copyright IBM Corporation 2006


9 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Module 1: Introduction to FPM

Knowledge of ABAP OO and Web Dynpro for ABAP is assumed.

Copyright IBM Corporation 2006


10 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Floor Plan Manager

Floorplan Manager (FPM) is a Web Dynpro ABAP standard application that


provides an architecture for developing new Web Dynpro ABAP application
interfaces consistent with SAP UI guidelines. FPM currently provides an
architecture for creating and configuring user interfaces with the following
floorplans:

Object Instance Floorplan (OIF) -- Tabbed structure


Overview Page Floorplan (OVP) -- Complete overview
Guided Activity Floorplan (GAF) -- Roadmap
Quick Activity Floorplan (QAF) -- Flavor of OIF

Copyright IBM Corporation 2006


12 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Floor Plan Manager : Advantages

Copyright IBM Corporation 2006


13 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Floor Plan Manager

The following floorplan areas can be configured using the FPM configuration
editor:
Identification Region (IDR)
Message Region (MR)
Context Navigation Region (CNR)

Application specific user interface building blocks(UIBBs) which are


component dependent can be enhanced by the FPM framework as well as
freestyle UIBBs which are referred to as Generic user interface building
blocks(GUIBBs)
FPM allows for modification-free customer adaptations. modification-free
customer adaptations.

Copyright IBM Corporation 2006


14 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Floor Plan Manager : Sample screen

Copyright IBM Corporation 2006


15 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

IF_FPM_UI_BUILDING_BLOCK Interface

IF_FPM_UI_BUILDING_BLOCK Interface
This interface enables the Web Dynpro application implementing it to register
itself for FPM actions and events.

The important methods of this interface are mentioned below:


FLUSH
NEEDS_CONFIRMATION
PROCESS_EVENT
PROCESS_BEFORE_OUTPUT

Copyright IBM Corporation 2006


16 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

IF_FPM_UI_BUILDING_BLOCK Interface methods & use

FLUSH

The foremost method called after the FPM processing has been started.
Used to pass runtime modified data between views and components that are
involved in the FPM event sequence.
Generally no specific implementation of this is required unless we are looking
to pass data that is already not passed automatically.

Copyright IBM Corporation 2006


17 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

IF_FPM_UI_BUILDING_BLOCK Interface methods & use

NEEDS_CONFIRMATION

An important standard FPM feature is to avoid data loss on navigation from


current UIBB.
FPM uses this method from the building block interface to any such data loss
danger by stopping the next in line event triggering.
Based on the follow up action taken by the user on the data loss popup,
subsequent event processing is either continued or terminated.

Copyright IBM Corporation 2006


18 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

IF_FPM_UI_BUILDING_BLOCK Interface methods & use

PROCESS_EVENT

In this method we can handle the event that has been triggered on the UIBB or
GUIBB.

The importing parameter IO_EVENT of type ref to CL_FPM_EVENT captures


the event id.

Copyright IBM Corporation 2006


19 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

IF_FPM_UI_BUILDING_BLOCK Interface methods & use


PROCESS_BEFORE_OUTPUT

This is the last method that is called before the view metadata is shown to the user .
We can perform various tasks like changing toolbar dynamically etc. in this one to effect
frontend changes before the view is rendered.

Copyright IBM Corporation 2006


20 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Floor Plan Manager

Case Study 1

Microsoft Word
Document

Copyright IBM Corporation 2006


21 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Course Title:
Module 2 : Enhancing FPM Toolbar

(Optional client
logo can
be placed here)

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Module Objectives

At the completion of this chapter you


should be able to:
Enhance FPM Toolbar.
Complete the case study 2 at the end of
this module.

Copyright IBM Corporation 2006


23 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

FPM Toolbar

FPM allows you to construct toolbars according to the latest SAP conventions
and standards.
FPM allows you to configure the following toolbar elements:

Standard function buttons

Buttons / Button Choices

UIBB / GUIBB specific buttons

Copyright IBM Corporation 2006


24 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

FPM Toolbar : Using FLUID screen to enhance std. FPM

FLUID is the configuration editing tool for FPM application configurations and
their application specific components i.e UIBBs and also GUIBBs.

FLUID can be used to edit application specific UIBBs and GUIBBs through
their component configurations.

Copyright IBM Corporation 2006


25 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

FPM Toolbar : Structure of FLUID

Navigation &
Repositories Work Area

Attributes Panel

Copyright IBM Corporation 2006


26 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

FPM Toolbar

Case Study 2

Microsoft Word
Document

Copyright IBM Corporation 2006


27 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Course Title:
Module 3 : Generic User Interface
Building Blocks(GUIBBs) with Feeder
class
(Optional client
logo can
be placed here)

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Module Objectives

At the completion of this chapter you


should be able to:
Work with & enhance GUIBBs
Complete the case study 3 at the end of
this module.

Copyright IBM Corporation 2006


29 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Generic User Interface Buiding Blocks(GUIBBs)

Generic user interface building blocks that are skeletal templates for data to
be shown based on the type of GUIBB chosen. Data building in a GUIBB is
only done at runtime i.e while working statically on a GUIBB view one would
not be able to view any UI information.
Some of the most commonly used GUIBBs are :
Form components (WD component: FPM_FORM_UIBB_GL2 )
List components (WD component: FPM_LIST_UIBB)
Hierarchical List (Tree) component (WD component: FPM_TREE_UIBB)
POWL component (WD component: FPM_POWL_UIBB)

Copyright IBM Corporation 2006


30 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Feeder Classes used in GUIBBs

A feeder class can be defined as a information / data providing template for the
underlying GUIBB.
The field catalogue of a GUIBB is defined in the GET_DEFINITION method of a
feeder class.
The GET_DATA method reads from the model to accumulate all information that
needs to be displayed in a GUIBB.
All feeder classes should inherit one of the following interfaces to communicate with
their assigned GUIBB :
IF_FPM_GUIBB_FORM
IF_FPM_GUIBB_LIST
IF_FPM_GUIBB_SEARCH
IF_FPM_GUIBB_TREE etc.

Copyright IBM Corporation 2006


31 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Generic User Interface Buiding Blocks(GUIBBs)

Case Study 3

Microsoft Word
Document

Copyright IBM Corporation 2006


32 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Course Title:
Module 4: Navigation in FPM & Sharing
data using Wiring

(Optional client
logo can
be placed here)

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Module Objectives

At the completion of this chapter you


should be able to:
Work with custom navigation tasks
Work with sharing data between UIBBs
via Wiring concept.

Copyright IBM Corporation 2006


34 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Navigation in FPM
Navigation in FPM based applications can be handled via the event loop in
the method : IF_FPM_UI_BUILDING_BLOCK~Process_Event.
For example in a GAF FPM environment these are the navigation events that
are triggered on click of the standard GAF buttons Previous & Next:
*

Copyright IBM Corporation 2006


35 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Navigation in FPM
*

Copyright IBM Corporation 2006


36 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Navigation in FPM

Case Study 4

Microsoft Word
Document

Copyright IBM Corporation 2006


37 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Sharing data using Wiring


Wiring :
The purpose of a wiring is to transfer data from one UIBB to another UIBB.

It also ensures a PROCESS_BEFORE_OUTPUT sequence according to this hierarchy.

While working with GUIBBs the only thing the FPM application has to perform is to create the wires in the
Floorplan configuration.

Unlike its GUIBB counterpart when it comes to UIBBs we need to perform the following steps to successfully
execute wiring:

* The component hosting the UIBB must implement the Interface : IF_FPM_UIBB_MODEL .

* This action will in turn add the method GET_MODEL_API to the component method list.
* Now this method needs to be implemented so that it can be picked up by the factory class
/PLMU/CL_FRW_FACTORY.

Copyright IBM Corporation 2006


38 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Sharing data using Wiring


A wire consists of the following parts:
Source UIBB : This is a webdynpro component that acts as the origin of the wiring process.

Target UIBB: The final target of a source/origin wire UIBB.

Connector Class: Is the interface between the source and the target UIBB.

Outport Specification
Outport Type : Again sub-divided based on the outport types:

Collection : Passes information from the source UIBB to the connector class.

Lead Selection : Passes information about the entry that has been selected in the source UIBB to the connector
class.

Selection : Passes information about complete data selected in the source UIBB to the connector class.

Copyright IBM Corporation 2006


39 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Sharing data using Wiring

Case Study 5

Microsoft Word
Document

Copyright IBM Corporation 2006


40 Presentation Title | IBM Internal Use | Document I
Course Title

IBM Global Business Services

Course Title:
Module 3 : Advanced FPM

(Optional client
logo can
be placed here)

Disclaimer
(Optional location for any required disclaimer copy.
To set disclaimer, or delete, go to View | Master | Slide Master)

Copyright IBM Corporation 2006


IBM Global Business Services

Module Objectives

At the completion of this chapter you


should be able to:
Work with Personl Object
worklist(POWL)
Complete the case study 4 at the end of
this module.

Copyright IBM Corporation 2006


42 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Powerlist (POWL)

A generic design template for displaying data in a STANDARD POWL format.


It is implemented using the Web Dynpro component FPM_POWL_UIBB.
The information displayed in a Personal Object Worklist at runtime is determined by the settings in
the POWL interface, IF_POWL_FEEDER.
You use this design template in application-specific views (UIBB) when you want to display data in a
worklist format. You determine the concrete display of the data in a worklist when you configure the
Web Dynpro componentFPM_POWL_UIBB.
A POWLcomponent is comprised of the following objects:
Master List
The POWL component, FPM_POWL_UIBB, can be configured as a master list within any floorplan.
Detail View
All FPM UIBBs and GUIBBs can be configured as a detail view.
The detail view participates seamlessly in the FPM event loop.
You can configure a POWL component using the FPM configuration editor, FLUID.

Copyright IBM Corporation 2006


43 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Advanced FPM

Case Study 6

Microsoft Word
Document

Copyright IBM Corporation 2006


44 Presentation Title | IBM Internal Use | Document I
IBM Global Business Services

Questions and Answers

Copyright IBM Corporation 2006


45 Presentation Title | IBM Internal Use | Document I

Potrebbero piacerti anche