Documente Academic
Documente Profesional
Documente Cultură
Overview
UI development toolkit for HTML5 (SAPUI5) is a user interface technology that is used to build
and adapt client applications based on SAP HANA Cloud.
The SAPUI5 runtime is a client-side HTML5 rendering library with a rich set of UI controls for
building as welldesktop as mobile applications. To support you in developing applications,
SAPUI5 tools comes with a set of eclipse-based wizards and editors. They provide wizards to
create application projects and views according to the model-view-controller concept and other
features like JavaScript code completion, templates and snippets and in-place application
preview.
SAPUI5 provides many features to enable you to easily create and extend state-of-the-art user
interfaces:
It supports CSS3, which allows you to adapt themes to your company's branding in an
effective manner.
It is based on an extensibility concept regarding custom controls. You can extend existing
SAPUI5 controls as well as develop own new controls.
It complies to OpenAjax and can be used together with standard JavaScript libraries.
SAPUI5 SDK
The SDK - also called Demo Kit - provides the following sections:
Controls containing running demo examples with descriptions and source codes
Test Suite which shows all controls running with different property settings where you
can interactively adapt the controls you use for your test purpose.
To directly access the Demo Kit: https://sapui5.hana.ondemand.com/sdk/
The SAPUI5 runtime is a client-side HTML5 rendering library with a rich set of standard and
extension controls. It provides a lightweight programming model for desktop as well as mobile
applications. Based on JavaScript, it supports RIA like client-side features. SAPUI5 complies
with OpenAjax and can be used together with standard JavaScript libraries.
It supports CSS3, which allows you to adapt themes to your company's branding in an
effective manner.
Explored app, which gives a detailed view on almost every control including detailed
information on the properties, aggregations, events and methods. Additionally it provides
running samples including a code view, where you can easily copy the needed code
snippets
A Controls section containing running demo examples with descriptions and source codes
for the core libraries
Here you find information on how to adjust your enviroment and to get started with some easy
examples including an introduction to the SAPUI5 tools.
Note
The following sections focus on building application in Eclipse. For further information on how
to build applications with the Cloud-based tool SAP River RDE, see the HANA Cloud Portal
Documentation at https://help.hana.ondemand.com/ under Platform Solutions SAP River
Rapid Development Environment .
The easiest way to work with SAPUI5 is to include a set of JavaScript libraries into
your HTML page. After that you can use all controls provided by these libraries to
construct one or more control trees and include them into your HTML page. The
framework also supports the JavaScript Object Notation (JSON) to initialize controls
with a reduced typing effort.
SAPUI5 provides an additional control library called sap.m, which is optimized for
mobile devices.
Using the SAPUI5 application tools allows you to create sophisticated SAPUI5
application projects based on the Model View Controller concept. The tools provide
additional features such as SAPUI5 Snippets or JavaScript Templates.They provide
wizards to create SAPUI5 applications for desktop as well as for mobile devices.
Before you really get started, check the list of supported browsers and platforms to choose those
that fit your needs.