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

How to install SAP Web IDE locally for trial in Windows

To develop Fiori applications, to use SAP Web IDE as a development tool is highly recommended.

SAP Web IDE is provided to SAP HANA Cloud Platform subscribers.

And also, for off-line development, SAP Web IDE Personal Edition is available.

There is some missing features (plugin / template development, consumption of optional plugins, Problem view, an building an SAPUI5 projects) in Personal Edition.

Please check this URL for details.
https://wiki.scn.sap.com/wiki/display/SWI/SAP+Web+IDE+Personal+Edition



Step 1. Prerequisites

- JRE 1.8 or higher

Download snd Install JDK or JRE
http://www.oracle.com/technetwork/java/javase/downloads/index.html



Step 2. Download SAP Web IDE

Download a right edition file, depending on your purpose and system.
https://tools.hana.ondemand.com/#sapui5



Step 3. Unzip it into right folder

ex) C:\SAPWebIDE



Step 4. Run orion.exe in eclipse folder

ex) C:\SAPWebIDE\eclipse\orion.exe



Step 5. Run web browser and navigate

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

Step 6. Create Account

If you are a trial user, create account for off-line test.

Step 7. Login

Login with your account.




Then, you are ready to evaluate or to develop with SAP Web IDE Personal Edition.

About Open UI5

What is Open UI5?

OpenUI5 is an open source JavaScript UI library, maintained by SAP and available under the Apache 2.0 license. OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It’s based on JavaScript, using JQuery as its foundation, and follows web standards. It eases your development with a client-side HTML5 rendering library including a rich set of controls, and supports data binding to different models (JSON, XML and OData).

from: http://openui5.org/