Fiori tutorial LEARNOVITA

SAP FIORI Tutorial | Learn in 1 Day FREE

Last updated on 11th Aug 2022, Blog, Tutorials

About author

Anuj Kumar (SAP Ui5 Fiori developer )

Anuj Kumar, the SAP Ui5 Fiori developer, has more than 4 years of experience in the industry. He is proficient in domains such as OData services, annotations, ABAP, and RFC/BAPI, and has also had experience with SAP gateway development.

(5.0) | 18289 Ratings 2319

What is SAP Fiori

SAP Fiori is a user interface (UI) or user experience (UX) that supplements and, in some cases, replaces the SAP GUI.

This simplified application makes use of tiles to cover common tasks like authorising requests for quotation, monitoring sales orders, and authorising timesheets.

Fiori is a standardised app that provides users with a role-based experience that can be customised across all lines of business, activities, and devices. It uses tiles to cover common tasks like tracking sales orders and authorising time sheets.

Based on customer feedback, SAP designed the SAP Fiori UX with user friendliness and ease of use in mind.

The UX also includes mobile integration functionality, which enables teams to develop apps and work efficiently without the use of a computer.

SAP Fiori Fundamentals

SAP Fiori’s plan reasoning is based on five centre standards.

The client experience in SAP Fiori is role-based, versatile, straightforward, lucid, and excellent.


SAP Fiori is designed for your company, its needs, and the way you work.It is based on our extensive knowledge of the current labour force’s complex jobs.

SAP Fiori provides accurate data at the right time and reflects how you actually works


Apart from making you work smarter, SAP Fiori improves your work insight by allowing you to focus solely on your business.


Whether you are fulfilling a deal request, auditing your most recent KPIs, or managing leave requests, SAP Fiori adheres to a dependable connection and visual plan language.

Throughout the endeavour, you have a similar natural and dependable experience.


You can complete your task naturally and quickly with the help of SAP Fiori. SAP Fiori helps you focus on what is important – basic capacities are simple to use, and you can customise the experience to focus on your relevant tasks and exercises.


SAP Fiori enables you to work how and where you need to, regardless of the device you use. Furthermore, it provides relevant data that allows for instant knowledge.

SAP Fiori Productivity Advantages

sap fiori architecture


SAP Fiori is designed with efficiency in mind.

Normal tasks are coordinated in a smoothed out, natural work procedure that screens snaps, writing, and time to completion.

In one comparison test between Fiori and SAP GUI, SAP had an assortments expert contact a client, remind them about a payment due, and register their issue with an invoice.

The cycle took 2:12 in SAP GUI, with 39 ticks, eight screen changes, and five fields filled.

SAP Fiori completely blew them away.

The interaction was completed in 11 ticks, 2 screen changes, and 2 filled fields. Furthermore, it only took 47 seconds, representing a 64% reduction in time.

2. More Intuitive Workflow

What do bookkeeping, showcasing, customer satisfaction, and human resources have in common? They aren’t IT.

Aside from a few jobs like SAP Basis and SAP Security, the majority of the jobs in your organisation don’t revolve around specialised SAP information, but end clients must understand how SAP organised work process to use it.

Extra client benefits of SAP Fiori imply that client work processes are organised around business logic rather than SAP logic.

This simplifies life for your workforce, particularly for non-specialized clients. It also implies that you don’t need to evaluate SAP insight as carefully when applying new skills in non-IT jobs.

3.Flexibility in the Workforce

Fiori’s normalised interface and sound plan theory enable labourers to learn new positions and jobs quickly.

When clients understand the fundamental structure of Fiori, they can apply that knowledge to other Fiori applications.

This makes it easier to place workers in new situations, making their abilities more real.

It also enables you to fundamentally influence how jobs are organised to meet the explicit needs of the organisation by adding or removing tasks from various client jobs.

4.Improved Morale

Let’s face it: when your employees list their top five favourite aspects of their jobs, SAP GUI is unlikely to be on the list.

Putting in a lot of effort looking through menus, filling structures, and contributing orders in an awkward point of interaction can disappoint representatives and lower confidence, which is bad for business.

Laborers who are cheerful are 12% more useful than normal, whereas troubled specialists are 10% less useful.

5. Mobility

The mobile labour force is growing at a rapid pace.

By 2022, 42.5% of the global labour force is expected to be versatile, and that number is likely to grow from there.

Fiori’s portability and adaptability will help organisations adjust to this new portable model.

6. Fully Utilize SAP HANA

The fundamental benefits of SAP HANA are applicable to virtually any use case.

Better execution, a smaller information impression, and faster investigation will benefit each organisation.

In any case, the greatest benefits stem from the additional opportunities made available by HANA.

Overview of the FIORI Architecture

The technical architecture provided below will assist you in understanding the tools and technologies used to implement a FIORI application and how they interact with the SAP frontend (SAP FIORI Launchpad) and the SAP backend (SAP S/4HANA).

Let us try to walk through this step-by-step with SAP FIORI running in a Web Browser (Tablet or Smartphone) or as a native mobile application (iOS or Android), which are represented by blue boxes.

The technologies are represented by the golden boxes; in this case, we have the SAP FIORI Launchpad, SAP FIORI Elements, SAPUI5, SAP Mobile Cloud Platform, WebDynpro, and so on.

These tools read and update application data from the backend system using the standard internet protocols HTTP and O Data.

SAP Cloud Platform Mobile Services are used to integrate Android and iOS mobile applications into the backend system, and OData services are used to access the backend system.

The SAP FIORI architecture also incorporates traditional user interfaces such as SAP GUI and Web Dynpro.

The classic UIs for S/4HANA will run in the browser on tablets as well as on the desktop connected to the back end via HTTP.

The FIORI theme has been applied to these classic UIs, so that all of the applications in the Launchpad have the same look and feel, providing a consistent appearance across FIORI applications and classic UIs.

There are two tools for adaptation available: UI theme designer and UI5 flexibility.

You can quickly and easily change the colours used by FIORI and replace the SAP logo with your company logo using the UI theme designer.

In other words, the UI theme designer enables you to incorporate your company’s branding into the FIORI.

SAP Screen Personas are also used as a powerful tool for simplifying traditional user interfaces and improving user experience

SAP Screen Personas, for example, assists developers in creating a single screen that combines the typical SAP GUI selection screen and the resulting application screen.

Tools for FIORI Development

SAP Fiori Front end server

Let us extend the preceding architecture to comprehend development tools for custom applications.

If the developer needs to go beyond the available SAP standard applications, he or she can create a custom FIORI application using a set of powerful tools, as described in this section.

For developing Fiori applications that run in a Web browser, use the SAP Web IDE or SAP Business Application Studio.

The SAP Business Application Studio is the next generation of web-based IDE for developing FIORI user interfaces that support the entire lifecycle and run on the SAP Cloud Platform.

SAP FIORI Tools are also available as a plug-in for SAP Business Application Studio, providing additional advantages to developers who use SAP FIORI elements.

The SAP Cloud Platform Mobile Services provides a mobile development kit as a plug-in for the SAP Business Application Studio for developing native mobile FIORI apps for both iOS and Android.

For Android and iOS, respectively, Android Developer Studio and XCode can be used.

So far, this has only concerned frontend development.

But how do we get data from and write data to the SAP backend? For this, tools such as RAP (Restful ABAP Programming Model), CAP (Cloud Application Programming Model), and CDS (Core Data Services) are useful.

In a nutshell, CDS views enable you to model your HANA-stored application data, while RAP/CAP provides powerful programming models for creating OData services for FIORI apps.

The next big thing in user experience will be incorporating natural language interaction, such as chatboxes, into the overall user experience.

SAP Conversational AI is chatbot technology that comes with a robot-building platform that is constantly evolving. Learn how to use Conversational AI to build your own SAP chatbot.

Overall, with FIORI basics, architecture, and development overview, you can now understand how to build a mobile app or an analytical app, the importance of good UX/design, development tools, and how the components can be integrated with SAP backend.

You should also be familiar with the new FIORI Elements and the prospects of learning RAP (Restful ABAP Programming Model) for SAP HANA, CAP (Cloud Application Programming Model) for SAP Cloud Platform, and CDS (Cloud Data Services) (Core Data Services).

These are new backend technologies that are heavily utilised in the SAP system framework.

SAP Fiori – Data Flow

Fiori Data Flow’s Front-end Server

  • The SAP Fiori Front-end server serves as a Web server (HTTPS).
  • It stores all registered OData services and serves as an OData service endpoint.
  • It also includes the UI and Launchpad elements.
  • All Front-end users are defined in the Front-end server and allocated the appropriate roles.
  • It communicates with the back end system via an alias and interacts with the back end server over a trusted RFC connection.
  • To obtain data, the Fiori app uses the OData service.
  • The front-end server’s gateway system is aware of the system alias for services and may thus aid in retrieving data from the back-end server.

Fiori Data Flow’s back-end server

  • Back End server includes SAP Business Suite 7 for important applications such as ERP, CRM, SRM, SCM, and so on.
  • It stores application data and is used to customise apps.
  • This system has two OData classes.
  • Provider of Models
  • Provider of Information
  • To access the back end system, application users generated on the front end server must have the SRFCACL authorisation
  • This permission should be granted to Business Suite users.

SAP Fiori – Extension

SAP Fiori Apps can be expanded by modifying one or more content layers, depending on the expansion requirement and application type.

SAP Fiori Advances Transactional App Extensibility

ABAP Back End BAdi Enhancement Procedures

Back-end BAdis should be implemented.

Add fields to the OData DDIC structure’s extension includes.

Create a new OData project that expands on the regular OData project.

UI Development Procedures

Download the ABAP Gateway standard app.

Implement Extensions in a Custom UI Application.

Configure the OData URL for the new OData service

Build and test on the Fiori Launchpad in your area.

Upload a custom application to the ABAP Gateway Server.

Steps for using the ABAP Gateway Server

Standard App with Fiori Launchpad.

Sign up for the new service.

Create a custom app in Fiori Launchpad.

All of these phases are interconnected, and the table below indicates whether or not a specific layer needs to be extended.


SAP Fiori is an entirely new user interface (UI) for SAP software and applications.

It offers a collection of programmes used in routine business operations such as job approvals, finance apps, calculating apps, and numerous self-service apps.

SAP Fiori includes over 300 role-based apps such as HR, Manufacturing, Finance, and so on.

SAP Fiori supports multiple device apps, allowing users to start a procedure on their desktop/laptop and finish it on a smartphone or tablet.

SAP has created Fiori Apps using the User Interface UI5.

Are you looking training with Right Jobs?

Contact Us

Popular Courses