User Interface Development for SAP

SAP Fiori

SAP Fiori is the specification of our user experience (UX) design for all SAP products.

With SAP Fiori, we reimagined the entire user experience for applications built by us, our partners, and our customers to provide a great experience for the end user. As a specification, SAP Fiori provides a blueprint of how the UX patterns fit together.

SAP Fiori is also the name of several tools we have written to support the framework.

SAPUI5

SAPUI5 (UI Development Toolkit for HTML5) is a JavaScript UI library from SAP used to build responsive HTML5-based apps.

The core of SAPUI5 manages many aspects of modern web app development behind the scenes. A variety of UI controls are included, ranging from basic elements to complex UX patterns, ready to be used to style your app. In addition, SAPUI5 is designed with SAP Fiori UX in mind so it can be used for any UX design concept.

OpenUI5, the open source version of SAPUI5, is available on GitHub and encompasses the complete core plus the main UI controls of SAPUI5.

Under the hood

This is the big picture view of SAP Fiori development.

SAP Fiori apps are built using SAPUI5 and follow the SAP Fiori Design Guidelines. While the SAP Fiori design guidelines help you in specifying streamlined user experience, SAPUI5 lets you physically develop the app. SAP Web IDE accelerates this development by providing a cloud-based development environment that supports the end-to-end application lifecycle.