Fiori & UI5

Web Dynpro ist für Web-Oberflächen im SAP die dominierende Technologie, und wird auch heute noch oft verwendet. Man merkt Web Dynpro sein Alter jedoch an, es wirkt alt und angestaubt. Gerade in Zeiten, in denen Oberflächen auch flexibel auf mobilen Geräten laufen müssen, und immer mehr Unternehmen die User Experience in den Mittelpunkt stellen, ist Web Dynpro nicht mehr zeitgemäß. Kein Wunder, dass diese Technologie in der neuen S/4 HANA Cloud Plattform nicht mal mehr enthalten ist. Die Zukunft heißt SAP UI5: eine neue Technologie, die alle Anforderungen an moderne und professionelle Benutzeroberflächen erfüllt, und Web Dynpro langfristig ablösen wird. Um für die Zukunft gerüstet zu sein, 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?

  • Mit SAP UI5 legt SAP nicht nur Wert auf eine hohe Usability, sondern auch auf User Experience. Dadurch steigen sowohl die Motivation mit der Software zu arbeiten als auch die Produktivität.
  • Erstmals können Sie Ihre Apps ohne Anpassungen sowohl auf Smartphones, Tablets als auch ihrem PC oder Laptop ausführen – und das ganz ohne Einschränkungen!
  • Auf lange Sicht wird SAP UI5 die alten Technologien ablösen, so dass früher oder später keine Wahl mehr besteht. Je früher Sie also auf SAP UI5 umsteigen, desto besser.

Neben diesen eher wirtschaftlichen Gründen gibt es auch technische Gründe für den Umstieg auf SAP UI5:

  • Anders als bisher orientiert sich SAP an bereits existierenden Standards wie HTML5, JavaScript, JQuery, Rest und OData. Dies ermöglicht einen deutlich einfacheren Einstieg für Entwickler und weniger Pflegeaufwand für SAP. Die Chancen stehen also gut, dass UI5 lange Bestand haben wird.
  • Dadurch, dass die MVC-Architektur erzwungen wird, werden Schludereien verhindert und der Entwickler zur Disziplin gezwungen. Das Softwaredesign wird gleichzeitig einfacher, übersichtlicher und fehlerrobuster.
  • Mit Open UI5 existiert ein nahezu identisches Pendant zu SAP UI5, welches für jeden erdenklichen Zweck außerhalb von SAP eingesetzt werden kann.

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

  • Teil 2

    1. Voraussetzungen im Sap, um Services für UI5 zu entwickeln
    2. Registrierung für die WebIDE
    3. Verknüpfung der WebIDE mit einem Testsystem