1. Design / Prototype
2. Create Dictionary Objects
   • Fill Data
3. Core Data Services (CDS)
   • Data Model
   • Data Model Projection
   • Metadata Extension
4. Business Service
   • Service Definition
   • Service Binding
5. Business Object Behavior
   • Behavior Definition
   • Behavior Implementation Classes
   • Behavior Projection
   • BO Runtime
6. Create a Fiori App
7. Source (GitHub) for Data Model/Behaviour/Service
8. Source (GitHub) for User Interface (Fiori Elements App)

SAP BTP Account and Business Application Studio

Please ensure that you have SAP BTP Trial Account and that your Business Application Studio is correctly set up.
If not yet set up then you can follow the below links to get it done

• Get a Free Trial Account on the SAP Business Technology Platform
• Set Up SAP Business Application Studio for Development

Please create your Dev Space for SAP FIORI following the link Create Dev Space. Please chose SAP FIORI for creating the Dev Space.
Once your Dev Space is in status Running click on the space name to launch it.

Create Fiori Elements App

Launch Fiori Application generator

1. Follow the menu View -> Find Command.
2. Search and select option Fiori: Open Application Generator
3. From floor plan selection select List Report Object Page and click Next

Connect to OData Service

1. Select data source Connect to a System
2. Select your system from the dropdown list
3. Find and select your OData Service and click on Next

Entity Selection

Select your entity Contact and navigation entity to_item

Deployment Configuration and Application Attribute

Set the target system and destination.
Provide the app name and description for ABAP Repository
Enter / Select Transport request and click on Next

Fiori Launchpad Configuration

Enter Fiori Launchpad Configuration and click on Finish

Test Fiori Applicationion

Switch to Run Configuration and Run Application
Or Stay on Explorer, select webapp folder and click on menu path Run -> Start Without Debugging

Click on Go to load the List Data