Möglichkeiten zur Erstellung eigener Fiori Apps: Ein Überblick über SAPUI5 und SAP Fiori Elements
Es gibt verschiedene Wege, eigene Fiori Apps zu erstellen. Manche Visualisierungen, wie z.B. der Multidimensionale Report, lassen sich direkt innerhalb der Fiori Benutzeroberfläche erstellen.
Für komplexere Apps in Embedded Analytics mit Fiori bietet SAP zwei weitere Möglichkeiten an:
Die Freestyle Entwicklung mit SAPUI5
Die Verwendung vorgefertigter Floorplans mit dem SAP Fiori Elements Framework

Was ist SAPUI5 und was ist SAP Fiori Elements, und wann sollte welcher Entwicklungsansatz verwendet werden?
SAPUI5 steht für „SAP User Interface for HTML 5“. Es ist die grundlegende UI-Technologie der Fiori Benutzeroberfläche. Mit dem Freestyle Ansatz ermöglicht SAPUI5 das komplett freie Entwickeln von sehr komplexen Fiori Apps. Dies erfordert jedoch viel Erfahrung im Bereich der Web-Entwicklung und mit verschiedenen Programmiersprachen wie JavaScript und HTML 5. Die Freestyle-Entwicklung mit SAPUI5 benötigt viel Entwicklungszeit und fertige Apps haben einen hohen Wartungsaufwand, zum Beispiel bei System Updates, was insgesamt zu hohen Lifetime Kosten führt.
SAP Fiori Elements ist ein SAPUI5 Framework, welches vorgefertigte Templates, auch Floorplans genannt, verwendet, um die Entwicklungszeit und den Wartungsaufwand von eigenen Fiori Apps drastisch zu reduzieren. Die sechs verfügbaren Floorplans nutzen die Metadaten eines OData Services, um automatisch den Grossteil einer Fiori App zu erstellen. Die erstelle App kann dann mithilfe von UI-Annotationen, No-code Tools und Freestyle SAPUI5 Erweiterungen den Bedürfnissen des Nutzers angepasst werden.
Die Auswahl zwischen der Entwicklung innerhalb der Fiori Benutzeroberfläche, der Fiori Elements Entwicklung und der SAPUI5 Freestyle Entwicklung sollte den Komplexitätsanforderungen angepasst werden.
Eine Analytical List Page ohne tiefe Anpassungen sollte beispielsweise direkt mit der „Manage KPIs and Reports“ App innerhalb der Fiori UI erstellt werden. Erst, wenn eine eigene Overview Page oder tiefere Anpassungen erforderlich sind, sollte das Fiori Elements Framework genutzt werden. SAPUI5 Freestyle Entwicklung kommt erst dann ins Spiel, wenn kein Floorplan zur geplanten Anwendung passt, oder wenn die Komplexitätsanforderungen sehr hoch sind.
Was sind die Vorteile von SAP Fiori Elements?
Apps anhand von Fiori Elements Floorplans erstellen und mit SAPUI5 erweitern
- SAP Fiori Elements ermöglicht das Erstellen komplett eigener Fiori Apps, welche Operative Reporting-Dashboards auf SAP S/4HANA ermöglichen.
- Mit SAPUI5 Extensions können dann beispielsweise Karten mit eigenem Code zu Overview Pages hinzugefügt werden, welche z.B. externe APIs anfragen.
Kostenlos bei SAP S/4HANA dabei
- Ebenso wie SAP S/4HANA Embedded Analytics wird für die Entwicklung mit Fiori Elements keine separate Lizenz benötigt.
- Für das Umsetzen kleinerer Projekte im operativen Reporting Bereich kann so in manchen Fällen auf separate Analytics Lösungen verzichtet werden.
Tiefe Integration mit SAP S/4HANA Embedded Analytics und dem Fiori Launchpad
- Die erstellten Apps können direkt zu Business-Katalogen im Fiori Launchpad hinzugefügt werden und stehen so direkt den richtigen Nutzern zur Verfügung.
- Die erstellten Apps können via der Intent-based-navigation direkt mit bestehenden Tools integriert werden.
Effiziente Entwicklung und niedriger Wartungsaufwand
- Fiori Elements Apps können aufgrund der Floorplan-basierten Entwicklung sehr effizient erstellt werden und entsprechen ohne Mehraufwand direkt den SAP Fiori Design Guidelines.
- Die Nähe zu den SAP Fiori Design Guidelines führt bei System Updates zu einer automatischen Anpassung der Benutzeroberfläche an das neueste Design, welches den Wartungsaufwand gegenüber einer SAPUI5 Freestyle App stark verringert.
Wie kann eine Fiori Elemets App aussehen?
Beispiel einer Fiori Elements App
- Der Screenshot zeigt eine bei s-peers erstellte eigene Overview Page mit dem Fiori Elements Framework.
- Mit den Tools der Fiori Benutzeroberfläche ist es nicht möglich, eine derartige Fiori App zu erstellen. Mit dem SAPUI5 Freestyle Ansatz wäre eine derartige App mit sehr hohen Entwicklungskosten verbunden, welche durch Fiori Elements stark reduziert sind.
- Die Overview Page stellt ein Operatives Reporting Dashboard für Projekt Capital Expenditure (CapEx) Kosten dar, welches aktuell nicht im SAP Standard zur Verfügung steht.
- Als Datenquelle wird eine leicht angepasste Standard Analytical Query CDS View verwendet.
FAQs SAP Fiori Elements
SAP stellt hierfür das SAP Business Application Studio (SAP BAS) oder Visual Studio Code (VS Code) mit dem „SAP Fiori Tools – Extension Pack“ zur Verfügung. Beide Entwicklungsumgebungen sind sehr ähnlich und basieren auf der gleichen Architektur. VS Code ist lokal installiert, während das SAP BAS nur im Web-browser funktioniert. Für die beste Performance empfiehlt s-peers deshalb VS Code, hierfür muss der Entwickler jedoch noch Node.js installieren.
Für die Entwicklung empfiehlt sich ausserdem die Verwendung von Git als Versionskontrollsystem, da das Fiori Elements Framework oft grosse Mengen an Code generiert, welcher schnell unübersichtlich wird.
Für die Entwicklung des virtuellen Datenmodells, welches den OData Service für das Fiori Elements Framework zur Verfügung stellt, wird die Eclipse Entwicklungsumgebung mit den ABAP Development Tools angewendet.
Ebenso wie SAP S/4HANA Embedded Analytics kann das Fiori Elements Framework zusammen mit einem bestehenden SAP S/4HANA System kostenlos verwendet werden. Für das SAP BAS können erweiterte Kapazitäten der virtuellen Maschine zu zusätzlichen Kosten führen, VS Code hingegen ist komplett kostenlos.
- Basic
- Custom Page
- List Report Page
- Overview Page
- Analytical List Page
- Form Entry Object Page
- Worklist Page
Nein. Mithilfe der eigenen Overview Pages können zwar komplexe Operative Reporting Dashboards erstellt werden, das Fiori Elements Framework verwandelt SAP S/4HANA Embedded Analytics jedoch nicht in eine Enterprise Analytics Lösung. Da CDS-Views als Datenquelle verwendet werden, kann das Fiori Elements Framework in Kombination mit Embedded Analytics keine Daten replizieren, Data Warehousing betreiben oder Snapshots erstellen, was die Anwendung für strategisches oder Management-Reporting limitiert. Für die Planung eignet sich das Framework auch nicht.
Hier können Sie mehr zur vollwertigen Enterprise Analytics Lösung SAC erfahren: https://s-peers.com/sap-analytics/business-technology-platform/sap-analytics-cloud/
Die UI-Annotationen, welche die Benutzeroberfläche der Fiori Elements App definieren, können entweder in der CDS View definiert werden und somit über den OData Service bereitgestellt werden, oder direkt im Frontend über die Entwicklungsumgebungen VS Code oder SAP BAS.
Diese Seite wurde von unserem ehemaligen Masterstudenten Miguel Gato Lopez erstellt. Interessiert an einem Job bei der s-peers AG? Dann schaue mal hier vorbei!




