SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR...

50
SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen Möglichkeiten für sich nutzen können.

Transcript of SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR...

Page 1: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNISWir erklären die Grundlagen und wie Sie die neuen Möglichkeiten für sich nutzen können.

Page 2: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

2

INHALTSVERZEICHNIS

Seite

Einleitung 3

Warum bei der SAP Frontend Strategie der Kunde König ist 5

Exkurs: Design Thinking 8

SAP Fiori und SAPUI5 12

Wie sieht die Infrastruktur von SAP Fiori Anwendungen aus? 15

Wie sieht die Architektur von SAP Fiori Anwendungen aus? 18

Exkurs: Der SAP UX Calculator – Einsparpotentiale identifizieren 21

Aufbau eines Testsystems mit SAP Fiori 24

Hello World – der Weg zur ersten Fiori-App 27

Exkurs: In 7 Schritten zu Ihrer ersten SAP Fiori App 31

SAP HCP Mobile Services für SAP Fiori – neue Wege für die mobile Nutzung 33

Beispiel 1: Applikationen bauen, die SAP Fiori und SAP BI verbinden (Manage Users) 36

Beispiel 2: Effiziente Zeiterfassung im Betrieb: der Inspiricon Time Tracker 40

Beispiel 3: Der BW Query Runner generiert Reports auf Knopfdruck 44

Kundenbeispiel: Informationen mit SAP Fiori in Echtzeit auswerten und visualisieren 47

2017 © Inspiricon AG

Die Inspiricon ist Ihr Geschäftspartner für SAP Business Intelligence im deutschsprachigen Markt. Profitieren Sie von unserem Fachwissen in SAP BI Consulting in den Bereichen Strategie, Organisation und Governance, den Prozessen sowie der BI Architektur. Ergänzt wird das Inspiricon-Portfolio durch Software- und Plattformentwicklung. Durch diese einmalige Kombination aus Beratungs-Erfahrung und Entwicklungsthemen können wir Sie in den Zeiten des digitalen Wandels unterstützen und beraten. RUN BETTER. RUN DIFFERENT.

Inspiricon AGOtto-Lilienthal-Str. 3671034 Böblingenwww.inspiricon.de

Page 3: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

EINLEITUNG

Page 4: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

4Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

SAP Fiori verständlich erklärt – für Einsteiger und interessierte AnwenderDieses E-Book richtet sich an alle, die sich für SAP Fiori interessieren und die mit SAP-Systemen arbeiten. Egal ob Manager oder Entwickler.

Wir zeigen Ihnen in den folgenden Kapiteln die Technologie, die hinter SAP Fiori steht, die notwendige Systemlandschaft sowie den Weg zu Ihrer ersten SAP Fiori App.

Neben den einzelnen Artikeln bieten wir Ihnen immer wieder passende Themen als Exkurs an – diese stehen in unmittelbarer Verbindung zu SAP Fiori, haben jedoch einen thematischen Hintergrund.

Zudem finden Sie im E-Book drei konkrete Anwendungsbeispiele sowie einen Projektbericht der Inspiricon AG.Die Autoren stammen alle aus dem Inspiricon-Team und sind Experten auf ihrem Gebiet.

SAP Fiori verbindet Effizienz mit DesignSAP Fiori repräsentiert ein neues personalisiertes, reaktionsschnelles und einfaches Benutzererlebnis über verschiedene Endgeräte hinweg.

Der wesentliche Vorteil von SAP Fiori – abgesehen vom verbesserten Aussehen und der damit einhergehenden erhöhten Benutzerakzeptanz – ist die effektivere Nutzung von Ressourcen. Mit genauen Kenntnissen über das Nutzerverhalten Ihrer Mitarbeiter, können Sie die Apps so gestalten, dass sie die Arbeitsprozesse mit einer idealen User Experience optimal unterstützen.Das bedeutet für Sie:   beschleunigte Prozesse    effektive Kostensenkung   Zugriff auf alle wichtigen Unternehmensprozesse von jedem Ort und jedem Gerät.

Zum Beispiel können Self Service Workflows, Abwesenheitsanträge, Zeiterfassung oder Bestellungen durchgeführt werden, die direkt in SAP Fiori angelegt und auch dort genehmigt werden.

Viel Spaß beim Entdecken!Ihr Inspiricon-Team

Page 5: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Bei der SAP Frontend Strategie

ist der Kunde König

Page 6: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

6Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Die SAP Frontend Strategie zielt darauf ab, Produkte und Kunden zusammen zu bringen, indem die Prinzipien des sogenannten „Design Thinking” angewendet werden. Das ist eine Methode, die zur Lösung von Problemen und zur Entwicklung neuer Ideen führen soll. (Quelle: Wikipedia)

Die Zeiten in denen IT, Software und Vernetzung nur Teil des Berufslebens waren, sind vorbei. Die Generation der „Digital Natives“, die erste Generation welche mit Computern aufgewachsen ist, ist gänzlich in der Berufswelt angekommen und besetzt zunehmend Entscheidungs- und Schlüsselpositionen. Diese Generation hat andere Ansprüche an Design, Leistungsfähigkeit und Benutzerfreundlichkeit einer Software als frühere Generationen.

New, renew and enable – so lautet das Motto der neuen Frontend-StrategieKonsumentenfreundliche Software gewinnt immer mehr an Einfluss – die Bedienung soll einfacher werden, die Anwendungen dahinter sind jedoch oft sehr viel komplexer und anspruchsvoller als es auf den ersten Blick scheint. Diese Art von Software bahnt sich mehr und mehr ihren Weg in unser Arbeitsleben. Daher strebt es die SAP mit ihrer UX-Strategie (User Experience) an, den Forderungen von Nutzern nach einer einfach zu bedienenden Software am Arbeitsplatz nachzukommen.

Die Vision der SAP ist es, Vorreiter der User Experience für Geschäftsanwendungen zu sein.

Als Mission versteht sie das zur Verfügung stellen von ansprechenden Anwendungen, die die User bei ihrer Arbeit erfolgreicher machen.

Bei einer komplexen, gewachsenen und kundenspezifisch veränderten IT-Landschaft wie sie ein SAP-Portfolio darstellt, kann man natürlich nicht einfach sagen: Mit der nächsten Version sieht alles anders aus! Eine SAP-Installation besteht aus mehreren hundert Transaktionen, zig implementierten Business-Prozessen und Tausenden einzelner Masken.

Daher ist folgendes Teil der neuen SAP User Experience Strategie:   New: Bereitstellung von User-freundlichen UX bei neuen Anwendungen. Dies findet Gestalt in den neuen, durch die

SAP zu Verfügung gestellten FIORI-Apps.   Renew: Erneuerung von bestehenden Anwendungen, indem die UX für die meist genutzten Geschäftsszenarios

überarbeitet werden. Bestehende Anwendungen, welche nicht zeitnah neu erstellt werden, werden durch „Screen Personas“ (Personalisierung der SAP-ERP-Oberflächen) und andere Tools in die neue Landschaft eingebunden.

   Enable: Den Kunden wird es ermöglicht, mit verschiedenen Werkzeugen die UX der SAP Software zu verbessern. Durch die neue Web-IDE (IDE = Integrated Development Environment, Web-IDE = Browser-basierte IDE, um Weboberflächen zu bauen) und SAPUI5 werden Kunden in die Lage versetzt, ihre eigenen Applikationen der neuen UX-Strategie folgend zu entwickeln.

Page 7: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

7Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Jederzeit, immer und überallSoftware wird heute von fast jedem überall genutzt, wir nehmen sie manchmal gar nicht mehr richtig wahr:   Smartphones, Tablets und Laptops machen uns den Zugriff auf Services, Applikationen und Informationen einfach –

ob privat oder geschäftlich spielt dabei keine Rolle.   IT ist nicht mehr länger nur einer kleinen Gruppe von Experten zugänglich.   Der Wunsch nach „coolen“ Geräten besteht – sie werden manchmal sogar zu Statussymbolen.   Das erhöht die Erwartungshaltung an Software: sie darf nicht nur nützlich sein, damit sie genutzt wird, sie muss

vor allem auch „Spaß“ machen. Dies gilt natürlich nicht nur für den privaten Bereich sondern immer mehr auch für geschäftliche Applikationen.

Von der Funktion zur RolleNeben der optischen Erneuerung der Software folgt die SAP im Design-Thinking-Context auch dem Ansatz, den User in seiner Arbeit optimal zu unterstützen. Dazu vollzieht die SAP einen radikalen Wandel in ihrer Art, wie die Software für den User organisiert ist. Stand vorher das Modul (SD, PP usw.) und die einzelne Transaktionen im Vordergrund, so geht man jetzt den Weg in eine rollenbasierte Organisation. Alle Funktionen, die ein User zur Erfüllung seiner Rolle benötigt, erscheinen auf einem Screen. So muss er sich nicht mehr durch die einzelnen Module bewegen, um seine Arbeit zu erledigen, sondern sieht alles im wahrsten Sinne des Wortes auf einen Blick.

Fazit Der Paradigmen-Wechsel weg von der Funktion hin zur Rolle wurde „endlich?“ auch von der SAP vollzogen. Durch die neuen UX-Möglichkeiten kann eine SAP-Anwendung ebenso „sexy“ sein, wie die User es von iOS oder Android-Apps gewohnt sind.

In diesem Zusammenhang wollen wir auch die Business Suite 4 SAP HANA“ – kurz S/4HANA – nicht unerwähnt lassen. Denn die HTML5-Fiori-Oberflächen dienen als Garanten für die angestrebte neue „Einfachheit“ der SAP Applikationen.

Autor: Jörg Waldenmayer, Team Lead Technology

Page 8: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Exkurs: Design Thinking

Page 9: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

9Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Was ist Design Thinking?Beim Design Thinking steht der Mensch im Mittelpunkt.

Design Thinking ist ein benutzerorientierter Innovations-ansatz, der sich Anleihen bei der Arbeit von Designern nimmt, um menschliche Bedürfnisse, technische Möglichkeiten und die Voraussetzungen für unternehmerischen Erfolg optimal abzubilden. — Tim Brown, Präsident und CEO, IDEO.

Das bedeutet, dass sich beim Design Thinking alles um die Benutzererfahrung dreht. Bei der Entwicklung von Produkten oder Projekten orientiert man sich an der Lösung und nicht am Problem. Ziel ist es, eine Lösung zu entwickeln, die auf die Bedürfnisse ihrer Nutzer ausgerichtet ist, anstatt sich allein auf die technische Herausforderung zu konzentrieren.

So wichtig das Design eines Produktes oder einer Lösung auch ist, ist es doch nur ein Puzzleteil, denn im Design Thinking kommen alle Aspekte zusammen: Look & Feel, Nutzung, Anwenderzufriedenheit und -nutzen.

Die meisten Menschen machen den Fehler zu denken, dass es bei Design nur darum geht, wie es aussieht. Die Leute denken, es ist nur Fassade – dass man den Designern einen Kasten in die Hand drückt und sagt: ‚Macht, dass es gut aussieht!’. Das ist nicht unser Verständnis von Design. Design ist nicht nur, wie etwas aussieht. Design ist auch, wie etwas funktioniert. — Steve Jobs, Mitgründer und CEO, Apple Inc.

Warum ist Design Thinking wichtig?Eine Bewertung des Design Management Instituts hat ergeben, dass designorientierte Unternehmen wie Apple, Coca-Cola, IBM oder Nike den S&P-500-Aktienindex in den vergangenen 10 Jahren um rund 228 % übertroffen haben (mehr dazu hier).

Page 10: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

10Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Aus der Untersuchung geht ganz klar hervor, dass Unternehmen, bei denen die Benutzererfahrung an erster Stelle steht, erfolgreicher sind. Dementsprechend kommt eine Konzentrierung auf das Kundenerlebnis auch den Aktionären zugute.

Wie wird beim Design Thinking vorgegangen?Jeder einzelne Schritt in diesem Ansatz setzt tiefgreifende menschliche Interaktion und ein entsprechendes Verständnis voraus:   Discovery – Beim ersten Schritt im Design-Thinking-Prozess geht es darum, ein empathisches Verstehen für

das zu lösende Problem zu entwickeln. Engagieren Sie sich, sammeln Sie Wissen, beobachten Sie die Nutzer und versetzen Sie sich in ihre Lage, um ihre Erfahrungen und Motivationen besser zu verstehen. Stellen Sie sicher, dass Sie die zugrunde liegenden Probleme auch auf persönlicher Ebene ganz genau verstehen. Einfühlungsvermögen ist unerlässlich für diesen Prozess, da er ein Verständnis für die Nutzer und deren Bedürfnisse schaffen soll.

   Interpretation – Analysieren Sie die Beobachtungen, die Sie im ersten Schritt gemacht haben. Fassen Sie die in Schritt eins gesammelten Daten zusammen, um die Probleme zu definieren, die Sie und Ihr Team ermittelt haben.

   Ideation – Beginnen Sie mit der Ideenfindung. Gehen Sie dabei neue Wege und seien Sie innovativ. Es gibt verschiedene Verfahren zur Ideenbildung, die Denkanreize schaffen und neue Ideen hervorbringen können, so zum Beispiel Brain Storming, Collaborative Sketching oder Reverse Thinking. Versuchen Sie, neue Lösungen zu finden, sammeln Sie anfangs so viele Ideen wie möglich und verfeinern Sie sie im Laufe der Ideenbildung.

   Experimentation – Prototyp: Bauen Sie einen oder mehrere preisgünstige Prototypen und testen Sie sie. Dies ist ein iterativer Prozess, der der Validierung der Ideen dient. Geben Sie die Prototypen weiter, lassen Sie sie von Ihrem Team ausgiebig testen, stellen Sie aber auch sicher, auch Dritte zu beteiligen, so zum Beispiel zukünftige Nutzer. Hören Sie sich ihre Meinungen an und wiederholen Sie gegebenenfalls die Ideenfindung und -entwicklung.

   Evolution – Setzen Sie die besten Ideen um. Testen Sie das fertige Produkt, sammeln Sie Feedback und behalten Sie die Benutzererfahrung genauestens im Auge. Dabei werden unter Umständen Probleme und Aspekte zu Tage treten, die eine Weiterentwicklung des Produkts erforderlich machen. Sie müssen den Kontext der Produktnutzung verstehen, wie Menschen mit dem Produkt interagieren und wie sie zu ihm stehen. Setzen Sie dieses Wissen ein, um das Produkt zu verbessern.

Page 11: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

11Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

SAP Fiori und Design ThinkingSAP Fiori ist SAPs Antwort auf die Anforderungen, die einer besseren Benutzererfahrung zugrunde liegen. Es fungiert als Designleitfaden und -standard für Unternehmensanwendungen. Es ist das neue Gesicht von SAP für alle Business User und stellt eine nahtlose Benutzererfahrung in den Mittelpunkt.

Die Anwendungen sehen nicht nur besser aus, mit SAP Fiori ist es zudem möglich, Unternehmensanwendungen praktisch auf jeder von den Endanwendern genutzten Plattform bereitzustellen, egal ob auf dem Desktop oder dem Mobilgerät.

Während SAP Fiori als Designleitfaden für die für Business User angestrebte Benutzererfahrung einer Anwendung dient, stellen die SAP UI5 Libraries die notwendigen Tools für eine schnelle und einfache Umsetzung von Anwendungen auf Desktops und Mobilgeräten nach Maßgabe der SAP-Fiori-Leitlinien zur Verfügung.

Aber das ist noch längst nicht alles. Sie sind nur ein Teil des Ökosystems, das SAP nach und nach aufbaut, um den Einsatz von Design-Thinking-Methoden zu vereinfachen. Tools wie SAP Web IDE und Tools für ein schnelles Prototyping wie zum Beispiel build treten in Erscheinung und werden fortlaufend verbessert, um Entwicklungsteams die optimalen Tools für ihren Design-Thinking-Prozess an die Hand zu geben.

Mit SAP Fiori und dem Ökosystem, das sich rundherum entwickelt, treibt SAP zudem nachdrücklich die Einführung der Design-Thinking-Methode voran, um die Geschäftsprozesse von Unternehmen zu optimieren.

Autor: Gerald Iakobinyi-Pich, Software Architect

Page 12: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

SAP Fiori und SAPUI5

Page 13: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

13Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

SAP Fiori – ein Blumenstrauß an MöglichkeitenSAP Fiori ist die neue User Experience (UX, also das Benutzererlebnis) für SAP Software. Dabei werden moderne Design-Prinzipien angewandt, um eine komplett neuartige User Experience zu schaffen. SAP Fiori UX repräsentiert ein neues personalisiertes, reaktionsschnelles und einfaches Benutzererlebnis über verschiedene Endgeräte hinweg.

Es gibt mehr als 400 Rollen-basierte SAP Fiori Applikationen für die unterschiedlichen Geschäftsbereiche, dazu gehören Personal, Finanzen, Herstellung, Beschaffung sowie Vertrieb. Rollen-basiert heißt, dass die User nur Zugang zu Applikationen erhalten, zu denen sie auch anhand ihres Nutzerprofils zugelassen wurden.

Das sind die Applikations-Typen von SAP Fiori:   Transactional Apps, die den Usern erlauben, sogenannte transaktionale Aufgaben zu erledigen. Das kann

beispielsweise die Genehmigung einer Dienstreise, Urlaubsantrages oder eines Budgets sein.   Analytical Apps, die den Usern Zugriff auf Kennzahlen gestatten. Dazu gehört unter anderem der (tages-) aktuelle

Umsatz, die Umsatzentwicklung der letzten 5 Tage usw.   Fact Sheets, diese zeigen Informationen und wichtige Schlüsselfaktoren über zentrale Objekte in Geschäfts

abläufen an.

Welchen Nutzen haben die User von SAP Fiori?Stellen Sie sich folgendes Szenario vor: Ein vielbeschäftigter Manager steht morgens bei seinem bevorzugten Coffee Shop in der Schlange. Bereits jetzt fällt eine ganze Liste von Anträgen seiner Mitarbeiter an, die er dank SAP Fiori schnell und einfach von seinem Handy aus bearbeiten kann. Kaum im Büro angekommen, legt er auf seinem PC einige Aufträge an. Dann schnell zum ersten Meeting des Tages – zum Glück hat er schon alle notwendigen Informationen zur Tagesordnung auf einem Tablet verfügbar. SAP Fiori macht’s möglich!

SAP Fiori ermöglicht es, von fast jedem Ort aus und mit jedem Gerät mit einer einheitlichen Benutzeroberfläche zu arbeiten. Die Benutzeroberfläche passt sich durch das responsive Design an die verschiedenen Geräte an. Dadurch hat man auf allen Geräten die gleiche Benutzeroberfläche zur Verfügung.

Entwickelt wurde SAP Fiori übrigens nicht nur fürs Management-Level, sondern auch für Mitarbeiter. Zum Beispiel können Self Service Workflows, Abwesenheitsanträge, Zeiterfassung oder Bestellungen durchgeführt werden, die direkt in SAP Fiori angelegt und auch dort genehmigt werden.

Während Web Dynpro sich am besten für schwierige Transaktionsanwendungen für Experten eignet, wurde Fiori dazu entworfen, einfache UIs (User Interfaces) zu bauen, die die User tagtäglich benutzen. Komplexere Anwendungen werden entweder als Web Dynpro-Applikation oder als SAPUI5-Appliktation entwickelt, welche nicht den Einschränkungen durch die Fiori-Guidelines unterliegt.

Zusammengefasst stellt Fiori eine Design-Guideline, eine neue UI-Philosophie, standardisierte Oberflächen-Bausteine (Buttons, Regler, Rahmen), das Launchpad sowie eine Reihe von Apps zur Verfügung, die diesen Regeln folgen. Nun kann man eigene Apps entwickeln, die diesen Vorgaben entsprechen. Sie basieren auf Fiori-Templates und können ins Launchpad integriert werden.

Page 14: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

14Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Was ist SAP UI5?SAP UI5 (SAP User Interface for HTML 5) ist der „Werkzeugkasten“ der SAP, die Entwickler für die Erstellung von Desktop- und mobilen Anwendungen nutzen können, die in einem Internetbrowser laufen. Es basiert auf Java Script und HTML5. Es handelt sich um genau zu sein um eine Client-seitige auf HTML5-Standards basierende Javascript-Bibliothek, vergleichbar mit AngularJS und anderen Frameworks.

SAP UI5 hat folgende Vorteile:   Einsatz von Technologien, die auf den meisten Endgeräten funktionieren   Offene Standards, die auch in der NON-SAP-Entwicklung etabliert und state-of-the-art sind   Flexibel erweiterbar durch die Möglichkeit weitere Bibliotheken einzusetzen

Jetzt noch etwas TechnikDie Trennung zwischen Business-Logik und Frontend war bei der SAP noch nie so groß wie jetzt. Die Kommunikation findet ausschließlich über Services statt (XML, JSON, ODATA) und das erfordert schon bei der Planung der Anwendung ein Umdenken zu früher.

Neben den Entwicklern der SAP selbst steht SAPUI5 allen zur Verfügung, die sich mit Web-Entwicklung (HTML, CSS3, JavaScript) auskennen. SAPUI5 ist einfach im Gebrauch, basiert auf Open Source Standards und punktet mit der Integration von 3rd-Party JavaScript Bibliotheken wie beispielsweise JQuery. SAPUI5 Anwendungen laufen auf einer Vielzahl von Endgeräten (Smartphone, Tablet, Desktop) und Server-Plattformen, wie beispielsweise SAP NetWeaver AS ABAP oder Java, SAP NetWeaver Cloud sowie der Sybase Unwired Plattform. SAPUI5 ist nicht auf SAP-Kunden beschränkt, als OpenUI5 steht es unter Apache-Lizenz und steht unter http://openui5.org/ für jeden frei zu Verfügung.

Autor: Jörg Waldenmayer, Team Lead Technology

Page 15: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Wie sieht die Infrastruktur von SAP Fiori

Anwendungen aus?

Page 16: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

16Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Zu Anfang eine Skizze der beteiligten Systeme zum besseren Verständnis und Einstieg:

Bei der Umsetzung von Fiori Anwendungen empfiehlt die SAP es, die Business-Logik und die UI Komponenten durch den Einsatz eines sogenannten zentralen Hub Deployments voneinander getrennt zu halten. Hierbei stellt das SAP-Gateway die zentrale Anlaufstelle für alle Anfragen und Applikationen dar. Dadurch wird ermöglicht, dass die unterschiedlichsten Backend-Systeme über einen einzigen Zugang angesprochen werden können. Die Verwendung stellt einen „single point“ für die Wartung von UI-Fragen zur Verfügung. Gleichzeitig dient es als zentrale Anlaufstelle für das Branding von SAP Fiori Anwendungen.

Zudem wird die Sicherheit verstärkt: es gibt keinen direkten Zugang zu den Daten im Backend. Dies ermöglicht unterschiedliche Lebenszyklen für Backend und Frontend. Das bedeutet man kann die Backend-Anwendungen anpassen oder austauschen, ohne zwangsläufig das Frontend anzupassen und umgekehrt. Dies wird durch den Einsatz von standardisierten Schnittstellen realisiert.

Im Folgenden erläutern wir jede Stufe der benötigten Infrastruktur:Client/EndgerätPrinzipiell werden alle Endgeräte unterstützt, die HTML5 und Javascript einsetzen. Dies können sowohl Webbrowser als auch mobile Endgeräte sein. Die Kommunikation mit der nächsten Ebene, dem Reverse Proxy, findet über HTTP(s) und OData (http://de.wikipedia.org/wiki/Open_Data_Protocol) statt.

Reverse Proxy ServerEin Reverse Proxy Server (http://de.wikipedia.org/wiki/Reverse_Proxy, SAP empfiehlt den SAP Web Dispatcher) wird benötigt, wenn neben den transaktionalen Anwendungen (welche auf den ABAP-Servern laufen, siehe linke Seite des Bildes) auch analytische Anwendungen und Fact Sheets verwendet werden sollen. Diese werden dann direkt als HANA-Services verarbeitet. Der Reverse Proxy entscheidet also, ob die Anfrage durch den ABAP-Frontend-Server bearbeitet werden soll und wenn ja, von welchem (Lastverteilung), oder ob die Anfrage direkt an die HANA-Instanz weitergeleitet werden soll.

Quelle: © 2014 SAP SE or an SAP affiliate company.

Page 17: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

17Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Frontend ServerDie nächste Stufe der Infrastruktur stellt der ABAP Frontend Server dar, der für alle Anwendungstypen erforderlich ist. Dieser Server beinhaltet die SAPUI5 Komponenten, die Fiori-Komponenten und das SAP NetWeaver Gateway.

Beleuchten wir zunächst das SAP NetWeaver Gateway genauer:Das SAP NetWeaver Gateway ermöglicht es, verschiedene Endgeräte, IT-Landschaften und Plattformen mit SAP Software zu verbinden. Hierfür bietet das Tool Schnittstellen und Services an, um mit jeder Programmiersprache oder –modell und ohne die Notwendigkeit SAP-Kenntnisse zu haben, mit der SAP Landschaft zu kommunizieren. Das SAP NetWeaver Gateway nutzt dabei vor allem REST Services und OData/ATOM Protokolle.

Der Gateway kann auf verschiedene Weise in eine bestehende Landschaft integriert werden. Mehr Informationen dazu gibt es hier.

Die Fiori-Komponenten sind hauptsächlich das Fiori-Launchpad sowie die Applikations-spezifischen UI-Komponenten (Masken und ähnliches für spezielle Anwendungen).

Backend ServerHinter dem Begriff Backend-Server verbergen sich die „normalen“ Anwendungen der SAP-Business Suite. Dieser Server kann also ein ECC, ein BW, ein CRM usw. sein.

Hier wird die gesamte Business-Logik abgebildet, die durch die im Frontend definierten CRUD-Services aufgerufen werden. Die Logik kann hier sowohl in Form von Klassen/Methoden oder Funktionsbausteinen vorliegen.

Natürlich lassen sich Frontend-Server und Backend-Server auf einer Maschine und in einer SAP-Installation betreiben. Ob eine Aufteilung der Server sinnvoll ist, hängt mit Sicherheit von der Größe der einzelnen Installation ab und ob mehrere Backend-Server angebunden werden sollen.

Datenbank/SAP HANAKommen wir zum letzten Schritt der Infrastruktur: die Datenbank. Prinzipiell eignet sich jede Datenbank, mit der das SAP-Backend kommunizieren kann. Also entweder die eigene Datenbank oder eine Datenbank, die mittels DBConnect oder ähnlichem abgefragt werden kann.

Die Ausnahmen von der Regel sind hier die analytischen Anwendungen. Für die Art der Anwendungen wird der „normale“ Datenfluss umgangen. Stattdessen werden direkt Services konsumiert, welche die HANA-Plattform bereitstellt.

Autor: Jörg Waldenmayer, Team Lead Technology

Page 18: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Wie sieht die Architektur von SAP Fiori

Anwendungen aus?

Page 19: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

19Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Wie wir bereits in den vorherigen Beiträgen erwähnt haben, empfiehlt die SAP in einer Fiori-Anwendung das Frontend von der Business-Logik zu trennen.

Die Anwendung als solche ist dafür in drei Bestandteile unterteilt:1. Das Frontend ist eine in SAPUI5 realisierte HTML5-Anwendung, die nur die reine User-Interaktion verwaltet.2. Das Netweaver Gateway, welches die Verbindung zwischen der Frontend-Applikation und dem Backend darstellt3. Die Business-Logik wird im Backend abgebildet und enthält neben der reinen Logik auch die Datenbank.

Das Frontend konsumiert einen Service, der durch das Backend zu Verfügung gestellt wird. Das Backend bezieht mittels Datenbank-Abfragen die Daten aus der Datenbank und verarbeitet diese. Die Daten werden zwischen den Applikationsbestandteilen mittels OData Protokoll ausgetauscht.

Als grundlegendes Entwurfsmuster für die Anwendung wird eine Variante des MVC-Pattern verwendet. Und das sogar mehrfach. Das hat gleich mehrere Vorteile. Erstens ist so die gesamte Anwendung aufgeteilt:   Man könnte den Fiori-Frontend-Part als View bezeichnen   Der Gateway mit seinen verschiedenen Services ist die Control   Und zu guter Letzt verbergen sich hinter den Aufrufen der Services im Backend die Geschäftslogik sowie das Modell.

Zweitens ist auch die Frontend-Applikation nach dem MVC-Pattern entworfen. Zumindest wenn man die SAP WEB IDE verwendet, werden verschiedene in XML erzeugte Views sowie entsprechende JS-Dateien gebildet. Diese dienen als Controller und Data Binding für das Modell.

Der Aufbau der ApplikationWir beginnen wieder oben im Frontend:   Das Data Binding an die einzelnen Services des Gateways passiert durch die Einbindung der Aufrufe in die JS-

Dateien. Entweder manuell oder durch einen Wizard, je nachdem welches Tool verwendet wird.   Events wie Button-Clicks, Drag-and-Drop und ähnliches werden durch die SAPUI5-Bibliothek zur Verfügung gestellt.

Hier muss nur noch sichergestellt werden, dass durch das Event der richtige Service angesprochen wird.   Entwickelt wird das Frontend entweder mit dem UI Development Toolkit für HTML5 (SAPUI5 – darüber haben wir

bereits berichtet), einem Eclipse-Plugin oder über die SAP WEB IDE.

Page 20: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

20Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Was sind die Aufgaben innerhalb des Netweaver Gateway?   Der Service, der die Daten bereitstellt, wird mit Hilfe der Transaktion SEGW eingerichtet.   Innerhalb der Transaktion werden die CRUD-Services (mehr Informationen unter http://en.wikipedia.org/wiki/

Create,_read,_update_and_delete) eingerichtet.

Um das MVC-Modell zu vervollständigen, fehlt nun noch das Backend und die Datenbank, um die Geschäftslogik und das Modell zu bilden:   In der Transaktion SE80 wird in Form einzelner Klassen ausprogrammiert.   Hierbei wird entweder auf HANA-Services oder die Standard-Datenbank zugegriffen.

Als Abschluss und für einen besseren Überblick fasst die folgende Grafik die Architektur nochmals zusammen:

Autor: Jörg Waldenmayer, Team Lead Technology

Page 21: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Exkurs: Der SAP UX Calculator –

Einsparpotentiale identifizieren

Page 22: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

22Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Beim Thema UX (UX = User Experience, deutsch: Benutzererfahrung) geht es um weitaus mehr, als darum, die Nutzeroberflächen ansprechender zu gestalten. Ziel soll es sein, die Betriebskosten dauerhaft zu senken und es den Nutzern zu ermöglichen, effektiver zu arbeiten. SAP hat deshalb den UX-Rechner entwickelt, der die Kosteneinsparung sichtbar macht.

Für UX ist SAP Fiori unerlässlich – denn SAP Fiori repräsentiert ein neues personalisiertes, reaktionsschnelles und einfaches Benutzererlebnis über verschiedene Endgeräte hinweg.

Die Grundlagen des SAP UX CalculatorsDas SAP-System ist für seine Nutzer mitunter recht komplex. Deshalb müssen Angestellte mit entsprechendem Support unterstützt werden. Die Schulungskosten können unter Umständen sehr hoch werden.

SAP hat verschiedene Endnutzer befragt und Informationen über Probleme und Wünsche bei der Bedienung zusammengetragen. Bei einem ersten Testprojekt wurde die benötigte Anzahl an Klicks bereits um mehr als 40 Prozent reduziert. Der Test hat bewiesen, dass ein neues Design mit SAP Fiori durchaus dazu beitragen kann, enorme Geldsummen einzusparen. Ein zusätzlicher Faktor: die Benutzeroberfläche kann mit SAP Fiori eurer Corporate Identity angepasst werden.

Eine verbesserte Benutzererfahrung durch Fiori kann zu finanziellen Einsparungen führenWir gehen hier von der Annahme aus, dass Sie noch die klassischen SAP-Benutzeroberflächen im Einsatz haben (Web Dynpro). Verglichen werden die potenziellen Ersparnisse mit einem Umstieg auf Fiori sowie einer Prozessoptimierung.

Der UX-Rechner fragt dazu verschiedene Komponenten ab. Beispielsweise das durchschnittliche Einkommen von Mitarbeitern, die Stunden, die bei Schulungen aufgewandt wurden und die Kosten pro Schulungsstunde. Außerdem werden die Häufigkeit und die Kosten für IT-Support-Tickets abgefragt. Durch die Berechnungen wird angezeigt, welche Einsparungen und Effizienzsteigerungen Ihr Unternehmen verzeichnen könnte, wenn Sie von den klassischen Benutzeroberflächen auf eine Fiori-Benutzeroberfläche umsteigen. Diese neue Oberfläche kann außerdem den unternehmens-spezifischen Prozessen angepasst werden.

Page 23: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

23Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Die Funktionen des SAP-ToolsDer UX Calculator wickelt verschiedene Berechnungen ab. SAP untersucht dabei, welche Unternehmensbereiche das größte Verbesserungspotential haben und sich daher für Investitionen eignen. Der Fokus liegt insbesondere auf vier Bereichen:1. Produktivität2. Schulungskosten3. IT-Support4. und die Anzahl von Fehlern, mit denen Kosten verbunden sind.

Die Ergebnisse, die der UX-Rechner ausgibt, werden genutzt, um einen Score zu bilden. Dieser hilft dabei die hauptsächlichen Probleme zu erkennen und eine Verbesserungsstrategie zu entwickeln.

SAP bildet sämtliche Werte aufgrund von Daten seiner Kunden. Der Rechner vergleicht die Daten anderer Kunden mit denen von Nutzern des Rechners und setzt diese in Relation. Die Erfolgsrate wird berechnet, indem die Verbesserungen vergangener Projekte mit einbezogen werden. Diese dienen als zuverlässige Quelle für eine Berechnung der Verbesserungsmöglichkeiten.

Der UX-Rechner von SAP ist kostenlos verfügbar. Dazu müssen Sie sich lediglich auf der betreffenden Homepage registrieren (hier geht es zum UX Calculator). Dort können Sie nach der Eingabe weniger Werte bereits erste Eindrücke von dem Verbesserungspotential der eigenen Oberfläche und der damit verbundenen Kostensenkungen einholen.

Bitte beachten Sie den offiziellen Hinweis der SAP: Der UX-Calculator stellt lediglich Schätzwerte zur Verfügung. Tatsächliche Ergebnisse und Kosten können abweichen und zudem von weiteren Faktoren abhängen, die vom Tool nicht abgebildet werden. Die Daten werden „so wie sie sind“ ohne Gewährleistung und Garantie jeglicher Art zur Verfügung gestellt, weder ausdrücklich noch stillschweigend, und die SAP ist auf keinen Fall für jegliche Schäden verantwortlich, die in Verbindung mit diesem Tool gebracht werden können.

Autor: Gerald Iakobinyi-Pich, Software Architect

Page 24: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Aufbau eines Testsystems mit SAP Fiori

Page 25: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

25Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Was ist das Zeil?Wir bauen ein Fiori-fähiges System in der Cloud auf und verbinden uns mit diesem.

Was sind die Voraussetzungen?Ein Amazon AWS-Konto und ein Konto in der SAP Cloud Appliance Library. Mehr bedarf es erst einmal nicht.

Die SAP stellt in der SAP Cloud Appliance Library bereits sehr viele vorkonfigurierte Instanzen bereit, die es ermöglichen mehr oder weniger sofort loszulegen.

Wir wählen die SAP ERP Foundation Extension powered by SAP HANA – Fully Activated Appliance Landscape [trial edition] und klicken auf Try now, Activate und anschließend auf Create Instance.

Die Konfiguration Schritt für Schritt erklärtNun beginnt die Konfiguration der Instanz.

Sie haben die Möglichkeit, verschiedene Regionen (also Standorte der Server) zu wählen. Nicht alle Regionen bieten alle Solutions an und nicht alle Regionen kosten den gleichen Betrag pro Minute. Wir empfehlen „us-east“, denn damit sind wir bisher am besten gefahren. Immer daran denken: wir reden von Test-Systemen, so dass Themen wie Datenschutz, Save Harbour u. ä. hier nur eine geringe Rolle spielen.

Als nächstes werden wir nach Master-Passwort, Name und Beschreibung gefragt. Hier können Sie Ihrer Phantasie freien Lauf lassen. Allerdings gibt es beim Passwort die SAP-üblichen Einschränkungen und man sollte es sich gut merken, da es später für nahezu alles benötigt wird. Ebenfalls kann man hier die Schedule-Time auswählen.Nun heißt es warten und nach ungefähr 1 Stunde wurde dann die Instanz vollautomatisch erstellt.

Page 26: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

26Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Noch ein Wort zu den KostenDie Instanz, die wir für die Fiori-Landschaft gewählt haben, besteht aus relativ mächtigen Maschinen. Die empfohlene (und vorausgewählte und deshalb bisher nicht erwähnte) Instanz-Type ist r3.8large. Wir spielen hier mit einer Maschine, die theoretisch über 220 GB Hauptspeicher verfügt. Dieses Spielzeug ist nicht ganz billig und schlägt mit ca. 3,10 $ pro Stunde zu Buche. Um etwas die Arithmetik zu strapazieren, kommen wir damit auf 74,40 $ pro Tag, 2.232,00 $ pro Monat und 27.156,00 $ pro Jahr. Es empfiehlt sich also hier die Instanz abzuschalten (auf SUSPEND setzen), wenn man sie nicht benötigt. Durch die Scheduler kann man bequem einstellen, dass der Server nur 8 h am Tag läuft (oder noch weniger) und dadurch massiv an Kosten sparen.

Ist die Instanz fertig erstellt, lässt sie sich im Reiter INSTANCES über einen Klick auf Activate starten. Sobald die Instanz gestartet ist (dauert zwischen 10 und 20 min) können wir uns über einen Klick auf Connect bereits via SAPGUI auf die Maschine verbinden und haben ein vollständiges ERP-System zur Verfügung.

Die Testumgebung ist angelegt!

Weitere Informationen zu den Demos, die in dieser Lösung enthalten sind und wie diese verwendet wird, können Sie diesem How-To entnehmen.

Autor: Jörg Waldenmayer, Team Lead Technology

Page 27: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Hello World – der Weg zur

ersten Fiori-App

Page 28: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

28Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Am Anfang steht die Wahl des EditorsVor jeder Hello-World-Anwendung steht die Wahl des Editors. Der einfachste Weg eine Fiori-App zu entwickeln geht sicher über die SAP WebIDE. Diese Cloud-basierte Entwicklungsoberfläche kommt mit einer Reihe von Templates und Editoren an, die einem das Leben rund um Fiori erleichtern.

Vielleicht stellen einige jetzt die Frage: ein „Cloud-Basierter Editor? Mein System mit der Cloud verbinden? Sicher nicht!“ Diese Bedenken sind verständlich – und glücklicherweise lassen sie sich einfachzerstreuen. Der sogenannte SAP HANA Cloud Connector (SCC) dient hierbei als Proxy, so dass keine direkte Verbindung zwischen der Cloud und dem OnPremise-System bestehen muss. So wird die WEB-IDE gestartet: erreichbar ist der Editor unter http://hanatrial.ondemand.com. Hier einfach einen Account anlegen und anmelden. Dann unter Subscriptions auf Weiter klicken. Oben findet man den Link zur persönlichen SAP WEB IDE.

Am besten diesen Link in die Favoriten packen, wir werden ihn noch häufiger benötigen.

Los geht’s – die erste Fiori-AppWir werden eine Master-Detail-App erstellen und verwenden dazu das bei jedem, der mal ABAP gelernt hat, bekannte Flugdaten-Modell. Für alle, die keine Services aktiviert haben, oder erstmal ausprobieren wollen, stellen wir die Daten als EDMX-File bereit.

Unter File klicken wir auf „New Project from Template“

Page 29: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

29Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Und wählen dann SAP Fiori Master Detail Application. Auf diese Weise bekommen wir die typische Fiori-Anwendung, bei der links eine Liste und rechts die Detail-Ansicht angeboten werden.

Wir vergeben einen Namen und klicken auf Next. Hier hat man entweder die Möglichkeit einen Service von einem Backend-System zu wählen, oder aber die Service-Definition aus einem File zu bekommen. Wir haben das File zum Download bereitgestellt, um hier die erste Anwendung ohne Problem erstellen zu können. Wählen wir also File-System und navigieren zu sflight.edmx. Ein Klick auf Next – und jetzt wird es spannend. Wir versorgen das Template mit den Informationen aus dem Service.

Im Screenshot sehen Sie die Zuweisung, die wir gewählt haben. Sie können gerne mit den Varianten etwas experimentieren.

[download id=“4521″]

Page 30: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

30Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Mit zwei weiteren Klicks auf Next wird die erste Fiori-App in Ihrem Workspace erstellt und sollte sich in etwa so darstellen:

Es wird spannend: der erste Fiori-TestUm unsere Applikation nun zu testen, machen wir einen Rechts-Klick auf die index.html und wählen Run Run with Mock Data. Damit füllt uns die Entwicklungsumgebung den Service mit Testdaten, ohne dass wir eine Verbindung zu einem Quellsystem benötigen.

In dieser Preview lassen sich die Auflösungen auswählen: Je nach Auswahl sollte die App dann in etwa so aussehen:

Und natürlich lässt sich auch die Mobile Darstellung testen: oben rechts kann ein QR-Code ausgewählt werden, der einen direkt zu der Mobile Version führt. Dieser Link lässt sich übrigens auch im Fiori-Mobile-Client aufrufen.

Autor: Jörg Waldenmayer, Team Lead Technology

Page 31: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Exkurs: In 7 Schritten zu Ihrer ersten SAP Fiori App

Page 32: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

32Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Downloaden Sie den Inspiricon-Leitfaden zur Erstellung einer SAP Fiori App.In diesem Leitfaden beschreiben wir Ihnen ausführlich und Schritt für Schritt, wie Sie selbst eine SAP Fiori App zur Datenvisualisierung erstellen können – und zwar in nur einer Stunde!

Jetzt hier downloaden!

In 7 Schritten zu Ihrer ersten SAP Fiori AppIn diesem Leitfaden beschreiben wir Ihnen ausführlich und Schritt für Schritt, wie Sie selbst eine SAP Fiori App zur Daten-visualisierung erstellen können – und zwar in nur einer Stunde!

Page 33: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

SAP HCP Mobile Services für SAP Fiori – neue Wege

für die mobile Nutzung

Page 34: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

34Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

SAP richtet seine Produktstrategie zukunftsträchtig aus und verwendet dabei Schlagwörter wie „Mobility first“ und „Device-Unabhängigkeit“. Mit SAP HCP, mobile services für SAP Fiori, wurden die technischen Grundlagen für die Entwicklung mobiler Anwendungen noch einmal kräftig erweitert. Dies wurde auch höchste Zeit: In vielen Bereichen mobiler Anwendungen liegt großes Potential brach – dies betrifft insbesondere Kostensenkungen und Effizienz der Anwendungen.

SAP HCP und SAP FioriSAP HCP ist ein Online-Dienst, der im Rahmen der SAP-Plattform-Dienste angeboten wird. Dieser zählt zu den beliebtesten PaaS-Angeboten (Platform as a Service), die am Markt existieren. Die Cloud-Computing-Plattform richtet sich in erster Linie an Softwareentwickler und beinhaltet verschiedene Dienste wie SAP HANA Datenbanken, IoT-Dienste (Internet of Things) und Integrations-Dienste.

Mit SAP Fiori werden eine Reihe von Applikationen für das SAP-System in SAPUI5 bzw. HTML5 bezeichnet. SAP Fiori erlaubt eine mobile Nutzung von SAP Transaktionen. Bei den Themen User Experience und Usability konnte SAP in den vergangenen Jahren leider nicht wirklich glänzen – in diesem Bereich ist die IT jedoch rasant fortgeschritten.

SAP HCP ist die zentrale Erweiterungs- und Entwicklungsplattform für Anwendungen in der Cloud. Es ist ein wahrer Alleskönner, der zukünftig von jedem SAP-Anwendungsunternehmen genutzt werden dürfte. SAP Fiori wird mithilfe von SAP HCP für mobile Nutzer optimiert, was vollkommen neue Möglichkeiten eröffnet. Die Vorteile und die Einfachheit der Nutzung überzeugen in vielerlei Hinsicht.

Was sind die Vorteile der neuen Plattform?1. Mit SAP HCP kann SAP Fiori auf die Nutzung durch mobile Anwender ausgerichtet werden. Mobile Nutzer können

über SAP Fiori Applikationen ihren Internetbrowser öffnen – dabei wird eine sichere und nahtlose Integration gewährleistet. Die SAP HANA Cloud Plattform ist ein Anwendungsservice, der eine Optimierung mobiler Leistungen ermöglicht.

2. Die Ende-zu-Ende-Lösungen erlauben die Anpassung, Absicherung und Vernetzung von Fiori Apps – ebenso ein Testen, Verteilen und Überwachen der Anwendungen.

3. SAP Fiori Applikationen können auf tragbaren Geräten als wahrhaft mobile Anwendungen fungieren. Nutzer können bei mobilen Anwendungen von einer hohen Benutzerfreundlichkeit profitieren.

4. Gerätefunktionen wie Barcode-Scanner, Autorisierung und Datensicherheitszugriff können implementiert und benutzerfreundlich ausgerichtet werden – gleiches gilt für das Branding von Geräten.

5. Nutzer können Gerätefunktionen schnell und umfassend nutzen. Das Erhalten von Push-Benachrichtigungen und der Zugriff auf lokale Daten laufen reibungslos ab. Unternehmen können von einer hohen Anwendungs- und Datensicherheit profitieren.

6. Die umfangreichen Autorisierungsmethoden erhöhen die Sicherheit und erlauben die Vergabe von Berechtigungen.

Page 35: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

35Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Und so geht’sDie Plattform SAP HCP für SAP Fiori kann relativ einfach genutzt werden. Wer diese ausprobieren möchte, kann sich einen kostenlosen Entwickleraccount zulegen. Dafür muss sich der Nutzer lediglich registrieren und einen Account beantragen: Dieser kann per E-Mail-Aktivierungslink freigeschaltet werden. Die Plattform ist übersichtlich gestaltet und erlaubt eine intuitive Bedienung. Auf der linken Seite befindet sich eine Leiste, in der die wichtigsten Funktionen geführt sind. Dort sind unter anderem das Dashboard, Hana XS Anwendungen, Datenbanksysteme, HTML5 Anwendungen, Services und Berechtigungen aufgelistet. Sobald eine der Kategorien angeklickt wurde, öffnen sich auf der rechten Seite die entsprechenden Kategorien wie beispielsweise Internet of Things, Device Management oder Fiori Mobile. Die anschließenden Arbeitsschritte sind selbsterklärend und funktionieren nach dem Baukastenprinzip, das auf einer intuitiven Bedienung beruht.

SAP HCP für Mobile Services für SAP FioriDie Nutzung von SAP HCP ist relativ einfach und erfordert keine besonderen Vorkenntnisse. Die Vorteile für mobile services sind immens. Spürbare Verbesserungen gibt es insbesondere in den Bereichen Daten- und Anwendungssicherheit, Autorisierung, Benutzerfreundlichkeit und Vernetzung. Mit den benutzerfreundlichen Neuerungen wurden grundlegende Möglichkeiten geschaffen, um Usability und User Experience zu erhöhen und mobile Anwendungen fortschrittlich und zeitgemäß zu gestalten.

Inspiricon Best Practice: Wie man mit SAP Fiori und SAP HCP eine Schnellsuche für http-Services entwickeltInspiricon hat eine branchenunabhängige und standardisierte Lösung für die Anforderung Autosuggest mit Fuzzy-Matching erarbeitet. Lesen Sie die ganze Best Practice hier: Inspiricon entwickelt mit SAP Fiori und SAP HCP eine Schnellsuche für http-Services.

Autor: Andrei Vlad, CEO Inspiricon SRL

Page 36: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Beispiel 1:

Applikationen bauen, die SAP Fiori und SAP BI

verbinden (Manage Users)

Page 37: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

37Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

SAP Fiori bietet uns bei Inspiricon großartige Möglichkeiten. Warum? Weil an unserem Standort in Cluj, Rumänien, die Kernkompetenzen SAP BI und Plattformentwicklung sind – zwei sehr unterschiedliche Bereiche und Technologien. Dank Fiori und SAP HANA haben wir es geschafft, eine Brücke zwischen diesen Geschäftsbereichen zu bauen. Unser Cross Technology Team ist für die Entwicklung der SAP Fiori Applikationen zuständig.

Wir haben bereits einige Projekte erfolgreich abgeschlossen. Und vor allem haben wir die Inspiricon Toolbox geschaffen. Das ist eine Sammlung von Applikationen, die auf der neuen, von SAP empfohlenen Architektur basieren (hier mehr dazu).

Mit der Toolbox möchten wir bestimmte Geschäftstätigkeiten von SAP abdecken, DSO Funktionalitäten ausbauen, Funktionen eines Input-bereiten Query aufrufen (basierend auf einem Planungs-Infocube) sowie den BEx Analyzer nachbilden. Basierend auf diesen Aussagen haben wir die Geschäftsziele definiert und bis dato drei Applikationen erstellt:   Manage Users   Time Tracker   BEx Query Analyzer

Heute präsentieren wir die erste Applikation: Manage Users – Stammdatenpflege leicht gemacht.Diese Applikation ermöglicht CRUD Operationen auf einem Data Store Object (DSO) aus BW auszuführen. Das „Motto” der Applikation lautet: „Als User dieser Applikation möchte ich folgendes tun können:   einen Überblick über alle User haben,   einen User anlegen, updaten, löschen   sowie die Userliste zu filtern und zu durchsuchen.“

Schritt für Schritt nähern wir uns einer neuen ApplikationZuerst mussten wir einen OData Service kreieren und diesen Service dann mit der SAP Fiori Applikation verbinden. Eine Fiori Applikation basiert auf den SAPUI5 Rahmenbedingungen und den SAP Fiori Design Richtlinien. Die Architektur baut auf dem MVC Modell auf. Wir nutzen die sap.m Bibliothek, da unsere Applikationen responsive sein sollen – über alle Devices hinweg: Desktop, Tablet und Smartphones.

Im nächsten Schritt haben wir die Funktionalitäten aufgesplittet und die Architektur erstellt.Als erstes haben wir über die Anzahl der benötigten Views entschieden, welche Funktionalität zu welchem View gehören soll und welche Komponente zur Funktionalität passt. Was benötigen wir?   Einen Überblick über alle User; in Bezug auf SAPUI5 ist das eine Liste oder eine Tabelle,   Einen neuen User anlegen, d.h. wir fügen einen neuen View hinzu oder fügen ein Popup dort ein, wo Userdaten

eingegeben werden,   Update eines Users, dies entspricht dem Szenario einen neuen User anzulegen.

Page 38: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

38Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Struktur und Komponenten erwachen zum LebenNachdem wir ein Set von Mock-Ups erstellt haben und unsere Alternativen verglichen haben, wurden die folgende Struktur und Komponenten implementiert:   Überblick: eine Tabellenkomponente, sap.m.Table, ist verbunden mit dem Tabellendatenmodell das automatisch

upgedatet wird, sobald eine Änderung im Modell gemacht wird, z. B. das Löschen oder Updaten eines Users (FIG.1 und FIG.2):

   Neuen User hinzufügen: für diese Funktionalität haben wir einen neuen View zu unserer App hinzugefügt. Dazu brauchten wir die Route-Komponente, sap.m.routing.Router, und mussten ein Route-Steuerungsprogramm implementieren. Die Hauptkomponente in diesem View ist das „Submit-Formular“, sap.ui.layout.form.SimpleForm (FIG.3 und FIG.4):

FIG.1: Löschen und Updaten von Usern (Desktop)

FIG.3: Neuen User hinzufügen (Desktop)

FIG.2: Löschen und Updaten von Usern (Mobile)

FIG.4: Neuen User hinzufügen (Mobile)

Page 39: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

39Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

   Update User: dies ist ebenfalls ein neuer View, mit einem einfachen Formular (FIG.5, FIG.6 und FIG.7):

   Einen User löschen: um einen User zu löschen, benötigten wir nur ein Auswahlprogramm in der Tabelle, einen „Lösch“-Button sowie eine Komponente, die über den Erfolg/Misserfolg des Löschens informiert (sap.m MessageToast).

   Filter: wir nutzen sap.m.IconTabBar, das uns gleichzeitig das Filtern erlaubt wenn ein Icon angeklickt wird.   Suche: dies ist eine Komponente, die bereits in der Tabelle vorhanden ist und die wir nur noch mit dem

Tabellenmodell verbinden mussten.

Ein sehr wichtiger Aspekt des UI-Entwicklungsprozesses ist der Umgang mit Datenanbindung. Glücklicherweise bietet SAPUI5 eine fertige out-of-the-box Komponente wie sap.ui.model.odata.ODataModel, das nur die URL des OData Service benötigt und alle CRUD Abläufe sowie Such- und Filterfunktionen übernimmt.

So entstand die Inspiricon Toolbox und ihre erste Applikation: Manage Users.

Wir verbinden SAP BI-Anwendungen mit SAP Fiori: Die Inspiricon-Toolbox. Weitere Details finden Sie auch in unserem Flyer.

Autor: Ana-Maria Pop, Team Lead Cross Technology

FIG.5: Update User (Desktop) FIG.6: Update User (Mobile) FIG.7: Update User

Page 40: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Beispiel 2:

Effiziente Zeiterfassung im Betrieb: der

Inspiricon Time Tracker

Page 41: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

41Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Diese Applikation dient dazu, die Arbeitszeit der Mitarbeiter direkt zu erfassen.

Warum haben wir uns entschlossen, diese Fiori App zu entwickeln? Besonders im SAP-Umfeld gibt es viele Firmen, die Lösungen für die Zeiterfassung im Einsatz haben, die auf Excel basieren. Wir bei Inspiricon haben festgestellt, dass Excel von vielen als das meist genutzte BI Tool für die Zeiterfassung angesehen wird. Unserer Meinung nach ist dies aber nicht effizient genug!

Daher haben wir einen anderen Weg gefunden, um auf SAP BW Daten zugreifen zu können und sie zu analysieren – und zwar mit SAP Fiori und OData Services. Die „Hauptstütze“ der Time Tracker Applikation ist ein Planungscube. Der Datentransfer aus dem Backend wird durch einen Input-bereiten Query ermöglicht, der als OData in die Fiori Applikation eingebunden ist.

Wie funktioniert unsere Fiori App?Wir erklären den Workflow anhand eines Beispiels:Wir haben einen Mitarbeiter der Firma X – eine Firma, die SAP ERP im Einsatz hat. D. h. es werden immer BI Tools für die Visualisierung, Reporting usw. benötigt. Jeden Tag arbeitet er an einem Projekt und an bestimmten Aufgaben dafür. Die Arbeitszeit für jede noch so kleinste Aufgabe muss genau und nachvollziehbar erfasst werden.

Wie geht das am schnellsten und einfachsten?Mit dem Inspiricon Time Tracker! Einer browserunabhängigen Applikation, mit der über alle Informationen Buch geführt werden kann. Dies ist von überall und von jedem Gerät aus möglich: PC, Laptop, Tablet oder Smartphone. Natürlich läuft die App in Echtzeit. Wenn der Vorgesetzte also genau jetzt einen Stundennachweis benötigt, muss er sich nur einloggen und sieht ihn auf einen Blick. Oder wenn z. B. ein Fehler in der eingetragenen Arbeitszeit auftaucht. Dann dauert es nur Sekunden, um das zu korrigieren.

Funktionsweise, Umfang und Workflow des Time TrackersDie Funktionsweise ist einfach und klar. Üblicherweise wird in SAP Fiori Applikationen die Funktionsweise so weit wie möglich aufgesplittet. Wenn es wie in unserem Beispiel um die Zeiterfassung geht, wären mindestens drei Applikationen nötig:1. eine, um die Zeit zu erfassen,2. eine für die Planung3. und eine für die Genehmigung.

Der Time Tracker ist die App für die Zeiterfassung.

Page 42: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

42Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Im Wesentlichen haben wir einen View für alle Funktionalitäten (FIG.1):

   Nach Datum filtern: Die Datenbindung zwischen der Zeitintervall-Komponente und der erhaltenden OData war eine Herausforderung und zwar wegen dem ACALLDAY. Aber wir geben nicht so einfach auf! Wir haben den Mock-Up mit dieser Komponente erstellt und das Ergebnis war ein voller Erfolg. Durch diese Komponente ist es möglich ein spezifisches Datum oder ein Intervall auszuwählen, um deine Arbeit zu visualisieren.

   Überblick über alle Eingaben: das ist eine Tabellenkomponente mit zusätzlicher Such- und Filterfunktionalität (FIG.2).

FIG.1: View für alle Funktionalitäten

FIG.2: Überblick über alle Eingaben

Page 43: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

43Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

   Arbeitszeit erfassen: man muss nur auf den Log Work-Button klicken und ein Fenster mit Formular öffnet sich. Wähle dann das Projekt, die Aufgabe, füge eine Beschreibung deiner Arbeit hinzu, die Anzahl der geleisteten Stunden, klicke dann Log und du hast es geschafft (FIG.3 and FIG.4)!

   Update der Arbeitszeit: dies ist auch ein Fenster, das sich öffnet wenn ein Eintrag aus der Tabelle angeklickt wird – so können die geleisteten Stunden angepasst oder geändert werden (FIG.5).

Und dies war der Umfang und Workflow unserer Applikation Time Tracker. Als nächste Schritte planen wir die Planungs- und Genehmigungs-Workflows zu implementieren.

Autor: Ana-Maria Pop, Team Lead Cross Technology

FIG.3: Log Work (Desktop)

FIG.5: Update der Arbeitszeit

FIG.4: Log Work (Mobil)

Page 44: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Beispiel 3:

Der BW Query Runner generiert Reports auf

Knopfdruck

Page 45: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

45Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Der Inspiricon BW Query Runner ist eine App, mit der die User vorab definierte Queries im BEx Query Analyser abrufen können. Die App ahmt sozusagen die Funktionalitäten des Standardanalyse-Add-Ins von Microsoft Excel nach – jedoch mit einem mobilen Konzept.

Die MotivationUm ganz am Anfang zu starten: wir haben festgestellt, dass es ein Problem mit der Darstellung von BI-Daten gibt, wenn man sie von unterwegs abrufen möchte. Dies gilt jedoch nicht für große Datenmengen oder irgendeinen anderen umfassenden BI Prozess. Den BW Query Runner haben wir daher so designed, dass Nutzer, die eine intuitive Art und Weise für den Zugang zu ihren Daten benötigen, dies schnell, einfach und mobil tun können.

Die ZielgruppeMit dieser Fiori Applikation wollen wir hauptsächlich die Leute erreichen, die ihre Geschäftsdaten jederzeit und überall abrufen möchten und so unabhängiger arbeiten können.

Die LösungUnsere Inspiricon Toolbox-Komponente BW Query Runner ist eine Lösung, die wir als eine Art „Schweizer Messer“ für unsere Zielgruppe entwickelt haben. Anstatt eine SAP Fiori App für jede einzelne Anforderung zu bauen, wollen wir einen Vorgeschmack darauf liefern, was diese neue Technologie alles kann – so entstand diese SAP Fiori Applikation. Nachdem wir bereits einige benutzerdefinierte Apps erstellt hatten, über die wir zuvor berichtet haben, haben wir uns für eine Anwendung entschieden, die – zumindest teilweise – in der Lage ist, sie alle zu ersetzen.

Die technische SeiteWir nutzen die SAP Gateway Komponente, um die BI Queries in zu verarbeitende OData Services umzuwandeln, die später auch im BW Query Runner genutzt werden. So konnten wir eine nahtlose Integration für den technischen Support unserer Inspiricon Toolbox erschaffen. Einen neuen Query zur Liste der bereits verfügbaren in der Anwendung hinzuzufügen ist jetzt eine Sache von wenigen Klicks (s. FIG.1).

FIG.1: Query hinzufügen

Page 46: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

46Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Die praktische SeiteUnsere SAP Fiori App verfügt über eine Palette von abrufbaren Funktionen für die Nutzer, die sowohl die Fähigkeiten der neuen Technologie als auch die BI-Erfahrung von Inspiricon demonstriert.

Darunter folgende:   Einfacher Zugang zu einer Liste von vordefinierten Queries, die „maßgeschneidert“ auf die Vorlieben und

Bedürfnisse jedes einzelnen Users sind (FIG.2 und FIG.3).

   Individuelle Auswahl in jeder Query, um immer die beste Nutzererfahrung für die optimalste Leistung abrufen zu können (FIG.4 und FIG.5).

   Angepasste Filtermöglichkeiten für den Schnellabruf der Daten, die unsere Nutzer benötigen (FIG.6).

Autor: Andrei Ghiura, SAP Consultant, Cross Technology Team

FIG.2: Vordefinierte Queries FIG.3: Vordefinierte Queries

FIG.4: Individuelle Auswahl

FIG.6: Angepasste Filtermöglichkeiten

FIG.5: Individuelle Auswahl

Page 47: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Kundenbeispiel:

Informationen mit SAP Fiori in Echtzeit auswerten

und visualisieren

Page 48: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

48Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Nun stellen wir Ihnen ein Kundenprojekt vor, bei dem es um die Einführung der Datenauswertung und -visualisierung in Echtzeit ging.

Unser Kunde Die ERCO GmbH, ist ein international führender Spezialist für Architekturbeleuchtung mit LED-Technologie. Das Familienunternehmen ist in rund 55 Ländern mit etwa 1.000 Mitarbeitern vertreten.

Die AusgangssituationERCO hat uns damit beauftragt, eine App zu entwickeln, die KPIs nicht nur anzeigen kann, sondern zudem den Anwendern auch die Möglichkeit bietet, die KPIs direkt zu kommentieren. Zum Beispiel für Soll-Ist-Vergleiche oder ähnliches. All diese Informationen zusammen genommen unterstützen die Vertriebssteuerung.

Die AnforderungenDurch die Einführung einer SAP Fiori Applikation mit Anbindung eines SAP BW Systems sollte eine Optimierung des Informationsaustauschprozesses zwischen Vertriebsmitarbeitern und der Geschäftsführung erreicht werden.

Daraus ergaben sich folgende Projektanforderungen für uns:   Reports und Feedback-Möglichkeiten sollen für Vertriebsmitarbeiter einfacher zugänglich werden –

inklusive mobiler Zugriffe.   Reports sollen in Echtzeit generiert werden.   Kommentare und Schätzungen von Vertriebsmitarbeitern sollen ebenfalls in Echtzeit erfasst und zentral

abgespeichert werden.   Geschäftsführer sehen die konsolidierten Daten, sobald sie von den Vertriebsmitarbeitern erfasst wurden.

Das ProjektzielWir hatten die Entwicklung einer mobilen App für das iPad vor Augen, die alle ca. 250 Außendienstmitarbeiter nutzen sollen, um ihre wichtigsten Vertriebskennzahlen stets im Blick zu haben. Übergeordnetes Ziel der mobilen App war es, den Außendienstmitarbeitern unabhängig von Zeit und Ort die Möglichkeit zu geben, sich über ihre aktuelle Vertriebsperformance zu informieren.

Page 49: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

INSPIRICON | SAP Fiori

49Inspiricon AG | Otto-Lilienthal-Str. 36 | 71034 Böblingen | www.inspiricon.de

zurück zum Inhaltsverzeichnis

Die folgende Grafik stellt –stark vereinfacht – die Projektschritte, die Veränderungen sowie Vorteile der SAP Fiori Applikation dar:

Am Ende stand ein mobiler, schlanker und vor allem sehr einfacher Prozess für das Monitoring und für die Anpassungen der Prognosen zur Verfügung. Mitglieder der Geschäftsführung und Vertriebsmitarbeiter haben damit immer die aktuellsten Daten zur Verfügung. Dies führt zu einer erheblichen Wertsteigerung der Daten. Das ist vor allem im Business Intelligence-Umfeld entscheidend, denn dort ist der Wert einer Information abhängig von ihrem Aktualitätsgrad.

Wir freuen uns, dass unser Kunde nach Einführung der SAP Fiori Applikation sehr zufrieden ist.

„Inspiricon hat das Projekt professionell von Anfang bis Ende erfolgreich durchgeführt. Die Kommunikation war offen und direkt. Der Status des Projektes war jederzeit transparent. Unser Projektziel wurde in Time & Budget erreicht. Wir freuen uns, mit der Inspiricon auch in der Zukunft zusammen zu arbeiten.“ — Celina Berg, Projektleiterin der ERCO GmbH, nach Abschluss des Projektes

Auch wir sind gespannt auf weitere gemeinsame Projekte! Die Success Story zu diesem Projekt finden Sie auf unserer Webseite.

Autor: Gerald Iakobinyi-Pich, Software Architect

Mittels OData Services wurden Berichtsdaten für die unterschied-

lichen Organisationse-benen aus dem SAP BW System geladen.

Benutzer können jetzt ihre Kommentare und neue Schätzungen

direkt in die Graphen einpflegen. Gleich- zeitig werden diese auch zentral im BW System gesichert.

Die Daten werden automatisch für die

nächste hierarchische Ebene aggregiert und angezeigt.

Use Cases und Berechtigungsebenen

wurden definiert.

Die geladenen Daten werden in über-sichtlichen Graphen

und Tabellen wieder-ge-geben.

Dadurch, dass die SAP Fiori Applikation sowohl auf Desktop, Notebook als auch auf mobilen Geräten anwendbar ist, erhöht

sich die Usability enorm.

Das ändert sich

Vorteile

Optimaler Informationsaustauschprozess zwischen Vertrieb und Geschäftsführung

Page 50: SAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES ... · PDF fileSAP FIORI – IHR DIREKTER EINSTIEG IN EIN NEUES BENUTZERERLEBNIS Wir erklären die Grundlagen und wie Sie die neuen

Inspiricon AG Otto-Lilienthal-Str. 36 | 71034 Böblingen | Telefon +49 7031 714 660-0

www.inspiricon.de