Sunteți pe pagina 1din 4

UI Development with SAPUI5

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 RIA like client-side features based on JavaScript.

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 uses the open source jQuery library as a foundation.

It fully supports SAP Product standards.

It complies to OpenAjax and can be used together with standard JavaScript libraries.

It is produced in a release independent code line to enable short shipment cycles.

SAPUI5 SDK

The SDK - also called Demo Kit - provides the following sections:

Controls containing running demo examples with descriptions and source codes

API Reference with JavaScript documentation of Framework and Control API

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/

SAPUI5 Developer Guide


The UI development toolkit for HTML5 (SAPUI5) is a user interface technology that is used to
build and adapt client applications.

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.

It is based on an extensibility concept regarding custom controls.

It uses the open source jQuery library as a foundation

SAPUI5 Demo Kit

SAPUI5 comes together with a Demo Kit, which contains:

A Developer Guide with a summary of valuable information around the used


programming languages, open source technologies, development tools and APIs

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

API Reference with JavaScript documentation of Framework and Control API

Demo Apps with running samples

The demo kit is available here: SAPUI5 Demo Kit

Before you Start

What you should know before you start with SAPUI5


The following sections provide general information about version and compatibility information
and naming conventions for SAPUI5.

Getting Started with SAPUI5

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 .

Create Your First SAPUI5 Applications

Creating Simple SAPUI5 Applications

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.

Creating Mobile Apps with SAPUI5

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.

Check Your Browser and Platforms

Before you really get started, check the list of supported browsers and platforms to choose those
that fit your needs.

Most of the resources are available here:What is SAP Fiori UX?

Specifically, Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises

Building SAP Fiori-like UIs with SAPUI5

S-ar putea să vă placă și