SAPUI5 - Oberflächenentwicklung für moderne Webanwendungen

SAPUI5 ist ein User Interface Development Toolkit mit dem Sie HTML5 konforme Web-Anwendungen (SAP und Non-SAP) aufbauen können. Das JavaScript Framework ist mit besonderen Hinblick auf mobile Applikationen mit intuitiver Bedienbarkeit entwickelt worden.

Was kann SAPUI5?

SAPUI5 eignet sich für jede Art von Anwendung im Online- oder Offline-Modus: Webanwendungen, mobile Webseiten, Hybrid Apps sowie Desktop-Anwendungen in verschiedensten Größenordnungen.


Der Datenaustausch in SAPUI5 erfolgt plattformunabhängig. Sie können die Anwendungen mit beliebigen Services (z. B. bereits vorhandene OData-Services) verbinden und Daten aus diesen Services nutzen.


200 vorgefertigte Controls helfen beim schnellen Aufbau der Benutzeroberfläche und der Verbindung mit dem Backend-Service 

Designkonzepte von SAP UI5

SAPUI5 basiert auf den folgenden grundlegenden Designkonzepten:

  • Eine konsistente Benutzererfahrung für alle Apps
  • Responsives Design für alle Browser und Geräte - Smartphones, Tablets, Desktop PCs
  • Automatische Anpassung der erstellten Apps und Controls (= Widgets) an Bildschirmgröße, Anzeigemodus, etc.
  • Barrierefreiheit
  • Lokalisierung und Anpassung an die erkannte Spracheinstellung

SAPUI5 und SAP Fiori

UI5 kommt eine besondere Bedeutung durch die enge Verbindung mit SAP Fiori zu. Mit Fiori hat die SAP AG ein neues Designkonzept entwickelt und damit genau umschrieben wie die SAP-Anwendungen in Zukunft implementiert werden sollen.
SAPUI5 ist in diesem Sinne eine Art Werkzeugkasten, der die Mittel zur Umsetzung dieses Konzeptes bereitstellt.


Obwohl technisch voneinander unabhängig, wurden die Designprinzipien von SAP Fiori in die von SAPUI5 verwendeten Controls integriert. Einmal entwickelte UI5 Apps sind daher jederzeit mit nur geringen Anpassungen in die Fioriwelt integrierbar sind.

OpenUI5 und SAPUI5

SAPUI5 ist kein separates SAP Produkt, sondern es ist enthalten in SAP NetWeaver 7.4 (oder höher), SAP HANA und SAP Cloud Platform.


Doch auch wer kein Kunde von SAP ist kann UI5-Apps entwickeln: seit Ende 2013 sind die Hauptbestandteile von SAPUI5 als Open Source über GitHub verfügbar. OpenUI5 und SAPUI5 haben die gleiche Codebasis und Updates werden für beide Versionen gleich schnell bereitgestellt.


Die Entwicklung in OpenUI5 kann daher jederzeit auf SAPUI5 umgestellt werden.

clavis Expertise: OpenUI5 + OData-Service

Im Rahmen eines Kundenprojektes stellt clavis eine Webanwendung für die Personaleinsatzplanung in einer Großindustrieanlage bereit. Für die Entwicklung des Tools – das auf Kundenwunsch von SAP unabhängig sein soll – haben wir uns für OpenUI5 entschieden. Alle Daten für Einsatzbereiche, Tätigkeiten, Zeiten, Vorlagen etc. werden über einen OData-Service vom Backend bereitgestellt.

Der OData-Service wurde über das Framework Apache Olingo und Hybernate implementiert. Dieses Framework kann für OData v2 automatisch aus einem existierenden Datenmodell (Eclipse-Link / JPA) die entsprechenden CRUD-Funktionen (Anlegen, Lesen, Ändern und Löschen von Daten) generieren. Funktionen wie die Berechtigungsprüfung wurden ebenfalls per Apache Olingo als Erweiterung realisiert.

Wir haben die technologische Entwicklung von UI5 von Beginn aktiv verfolgt. Sprechen Sie uns an. Wir freuen uns Sie bei Ihren Projekten zu unterstützen.

Was kann SAPUI5?

SAPUI5 eignet sich für jede Art von Anwendung im Online- oder Offline-Modus: Webanwendungen, mobile Webseiten, Hybrid Apps sowie Desktop-Anwendungen in verschiedensten Größenordnungen.


Der Datenaustausch in SAPUI5 erfolgt plattformunabhängig. Sie können die Anwendungen mit beliebigen Services (z. B. bereits vorhandene OData-Services) verbinden und Daten aus diesen Services nutzen.


200 vorgefertigte Controls helfen beim schnellen Aufbau der Benutzeroberfläche und der Verbindung mit dem Backend-Service 

Designkonzepte von SAP UI5

SAPUI5 basiert auf den folgenden grundlegenden Designkonzepten:

  • Eine konsistente Benutzererfahrung für alle Apps
  • Responsives Design für alle Browser und Geräte - Smartphones, Tablets, Desktop PCs
  • Automatische Anpassung der erstellten Apps und Controls (= Widgets) an Bildschirmgröße, Anzeigemodus, etc.
  • Barrierefreiheit
  • Lokalisierung und Anpassung an die erkannte Spracheinstellung
SAPUI5 und SAP Fiori

UI5 kommt eine besondere Bedeutung durch die enge Verbindung mit SAP Fiori zu. Mit Fiori hat die SAP AG ein neues Designkonzept entwickelt und damit genau umschrieben wie die SAP-Anwendungen in Zukunft implementiert werden sollen.
SAPUI5 ist in diesem Sinne eine Art Werkzeugkasten, der die Mittel zur Umsetzung dieses Konzeptes bereitstellt.


Obwohl technisch voneinander unabhängig, wurden die Designprinzipien von SAP Fiori in die von SAPUI5 verwendeten Controls integriert. Einmal entwickelte UI5 Apps sind daher jederzeit mit nur geringen Anpassungen in die Fioriwelt integrierbar sind.

OpenUI5 und SAPUI5

SAPUI5 ist kein separates SAP Produkt, sondern es ist enthalten in SAP NetWeaver 7.4 (oder höher), SAP HANA und SAP Cloud Platform.


Doch auch wer kein Kunde von SAP ist kann UI5-Apps entwickeln: seit Ende 2013 sind die Hauptbestandteile von SAPUI5 als Open Source über GitHub verfügbar. OpenUI5 und SAPUI5 haben die gleiche Codebasis und Updates werden für beide Versionen gleich schnell bereitgestellt.


Die Entwicklung in OpenUI5 kann daher jederzeit auf SAPUI5 umgestellt werden.

clavis Expertise: OpenUI5 + OData-Service

Im Rahmen eines Kundenprojektes stellt clavis eine Webanwendung für die Personaleinsatzplanung in einer Großindustrieanlage bereit. Für die Entwicklung des Tools – das auf Kundenwunsch von SAP unabhängig sein soll – haben wir uns für OpenUI5 entschieden. Alle Daten für Einsatzbereiche, Tätigkeiten, Zeiten, Vorlagen etc. werden über einen OData-Service vom Backend bereitgestellt.

Der OData-Service wurde über das Framework Apache Olingo und Hybernate implementiert. Dieses Framework kann für OData v2 automatisch aus einem existierenden Datenmodell (Eclipse-Link / JPA) die entsprechenden CRUD-Funktionen (Anlegen, Lesen, Ändern und Löschen von Daten) generieren. Funktionen wie die Berechtigungsprüfung wurden ebenfalls per Apache Olingo als Erweiterung realisiert.

Wir haben die technologische Entwicklung von UI5 von Beginn aktiv verfolgt. Sprechen Sie uns an. Wir freuen uns Sie bei Ihren Projekten zu unterstützen.