Skip to Content

Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises


Tutorial on how to build SAP-Fiori like UIs with SAPUI5 in 10 exercises. Starting from a SAPUI5 template for download on SCN the tutorial incrementally shows how to realize a SAP Fiori-like user experience with the HTML5 development toolkit for HTML5 (aka SAPUI5): SAP Blue Crystal theme, sap.m mobile controls, MVC application architecture with best-practice project structure and UI5 artifacts, i18n with resource model, navigation, table filtering and grouping, popup dialog or device adaptation. Getting started section on "web development crash course using Google Chrome" (configuration, JavaScript debugging). The tutorial is based on the SAPUI5 development tools in Eclipse.

View Document