Reviewing SAP Fiori

Objective

After completing this lesson, you will be able to review SAP Fiori

Evolution

Tablet showing SAP Fiori launchpad with tasks and activities for finance, human resources, sales, and procurement. Four circles with colored blocks represent different departments, each connected to the tablet.

The SAP Fiori launchpad (FLP) offers a coherent user experience across different enterprise solutions by utilizing the capabilities of the user role to combine the decomposed apps in one surface. Each app represents one individual step for one specific role. Therefore, several apps combined represent a complete process covering different enterprise solutions and systems. This is a shift from monolithic solutions to activity-based apps and a role-based simplification of business processes.

From SAP Fiori 1.0 to SAP Fiori 2.0 to SAP Fiori 3 

SAP Fiori is continuously evolving and the evolution continues.

Watch the video to learn how SAP Fiori shifted the approach from monolithic solutions to activity-based apps and a role-based simplification of business processes.

SAP Fiori Horizon

Screenshot of My Home in the SAP Fiori Launchpad with Horizon showing four sections: To dos, pages, apps, and insights.

With SAP S/4HANA Cloud 2208, SAP Fiori Horizon is available to customers. SAP decided to no longer count the version of SAP Fiori. Instead, the name of the design theme is used. But it is not just a new theme, it includes new features and functions for the FLP, too. The theme itself is called Horizon and introduces signature design elements to provide a better focus on important parts on the screen.

A new feature is the completely reworked My Home page. It provides several sections with new options of what the user can see and start in the FLP.

  • Tasks and situations are shown as To Dos.
  • Pages can be accessed directly without opening the space first.
  • Recently or frequently used Apps and favorites can be started directly.
  • Users can define Insights into analytical data as tiles or cards.

All sections of the My Home page can be personalized by the user.

Note

For more information about this topic, see:

Client Integration

Chart of SAP Fiori clients and SAP Fiori integration. Clients include Web browser, SAP Business Client, and SAP Mobile Start. Integration includes SAP Build Work Zone, SAP Enterprise Portal, and SAP Mobile Services.

There are three clients available to access SAP Fiori:

Web Browser

Any HTML5-ready browser can be used.

SAP Business Client

As of SAP Business Client 6.0, you can create SAP Fiori launchpad system connections.

SAP Mobile Start
You can access SAP Build Work Zone, standard edition web sites providing apps based on cloud and on-premise SAP solutions.

You can also integrate SAP Fiori in other system areas to add more values like logon features or increased distribution range. Details and benefits of these integration options are discussed later or considered in more depth in other trainings:

  • SAP Build Work Zone
  • SAP Enterprise Portal
  • SAP Mobile Services

Now, let's explore each client in detail.

A diagram showing the original and the cache buster URL of the SAP Fiori launchpad with ABAP transaction /UI2/FLP in the middle pointing to both URLs.

The original way to start an FLP is to enter the URL https://<host>:<port>/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html in an HTML5-ready browser. This URL has been available since the beginning of SAP Fiori. Over time, SAP added more options to start the launchpad.

Many customers access SAP software via a logon to an Application Server ABAP (AS ABAP). Therefore, the transaction /UI2/FLP is added. With this transaction, you can log on automatically with the credentials you used to log on to the AS ABAP. This approach is for users working in both worlds, ABAP transactions and SAP Fiori web apps, if no business client is available.

Note

By default, transaction /UI2/FLP starts the FLP via the Internet Communication Manager (ICM) process of your application server instance. An entry in the database table HTTPURLLOC can be used to call a reverse proxy, such as SAP Web Dispatcher.

The current URL to start the FLP is https://<host>:<port>/sap/bc/ui2/flp. This URL is much shorter than the original one so it is easier to memorize. Even more important is the cache buster feature. This technique causes web browsers to load content from the server rather than from the browser cache if activated. The cache buster for SAP Fiori uses versioned URLs containing tokens to signal the browser that new resources are available on the server. Instead of forbidding caching or setting a lifetime for the resources, the system invalidates the cache only when resources are actually updated on the server.

Screenshot of a system entry in SAP Business Client, showing fields like name, description, type, system, message server, web dispatcher, URL, client, language, SAP GUI type, and SAP GUI logon description, with the SAP Fiori launchpad URL highlighted.

SAP Business Client makes it possible to access SAP GUI and web applications in one client software. Therefore, in SAP Business Client 6.0, the ability to add system connections for FLP was introduced. The benefit is the end user only needs one tool to access all the functions of an AS ABAP. It is even possible to start ABAP transactions in the FLP, which opens a new SAP GUI tab in the SAP Business Client. SAP Logon is completely integrated in SAP Business Client.

Hint

For SAP Business Client 6.0, the term NetWeaver was dropped from the name. Previous releases are still called SAP NetWeaver Business Client (NWBC).

Screenshots of the SAP Mobile Start on five devices display various SAP app features including a task list, important applications, and notifications. The image highlights key sections: Start, search, applications, widgets, and notifications on different devices.

SAP Mobile Start was introduced in August 2021. It is a mobile application for Apple iOS and Google Android integrated with SAP S/4HANA and further SAP solutions, leveraging the SAP Business Technology Platform (BTP). The SAP Build Work Zone, standard edition, Notification service, and Mobile Services of BTP work together to provide web sites and apps for mobile usage. SAP Mobile Start integrates with mobile operating system features like notifications, spotlight search, and widgets running on smartphones, watches, and tablets.

Application Types

A graphic comparing Transactional (task-based), Analytical (insights), and Fact Sheet (search) features, showing their database requirements: Any DB or SAP HANA.SAP Fiori app types

All SAP Fiori apps utilize the technologies SAPUI5 and SAP Gateway. The three types of SAP Fiori apps are different in terms of their usage of additional technologies:

Transactional Apps
  • Usage of ABAP to provide the classic approach for functions of a business system
  • Available for SAP S/4HANA and SAP Business Suite on any database
Analytical Apps
  • Usage of analytical capabilities of SAP HANA to provide insights in business data
  • Available for SAP S/4HANA and SAP Business Suite powered by SAP HANA
Fact Sheet Apps
  • Usage of Enterprise Search capabilities of SAP HANA to provide search results
  • Available for SAP S/4HANA and SAP Business Suite powered by SAP HANA
Diagram showing SAP Fiori app subtypes: Transactional with Any DB, and Analytical and Fact Sheet with SAP HANA; each uses SAP Fiori and SAPUI5, detailing pages, reports, and applications used.

SAPUI5 is used in all application types for development. This can be done by implementing JavaScript code directly or by defining metadata, which generates JavaScript code at runtime. These apps are called SAP Fiori elements. The complete UI is controlled by metadata annotations in SAPUI5, SAP Gateway, or CDS views.

List Report
Enables users to view and work with items (objects) organized in list (table) format.
Object Page
Provides functionality to view, edit, and create (business) objects.
Overview Page
Visualizes large amount of data in cards with different formats for different types of content.
Analytical List Page
Identifies relevant areas within data sets or significant single instances using data visualization and business intelligence.
Worklist
Displays a collection of items that a user must process.

In addition, classic applications are part of transactional apps. These are ABAP transactions, Web Dynpro ABAP, and WebClient UI Framework applications, which already existed before SAP Fiori was announced. Customers can choose which classic applications they want to have in their SAP Fiori launchpad using the configuration and customizing of SAP Fiori.

SAP Business Warehouse (BW) queries can be used as a foundation for SAP Fiori applications. These applications are created through SAP Analytics Cloud, the tool Design Studio, or by developing Web Dynpro ABAP applications.

Caution

Most Design Studio apps are obsolete since SAP S/4HANA 2021 and will be deleted from the system in SAP S/4HANA 2022. The successor apps are already available as Web Dynpro ABAP applications. For more details, please read SAP Note 3081996Deprecation of SAP Design Studio Apps in SAP S/4HANA 2021.