SAP

Fiori
What is SAP
Fiori?
SAP Fiori is a user experience (UX) design approach from SAP that provides a
simplified, intuiꢀve, and
responsive interface for SAP applicaꢀons. It is designed to improve user producꢀvity
and saꢀsfacꢀon by
Key
offering a more modern and consistent experience across different devices and
Features:
plaꢁorms.
• Role-Based: Tailored to specific roles and tasks, providing users with
only the relevant
informaꢀon and
acꢀons.
• Responsive: Adapts to different devices such as desktops, tablets,
and smartphones.
• Simple: Streamlined and focused on the essenꢀal funcꢀons to
enhance user efficiency.
How SAP Fiori
Works
SAP Fiori is based on a combinaꢀon of frontend and
backend components:

1. Frontend Components:
o SAP Fiori Launchpad: The central entry point where users can access
their Fioriaapps.
provides It interface for launching apps and viewing
le-based
relevant informaꢀon.
o SAPUI5: A development toolkit for building SAP Fiori applicaꢀons. It
uses HTML5
JavaScript toand
create responsive and modern web
applicaꢀons.
2. Backend
Components:
o SAP Gateway: Acts as an interface between the SAP system and the
frontend.
SAP It exposes
business data and services as OData services that can be
consumed by Fiori apps.
o SAP Backend Systems: Includes systems like SAP S/4HANA, where
the actual
logic business
and data
reside.
Fundamentals of
SAP Fiori
1. Design
Principles:
o Role-Based: Focused on the needs of specific
roles and tasks.
o Adapꢀve: Adjusts to the device and screen
size used.
o Coherent: Consistent look and feel across different
applicaꢀons.
o
Simple: Reduces complexity by focusing on essenꢀal tasks
2. and informaꢀon.
Architecture:
o SAP Fiori Apps: Can be categorized into Transacꢀonal, Analyꢀcal,
and Fact
Each Sheet
serves apps. purposes, from execuꢀng transacꢀons to
different
analyzing data and
displaying business facts.
 3. User
Experience:
o Tiles: Represent different Fiori apps and provide an overview of
informaꢀon.
o
Groups: Tiles are organized into groups on the Launchpad for
What is easy navigaꢀon.
OData?
OData (Open Data Protocol) is a web protocol used for querying and updaꢀng
data. It is a standard
protocol that allows the creaꢀon and consumpꢀon of queryable and
Key
interoperable RESTful APIs.
Aspects:
• Standardized: Defines a uniform way to interact with
data using HTTP.
• RESTful: Uses HTTP methods (GET, POST, PUT, DELETE) to
interact with resources.
• Metadata: Provides data structure informaꢀon, making it easier to
understand
APIs. and consume

What is SICF
Service?
SICF (SAP Internet Communicaꢀon Framework) is a framework used to configure
and manage HTTP
services in SAP. It allows you to create, configure, and manage web services that
are accessed via HTTP
Key
or HTTPS.
Features:
• Service Configuraꢀon: Define and manage HTTP services for
SAP applicaꢀons.
• Access Control: Manage access to these services and handle authenꢀcaꢀon
and authorizaꢀon.
How Gateway and Web Dispatcher Work
with SAP Fiori
1. SAP
Gateway:
o Role: Acts as a bridge between the SAP backend systems and
the frontend Fiori
applicaꢀons
.
o Funcꢀonality: Exposes SAP business data and funcꢀonality as OData
services,
Fiori appsenabling
to interact with SAP backend
systems.
2. SAP Web
Dispatcher:
o Role: Serves as a reverse proxy that manages incoming HTTP requests
to the SAP system.
o Funcꢀonality: Provides load balancing, rouꢀng, and security for SAP
systems. It can also
handle SSL terminaꢀon and route requests to different SAP components
based on URL
How to Create Customized
paꢂerns.
Fiori Apps
1. Set Up Development
Environment:
 o SAP Web IDE: A cloud-based development environment for creaꢀng
and managing Fiori
apps.
o SAP Business Applicaꢀon Studio (BAS): An enhanced
development
more advancedenvironment
app for
development.
2. Create Fiori
App:
o Define Requirements: Understand the business needs and define
the funcꢀonality of
the app.
o Develop UI: Use SAPUI5 to design the user interface. SAP Fiori
elements and SAP Fiori
tools in the Web IDE can help with rapid development.
o Create OData Service: Define and implement the OData service in the
SAP Gateway that
will provide data to the Fiori app.
o Test and Deploy: Test the app in the development environment and
deploy it to the SAP
Fiori
Launchpad.
3. Customize Exisꢀng
Apps:
o Adapt UI Elements: Modify exisꢀng Fiori apps to meet specific
business
SAPUI5 and needs
Fioriusing
elements.
o Extend Funcꢀonality: Add custom logic or integrate addiꢀonal
features as needed.