UI5 und SAP Fiori: Eine Einführung

Das UI5 beziehungsweise SAP Fiori stellen einen weiteren Baustein neben SAP Screen Personas dar. Gemeinsam bilden diese Technologien die Eckpfeiler der SAP UX Strategie.

Zuerst ist wichtig zu wissen, dass es sich bei UI5 um ein JavaScript-Framework handelt. Damit bietet das das Tool eine umfangreiche Sammlung an vorgefertigten UI Elementen. Doch es gibt zwei unterschiedliche Versionen. „OpenUI5“ kommt als kostenlose Variante daher, wohingegen „SAPUI5“ kostenpflichtig ist. Deshalb unterschieden sie sich auch in ihren Inhalten. Beispielsweise bietet lediglich SAPUI5 eine Chart-Bibliothek.

SAP Fiori: Ein Design-Approach

SAP Fiori ist keine Technologie, sondern ein Design-Approach. Dieser Approach besteht aus fünf Grundsätzen:

  • Mit dem rollenbasierten Fokus („role based“) möchte die SAP gewährleisten, dass die Applikationen zu 100 Prozent auf die Geschäftsanforderungen angepasst sind.
  • Mit „delightful“ ist gemeint, dass die Applikationen den Arbeitsalltag der Nutzer vereinfachen und dass User von der Nutzererfahrung begeistert sein werden.
  • Coherent“ bezeichnet den weichen Übergang von einer Applikation in die nächste. Die Landschaft soll sich wie aus einem Guss anfühlen und jeder Geschäftsbereich eine identische Erfahrung bieten.
  • Simple“: Die Applikationen sollen einfach und intuitiv gestaltet sein.
  • Adaptive“ – unabhängig davon, auf welchem Gerät die Programme aufgerufen werden, sollen sie sich automatisch optimal an die Umgebung anpassen.

SAP Fiori Elements und Freestyle

Hier lohnt sich ein Blick in die SAP Fiori Reference Library, denn die SAP bietet bereits eine große Anzahl an vorgefertigten Fiori Apps. Im Grunde genommen lassen sich in der Eigenentwicklung primär zwei Ansätze unterschieden: Zunächst bieten Fiori Elements Templates, welche Sie nur noch mit Ihren Daten anreichern müssen. Dahingegen bietet sich der Fiori Freestyle als individuelle Alternative an, falls die Fiori Elements nicht die passende Vorlage bieten. Der Entwickler genießt den höchsten Freiheitsgrad, allerdings ist die Implementierung auch aufwendiger.

Die Fiori Elements bestehen ebenfalls aus fünf Kernelementen:

  • Die Analytical Page setzt sich primär aus Diagrammen zusammen. Daten lassen sich aus unterschiedlichen Perspektiven betrachten.
  • Der List Report Floorplan stellt hauptsächlich Listen dar und ist quasi der Nachfolger des ALV. Er bietet viele Möglichkeiten im Bereich Sortierung und Gruppierung der Daten.
  • Der Object Page Floorplan ist nicht nur die Detailansicht zu einem Objekt, sondern ermöglicht auch, Business-Objekte zu erstellen, zu editieren und zu löschen.
  • Die Overview Page bietet – wie der Name bereits impliziert – eine Übersicht. Sie dient unter anderem als Einstieg für eine Business-Rolle.
  • Der Worklist Floorplan zeigt eine Sammlung von Elementen. Er kann beispielsweise als Einstieg für den Nutzer zur Abarbeitung dieser Elemente genutzt werden und repräsentiert damit Workloads.