SAP Fiori is SAP's modern user experience (UX) design system that provides intuitive, responsive, role-based applications across desktop, tablet, and mobile devices. Understanding SAP Fiori architecture, content management, administration, and adaptation is essential before developing SAPUI5 applications.
This module introduces SAP Fiori architecture, technology, content management, migration, administration, and application adaptation. Learners will understand how SAP Fiori delivers a consistent enterprise user experience while supporting modern SAP application development.
By the end of this module, learners will understand SAP Fiori architecture, design principles, deployment, administration, and customization.
According to the SAP Learning Journey, this module covers SAP Fiori applications, architecture, configuration, content management, migration, administration, and adaptation.
SAP Fiori provides users with a simple, responsive, and role-based experience that enables them to perform business tasks efficiently across multiple devices. Understanding the end-user experience helps developers design intuitive enterprise applications that improve productivity and user satisfaction.
Participants will learn the principles, design philosophy, and business value of SAP Fiori from the perspective of business users.
SAP Fiori technology consists of SAPUI5, SAP Gateway, OData services, SAP Business Technology Platform, SAP Fiori Launchpad, and modern web technologies that work together to deliver enterprise applications.
SAP Fiori Architecture defines how frontend components, backend services, SAP Gateway, SAPUI5 libraries, OData services, and enterprise systems interact to provide scalable, secure, and responsive applications.
SAP Fiori Content Management enables administrators to organize, publish, manage, and maintain SAP Fiori applications, business catalogs, spaces, pages, groups, and business roles for enterprise users.
Content Migration enables organizations to transfer SAP Fiori content between environments while maintaining application consistency, business roles, catalogs, and system configurations throughout enterprise landscapes.
SAP Fiori Content Administration focuses on managing application catalogs, user roles, authorizations, launchpad content, and lifecycle management to ensure secure and efficient enterprise application delivery.
Application Adaptation enables organizations to customize SAP Fiori applications without modifying standard SAP code. Developers can adapt user interfaces, business logic, layouts, and extensions while maintaining upgrade compatibility.
SAPUI5 is SAP's JavaScript framework for building responsive, enterprise-grade web applications. It provides reusable controls, MVC architecture, XML Views, Controllers, Components, Models, Data Binding, Routing, Navigation, and localization features that simplify enterprise application development.
This module introduces SAPUI5 application development using SAP Business Application Studio, XML Views, Controllers, Components, Models, OData services, Routing, Navigation, and responsive UI design.
By the end of this module, learners will be able to develop complete SAPUI5 applications using SAP development best practices.
According to the SAP Learning Journey, this module covers SAPUI5 architecture, SAP Business Application Studio, XML Views, Controllers, Components, Data Binding, OData, Routing, and Navigation.
This unit introduces the SAPUI5 framework initialization process, application bootstrapping, library loading, configuration options, and project setup required to build enterprise SAPUI5 applications.
SAP Business Application Studio (SAP BAS) is the recommended cloud-based integrated development environment (IDE) for building SAPUI5, SAP Fiori, SAP BTP, CAP, and full-stack SAP applications. It provides development tools, project templates, debugging capabilities, integrated Git support, and deployment tools that accelerate enterprise application development.
Participants will learn how to configure SAP Business Application Studio and create SAPUI5 development projects.
XML Views define the presentation layer of SAPUI5 applications using declarative XML syntax. Developers use XML Views to build responsive user interfaces while separating presentation from business logic using the MVC architecture.
Controllers contain the business logic of SAPUI5 applications. They handle user interactions, process events, communicate with models, and manage application behavior while maintaining a clean separation between the presentation and business logic layers.
Components provide the entry point for SAPUI5 applications by managing application initialization, routing configuration, models, and application metadata. Proper component configuration improves application scalability and maintainability.
Models and Data Binding enable SAPUI5 applications to connect user interfaces with business data. Developers learn to use JSON Models, OData Models, Resource Models, and advanced data binding techniques to build dynamic enterprise applications.
Localization enables SAPUI5 applications to support multiple languages, regional formats, currencies, and localization standards. Resource bundles simplify translation management while improving the global user experience.
OData Services provide standardized communication between SAPUI5 applications and SAP backend systems. Developers learn to consume OData services for creating, reading, updating, and deleting enterprise business data.
Routing and Navigation enable users to move seamlessly between different views and pages within SAPUI5 applications. Proper routing configuration improves usability, application organization, and overall user experience.
SAP Fiori Elements accelerates enterprise application development by generating SAP Fiori applications from OData services and metadata annotations. Developers can rapidly build List Reports, Object Pages, Analytical List Pages, and Overview Pages while following SAP Fiori design standards.
This module introduces SAP Fiori Elements, flexible programming models, CAP OData V4, ABAP RAP, SAP Fiori Launchpad, SAPUI5 Flexibility, and enterprise application deployment.
By the end of this module, learners will be able to develop enterprise SAP Fiori Elements applications using modern SAP development technologies.
According to the SAP Learning Journey, this module covers SAP Fiori Elements, flexible programming model, CAP OData V4, ABAP RAP, SAP Fiori Launchpad, SAPUI5 Flexibility, and SAP Fiori design guidelines.
SAP Fiori Elements is a metadata-driven development framework that enables developers to rapidly build enterprise SAP Fiori applications using predefined templates and OData services. By leveraging annotations and standardized floorplans, developers can significantly reduce development effort while maintaining a consistent user experience aligned with SAP Fiori design principles.
Participants will learn the architecture, benefits, and capabilities of SAP Fiori Elements and understand how it accelerates enterprise application development.
List Reports provide a standardized user interface for displaying, filtering, sorting, searching, grouping, and managing large collections of business data. Developers will learn how to generate List Report applications using SAP Fiori Elements and OData annotations.
Object Pages provide detailed views of individual business objects by organizing information into logical sections, facets, and related data. Developers learn to configure Object Pages that deliver comprehensive business information while maintaining an intuitive user experience.
The Flexible Programming Model allows developers to extend SAP Fiori Elements applications with custom business logic, UI enhancements, reusable components, and application extensions while preserving standard functionality and upgrade compatibility.
The SAP Cloud Application Programming Model (CAP) enables developers to build cloud-native enterprise applications using OData V4 services, domain models, and service definitions. CAP simplifies application development while supporting scalable and maintainable SAP Business Technology Platform solutions.
The ABAP RESTful Application Programming Model (RAP) enables developers to build transactional SAP Fiori applications using modern ABAP development techniques, business objects, behavior definitions, CDS views, and OData services.
Participants will learn how RAP simplifies enterprise application development while supporting Clean Core principles.
SAP Fiori Launchpad provides a centralized entry point for SAP applications by organizing apps into catalogs, spaces, pages, and business roles. Developers and administrators configure Launchpad content to deliver a personalized and role-based user experience.
SAPUI5 Flexibility enables organizations to personalize, adapt, and extend SAPUI5 applications without modifying the underlying application code. Flexibility services support key user adaptations, developer extensions, and lifecycle management.
SAP Fiori Design Guidelines provide best practices for creating consistent, intuitive, and user-friendly enterprise applications. Developers learn how to apply SAP's design principles to deliver responsive, accessible, and efficient user experiences.
Throughout this course, learners will complete hands-on exercises that simulate real-world SAPUI5 and SAP Fiori application development scenarios.
Participants will perform the following activities:
This capstone project provides learners with the opportunity to build a complete enterprise-grade SAPUI5 application using SAP Business Application Studio, SAP Fiori, SAP Fiori Elements, SAP BTP, CAP OData V4, and ABAP RAP while following SAP development best practices.
Participants will design responsive user interfaces, consume enterprise OData services, configure SAP Fiori Launchpad, implement routing and navigation, develop reusable components, build metadata-driven applications, and deploy enterprise SAPUI5 applications integrated with SAP S/4HANA.
The implementation project follows the development lifecycle and learning path covered throughout the SAP Learning Journey.
A multinational manufacturing company wants to modernize its legacy SAP GUI applications by developing responsive SAP Fiori applications for employees, managers, warehouse staff, procurement teams, sales representatives, and executives.
The organization plans to use SAPUI5, SAP Fiori Elements, SAP Business Technology Platform (BTP), CAP OData V4, and ABAP RAP to create modern, role-based enterprise applications that integrate with SAP S/4HANA.
The primary business objectives are to:
As the SAPUI5 Developer, you are responsible for designing, developing, testing, and deploying enterprise SAPUI5 applications using SAP's latest frontend development technologies.
Configure:
Develop:
Implement:
Configure:
Build:
Implement:
Complete:
Upon successful completion of this implementation project, learners will be able to: