Developing SAP UI5 apps using Fiori Elements (WebIDE & SBAS)

Course Curriculum

Chapter 1: Developing SAP UI5 apps using Fiori Elements

Lecture 1: Introduction and Course Structure

Lecture 2: Benefits of Fiori Elements and Floor plans

Lecture 3: Fiori Elements v/s Free Style UI5 apps

Lecture 4: Architecture of Fiori Elements apps

Lecture 5: OData Services and Annotations

Lecture 6: Summary

Chapter 2: Installation of SAP Web IDE and ADT

Lecture 1: Editors for creating UI5 apps

Lecture 2: Setting up Local Web IDE Personal edition

Lecture 3: Installation of Eclipse and ADT plugin

Lecture 4: Connect WebIDE to SAP Backend system

Chapter 3: Building your first Fiori Elements app

Lecture 1: Building your first Fiori Elements app

Lecture 2: Create Basic views for Sales Order app

Lecture 3: Add Association in the Basic Views

Lecture 4: Create Consumption Views

Lecture 5: Create OData service using Gateway Service Builder (SEGW)

Lecture 6: Create UI5 List Report Fiori Elements app

Lecture 7: Add Columns to the List Report table

Lecture 8: Add Search fields to the List Report

Lecture 9: Add Header Info, Column Labels and hide fields from Settings

Lecture 10: Add Semantic Key and Value Help

Lecture 11: Adding UI annotations for Object Page

Lecture 12: Adding Header Facets in the Object Page

Lecture 13: Adding General Information Facet in the Object Page

Lecture 14: Adding annotations for Items table

Lecture 15: Displaying Item details in Object Page

Lecture 16: Fiori Elements help documentation

Lecture 17: Summary

Chapter 4: Create Analytical List Page App

Lecture 1: Analytical List Page Introduction

Lecture 2: Steps to Create ALP App

Lecture 3: Create ALP Consumption View and OData Service

Lecture 4: Create ALP Fiori Elements App

Lecture 5: Add Compact Filter fields to the ALP Page

Lecture 6: Adding Content Area Chart

Lecture 7: Add Visual Filter to the header area

Lecture 8: ALP Fiori Elements help documentation

Lecture 9: Summary

Chapter 5: Create Worklist App

Lecture 1: Worklist App Introduction

Lecture 2: Create Worklist Consumption CDS view

Lecture 3: Create OData Service and UI Project

Lecture 4: Add Worklist Table and Header info

Lecture 5: Add Header Facets to Header Object Page

Lecture 6: Worklist SAP help documentation

Lecture 7: Summary

Chapter 6: Overview Page App

Lecture 1: Overview Page App Introduction

Lecture 2: Steps for Creating Overview page app and Creation of Consumption View

Lecture 3: Create Overview Page UI5 app

Lecture 4: Add a Table Card to Overview Page

Lecture 5: Create a List Card

Lecture 6: Add a Stack Card to the Overview Page

Lecture 7: Overview page SAP help documentation

Lecture 8: Summary

Chapter 7: Creating Fiori Elements app using Business Application Studio (BAS)

Lecture 1: Overview of the Setup and Introduction

Lecture 2: Creating an SAP account and accessing Business Application Studio (BAS)

Lecture 3: Create UI5 Fiori Elements app in BAS using Northwind OData service

Lecture 4: Using Open Guided Development in BAS

Lecture 5: Adding more columns to List Report table using Open Guided Development in BAS

Lecture 6: Adding Filters to the List Report page

Lecture 7: Adding Section and fields in the Object Page

Lecture 8: Summary

Chapter 8: Creating a Worklist App using Business Application Studio (BAS)

Lecture 1: Introduction

Lecture 2: Consumption CDS View for creating Worklist app

Lecture 3: Create Worklist app using Business Application Studio (BAS)

Lecture 4: Adding Column to List View and Export to Excel button

Lecture 5: Adding List view in the Object page using BAS Guided development

Chapter 9: Conclusion

Lecture 1: Conclusion