R egional

I mplementation

G roup

5 Steps to SAP Fiori - for Customers – STEP 3

Gain hands-on experience in SAP Fiori configuration
July 23

PUBLIC
 Step by step approach – Roll-out sessions + Hands-on Experience

STEP 1 STEP 2 STEP 3 STEP 4 STEP 5

Roll-out session Roll-out session Roll-out session Roll-out session Roll-out session
Apply required notes Technical activation Setup Launchpad Patching SAP Fiori SAP Fiori Monitoring
and configuration of features and Situation (SAPUI5) versions
Activation of Enterprise
B
SAP Fiori Launchpad Handling Using transaction
Search and Embedded
and SAP Fiori Using Extensibility tools STATS_FE
Analytics
applications Introduction to
Performance tracing

Scoping business roles Running Fiori App Exploring SAP Fiori as a Extending SAP Fiori Exploring Intelligent
using UX Value Goals Recommendations Tool business user apps as a key user Automation use cases
F Working with the SAP Running Process Personalizing SAP Fiori Creating new content Configuring & Using

SAP Fiori Troubleshooting

Fiori apps library NavigatorTool apps as a key user Situation Handling

Preparing SAP BTP trial Install ADT in Eclipse SAP Theme Designer Extending SAP Fiori Extending SAP Fiori List
account and SAP Cloud apps with extensibility Report app with Business
tools Application Studio
Connector ADT Development Classic UI integration
D Setting up SAP
Basics [2022] Create an SAP Fiori
Launchpad Plugin with
Business Application Customizing FLP Logon SAP Business Application
Studio Page Studio and Embedded
Steampunk

Overview of Analytics in Exploring and Exploring and Analyzing Multidimensional Intelligent analytic

A S/4HANA Analyzing Analytical

Content Pt. I
Analytical Content Pt. II Reports and Smart
Business KPI’s:
technologies and Smart
Business KPI’s:
Generic Drilldown Analytical List Page
Understanding Exploring Business Refining custom roles Defining Launchpad Adding launchpad
Business Roles roles using the Launchpad Layouts using Spaces content using the
S Finding Authorization Basics of creating
content manager and Pages Launchpad app
manager
information for custom roles Creating custom roles Mass maintenance for
Business Roles for Key Users custom roles
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC Restricting Fiori Search 2
Recap STEP 2

Functional
§ Scoping tools for SAP Fiori
Your Learnings?
Basis Any surprises?
§ Fiori Foundation and Rapid Activation
Security
§ Understanding SAP Business Roles
Developer
§ Backend development basics
Analytics
§ Exploring and Analyzing Analytical Content – Pt I
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 3
Content

How to get support

Main Concepts
Step 3:
§ Functional – Exploring SAP Fiori launchpad & apps
§ Basis – Configuring and optimizing Fiori
§ Security – Creating custom roles with the
Launchpad Content Manager
§ Developer – Customizing Themes and Classic UI Integration
§ Analytics – Exploring and Analyzing Analytical Content – Pt II

Call to action
Q&A

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 4

How to get support
when doing the exercises
Option 1 – Ask your question via the Forum
Go to the Q&A section to select Add a Question - include WPxx_y code
1 2
the forum topic for the STEP you and exercise step/page number
are running

3 Upload any screenshots to the folder

“Save your files here!”

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 6

Option 2 – 5 Steps Support session over MS Teams (max. 30 minutes)

Server 5 Steps Support SAP CAL

Network

SAP S/4HANA SAP S/4HANA

Embedded Embedded
FES FES

Intranet Internet

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 7

Step 3 – Main Concepts – WP03
Step 3 – Main concepts

Exploring SAP Fiori launchpad and main SAP Fiori floorplans

Optimizing your SAP Fiori experience by:

§ Configuring SAP Fiori launchpad features
§ Performance tracing and optimization basics
§ Creating custom business roles
§ Adjusting themes

Work Package 03
§ Functional
– Exploring SAP Fiori launchpad & SAP Fiori apps
§ Basis
– Configuring and optimizing SAP Fiori
§ Security
– Creating custom business roles using the Launchpad Content Manager
§ Developer
– Creating custom themes and classic UI integration
§ Analytics
– Exploring and Analyzing Analytical Content – Pt II
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 9
SAP Fiori
Exploring SAP Fiori launchpad and main
SAP Fiori floorplans
SAP Fiori launchpad and main launchpad features
User Assistance Notifications
Search
App Finder
Search Edit Current Page
§ Use SAP Enterprise (Edit Home Page*)
Search to find Settings
business objects or Manage Cards
apps in the SAP SAP Adapt UI
About
Fiori Launchpad App Support

Notifications
§ Receive notifications
by date, type, and
priority

Settings
§ Customize your user
experience by setting
default values
More Information: New videos showcasing SAP Fiori 3 for SAP S/4HANA Top 5 Fiori features that bring value to every business user
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 11
* For Groups based Home Page (deprecated as of SAP S/4HANA 2021)
Multiple options for finding apps: Home Menu or App Finder or Search
Less-used and less-important apps can be accessed easily without cluttering the home page(s)

Apart from app-to-app navigation, users can easily find less-frequently used apps which
are not on their Home Page using three options:
§ Search
§ Home navigation menu
§ App Finder

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 12

OPTIONAL: Find transactions using User Menu and SAP Menu
Helpful for expert users invested in SAP GUI

Search across the whole user menu or SAP menu by transaction code id or transaction name
*** Transactions added to the home page this way will NOT have any smart navigation (e.g. default values) applied

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 13

Navigating in SAP Fiori – Insight to Action
Navigation is enabled via (delivered, extensible) configuration and restricted via authorizations

Single Entry Point

§ Navigate easily to your most frequent apps
§ Launch and navigate between SAP Fiori apps, classic UIs & URLs
§ Harmonized SAP Fiori theming across all apps and UIs

Insights and Actions

§ Gain insights and decide what action to take in SAP Fiori
§ Trigger quick actions or drilldown to related SAP Fiori
apps and classic UIs

Explore and Act

§ View details and perform actions
§ Easily navigate between related SAP Fiori apps and
classic Uis

More Information: Understanding insight to action app to app navigation

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 14
Main SAP Fiori floorplans used in many business scenarios
Most use cases in the enterprise space involve providing an overview, lists of business objects
and management of these business objects
Provides an overview of Work on a list of business View or manage individual
business relevant data objects business objects

Overview page List report Object page

§ Approx. 1.3K of the 2.8K+

SAP Fiori apps delivered use
SAP Fiori elements floorplans
§ SAP Fiori elements can also
be used for efficient
More Information: development of custom-built
SAP Fiori Design Guidelines Analytical list page Worklist apps
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 15
SAP Fiori embedded analytics floorplans fused or many analytics scenarios
Embedded analytics are an integral part of many SAP Fiori apps and are also used in specific
analytical app floorplans
Provides at-a-glance KPIs and Analyze & visualize data across View stories created via
drilldowns to understand metrics multiple dimensions SAP Analytics Cloud
Powered by SAP Analytics Cloud

Smart Business KPIs Multidimensional Reporting Dashboards

§ More than 150 of the 2.8K+

SAP Fiori apps delivered are
Smart Business KPIs
§ More than 100 of the 2.8K+
SAP Fiori apps delivered are
More Information: Multidimensional reports
SAP Fiori Design Guidelines Analytical list page Overview page
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 16
SAP Fiori
Optimizing your SAP Fiori experience
How to deploy SAP Fiori for SAP S/4HANA efficiently
Experience SAP Fiori as-delivered in Sandbox, refine in Development

Scope and Prepare Activate and Explore Refine and Support

Sandbox Development
> Quality Assurance
> Production

Initial scoping Rapid activation of your Adjust launchpad content and

Identify business roles selected business roles layouts to meet your needs

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 18

Optimize your launchpad features
SAP Fiori launchpad Configuration Parameters and Plug-ins

Configure via central

administration tools:
§ SAP GUI Transaction
/UI2/FLP_CUS_CONF - client-
specific
§ SAP GUI Transaction
/UI2/FLP_SYS_CONF - client-
independent

The list of available Launchpad

Configuration Parameters can
be found in the SAP Fiori
Launchpad guide in the SAP
Help Portal

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 19

Optimize your context sensitive help for business users
Web Assistant content is delivered for immediate use
In-app help is delivered
out of the box for SAP
Fiori apps via embedded
Web assistant context-
sensitive help

§ Interactive guided tours

§ Embedded learning
tutorials
§ About this app link to app
documentation
§ What’s New updates

Extend SAP content +

create custom content via
SAP Enable Now How to set up the User Assistant in your SAP Fiori launchpad
Simplified Configuration of Help Links in SAP S/4HANA
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC Increase SAP S/4HANA user adoption with SAP Enable Now 20
Optimize your corporate theme
Using the UI Theme Designer

Browser-based tool to customize your themes

§ Copy and adjust one of the theme templates provided by
SAP
§ Quartz (Light and Dark) themes are recommended for
SAP S/4HANA 1909 and higher
§ Remember to provide high contrast options for
accessibility (diverse users) and extreme lighting
conditions

Select built-in preview pages to see what your

custom theme will look like when it is applied to an
application.

Different levels of theming

§ Quick theming
§ Expert theming
§ Manual LESS or CSS editing
§ Cross-technology theming

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 21

Performance Optimization is an essential activity
Consider the end-to-end performance of processes and the perceived performance by users
Run an end-to-end Performance Trace before optimizing to
identify the real bottleneck upfront and avoid wasted efforts
Performance refers to the total effectiveness of a computer system, including
throughput, individual response time, and availability.

Analyze HTTP traces to find the root cause of performance issues:

§ Network bandwidth, pipeline, latency, HTTP compression, server and bootstrap (CDN) placement
§ Web Browser settings and Cache scheduling
§ Gateway and Fiori launchpad configuration
§ Parallelization and co-deployment of OData services
§ CDS View optimization to support data volumes
§ Filtering and default values set for specific apps and Uis
§ Extension/Build approach for custom-built components
§ Patching of Kernel, Unified Rendering and SAPUI5 versions

More Information: SAP Note 2456424 - Fiori Launchpad: How to report performance issues by recording HTTP traces ;
SAP Note 2916959 - Fiori Performance Troubleshooting; Use Transaction STATS_FE to Analyze the Performance of your Web Application
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 22
Functional – Work Package 03
Exploring SAP Fiori launchpad and SAP
Fiori apps
Remember that Personalization is an important part of User Adoption
Users are more productive when they can tailor their own experience

Most business users come with consumer expectations of personalization

§ Gives you a sense of ownership

§ Optimize to your physical & contextual needs (e.g.
lighting conditions, safety gloves)
§ Optimize your pages to manage your day & stress
levels (add/hide/reorganize/change tile type)
§ Add/remove tiles/links/cards as your day-to-day
work needs changes
§ Saves data entry time & reduces mistakes (e.g.
Default Values, Variants)

More Information: User guide for the SAP Fiori launchpad; openSAP Microlearning > SAP S/4HANA > User Experience playlist
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 24
Find further videos and techniques in openSAP microlearning playlist
Learn how to make the most of common capabilities at https://microlearning.opensap.com/

SAP S/4HANA User Experience playlists

provided for :
§ Business End User
§ Expert User
§ Users with accessibility needs

Examples:
§ Personalizing SAP Fiori launchpad – basics
§ Using Default Values and Variants
§ How to search for a GUI transaction in SAP
Fiori
§ Using Enterprise Search for Reporting
§ Creating bookmarks in SAP Fiori launchpad
§ Structuring Launchpad Spaces and Pages
§ Navigating SAP Fiori as a Color Blind user

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 25

Main activities – Functional – WP03
Exploring SAP Fiori launchpad and SAP Fiori apps

Introduction to SAP Fiori launchpad

Working with SAP Fiori apps – introduction to the main floorplans

Personalizing your SAP Fiori launchpad

How SAP Fiori provides inclusive accessibility for diverse users

Exploring more SAP Fiori apps for your line of business

Transitioning from SAP GUI to SAP Fiori

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 26

Exercise Tips & Tricks

The exercise in this step will help you:

§ Get experience with using the main launchpad

features and apps

§ Understand how to use personalization features in

SAP Fiori

§ Be aware of accessibility features in SAP Fiori

§ Review example videos of apps in your Line of

Business

§ Understand how end-to-processes are streamlined

with SAP Fiori (compared to SAP GUI)

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 27

Basis – Work Package 03
Configuring and Optimizing SAP Fiori
 SAP Fiori Performance
Typical actions to improve SAP Fiori launchpad performance

Focus layouts on Adjust performance-relevant Configure “inplace” Configure OData

most frequent tasks launchpad configuration parameters, navigation for classic UIs services in co-
for the user/role e.g. default Search Scope to Apps deployed mode

Use an HTML5 fully Update SAPUI5 Update Unified Update Kernel

compliant browser libraries Rendering libraries

SAP Fiori for SAP S/4HANA – Performance Optimization and Best Practice – Part 1 Tools and Tracing; Part 2 – Architecture & Other Considerations
SAP Fiori for SAP S/4HANA – Performance Tips and Tricks in S/4HANA On-Premise
SAP Fiori for SAP S/4HANA – Improving Web Dynpro ABAP and SAP GUI for HTML Performance in Fiori Launchpad on S/4HANA On-Premise
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 29
Main activities – Basis – WP03
Configuring and Optimizing SAP Fiori

Special launchpad features

Basic configuration for SAP Situation Handling

Improving classic UI performance

Optimizing performance

Troubleshooting SAP Fiori apps

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 30

Exercise Tips & Tricks

The exercises described in this step will help you understand:

§ How to adjust SAP Fiori launchpad features using configuration
§ Insights in preparing for intelligent automation scenarios, using the
example of Situation Handling
§ How to troubleshoot common SAP Fiori apps issues
§ Some basic techniques for optimizing performance

Important:
§ Some SAP Fiori launchpad features are activated by the Fiori
Foundation task list.
§ Some features are delivered disabled and can be activated if desired by
the project team

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 31

Security – Work Package 03
Creating custom roles using the
Launchpad Content Manager
Business Roles and their entities
Important: Authorizations are driven from SAP Fiori launchpad content assignment

User

Business Technically represented as a

Layout Entities Role Security Role

Space Group Catalog

Page

Intent Target
Tile
Mapping
Reference Content Entities

* Target
* SAP Fiori app, GUI Tcode, WDA app, Web Client UI, or URL Application

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 33

Tools to refine SAP Fiori launchpad content and layout

Content manager

Report business role and business catalog content

User
Maintenance of business catalogs –
apps required for specific business
Business role

Launchpad content aggregator

(PFCG) need (such as sales orders)

Space *Group Catalog Application manager

Maintenance of technical catalogs –
repository of app descriptor items for
Page
business area (such as sales and
distribution)
Target
Tile
Intent mapping

SAP Fiori launchpad app descriptor Item

Manage launchpad spaces and pages
Define the layout of spaces and
Target pages with WYSIWYG SAP Fiori apps
application
Legend
Contains

*Groups are deprecated from SAP S/4HANA 2021

More Information: SAP Fiori for SAP S/4HANA – Creating your custom business roles – the end-to-end process and video playlist
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 34
Back
 Create your own custom business roles – End to end process
Steps needed in SAP S/4HANA 2020 and higher
Optional: Add custom content

Create Create or Edit

custom Change Tiles Create Spaces and Spaces
Technical and Target Pages and
catalogs Mappings Pages

Manage
SAP Fiori
launchpad
 SAP Fiori
launchpad
 Manage
launchpad
 Mass
maintenance
 launchpad

app content spaces role spaces
manager manager generation
Manage programs, Manage
launchpad Transaction launchpad
pages PFCG, pages
etc.

More Information: Overview of tools for maintaining launchpad content and layout
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 35
 Create your own custom business roles – End to end process For comparison!
Steps needed in SAP S/4HANA 1909 and lower
Optional: Add custom content
Maintain groups to roles

Create Create or
custom Change Tiles Edit Assign
Create Groups
Technical and Target Groups Groups
catalogs Mappings

Launchpad
Launchpad

Designer for SAP
SAP Fiori
launchpad
 Launchpad
Designer  Mass
maintenance
 Designer

Fiori apps content role
manager generation
Mass maintenance programs,
tool for classic UIs Transaction
PFCG,
etc.

More Information: Overview of tools for maintaining launchpad content and layout
© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 36
Main activities – Security Authorizations – WP03
Refining Custom Business Roles with the Launchpad Content Manager

Understanding Business Catalogs

Reviewing the content and layout of SAP Business Roles as an administrator

Creating custom Business Roles from SAP Business Roles

Creating custom Business Catalogs from SAP Business Catalogs

Creating custom Business Catalogs from scratch

Testing your custom business catalogs

Creating custom roles for Key Users

Optional:
§ Understanding Authorizations and CDS Views
§ Analyzing SAP Fiori launchpad intents

*** You will use an administrator user to understand authorizations, and test
users to understand the impact of authorizations on business users

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 37

Exercise Tips & Tricks

The exercises described in this step aim to help you

understand:

§ How to create and refine your custom business roles

§ How to adopt selected content from SAP Business roles

§ How to use the Launchpad Content Manager

§ How to activate launchpad content using your custom

business roles

§ How to create custom roles for key users

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 38

Developer – Work Package 03
Custom Themes and Classic UI
integration
Main activities – Developer – WP03
Custom Themes and Classic UI integration

Working with the SAP UI Theme Designer

Classic UI Integration

SAP Fiori Troubleshooting

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 40

Exercise Tips & Tricks

The exercises described in this step will give you

experience with:

§ UI Theme Designer
– Use the proposed color scheme or define your own and
make sure you apply the corrections described in the
exercise

§ Classic UI Integrations
– Leverage your previous ABAP developments and
integrate them to the Fiori Launchpad

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 41

Analytics – Work Package 03
Exploring and Analyzing Analytical
Content – Pt II
Analytical apps selection guide

In this exercise you will identify analytical SAP Fiori apps using
recommended column filters.

Step highlights
• Download category search option All apps for SAP S/4HANA list
• Filter MS Excel by business and technical output e.g. Analytical
Type
• Refine your filter by functional reference to the app e.g.
Transaction
Step 1 : Export MS Excel list of SAP Fiori apps from SAP Fiori apps library Step 3 : Identify analytical apps for Fit-Gap by app criteria. In this example we
(SAP Note 2598147) will use a legacy transaction code mapped to the app as the selection criteria.
• Select category search All apps for SAP S/4HANA • Col. LeadingTransactionCodes (Transaction) highlights (if available) the
• Select List View corresponding SAP GUI transaction by SAP Fiori app. Its important to note SAP
• Product Suite SAP S/4HANA Fiori is role based and knowing the transaction code will assist the functional
• Filter Application type by SAP Fiori *, BW Query used and Web Dynpro. selection of the app during Fit to Standard. e.g. Material Documents Overview
• Choose column Settings icon and select All (columns) (AppName) vs MB51 (Transaction).
• Click Download icon to download to MS Excel. • Col. UI Technology e.g. SAP GUI, SAP Fiori (SAPUI5)
• Col. LineofBusiness e.g. Asset Management, Finance, Manufacturing, Sales,
Step 2 : Refine the filter of analytical apps in MS Excel (your own preferences) Sourcing and Procurement, Supply Chain
• Application Type – e.g. *Analytical*, Web Dynpro • Col. ApplicationComponent e.g. MM-FIO-IM-SGM
• WDAConfiguration – e.g. *FPM_OVP* and blank.
• Other field filters e.g. RoleName – Purchaser, UI Technology - SAP Fiori Step 4 : Identify the Business Role assigned to the SAP Fiori App
elements: Overview Page etc… • Col. LeadingBusinessRoleName identifies the app role assignment e.g.
SAP_BR_ADMINISTRATOR.
• Note: Rapid Content Activation requires the role to activate SAP Fiori apps.

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 43

Main activities – Analytics – WP03
Exploring and Analyzing Analytical Content – Pt II

Understanding SAP Fiori app selection

Using SAP Fiori apps reference library filter criteria

Select SAP standard analytical app

SAP Fiori rapid content activation

Further exploring analytical content as a business user

Understand ADT Development basics

§ Explore a CDS View
§ Analyze smartbusiness KPI report data sources

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 44

Exercise Tips & Tricks

The exercises described in this step aim to help you

understand:

q Selection process of analytical SAP Fiori apps

through SAP Fiori apps library.

q How SAP Fiori apps are activated and how you can
run the technical activation of analytical apps.

q Familiarize with VDM’s and CDS view analysis using

ADT

q Understand how VDM’s and CDS views are

consumed by analytical reports.

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 45

Closure
and call to action
Call to action

§ Review this presentation (published in WorkZone workspace)

§ Execute the WP03 activity documents for

§ Basis WP03_B
§ Functional WP03_F
§ Security WP03_S
§ Developer WP03_D
§ Analytics WP03_A
§ All WP03_BFDS – Troubleshooting exercise

§ Collaborate using WorkZone in case of issues or doubts

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 47

Your Challenge – Applying what you learn to your site

How will you optimize your SAP Fiori experience?

§ Desirable launchpad features
§ Must have personalization options
§ Intelligent automation opportunities
§ Best available SAPUI5 version for your SAP S/4HANA release
§ Most likely performance improvement opportunities

What part of the UX will be most important to your … ?

§ Project Sponsor
§ Business Stakeholders
§ Business Users
§ Project Team

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 48

Q&A
Ask your questions
via Chat

via Teams:
• Unmute your line
• Ask your question verbally

Use the WorkZone forums to post your

questions

© 2023 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 49

Thank you.