Skip to Content

SAP Web IDE is a browser based development tool. SAP Web IDE accelerates building modern applications for desktop and mobile devices with the latest UI technologies,simplifies the end-to-end application life cycle and customer extensions for SAPUI5 and Fiori applications.

          With powerful tools such as drag and drop components, templates and wizards, business analysts and designers can build their own Fiori and similar applications without writing code. The tool is also flexible for developers who believe that tools should never get in the way of the source code, and want to dive right into the code editor with the SAPUI5 specific code completion.

Follow the below steps to create account and accessing ECC system.

How To Create Account in SAP Web IDE

Run the below URL and click on Register.

https://account.hanatrial.ondemand.com/

/wp-content/uploads/2016/04/1_896293.png

Fill the details below.

2.PNG

After registering you will get a conformation link to your registered mail id.

/wp-content/uploads/2016/04/3_896302.png

/wp-content/uploads/2016/04/4_896306.png

Now you will get welcome screen like below.

/wp-content/uploads/2016/04/5_896307.png

How to create Destination:

Select Destinations for adding our ECC system details as shown in the below screen shot.

/wp-content/uploads/2016/04/6_896308.png

And then click on New Destination.

/wp-content/uploads/2016/04/7_896309.png

Enter the details like below and click on Save

/wp-content/uploads/2016/04/8_896310.png

/wp-content/uploads/2016/04/9_896311.png


How to Create  access our Destination(ECC) system

Now run the below link to crate sample Application by using our ECC Service.

https://account.hanatrial.ondemand.com/cockpit#/acc/p1941799264trial/accountdashboard

Login Screen.PNG

Login With you User Details.

below screen.PNG

Now click on Subscriptions and under that click on Webide.

Click on Subcription and web ide.PNG

Now we will get an URL. Click on Application URL to open Web Ide Editior.

url.PNG

loading.PNG

Home Screen.

Home screen.PNG

Choose “New Project from Template”

New application.png

Select “SAP Fiori Master Detail Application” tile and click on “Next”.

Master Detail Application.PNG

Enter the Project Name and click on “Next”

Project name.PNG

Now it will ask for ECC system login details.

Ecc system Details.PNG

Enter username and password click on login.

Enter login details to dispaly Services.PNG

Now we can access all the odata services which is present in our ECC system, Select one odata service and click on “Next”.

choose any service.PNG

In Template Customization Scree we will customize our scree by entering the basic information like below screen. It is based on our odata service.

Template Customizatrion.PNG

And finally click on Finish.

clcik on finish.PNG

The structure of our application is as shown below in Layout editor.

structure.PNG

Now we can directly Run our application to check Master Detail Application Out Put.

To Run Application.


Right click on Index.html–>Run–>Run as–>Web Application.


To Run Application.png

Out Put:

Enter the username and password.

rum user details.PNG

Output.PNG

Refereed From: Open SAP.

Thanks and Regards,

Ravi Varma I

To report this post you need to login first.

3 Comments

You must be Logged on to comment or reply to a post.

  1. Ankur Gokhale

    Great efforts Ravi, is there any way to see whether an ECC 6 instance has been added to HCP or not ? (Not by looking through HCP but by logging into ECC, any t code for that ?)

    (0) 

Leave a Reply