Getting an Overview of SAP Fiori Elements for OData V4
Getting an Overview of SAP Fiori Tools
Understanding SAP Fiori Elements Templates
Configuring the General Features of List Reports and Object Pages
Configuring the List Report Filter Bar
Examining Actions Available on the List Report
Configuring the Content of Table Columns
Using Multiple Views in the List Report
Shaping the Header Area of the Object Page
Configuring the Body of the Object Page
Applying Dynamic Field Control and Validating User Input on the Object Page
Discovering the Flexibility of the Programming Model for SAP Fiori Elements for OData V4
Illustrating the Navigation Concept in SAP Fiori Elements for OData V4
Discovering the Analytical List Page

Getting Started with SAP Fiori Elements: Understanding OData and Annotations

Objective

After completing this lesson, you will be able to explain why SAP Fiori elements uses OData protocol and annotations.

OData and Annotations

SAP uses OData as a standard remote protocol for new client applications, especially for web browser-based UIs and native mobile apps, to access structured data from the database. The highly efficient OData services provide effective access to the exact data requested by the application.

OData is a standard protocol for creating and consuming data. The OData protocol sits on top of HTTP and defines how apps exchange data with the back end.

Watch the following video to learn more about the OData protocol and how to use it to query and manipulate data.

The OData URL has three significant parts:

The OData URL parts

Watch the following video to learn about the SAP Fiori elements architecture:

The image shows an overview of SAP Fiori Elements Architecture including Floorplans, OData service and Annotations.

Summary

In this lesson, you have familiarized yourself with the OData protocol and annotations. You have also learned about the SAP Fiori elements architecture. You have seen that SAP Fiori elements generates apps using a specific floorplan, service metadata, and annotations at runtime.

Thus, you can develop an app with less or no JavaScript UI code. If your app needs a feature to suit a specific business scenario, you can also use additional configuration to customize your app.