SAP Web IDE Personal Edition Setup and Create SAPUI5 Application For Beginner

This document provides steps to set up SAP Web IDE Personal Edition and create a basic SAPUI5 "Hello World" application. It outlines downloading and extracting the installation files, launching the Orion server, creating an Orion account, selecting a project template to generate a SAPUI5 app scaffold, adding "Hello World" text to the default view, and running the application to display the text in the browser. The overall process orients beginners to setting up their development environment and building a simple SAPUI5 app.

Uploaded by

Balanathan Virupasan

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

489 views

SAP Web IDE Personal Edition Setup and Create SAPUI5 Application For Beginner

Uploaded by

Balanathan Virupasan

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 13

SAP Web IDE Personal Edition Setup and

Create SAPUI5 Application for Beginner

In this blog we will cover the below topics:

1. SAP Web IDE Personal Edition SETUP

2. Create SAPUI5 application.
3. Display hello world text.

Prerequisites

 You are installing SAP Web IDE personal edition in one of the following operating systems:
o Microsoft Windows (version 7 or higher)
o Mac OS (version 9 or higher)
 JDK 1.8 Version on laptop:
o Before using Web IDE personal edition, make sure you must and should have the
JDK 1.8 version installed in your system.

Note : If you install JDK version higher then 1.8, it will NOT work.

SAP Web IDE Personal Edition Setup:

Step 1 : Go to SAP Development tools and browse to the SAPUI5-tab and download the preferred
version
Step 2: Download the installation ZIP file.

Step 3: Extract the zipped files to

C:\Users\…..\Downloads\sap-webide-personal-edition-1.53.9-trial-win32.win32.x86_64 (1)\eclipse.
If you open the extracted folder(eclipse) then The folder-structure should look like this:

Step 4: To start the WebIDE you have to go to the folder eclipse and now double click on
the orion.exe file to run the Orion Server. (marked yellow above)

Below window should show up

Step 5: Launch SAP Web IDE personal edition via the URL http://localhost:8080/webide/index.html.
You will see the below screen:

Step 6: Before starting the Web-IDE you need an Orion account. To create new Orion account
press Create a new account button highlighted in the screen. You will see the below screen:

If you already have Orion account then directly press three dot highlighted in point 5 screen.

You will see the below screen:

Step 7: IF your Orion account created successfully and after Sign-in your Web-IDE open. You will
see the below SAP Web IDE screen:

Create SAPUI5 Application:

Step 1: Create a SAPUI5 application from the project template

Select Development ==> Select Workspace ==> Right click on Workspace and select New

==> Press Project from Template.

Step 2: As you see below different template options you have. You will choose any of them as per
your requirements.

For example: I am selecting SAPUI5 application and press on Next button.

Step 3: Give Project Name and Namespace and press on Next button.

Step 4: You can select any one of the following View types(XML, JSON, JavaScript and HTML) as
per your requirement. I am selecting View Type XML and Give the view name and press
on Finish button.

Step 5: Expand the project(Demo) inside the Workspace folder. Select the view and add

“Hello World” text inside the page content and save it (Ctrl + S).