NOTEIn short words, SAP Fiori is a collection of web applications.

They include HTML and

JavaScript code, plus ABAP packages to access the backend.
SUP is used to develop a variety of application accessing data from multiple backend (OData,
JDBC, SOAP and SAP).

SAP Fiori apps are based on SAP UI 5 framework. SAP UI 5 framework is developed by
SAP for a common UI development tool for all SAP products.
FIORI apps are hybrid which are based on the web technologies (HTML5, CSS,
Javascript) so it will work in all major mobile platforms and in desktops.
SAP Fiori apps will be connecting to SAP via SAP NW gateway.
Using SUP we can develop different types of apps: Hybrid, Native-MBO, Native-OData.

SAP Fiori comes under approval apps. These apps are hybrid apps and it uses web technologies
hence it will not be capable to do all business process. This is a limitation of hybrid apps. Hence
it never replaces SUP.
Using SUP it is possible to develop different kind of apps (Native offline, native online and
Hybrid) it is capable to do any type of business process with offline capabilities. So if the client
has a requirement to mobilize one of there business process with offline capabilities we have to
suggest SUP native offline. If it is a small approval scenario like PO approval we can suggest
SUP hybrid app or FIORI.

Landscape

Components of the System Landscape

Depending on the system landscape, the following components are used:
Client

To be able to run SAP Fiori apps, the runtime environment (such as the browser) of the client
must support HTML5.
ABAP Front-End Server

The ABAP front-end server contains all the infrastructure components to generate an SAP Fiori
app-specific UI for the client and to communicate with the SAP Business Suite back-end
systems. The UI components and the gateway are based on SAP NetWeaver. Typically, both are
deployed on the same server.

The central UI component is a framework that provides the common infrastructure for all SAP
Fiori apps: SAP Fiori launchpad is the basis of all SAP Fiori UIs, and provides fundamental
functions for SAP Fiori apps such as logon, surface sizing, navigation between apps, and rolebased app catalogs. End-users access the SAP Fiori apps from the SAP Fiori launchpad. The
specific UIs for the apps are delivered as SAP Business Suite product-specific UI add-on
products, which must be additionally installed on the front-end server.
SAP Gateway handles the communication between the client and the SAP Business Suite back
end. SAP Gateway uses OData services to provide back-end data and functions, and processes
HTTPS requests for OData services. The transactional apps, which are updating data in the SAP
Business Suite systems, use this communication channel.
ABAP Back-End Server

In the ABAP back-end server, the SAP Business Suite products are installed, which provide the
business logic and the back-end data, including users, roles, and authorizations. The add-ons for
the SAP Fiori apps are continuously released in Support Packages. The back-end server is based
on SAP NetWeaver.
Database

SAP HANA is an in-memory database platform that you can use to analyze large volumes of
data in real-time.
anyDB stands for any database that stores the data for the back-end server. For transactional
apps, any database can be deployed instead of SAP HANA.