A back-end system is only as useful as the interface people actually use to reach it, and SAP shops that get this wrong end up with clunky screens nobody wants to open. This course from the Arab British Fellowship Training Academy takes a hands-on route into SAP Fiori elements, the framework SAP itself uses to build consistent, responsive, standards-compliant applications without reinventing the UI from scratch each time.

Participants build real Fiori element applications step by step, then move into extending, customizing, and troubleshooting them, so they leave able to ship interfaces that follow SAP's design language and hold up across devices.

Who Should Attend?

• SAP developers and application consultants.
• SAP architects and functional consultants.
• IT managers and project managers overseeing SAP projects.
• Anyone building their capabilities in this field.

What You Will Gain

By the end of the course, participants will be able to:

• Explain the fundamentals of SAP Fiori and its elements, and choose the right floorplan for a given use case.
• Build and extend standard Fiori element applications to meet custom requirements.
• Model data and work with OData services to power Fiori element applications.
• Apply advanced features such as annotations and annotation extensions.
• Design responsive applications that perform well across devices.
• Debug and troubleshoot Fiori element applications efficiently.
• Follow SAP's best practices and design guidelines throughout development.

Module 1: Fiori Elements in the SAP Ecosystem

• SAP Fiori design principles and the Fiori Launchpad.
• SAP Fiori architecture and its advantages over classic UI development.
• Types of Fiori elements and the role of annotations and metadata.

Module 2: Building Your First Fiori Element Application

• Creating a basic Fiori element application from scratch.
• Choosing the right floorplan: List Report, Object Page, Overview Page, and Analytical List Page.
• Matching floorplans to application requirements.

Module 3: Data Modeling and OData Services

• Working with OData services to fetch and update data.
• Defining data models for Fiori element applications.
• Advanced modeling: associations, custom actions, and function imports.

Module 4: Extending and Customizing Applications

• Extending standard Fiori element applications with custom functionality.
• Modifying and enhancing existing Fiori element UIs.
• Customizing floorplans beyond the basic settings, including custom navigation scenarios.

Module 5: Advanced Annotations and Smart Controls

• Configuring Fiori element behavior through advanced annotations.
• Using Smart Controls and Smart Templates to boost application productivity.
• Extending standard features through custom annotations.

Module 6: Responsive Design, Performance, and Offline Access

• Responsive design and theming to match corporate branding.
• Optimizing performance: minimizing data transfer, caching, and front/back-end best practices.
• Implementing offline capabilities using service workers and local storage.

Module 7: Security, Integration, and Testing

• Security considerations: access control, data protection, and secure communication.
• Integrating Fiori element applications with SAP Business Suite and S/4HANA systems.
• Testing strategies: unit testing, integration testing, and end-to-end testing.

Module 8: Debugging, Deployment, and Real-World Projects

• Debugging techniques and resolving complex application issues.
• Deployment options and managing the application lifecycle, including versioning and updates.
• Hands-on projects: building, extending, and applying advanced annotations to real Fiori element applications.