SAP Fiori apps
1. Introduction
SAP Fiori apps provide a modern, role-based user experience for SAP software.
Built with SAPUI5, they offer a responsive design across multiple devices, including desktops,
tablets, and smartphones.
The SAP Fiori Launchpad serves as the central hub for accessing these applications.
This guide provides a structured approach to understanding, configuring, and customizing SAP
Fiori apps.
2. Types of SAP Fiori Apps
SAP apps are classified into different types based on functionality and user interaction:
• SAP Fiori App variant
o Transactional
o Analytical
o Fact sheets
• Web Dynpro Applications
• SAP GUI Applications
Users can customize their launchpad based on assigned business roles and catalogs.
3. SAP Fiori Launchpad
The SAP Fiori Launchpad is a web-based entry point for Fiori apps. It supports:
• Transactional Codes (T-Codes): /n/UI2/FLP
• Fiori Launchpad Designer: /n/ui2/flpd_cust
• Fiori Apps Reference Library: Fiori Apps Library
(https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/home)
Users can customize their launchpad experience based on assigned business roles and
catalogs.
4. Implementation and Installation | Detailed Example on SAP Fiori app “VA01”
Search for the App that compatible to your system on SAP Fiori Apps Reference Library website.
1- Overview:
_________________________________________________________________________________
SAP Fiori apps
Page 1 of 14 | https://www.linkedin.com/in/emadhegazi/
Required Back-End Product: SAP S/4HANA
App Launcher Title(s): Create Credit Memo Requests, Create Customer Return Without
Reference, Create Debit Memo Requests, Create Sales Orders
Application Type: SAP GUI
Database: HANA DB exclusive
Device Type(s): Desktop, Tablet
App ID: VA01
Implementation Information:
Installation:
The app consists of:
Front-end components (Fiori): (such as the user interfaces), i.e.: user access.
back-end components (ABAP): (such as the OData service), i.e. processing the user requests.
And an RFC connection between the front end and back end.
Front-End Components:
The front end includes:
1- Product version
2- Software Component Version
3- Prerequisite for installation
4- User Interface Components (SAPUI5)
First, you need to make sure that your system has all the required prerequisites to run the App
_________________________________________________________________________________
SAP Fiori apps
Page 2 of 14 | https://www.linkedin.com/in/emadhegazi/
Back-End Components (ABAP):
The back end includes:
1- Product Version & Software Component Version
2- OData Services for communication
3- RFC connection between front-end and back-end systems
Ensure all prerequisites are met before proceeding with installation.
_________________________________________________________________________________
SAP Fiori apps
Page 3 of 14 | https://www.linkedin.com/in/emadhegazi/
5. Configuration:
The APP either Transaction Code or SAP UI5 Application
✓ SAP Fiori Launchpad | Transaction Code:
Is a modern, role-based, and web-based applications that provide a simplified user interface
for accessing standard transactions (SAP GUI Transactions).
It is an entry point for accessing Fiori apps (this application Integrated with Fiori Launchpad).
“Role base = designed specifically to meet the needs and responsibilities of a particular user
role, Ex. sales manager = transaction VA01 =create sales order”
✓ SAP UI5 Application:
it is a custom-developed web-based applications built using the SAPUI5 framework. These
apps follow the Fiori design principles.
App Launcher(s):
are shortcuts that allow users to access specific functionalities
_________________________________________________________________________________
SAP Fiori apps
Page 4 of 14 | https://www.linkedin.com/in/emadhegazi/
Target Mapping:
Target Mapping defines how a Fiori app interacts with the system.
It includes:
• Semantic Objects (e.g., SalesOrder, CreditMemoRequest)
• Semantic Actions (e.g., create, display, edit)
• Navigation Parameters
Semantic Objects: Represent business objects like SalesOrder, CreditMemoRequest, etc.
Semantic Actions: Indicate the action to be performed on the semantic object (e.g., create,
display, edit).
Parameter Values (Navigation Parameters): Include navigation parameters to direct the user
to the desired application or transaction.
Target Mapping enables the Fiori Launchpad to route users to the correct backend
functionality or application when a tile is clicked.
A Business Catalog:
Contains a collection of SAP Fiori applications (tiles) grouped by a specific business area or
functionality.
A Business Group:
Is a set of related tiles and apps presented to the user in the Fiori Launchpad.
Acts as a user-friendly grouping mechanism for apps from one or more catalogs.
_________________________________________________________________________________
SAP Fiori apps
Page 5 of 14 | https://www.linkedin.com/in/emadhegazi/
A Business Role:
Is a set of Business Catalogs, determines what a user can do in the system by combining:
Business Catalogs (what apps they have access to).
Business Groups (how apps are presented on their launchpad).
SAP Fiori applications (tiles) → A Business Catalog → A Business Role
Fiori Launchpad designer
→Create Business Catalog.
→ Assign selected Apps to the Business Catalog.
_________________________________________________________________________________
SAP Fiori apps
Page 6 of 14 | https://www.linkedin.com/in/emadhegazi/
➢ Search by Apps by its Business Catalog.
➢ Drag and drop the required App to the right of Target mapping
➢ Add the Business Catalog you need to Add the App to it.
_________________________________________________________________________________
SAP Fiori apps
Page 7 of 14 | https://www.linkedin.com/in/emadhegazi/
→Create Target Mapping
➢ Create Target mapping by adding App type, tile name, url, ID, semantic object and
action information as below.
Or use the original Business Catalog and add the target mapping automatically.
➢ Choose Original business catalog.
➢ Target Mapping
➢ Choose the target mapping you need (Semantic object, Action,)
➢ Create Reference
_________________________________________________________________________________
SAP Fiori apps
Page 8 of 14 | https://www.linkedin.com/in/emadhegazi/
➢ Choose the business catalog.
→Create Business Group “for grouping related programs (tiles) under one name”
➢ Groups
➢ + “Add”
➢ Add title and ID & Save
➢ Add Tile
_________________________________________________________________________________
SAP Fiori apps
Page 9 of 14 | https://www.linkedin.com/in/emadhegazi/
➢ Choose the tiles from the created Business group
→T-Code PFCG Assign Launchpad Catalog and Launchpad Group to the Business Role where
the users will be assigned.
SAP UI5 Application:
it is a custom-developed web-based applications built using the SAPUI5 framework. These
apps follow the Fiori design principles.
6. OData Service Activation:
OData (Open Data Protocol) is a standardized protocol developed by Microsoft for building
and consuming RESTful APIs. It provides a way to query and manipulate data using HTTP-based
services.
_________________________________________________________________________________
SAP Fiori apps
Page 10 of 14 | https://www.linkedin.com/in/emadhegazi/
OData Service Requires activation on the front-end server to enable communication between
SAP UI5/Fiori applications and the backend system.
Activation Process:
Check Service Status →T-Code /N/IWFND/MAINT_SERVICE
➢ Check if the service activates or not
By Filter by OData Service name, if not find, you need to Activate.
Activate OData Service: →Add Service
➢ Search for the OData service by it names, system Alis: Local
➢ Add Selected Service
➢ Assign on local package →will be available only on this Server (DEV), and need to be
activated to other servers (QAS and PRD).
➢ Or assign on a package, so you can transport to another Server using transport
workbench request (i.e.: cross client change-Applied on all servers).
_________________________________________________________________________________
SAP Fiori apps
Page 11 of 14 | https://www.linkedin.com/in/emadhegazi/
→Search again on OData Service to confirm if it activated or not.
Note: “Z” before the OData Service means that service is Activated.
7. Customizing SAP Fiori Apps
If the Fiori program has been customized by ABAP (will not find in Fiori library)
→SE93 - Maintain Transaction “T-Codes” (Display, Change, and Create)
→Search for Transaction you need to customize in Fiori launchpad (ZSAP_Example).
_________________________________________________________________________________
SAP Fiori apps
Page 12 of 14 | https://www.linkedin.com/in/emadhegazi/
→ /N/UI2/SEMOBJ_SAP → Create Symantec Object for this Customized T-Code.
➢ Change
➢ New Entries
➢ Transport change in a transport Workbench request.
→Go to Fiori Launchpad designer →/n/ui2/flpd_cust
➢ Create Business Catalog.
➢ Add tile to Business Catalog.
_________________________________________________________________________________
SAP Fiori apps
Page 13 of 14 | https://www.linkedin.com/in/emadhegazi/
➢ Create Tile by Add required data (Tile, Semantic Object, and Action)→Save
Action (Display “in case of report” or manage “in case of program execute”)
➢ Create Target Mapping manually
Target Mapping →Create target Mapping → Add required data
_________________________________________________________________________________
SAP Fiori apps
Page 14 of 14 | https://www.linkedin.com/in/emadhegazi/
