Web Dynpro war gestern, UI5 ist heute? – Eine Einführung in SAP UI5 – Teil 1

Web Dynpro ist für Web-Oberflächen im SAP die dominierende Technologie und wird kontinuierlich weiterentwickelt. Insbesondere der so genannte Floor Plan Manager bietet eine effiziente und einfache Möglichkeit Web Dynpro Anwendungen zu erweitern oder neu zu entwickeln. Aber die User Interface Welt dreht sich weiter. Mit SAP Fiori und SAP UI5 legt die SAP den Fokus auf User Experience. Anwendungen sollen flexibel auf unterschiedlichen Geräten laufen und dabei auf dem Handy das gleiche Look and Feel vermitteln, wie auf dem Desktop.

Wir möchten wir Ihnen in dieser mehrteiligen Artikelreihe daher die Grundlagen des neuen SAP UI5 näherbringen und Ihnen einen Überblick über die vielen damit verbundenen Möglichkeiten geben.

Was Sie in diesem Artikel lernen

Anders als in unsere bisherigen Blog Artikel ist diese Reihe für einen umfangreichen Einstieg in das Thema SAP UI5 gedacht. Daher gibt es zu Beginn jedes Artikels einen Überblick über die anstehenden Lernziele sowie am Ende einzelne Kontrollfragen, um Ihren Wissenstand zu prüfen.

Nach dem Lesen dieses Artikels sollten Sie in der Lage sein,

1. die Vorteile von SAP UI5 aufzuzählen und
2. die Unterschiede zwischen SAP Fiori, SAP UI5 und OpenUI5 zu bennenen

Was ist UI5 und warum sollten Sie es verwenden?

SAP UI5 steht für „SAP User Interface for HTML 5“ und bezeichnet die neue Technologie zum Erstellen von SAP Web-Anwendungen. Es bietet Ihnen sehr viele Möglichkeiten um umfangereiche Web Anwendungen zu erstellen, und dies mit einer sehr ansprechenden Optik. Da mit SAP UI5 auch viele andere Begriffe wie SAP Fiori oder Open UI5 in Verbindung gebracht, und diese Begriffe oft durcheinander geworfen werden, folgt zunächst eine genaue Beschreibung dieser Begriffe. Im Anschluss werden zudem die Vorteile von SAP UI5 gegenüber Web Dynpro erläutert.

Was ist SAP Fiori?

SAP Fiori ist eine von SAP entwickelte User-Interface-Strategie. SAP hat dazu Richtlinien entwickelt, welche genau vorsehen, wie eine Oberfläche strukturiert wird, in wie vielen Schritten ein Prozess abzuschließen ist und wie die Oberfläche optisch auszusehen hat.

Unter dem Namen Fiori hat SAP außerdem eine Reihe von Anwendungen veröffentlicht, die diesen Anforderungen entsprechen. Die wichtigsten Eigenschaften von Fiori sind laut SAP:

• Rollenbasiert – Stellen Sie die richtigen Informationen zur richtigen Zeit über vielseitige Benutzeroberflächen bereit.
• Anpassungsfähig – Gewinnen Sie sofort relevante Erkenntnisse – mit mobilen Apps ebenso wie auf dem Computer.
• Einfach – Konzentrieren Sie sich auf Ihre wichtigsten Aufgaben, Funktionen und Aktivitäten.
• Kohärent – Bieten Sie eine konsistente Benutzererfahrung im gesamten Unternehmen – ob bei der Erfüllung von Kundenaufträgen, der Überprüfung aktueller Kennzahlen oder der Verwaltung von Urlaubsanträgen.
• Ansprechend – Bereichern Sie Ihre Arbeitserfahrung mit intuitiven, benutzerfreundlichen SAP-Fiori-Apps.

SAP Fiori Anwendungen können ausschließlich mittles UI5 entwickelt werden.

Was ist SAP UI5?

SAP UI5 ist die neue Technologie zum Erstellen von SAP Web-Anwendungen. Diese Technologie stellt viele Möglichkeiten bereit, einfach zu bedienende, optisch ansprechende Oberflächen zu erstellen. Sie ist Bestandteil der SAP Fiori Cloud, welche Ihnen die folgenden Werkzeuge zur Entwicklung sowie zur Verwendung von SAP UI5 und Fiori Anwendungen bereitstellt:

• SAP Cloud Platform für den Betrieb, die Erweiterung und die kundenspezifische Anpassung von SAP-Fiori-Anwendungen
• SAP-Fiori-Einstieg für einen zentralen, rollenbasierten Zugang
• SAP Web IDE für Erweiterungen und kundenspezifische Entwicklungen
• SAP Cloud Platform OData Provisioning für das Extrahieren von Backend-Daten und ihre Verarbeitung in der Cloud
• SAP-HANA-Cloud-Connector für eine sichere Verbindung mit der vor Ort installierten IT-Landschaft
• UI Theme Designer für das Branding
• SAP Cloud Identity Access Governance für die Verwaltung und Steuerung von Zugriffsrechten

Was ist Open UI5?

Mit Open UI5 bietet SAP die SAP UI5 Technologie auch als Open-Source Paket an. Sie haben mit Open UI5 dieselben Möglichkeiten wie mit SAP UI5 und dürfen diese Technologie ohne Einschränkungen kostenlos verwenden. Die Nutzung ist auch komplett außerhalb des SAP Kontextes möglich. Bei Open UI5 fehlt im Vergleich zu SAP UI5 jedoch die komplette SAP Fiori Cloud, was somit die Entwicklung sowie die Handhabung von UI5 Anwendungen erschwert und zeitintensiver gestaltet.

Was sind die Vorteile von SAP UI5 im Vergleich zu Web Dynpro?

Die SAP bezeichnet Fiori als „Paradigmenwechsel. Weg von monolithischen ERP-Lösungen hin zu leichtgewichtigen Apps, die auf die Aufgaben der Benutzer zugeschnitten sind“.

Hauptziel hierbei ist das Entfernen unnötiger Komplexität, welches sich in den folgenden Designprinzipien widerspiegelt:

ROLE – BASED

Anwendung werden auf die Bedürfnisse und Arbeitsweisen der Benutzer ausgerichtet.

ADAPTIVE

Die Anwendungen bieten das gleiche Look and Feel auf unterschiedlichen Endgeräten.

COHERENT

Alle Anwendungen bieten eine flüssige und intuitive Benutzererfahrung

SIMPLE

Die Anwendungen werden reduziert auf die für die Aufgabe benötigten Informationen.

DELIGHTFUL

Anwendungen werden auf die Bedürfnisse und Wünsche der Mitarbeiter entwickelt. Dieser neue Ansatz verändert die Art und Weise der Interaktion von Unternehmen mit ihren Mitarbeitern – und hilft ihnen, eine Employee Experience zu bieten, wie die Mitarbeiter sie sich wünschen.

Kontrollfragen

Für eine Wiederholung der zentralen Lernziele dieses Artikels sollten Sie die nachfolgenden Fragen in eigenen Worten beantworten:

1. Was sind die Vorteile von SAP UI5 im Vergleich zu Web Dynpro?
2. Was sind die Unterschiede zwischen SAP UI5, OpenUI5 und SAP Fiori?
3. Warum sollten Sie langfrisitg auf SAP UI5 umsteigen?

Die Antworten auf diese Kontrollfragen finden Sie in der Einleitung des nächsten – zweiten – Teils dieser Blog-Reihe.

Ausblick

Thema des nächsten Blog-Artikels dieser Reihe wird die sogenannte SAP Web IDE (Integrated Development Environment) sein, die web-basierte Entwicklungsumgebung für SAP UI5 Apps. Dabei wollen wir Ihnen zeigen, wie Sie die Web IDE einrichten und mit Ihrem SAP HCM System verknüpfen.

Haben Sie Fragen, Anregungen, positive oder negative Kritik? Oder möchten Sie bestimmte Punkte des Artikels noch näher erläutert bekommen? Dann schreiben Sie gerne einen Kommentar oder kontaktieren Sie uns.

Weitere Artikel dieser Reihe