SapHanaTutorial.Com HOME     Learning-Materials Interview-Q&A Certifications Quiz Online-Courses Forum Jobs Trendz FAQs  
     Explore The World of Hana With Us     
About Us
Contact Us
Hadoop App
Tutorial App on SAP HANA
This app is an All-In-One package to provide everything to HANA Lovers.

It contains
1. Courses on SAP HANA - Basics, Modeling and Administration
2. Multiple Quizzes on Overview, Modelling, Architeture, and Administration
3. Most popular articles on SAP HANA
4. Series of Interview questions to brushup your HANA skills
Tutorial App on Hadoop
This app is an All-In-One package to provide everything to Hadoop Lovers.

It contains
1. Courses on Hadoop - Basics and Advanced
2. Multiple Quizzes on Basics, MapReduce and HDFS
3. Most popular articles on Hadoop
4. Series of Interview questions to brushup your skills
Hadoop App
Stay Connected
Search Topics
Topic Index
SAPUI5 Overview
SAP Fiori Overview

SAP Web IDE - A modern web based IDE for the future

In previous articles Prerequisite for SAPUI5 and Fiori, What is SAPUI5?, What is Fiori?, we explained the basics of SAPUI5 and Fiori. In this article we will talk about SAP Web IDE – the popular tool to build and extend SAPUI5/Fiori applications.

What is SAP Web IDE?

SAP Web IDE is a web-based integrated development tool available on SAP HANA Cloud Platform.
It is mainly used to
  • build new SAPUI5/ Fiori apps
  • extend standard SAP Fiori apps

SAP Web IDE provides standard Web development tools like code editors, wizards, and tools for building SAPUI5 application.

It supports the E2E application lifecycle: UI design, development, testing, deployment, and customer extensions for responsive SAPUI5 apps.

How can I try SAP Web IDE for free? How to open SAP Web IDE?

SAP Web IDE is available at HANA Cloud Platform. You can get free trial instance of SAP Web IDE when signing up to the free SAP HANA Cloud Platform.
Steps to open/start SAP Web IDE
  1. Open your HANA Cloud Platform account. If you do not have a HCP account, refer to the article Get Free Access to SAP HANA Cloud Platform and create one.
  2. In the SAP HANA Cloud Platform Cockpit, as shown below. Click on the Services menu item on the left.


  1. Click on the SAP Web IDE box. You may need to scroll down to find this box.
If the box does NOT say “Enabled”, click the Not Enabled button to enable this feature.
  1. In the SAP Web IDE screen, there is a link called “Open SAP Web IDE”. Click this link.


  1. A new tab will open, and the Web IDE will load. Bookmark this page!


Benefits of SAP Web IDE

SAP Web IDE is offered as a cloud solution hosted on SAP HANA Cloud Platform, so no initial installation is required, and local IT infrastructure is untouched. Developers can access development projects anytime, anywhere - all that is needed is a PC with a browser.
Below are the important benefits of SAP Web IDE:

  • Reduced cost and complexity
  • Increased productivity
  • Empower developers, business experts and designers and reduced training effort required
  • Improved collaboration

Important features of SAP Web IDE

Free-style coding
SAP Web IDE supports free-style coding by providing robust editors with capabilities of code completion (XML, property files, JavaScript and SAPUI5), code validation, pre- and user-defined code templates, and many more.

Layout Editor (WYSIWYG) tooling
Drag and drop editor providing a user-friendly visual editor including control galleries to easily build and customize applications.

Wizards, Templates and Sample Applications
Project templates provided by a wizard-based gallery allows you to create new applications with only a few clicks, following specific best practices. In addition you can create projects based on Sample Applications.

Extensibility support
SAP Web IDE provides the ability to extend existing SAP Fiori applications in a nice and easy manner.
Instant preview
SAP Web IDE includes an instant preview so you can launch the application in the browser at different resolutions and in different languages, either with real or mock data. You can send the application to others for early feedback via QR-code.

Mock data support
Mock data can be automatically generated or manually created to run the application independently for front-end/back-end development de-coupling, testing and demoing purposes.

Collaborative development and project persistency
SAP Web IDE includes project persistency via GIT integration.

Extensible and modular architecture for “adding your own plug-ins”
SAP Web IDE has an extensible and modular architecture built up of plug-ins. SAP web IDE streamlines the ability to add your own plug-in/template via wizards and templates.

Support us by sharing this article.

Explore More
Close X
Close X

Leave a Reply

Your email address will not be published. Required fields are marked *

Current day month ye@r *

 © 2017 :, All rights reserved.  Privacy Policy