UI Adaption in SAP TM

Dragos Florescu, Christoph Eichin

July, 2013
Public
2013 SAP AG. All rights reserved. 2
Public
Agenda
Introduction and basic concepts
Motivation
Architecture Overview

Use Cases
Personalization
Change UI via Floor Plan Manager (FPM) customizing
Create a new UI based on available screens (e.g. fast order-entry for Forwarding
Order UI)

Links & FAQ
Introduction
Motivation
Architecture Overview
2013 SAP AG. All rights reserved. 4
Public
Motivation
One topic that arises in many customer projects is adopting standard UIs to
customers needs. It may have different reasons but results in quite similar
requirements which are

Changing labels of fields
Rearrange screens
Simplify UIs
Enhance UIs e.g. with custom fields
Create completely new UIs


In this session we would like to introduce different ways how a WebDynpro-Screen can
be adapted. Well discuss pros and cons and show an extensive example how this can
be done on a Netweaver 7.40.
2013 SAP AG. All rights reserved. 5
Public
Architecture Overview
Suite System
Application
End user
Configuration for
UI composition
Floorplan controller
Freestyle
UI Building blocks
Business data
Administrator
Configurable UI
Building blocks
UI Feeder Classes
Application Model
Business Logic
WD ABAP Application
Configuration for
screen definition
Use Cases
Personalization
Change UI via Floor Plan Manager (FPM) customizing
Create a new UI based on available screens (e.g. fast order-entry for Forwarding
Order UI)
2013 SAP AG. All rights reserved. 7
Public
Personalization
This is the easiest way how to adapt a UI.

Proceeding
1. Open the application you would like to change and click the personalization button
in the upper right hand corner
2. Change visibility and layout of panels
3. Right-click on UI elements to access some WebDynpro implicit personalization features
Advantages Disadvantages
Quick and easy
Every user can do this
User specific
Cannot be transported
Limited flexibility
Demo
2013 SAP AG. All rights reserved. 8
Public
Change UI via Floor Plan Manager Customizing
This is a more advanced way on how to adapt UIs. The most important
advantage is that these changes can be transported.
Proceeding
1. Start the application youd like to adapt, right-click somewhere in the screen and choose
menu item Technical Help
2. Use the link in the dialog to navigate to the Component Customizing
3. In the FPM configuration editor (FLUID) adapt the UIBB or the florrplan as needed

Advantages Disadvantages
Valid for all users
Client specific
Can be transported
Only changes to SAP delivered
component config possible
Only admins should do this
Demo
2013 SAP AG. All rights reserved. 9
Public
Create a new UI
Using this way you can create your own component configurations and
integrate them in standard applications or even create new application
configurations.
Proceeding
1. Use FPM configuration editor to create a new component configuration
2. Use FPM customizing editor to embed new configuration in standard floorplan or
3. Create new application configuration (with a new floorplan) then assign it to a pfcg-role



Advantages Disadvantages
Can be transported
Full flexibility
Can be used to do role specific
adjustments
Requires deep knowledge of FPM
and tools
Demo
Links & FAQ
2013 SAP AG. All rights reserved. 11
Public
Links
SCN Community for WD
http://scn.sap.com/community/web-
dynpro-abap/floorplan-manager
Documents
How to Create, Enhance, and Adapt Floorplan
Manager Applications on SAP NetWeaver 7.31
http://scn.sap.com/docs/DOC-28799
FPM Developers Guide 7.4
http://scn.sap.com/docs/DOC-42316
FPM Developers Cookbook
http://scn.sap.com/docs/DOC-26081
SAP TM Enhancement Guide
http://scn.sap.com/docs/DOC-32985
2013 SAP AG. All rights reserved. 12
Public
Trainings
Claasroom Trainings
NET313 Floor Plan Manager (FPM) for Web Dynpro
ABAP
TZTM31 SAP TM Technical Deep Dive
TZTM80 SAP Transportation Management (SAP TM)
for Architects
TZTM30 SAP TM Architecture
Fundamentals and
Enhancement Concepts
(Search for FPM at http://training.sap.com)
2013 SAP AG. All rights reserved. 13
Public
Q&A
Thank you
Contact information: