Developing and Extending SAP Fiori Elements Apps

While SAP provides a broad set of solutions for many business scenarios, most organizations also need additional apps to meet their unique requirements.

In the first part of this course, you’ll learn how to build SAP Fiori apps using the same technologies and tools that SAP uses for SAP Fiori app development in SAP S/4HANA: SAP Fiori elements, SAP Fiori tools, and SAPUI5. We’ll start with an OData service (if you don’t know what that is, you’ll learn) and build an SAP Fiori elements app from the ground up. We’ll generate the app to start the process, configure it without coding, enhance it with annotations, and extend it with custom SAPUI5 code.

In the second part, you’ll learn how to extend a standard SAP Fiori app to meet your specific needs using SAPUI5 flexibility.

• Introducing SAP Fiori Elements
• System and Exercise Information
• Painting the big picture
• Understanding the architecture
• Introducing OData services and annotations
• Preparing your ABAP development environment
• Creating an OData service with ABAP RESTful Application Programming Model
• Creating a list report
• Downloads
• Assignment Week 1
• Building Your First SAP Fiori Elements App
• System and Exercise Information
• Creating an object page
• Accelerating SAP Fiori app development with SAP Fiori tools
• Preparing your front-end development environment
• Generating the list report – object page app
• Configuring the app
• Adding custom controls and logic
• Downloads
• Assignment Week 2
• Using More SAP Fiori Elements Capabilities
• System and Exercise Information
• Creating an analytical list page
• Enhancing the analytical list page
• Creating an overview page
• Deploying your SAP Fiori elements app
• Building an SAP Fiori elements app with an external OData service
• Using XML annotation LSP for defining advanced UI features
• Downloads
• Assignment Week 3
• Extending a Standard SAP Fiori App
• System and Exercise Information
• Understanding SAPUI5 flexibility
• Adapting an app as a key user
• Adapting the UI as a developer – basic extensions
• Adapting the UI as a developer – advanced extensions
• Productizing the extended app
• Downloads
• Assignment Week 4