SAP Fiori Starter

Everything you need to know

Lesson 4
Overview Estensione Applicazioni Fiori

Online, 6th April 2021

1 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Starter

25/03 - 1. Overview

30/03 - 2. SAP Netweaver Gateway

Calendar 01/04 - 3. Gestione autorizzazioni per Fiori & Apps

06/04 - 4. Overview Estensione Applicazioni Fiori

08/04 - 5. Introduzione sulla SAP Cloud BTP 

13/04 - 6. Sviluppo di un’applicazione custom UI5 PART 1 

15/04 - 7. Sviluppo di un’applicazione custom UI5 PART 2

20/04 - 8. Analytics & KPI

2 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 1- Qual è la transazione per accedere al
LAUNCHPAD DESIGNER?

a) /N/UI2/FLPD_CUST

b) /N/IWFND/GW_CLINT

c) /N/UI2/SEMOBJ

d) /N/UI2/FLP

3 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 1- Qual è la transazione per accedere al
LAUNCHPAD DESIGNER?

a) /N/UI2/FLPD_CUST

b) /N/IWFND/GW_CLINT

c) /N/UI2/SEMOBJ

d) /N/UI2/FLP

4 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 2- Quale tipologia di CR va creata per salvare le
modifiche fatte nel Lanchpad Designer?

a) CUSTOMIZING REQUEST

b) WORKBENCH REQUEST

5 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 2- Quale tipologia di CR va creata per salvare le
modifiche fatte nel Lanchpad Designer?

a) CUSTOMIZING REQUEST

b) WORKBENCH REQUEST

6 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 3- Per la creazione di un ruolo custom Fiori devo
usare la transazione?

a) SICF

b) SU21

c) PFCG

d) /N/UI2/FLPD_CUST

7 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 3- Per la creazione di un ruolo custom Fiori devo
usare la transazione?

a) SICF

b) SU21

c) PFCG

d) /N/UI2/FLPD_CUST

8 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 4- Quale componente di personalizzazione contiene
tutte le informazioni necessarie per lanciare un app
Fiori/UI5

a) TECHNICAL GROUP

b) TECHNICAL CATALOG

c) TILE

d) SEMANTIC OBJECT

9 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 4- Quale componente di personalizzazione contiene
tutte le informazioni necessarie per lanciare un app
Fiori/UI5

a) TECHNICAL GROUP

b) TECHNICAL CATALOG

c) TILE

d) SEMANTIC OBJECT

10 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 5- Quale dei seguenti oggetti può essere configurato
come Tile sul Fiori Launchpad?
*Piu risposte corrette

a) WEBDYNPRO

b) TRANSAZIONE SAP

c) CUSTOM APP

d) FIORI APP

11 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

 5- Quale dei seguenti oggetti può essere configurato
come Tile sul Fiori Launchpad?
*Piu risposte corrette

a) WEBDYNPRO

b) TRANSAZIONE SAP

c) CUSTOM APP

d) FIORI APP

12 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Starter
Gestione autorizzazioni per Fiori & Apps

Overview Extensibility

Agenda New Extensibility Concept

Extensibility Roles

In-App and Side-by-Side Extensibility

Transport Changes

13 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

S/4HANA

SAP FIORI Extensibilty Concept

Fiori provides a consistent and holistic UX for SAP software.

By creating visually pleasing designs with a strong focus
on: ease of use and intuitive design across all devices.

But sometimes more is needed: having the ability to

tailor the Fiori apps to meet specific business
requirements is a MUST have.  

SAP Extensibility is the answer. It covers a broad spectrum of topics that allows to adapt standard business
software to the client needs.
This includes business configuration, integration, custom fields, and logic, layout adaptation of user interface,
forms, and reports.

14 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Extensibility

New Extensibility Concept in S/4HANA

CLASSICAL EXTENSIBILITY DE-COUPLING AND LIFECYCLE STABILITY

Custom Code Development and Extensions In-app Extensibility with Key User Tools

• Modifications of SAP code • Custom fields and tables, customer analytics and
• Extensions calling SAP code forms, business logic (cloud ABP Web editor), ...
(no APIs available) • Web-based key user tools
• Software updates require major adoption • Based on stable extension points and APIs
effort in customer/partner code

15 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori Extensibility

Motivation for a New Extensibility Concept in S/4HANA

Challenge
Software is always patched and upgraded based on a fixed schedule and new innovations should be introduced
easily.
Solution
• It allows extensibility that does not block SAP software
updates and continue to work after an update without manual
steps.
• Custom extensions have to be:
• Clash free
• Use whitelisted APIs and extension points
• Compliant with zero-downtime principles

Tool
UI Adaption, Custom Fields and Logic, Custom Query

16 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Fiori

Extensibility - Roles

Business User Key User, Business Expert Developer

I Want to: I Want to: I Want to:

- Change order of columns - Add/Change business logic/rules - Add/Change complex business
logic/rules
- Hide/Unhides tabs - Add custom fields, tables, reports
- Change Layout
- Hide/Unhide Apps on FLP - Change company logo/theme
- Add new functionalities

My changes should ... My changes should ... My changes should ...

... not affect other people. ... affect every users ... affect every users
17 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services
SAP FIORI Architecture
In-App and Side-by-Side Extensibility
In-app extensibility
Context-aware extensions, utilize tight coupling
Capabilities: Field extensibility, UI adaptation, UIs,
business logic extensions, queries, analytics, APIs
Cover last mile of adaptation for key users
Use means that enables you to extend the apps.
For example, one may add a new custom field to the UI
which is then saved together with the business object
instance. Further options are own business objects or
business logic modifications in pre-defined extension
points.
• UI Flexibility
• Custom Fields and Logic
18 © 2018 IBM Corporation Wednesday, April 6, 2022
Side-by-side extensibility on SAP Cloud Platform
Integrate with the outside world, build own apps
Capabilities: SCP to build and operate custom UIs,
applications, services, integration, process steps
Primary method of extensibility
Refers to enhancements that you create on a different
platform (like SAP Cloud Platform) but integrate with your
SAP product. As an example, you have an own app on SCP
that writes data back into the SAP product.
The communication works via public APIs in such cases.
IBM Services
In App Extensibility

UI Flexibility: Adapt existing Fiori UI

o Change a standard UI to fit the desired usage in a specific

business context
• Hide fields in a form, table, or filter, hide groups and areas
• Rename labels
• Add field to UI from field repository
• Move form field or UI group, create new groups and
move fields into
• Combine fields into one line, split combined fields
• Define new filter and table variants

N.B. To transport changes: add item and transport it in Export

Software Collection app (type is UI Flexibility Variants).
Import it in your production env by import Software *Remember to have assigned the role SAP_UI_FLEX_KEY_USER
Collections App. LINK Example of Fiori Adaptation
19 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services
In App Extensibility

User Extensibility: Custom Fields and Logic

Requirements
Create a role (PFCG) and assign the following:
• SAP_BASIS_BC_EXT (catalog)
• SAP_BASIS_BCG_EXT (group)
In the Custom Fields and Logic Fiori app, you can
• Create and edit custom fields (extend the SAP table,
application, CDS views and OData services)
• Delete an existing custom field (deletion is not possible if a
field has been transported)
• Manage the usages of a custom field such as other UIs,
reports, forms, service interfaces, processes, search
• Define fields of type associations to custom business objects
or to SAP standard business objects
• Extend SAP CDS Views and OData-Services with SAP
fields that are available in CDS views in “lower layers” of
the virtual data model

20 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

SAP Extensibility

Transport Changes

UI Adaptation changes and Activation of Custom fields are not automatically added to
A transport request.

First register a package to manage

all the UI changes from Configure Soft
Packages app. Then go to the Register
Extension Trans. app and assign them
to a new or existing transport request.

21 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

Side-by-Side Extensibility

Add new functionalities to Standard App

The following activities can be customized using WebIDE 

• Adding or removing a field (including how to extend the OData service, if required) 
• Adding new functionalities
• Hide fields or action
• Customizing your own themes

In order to provide the changes what is required is to

create an extension project based on the application
you want to extend.

22 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

A little support from SAP

How to Extend an SAP Fiori app for SAP S/4HANA

SAP Provide a step-by-step guide that help

you understand which possible actions we
need to do in order to extend the
application.
You can find it at this LINK.
All the information required is accessible
through the SAP Fiori Library, by looking
for the application you want to change.

23 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services

24 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services
25 © 2018 IBM Corporation Wednesday, April 6, 2022 IBM Services