SAPUI5 VS FIORI

Hi,

I struggled a lot to get difference between sapui5 and Fiori.  So In this Document i am going to write what I got in my research.

SAPUI5

UI5 is nothing but development tool kit for html 5. It contains lot of predefined JavaScript library to design new user interface.

UI5 is mainly developed for SAP mobility which means Fiori.

UI5 is a framework based on MVC pattern.By using this frame work developer can easily build web application.

From above you can easily understand that It will run on any device.

UI5 is SAP own user interface to develop web application.

UI5 is now a days is getting popular to outside of SAP to build  NON-SAP application also.

UI5 uses web technologies like HTML, CSS and JavaScript.

SAPUI5 is technology whereas Fiori is a methodology.

SAPUI5 is Hybrid app (Because of HTML5).

SAPUI5 Apps runs on multiple platforms with full capability as like native apps such us SMP.

FIORI:

Fiori is a new user experience for SAP software . To overcome the complexity of SAP traditional GUI ,New one has been developed  which is Fiori.

Fiori focus mainly on mobility. Fiori uses SAPUI5 for frontend and it uses odata  to get back end data.

Fiori is a design paradigm – not a methodology.

The primary technology used for Fiori is SAPUI5.

Without knowing SAPUI5 knowledge fiori customization is difficult. Fiori contains all the business process in the form of Role based.Currently more than 1000 roles are created  based on business process.

One code line for all screen sizes.

SAP back end contain  Business logic and odata service.

SAP front end which means Net weaver Gateway server contains SAPUI5 control libraries and App specific Fiori UX add-Ons.

In SAP ECC 6 and Ehp7, we can create odata service by using SEGW Transaction.

Fiori used across solutions such as SAP S/4HANA

Fiori apps are Hybrid which means based on web technologies(SAPUI5) and will be connecting to SAP via SAP NW gateway .

Fiori is a package which has collection of sapui5 apps .Refer below link.

https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/

The below link will describe the fiori architecture overview and prerequisites

http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/e03be70d-68fb-3010-c6a0-ff56889c2c81?QuickLink=index&overridelayout=true&58652073478233

Note:

SAP UI5 is Mother for All Fiori Apps.

Fiori Apps are build with SAPUI5 which implements HTML Features.

SAP Web IDE is used  for the creation modification of SAPUI5 code. Unlike other tool , SAP Web IDE doesn’t require any installation.

With Regards,

Siva.