2015-05-21

What is sapui5?

SAPUI5 (SAP client interface for HTML 5) is a collections of libraries that developers can use to build desktop and mobile applications that keep running in a browser. With SAP’s SAPUI5 JavaScript toolkit, developers can fabricate SAP web applications utilizing HTML5 web development standards.

The SAPUI5 runtime is a customer side HTML5 rendering library with a rich set of standard and extension controls. It gives a lightweight programming model to desktop and additionally mobile applications. Based on JavaScript, it supports RIA like client side features. SAPUI5 follows Open Ajax and can be utilized together with standard JavaScript libraries.

Getting Started with SAPUI5

Here you discover data on the best way to adjust your environment and to begin with some simple examples including an introduction to the SAPUI5 tools.

Installation Prerequisites

To find the proper installation option, refer to SAP take note of 1747308 on installation of SAPUI5.When having installed SAP HANA Cloud Tools, SAPUI5 runtime and tools are incorporated and prepared to run.

Choose Your Browser

You need to check which browser suits best to your use case. Supported Browsers for displaying Mobile apps for testing purposes locally on your Desktop computer, you need a Web Kit based browser such as Google Chrome.

Browser Support: SAPUI5 for Desktop

The UI development toolkit for HTML5 (SAPUI5) is a control library based on CSS3, HTML5 and the new JavaScript API. That’s why only browsers with HTML5 capabilities are supported.

Supported Browsers

The following browsers are supported for Microsoft Windows platforms only:

Microsoft Internet Explorer 9 and upwards, so including Microsoft Internet Explorer 10

Mozilla Firefox 17 (aka Firefox Extended Support Release – ESR) and latest version

Google Chrome latest version

The following browser is only supported for MAC OS X:

Safari 5.1 and upwards.

Create Your First SAPUI5 Applications

To get started with SAPUI5, you now have two different options: Either you just create an HTML page (even with notepad, if you want to) or you start directly using the SAPUI5 tools in Eclipse.

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 in Eclipse 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.

Testing your SAPUI5 applications

Depending on the environment your application is running on, you can use different options to deploy and run your SAPUI5 applications. But you can always test locally in your Eclipse.

SAP’s HTML5 Toolkit for Quickly Building Lightweight Business UIs on Multiple Platforms

Any Screen on Any Device

Cutting-Edge Controls

Powerful Theming & Branding

Efficiency and Performance

UI5 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 built-in extensibility concepts at code and application level

It uses the open source jQuery library as a foundation

It fully supports SAP product standards

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

It offers extensive responsive controls to create platform independent user interfaces with less effort

It offers full Translation/i18n support

It features the Fiori Design language that is based on extensive UX research

The post What is sapui5? appeared first on SAP Training.

Show more