About Fiori OVP

The overview page (OVP) is a data-driven SAP Fiori app type and floorplan that provides all the information a user needs in a single page, based on the user’s specific domain or role. It allows the user to focus on the most important tasks, and view, filter, and react to information quickly.

Each task or topic is represented by a card (or content container). The overview page acts as a UI framework for organizing multiple cards on a single page. The overview page is based on SAP Fiori elements technology, and uses annotated views of app data, meaning that the app content can be tailored to the domain or role. Different types of card allow you to visualize information in an attractive and efficient way.

from SAP
https://experience.sap.com/fiori-design-web/overview-page/

Creating a Fiori Overview Page (OVP) with the Northwind OData service

In previous post, oData server is set. 

Then we'll create Fiori OVP project from template.


Step 1. Run WebIDE & login

http://localhost:8080/webide/index.html


Step 2. Create Project from Template

Click Workspace > Right Click > New > Project from Template

Step 3. Create Project from Template

Select Category : All categories

Find "Overview Page Applications"

Step 4. Set Project Name

Step 5. Select Data Service

Sources : Service URL

System : NorthWind

Service : /V2/Northwind/Northwind.svc

Click "Test"

Step 6. Customize template

Step 7. OVP project is created

Step 8. Run as SAP Fiori Launchpad Sandbox

Step 9. Empty OVP

References

Overview Pages
https://help.sap.com/viewer/468a97775123488ab3345a0c48cadd8f/7.52.2/en-US/c64ef8c6c65d4effbfd512e9c9aa5044.html