Hi,
I struggled a lot to understand the difference between SAPUI5 and Fiori. In this document, I will share what I have gathered from my research.
SAPUI5
UI5 is essentially a development toolkit for HTML5. It offers a wide range of predefined JavaScript libraries to create innovative user interfaces.
UI5 was primarily developed for SAP mobility, which includes Fiori.
UI5 is a framework based on the MVC pattern, enabling developers to easily build web applications.
From the above, it is evident that UI5 can run on any device.
UI5 is SAP's proprietary user interface for web application development.
UI5 is gaining popularity beyond SAP for building non-SAP applications.
UI5 utilizes web technologies such as HTML, CSS, and JavaScript.
SAPUI5 is a technology, while Fiori is a methodology.
SAPUI5 is a hybrid app due to its HTML5 foundation.
SAPUI5 apps can run on multiple platforms with full capabilities similar to native apps like SMP.
FIORI:
Fiori introduces a new user experience for SAP software. It was developed to simplify the complexity of SAP's traditional GUI.
Fiori focuses primarily on mobility.
Fiori uses SAPUI5 for the frontend and OData for backend data retrieval.
Fiori is a design paradigm rather than a methodology.
The primary technology used in Fiori is SAPUI5.
Customizing Fiori without knowledge of SAPUI5 can be challenging. Fiori organizes all business processes based on roles, with over 1000 roles currently created.
One code line for all screen sizes.
SAP's backend contains business logic and OData services.
The SAP frontend, represented by the NetWeaver Gateway server, includes SAPUI5 control libraries and Fiori UX add-ons specific to the application.
In SAP ECC 6 and Ehp7, OData services can be created using the SEGW transaction.
Fiori is used across solutions such as SAP S/4HANA.
Fiori apps are hybrid, based on web technologies (SAPUI5) and connect to SAP via SAP NW Gateway.
Fiori is a package that includes a collection of SAPUI5 apps. Refer to the link below.
https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/
The link below provides an overview of Fiori's architecture and prerequisites.
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/e03be70d-68fb-3010-c6a0-ff56889c2...
Nota:
SAP UI5 es la base de todas las aplicaciones Fiori.
Las aplicaciones Fiori se construyen con SAPUI5, que implementa características de HTML.
SAP Web IDE se utiliza para la creación y modificación de código SAPUI5. A diferencia de otras herramientas, SAP Web IDE no requiere instalación.
Saludos,
Siva.