cd268

7/30/2019 CD268

http://slidepdf.com/reader/full/cd268 1/70

Regina Breuer / Dr. Simon Hoeg / Dr. Christian Günther / Michael Kraeft (TIP Core

October, 2012

CD268

Adapting Floorplan Manager and Web DynpABAP Based User Interfaces

7/30/2019 CD268


© 2012 SAP AG. All rights reserved.

Disclaimer

This presentation outlines our general product direction and should not be relied on

purchase decision. This presentation is not subject to your license agreement or anywith SAP. SAP has no obligation to pursue any course of business outlined in this pr

develop or release any functionality mentioned in this presentation. This presentation

strategy and possible future developments are subject to change and may be chang

time for any reason without notice. This document is provided without a warranty of a

express or implied, including but not limited to, the implied warranties of merchantab

particular purpose, or non-infringement. SAP assumes no responsibility for errors or

document, except if such damages were caused by SAP intentionally or grossly neg

7/30/2019 CD268



Agenda

Introduction

Motivation

Floorplan Manager Basics

Configuration and Adaptation Options

Exercises

1: Customizing

2: Enhancement of Component Configuration

3: Context-Based Adaptation

4: Enhancing a Freestyle Web Dynpro Component

7/30/2019 CD268



SAP NetWeaver Application Server ABAPEmpowering classic & new SAP products

• 50.000+ customers of ABAP-based products

• Millions of ABAP developers, SCN as community

• A thriving partner ecosystem

• Proven, robust and scalable

• Extends into HANA, Mobility and Cloud

• Evolves continuously w/o disruption

• Enables hybrid on-premise/on-demand scenarios

SAP NetWeaver Application Server ABAP, a strong pillar In SAP’s produ

HANA

MOBILITY

SAP NetWeaver in 2013

SAP NetWeaver

Application

Server ABAP

7/30/2019 CD268


IntroductionMotivation



7/30/2019 CD268

http://slidepdf.com/reader/full/cd268 6/70© 2012 SAP AG. All rights reserved.

Motivation

FPM & WDA Based Applications

Widely used in the Business Suite More than 1,400 FPM applications with EHP6

More than 60% of the FPM applications containing

a freestyle Web Dynpro ABAP component

Customer, Partner, and Industries

Modification-free

Save time and cost during an upgrade

Adapt to your need on different levels

7/30/2019 CD268



UI framework based on Web Dynpro ABAP

Fully integrated into a standard technology

Optimized user experience

Guideline conforming applications

Timeless software by configuration

Separation of business logic and UI

Highly adaptable by customers and partners

Coherent suite of applications

7/30/2019 CD268


Floorplan Manager Basics: Main Aspects

FPM provides UI components

Floorplans for application compositions

Generic UI building blocks for reusable UI patterns

FPM takes over central application control

Event loop, navigation, messaging, …

UI definition in WYSIWYG editor Business logic in feeder classes

Multiple adaptation options

Modification-free tuning of UIs

Personalization option for end-user screens

7/30/2019 CD268


Floorplan Used: Overvi

OVP Initial Page

Searching for purchase o

Search GUIBB

Displaying the result list

List GUIBB (embedded wi

GUIBB)

Purchase Order Demo Application for the Exercises

7/30/2019 CD268



OVP Initial Page

Searching for purchase

Search GUIBB

Displaying the result list

List GUIBB (embedded w

GUIBB)

OVP Main Page

Content of a selected pu

Form GUIBBs

List GUIBB for the items

7/30/2019 CD268




OVP Initial Page

Using a freestyle compon

7/30/2019 CD268



Purchase Order Demo Application: Overview Page (OVP

Runtime (with URL parameter sap-config-mode=config) Design Time

7/30/2019 CD268



Purchase Order Demo Application: Initial Page

Search GUIBB

- List GUIBB

Runtime Design Time

7/30/2019 CD268



Purchase Order Demo Application: Main Page

Runtime Design Time

7/30/2019 CD268



Freestyle Component as part of the FPM Application

Runtime Design Time

7/30/2019 CD268



Freestyle Component as part of the FPM Application

Design Time (Workbench)

The freestyle componen

implement the Web Dynp

IF_FPM_UI_BUILDING_B

Event loop

Navigation

Messaging

7/30/2019 CD268



Purchase Order Demo Application: Hierarchy Browser

Runtime (with URL parameter sap-config-mode=config)

7/30/2019 CD268



Purchase Order Demo Application: Hierarchy Browser

Hierarchy Browser

Complete overview configuration

Direct navigation to

configuration

7/30/2019 CD268


DemoDiscover FPM/WDA Based Applications & Adaptation Possibilities

7/30/2019 CD268



Interaction of FPM / WDA Adaptation Layers

End user

Runtime

Administrator

Runtime

Developer

Design time

define

End user only

All users

in client

All users

in allclients

Valid for exclude

override

Personalization

Customizing

Configuration1

2

3

Hierarchy

7/30/2019 CD268



Configuration and Enhancement Options: FPM

FPM Configuration

Developer (SAP, Partner, Customer)

FPM Customizing

Administrator

WDA

FPM

A

Admi

Field Extensibility

Administrator / Developer

7/30/2019 CD268



Basis Configuration

Apply Enhancement Enhanced?

Further

Enhancement

yes

yes CBA

applicable?no

no

Apply CByes

Customizing?

no

Apply Customizing for Basis

ConfigurationCustomizin

Runtime Configuration

no

Apply Customizinyes

yes

Flow Chart

Apply Personalization

7/30/2019 CD268



Configuration and Enhancement Options: WDA

0-n

Customizing

Administrator

0-1

WDA Enhancement

Framework

Developer

0-n

WDA Con

Enhan

Deve

0-

Web Dynpro Component

Developer (SAP, Partner, Customer)

Web Dynpro Con

Developer (SAP, Partne

7/30/2019 CD268



Agenda

Introduction

Motivation



Exercises

1: Customizing




7/30/2019 CD268


Customizing

7/30/2019 CD268



Customizing Usage

Administrators at customer site

Layout changes and fine tuning

After configuration and enhancement, before personalization

Configuration < - > Customizing : 1..1

Data is stored as delta, no modification

URL parameter: “sap-config-mode=X”

7/30/2019 CD268



Flow Chart Customizing

Basis Configuration

Customizing? Apply Customizing for Basis

Configuration


no

yes

7/30/2019 CD268


Exercise 1Customize a Generic Floorplan Component

Change empty table text using the FPM configuration editor

Change the column order of the result list during runtime

7/30/2019 CD268



How to Logon

Logon to Windows

User:Password:

System: M24 Client: 800User: CD268-## (## = group number)

Password: initial

Logon to SAP Workshop System

7/30/2019 CD268



Agenda

Introduction

Motivation



Exercises

1: Customizing


3: Context-Based Adaptation 4: Enhancing a Freestyle Web Dynpro Component

7/30/2019 CD268


Enhancement of Component

Configuration

7/30/2019 CD268



When Should you Enhance FPM Configurations?

Who should enhance FPM configurations ?

Developers at customer/partner site

What should be done with enhancements?

Adaptations to FPM configurations delivered by SAP that

are not just fine-tuning any more

Larger development efforts that are typically related also to

ABAP code

When do you apply an enhancement?

After configuration, before customizing and personalization

7/30/2019 CD268



Flow Chart Enhancement

Basis Configuration


Further

Enhancement

yes

yes no

no

Customizing?


Configuration


no

yes

Relations between (Basis) Configuration, Enhancement,

7/30/2019 CD268



Relations between (Basis) Configuration, Enhancement,

Customizing and CBA

Basis Configuration

Context Based Adaptation

CustomiziEnhancement

1 0,1

*

1

*

1 1

0,1

* 1

*

parent

child

T h i l d t il f E h t f C t C f

7/30/2019 CD268



Technical details for Enhancements of Component Conf

Enhancements are workbench objects

Powerful infrastructure within ABAP WorkbenchVersion management

Typically stored in a separate package

Can be switched via Switch Framework

Differences between releases

7.02 – Delegation enhancements (copy of configurations)

7.31 – Standard enhancements (deltas of configurations) – Embedded into Enhance

7/30/2019 CD268


Exercise 2Enhance the application and add the Quick Response Code UIBB

Explore the enhancement by using the ABAP Workbench (transaction SE80)

A d

7/30/2019 CD268



Agenda

Introduction

Motivation



Exercises

1: Customizing


3: Context-Based Adaptations


7/30/2019 CD268


Context-Based Adaptations (

CBA at Runtime

7/30/2019 CD268



CBA at Runtime

Additional UIBB for specific role

CBA at Runtime

7/30/2019 CD268



CBA at Runtime

Changed layout based on country

CBA Overview

7/30/2019 CD268



CBA Overview

Adaptations applied based on runtime conditions (“context”)

Based on an adaptation schema = flat list of characteristics (“dimensions”)

A context is given a single value to each dimension

Adapted configurations contain only the delta – later changes to base configu

SAP) are reflected

Context can be set at application startup (“static CBA”) or while application is (“dynamic CBA”)

CBA functionality is added by a wrapper to existing applications => No need fo

original objects (at least for static CBA)

Example: Schema and Context

7/30/2019 CD268



Example: Schema and Context

Schema defined in SM34 (FPM_VC_ADAPT_SCHEMA)

Example contexts:

French Manager German Employee Manager

ROLE = MANAGER

COUNTRY = FR

ROLE = EMPLOYEE

COUNTRY = DE

ROLE = MANAGER

COUNTRY =

ROLE

COUN

CBA at Runtime: Combining Adaptations

7/30/2019 CD268



CBA at Runtime: Combining Adaptations

New field from SAP after

upgrade

Changed layout for France

Additional UIBB for Manager

Flow Chart CBA

7/30/2019 CD268



Flow Chart CBA

Basis Configuration


Further

Enhancement

yes

yes CBA

applicable?no

no

Apply CByes

Customizing?

no


Configuration


no

yes

7/30/2019 CD268


Exercise 3Use Context-Based Adaptations (CBA) to adapt your application to different use-cases

Agenda

7/30/2019 CD268



Agenda

Introduction

Motivation



Exercises

1: Customizing




7/30/2019 CD268


Enhancement of WD ComponThe Enhancement Framework and Web Dynpro for ABAP

Enhancement Framework for Adapting Freestyle Compo

7/30/2019 CD268



a ce e t a e o o dapt g eesty e Co po

Supplier Performance Monitor


7/30/2019 CD268



p g y p

Supplier Performance Monitor (Enhanced)


7/30/2019 CD268



p g y p

Supplier Performance Monitor (Enhanced)

Enhancement Framework

7/30/2019 CD268



The Enhancement Framework enables..

the modification-free adaptation of SAP objects

the adaptation of development units on all layers

the extension of the same objects on different levels

With the Enhancement Framework you can enhance

Programs

Function modulesGlobal classes

Web Dynpro configurations

Web Dynpro components

Enhancement Framework: Objectives

7/30/2019 CD268



j

Objectives of the Enhancement Framework

Enhancement of the same development objects are possible

on different levels

Smoother upgrade compared to modification technology

Adjustment support

Enhancements are objects of their own – organize, structure,

transport and document separately from the objects they

enhance

All enhancements can be switched by the Switch Framework

Enhancement Framework and Web Dynpro for ABAP

7/30/2019 CD268



A number of different enhancement options

Add and remove UI elements

Pre-, post- and overwrite exits for Web Dynpro methods

New methods

New navigation paths (plugs)

New context nodes

New controller attributes

New viewsUse existing components

7/30/2019 CD268


DemoUsing the Enhancement Framework at Design Time

7/30/2019 CD268


Exercise 4: Parts 1 - 3 Add a freestyle component to your application

Enhance the main view of the freestyle component

Create a new view and define navigation


7/30/2019 CD268



Standard Web Dynpro

Tree Representation


7/30/2019 CD268



Do notcompile

EnhancementsStandard Web Dynpro

Tree Representation


7/30/2019 CD268



Do notcompile


Tree Representation

New PackageStandard SAP Package


7/30/2019 CD268



Do notcompile


Tree Representation

New PackageStandard SAP Package

Enhancement Framework and Web Dynpro for ABAP: U

7/30/2019 CD268



Standard Web Dynpro

Tree Representation

Do not

compile

Transaction SPAU_ENH

shows you which

enhancements you have to

adjust after an upgrade

Additional elem

Enhancement


7/30/2019 CD268



Standard Web Dynpro

Tree Representation

Additional eleme


7/30/2019 CD268



Standard Web Dynpro

Tree Representation

Do not

compile

Additional ele

Enhanceme


7/30/2019 CD268



Standard Web Dynpro

Tree Representation

Do not

compile

Parent element of enhanwas deleted by SAP

Transaction SPAU_EN

you which enhanceme

have to adjust after an

7/30/2019 CD268


Exercise 4: Parts 4 - 5 Usage concept of Web Dynpro ABAP components

Enhance an existing action handler by a „Pre-Exit‟ method

Summary

7/30/2019 CD268


© 2012 SAP AG All rights reserved

Customizing a Generic Floorplan Component

For layout changes

Enhancement of Component Configurations

Larger development efforts that are typically related also to ABAP code

Context-Based Adaptations

Adaptations applied based on runtime conditions (“context”)

Enhancement Framework for Freestyle Components

Modification-free adaptation of SAP objects

Further Information

7/30/2019 CD268


© 2012 SAP AG All rights reserved

SAP Public Web

scn.sap.com/community/web-dynpro-abap

scn.sap.com/community/web-dynpro-abap/floorplan-manager

SAP Education and Certification Opportunitieswww.sap.com/education -> NET313 Floorplan Manager for Web Dynpro ABAP

-> NET311 Advanced Web Dynpro ABAP

Watch SAP TechEd Online

www.sapteched.com/online

Related Sessions @ TechEd

CD167: FPM Basics – From Feeder Classes to Live Applications (2h Hands-on Wo

CD266: Highlights and Latest Features of Web Dynpro ABAP (2h Hands-on Worksh

CD300: FPM Basics – From Modeling to Applications (2h Lecture)

http://scn.sap.com/community/web-dynpro-abap

http://scn.sap.com/community/web-dynpro-abap/floorplan-manager

http://www.sap.com/education

http://www.sapteched.com/online

http://www.sapteched.com/online

http://www.sap.com/education



















7/30/2019 CD268


FeedbackPlease complete your session evaluation for CD268

Thanks for attending this SAP TechEd s


7/30/2019 CD268



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, PowerPoint, Silverlight, and Visual Studio are registered trademarks of Microsoft Corporation.

IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System

z10, z10, z/VM, z/OS, OS/390, zEnterprise, PowerVM, Power Architecture, Power Systems, POWER7,

POWER6+, POWER6, POWER, PowerHA, pureScale, PowerPC, BladeCenter, System Storage, Storwize,

XIV, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, AIX, Intelligent Miner, WebSphere,

Tivoli, Informix, and Smarter Planet are trademarks or registered trademarks of IBM Corporation.

Linux is the registered trademark of Linus Torvalds in the United States and other countries.

Adobe, the Adobe logo, Acrobat, PostScript, and Reader are trademarks or registered trademarks of Adobe

Systems Incorporated in the United States and other countries.

Oracle and Java are registered trademarks of Oracle and its affiliates.

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 W 3C®, World Wide Web

Consortium, Massachusetts Institute of Technology.

Apple, App Store, iBooks, iPad, iPhone, iPhoto, iPod, iTunes, Multi-Touch, Objective-C, Retina, Safari, Siri,

and Xcode are trademarks or registered trademarks of Apple Inc.

IOS is a registered trademark of Cisco Systems Inc.

RIM, BlackBerry, BBM, BlackBerry Curve, BlackBerry Bold, BlackBerry Pearl, BlackBerry Torch, BlackBerry

Storm, BlackBerry Storm2, BlackBerry PlayBook, and BlackBerry App World are trademarks or registered

trademarks of Research in Motion Limited.

Google App Engine, Google Apps, Google Checkout, Google Data AP

Google Mobile Updater, Google Mobile, Google Store, Google Sync, G

Google Mail, Gmail, YouTube, Dalvik and Android are trademarks or re

INTERMEC is a registered trademark of Intermec Technologies Corpo

Wi-Fi is a registered trademark of Wi-Fi Alliance.Bluetooth is a registered trademark of Bluetooth SIG Inc.

Motorola is a registered trademark of Motorola Trademark Holdings LL

Computop is a registered trademark of Computop Wirtschaftsinformat

SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Busin

SAP HANA, and other SAP products and services mentioned herein a

trademarks or registered trademarks of SAP AG in Germany and othe

Business Objects and the Business Objects logo, BusinessObjects, C

Intelligence, Xcelsius, and other Business Objects products and servic

respective logos are trademarks or registered trademarks of Business

is an SAP company.

Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere

mentioned herein as well as their respective logos are trademarks or r

Sybase is an SAP company.

Crossgate, m@gic EDDY, B2B 360°, and B2B 360° Services are re

in Germany and other countries. Crossgate is an SAP company.

All other product and service names mentioned are the trademarks of

contained in this document serves informational purposes only. Nation

The information in this document is proprietary to SAP. No part of this

or transmitted in any form or for any purpose without the express prior

cd268

Documents