Inhalt. TEIL I SAP Fiori im Überblick. 1 Was ist SAP Fiori? User-Experience-Strategien entwickeln Einleitung... 17

Transkript

1 Einleitung TEIL I SAP Fiori im Überblick 1 Was ist SAP Fiori? SAP Fiori das Konzept Strategie zur Umsetzung der neuen Benutzerfreundlichkeit Die SAP-Fiori-Grundsätze Aus Transaktionen werden Apps Das SAP Fiori Launchpad SAP Fiori das Design Templates und Applikationstypen SAP Fiori die Technologie Technische Applikationstypen Das Frontend SAPUI Die Kommunikationsprotokolle SAP Gateway Das Backend SAP HANA und SAP HANA XS Übersicht über die SAP-Fiori-Apps Übersicht über SAP-Fiori-Anwendungen Die SAP-Fiori-Anwendung»Kundenauftrag anlegen« User-Experience-Strategien entwickeln Grundlagen Was ist User Experience? Design Thinking UI vs. UX Benutzeroberflächen gestalten Mensch-Maschine-Kommunikation Interaktionsdesign Interaktionskonzepte Visual Design

2 2.2.5 Einfluss der UX-Konzepte auf den Entwicklungsprozess Ihre eigene UX-Strategie entwickeln Was ist eine UX-Strategie Anwendungsfallzentrierte Strategieentwicklung Analytische Strategieentwicklung Taktische Strategieentwicklung Fazit SAP Fiori Design Guidelines Grundlagen Unterstützung verschiedener Gerätetypen Das Grid-Layout Letterboxing Cozy Form Factor und Compact Form Factor Schriftart Icons Floorplans Seitenlayouts Startseite Objektansicht Objekte bearbeiten Listenbasierte Darstellung Arbeitslisten Konzeptionelle Fiori-Applikationstypen Approval App Master-Detail-App Shopping App Analysis Path Framework (APF) SAP Smart Business Framework Das SAP Fiori Launchpad Bestandteile des SAP Fiori Launchpads Die SAP Fiori Launchpad Homepage Kacheln (Tiles) Globale Suche Die Startseite personalisieren Key Performance Indicators modellieren Das Launchpad aus technischer Sicht Anwendungen integrieren Die Rolle des Shell-Containers SAP-Fiori-Anwendungen bereitstellen TEIL II SAP Fiori implementieren 5 Architektur Architekturüberblick und technische Fiori-Applikationstypen Das SAP Fiori Launchpad App-Typen SAP HANA XS Virtuelle Datenmodelle OData-Services SAP NetWeaver AS ABAP und die SAP Business Suite OData-Service-Implementierungen und Geschäftslogik Eingebettete Suche und Infoblätter ABAP-Frontend-Server Zentrales UI-Add-on und SAPUI SAP Gateway und das OData-Protokoll Installationsoptionen für den ABAP- Frontend-Server SAP Web Dispatcher Endgeräte HTML5-Browser auf Desktop, Tablet und Smartphone Hybride Apps auf mobilen Endgeräten Installation Installation planen SAP Fiori Apps Reference Library Rapid Deployment Solutions

3 6.1.3 SAP-Online-Hilfe SAP-Hinweise Installationsvoraussetzungen überprüfen Voraussetzungen für die Installation auf SAP HANA Voraussetzungen für den ABAP-Backend- Server Voraussetzungen für den ABAP-Frontend- Server Softwarekomponentenversionen herunterladen Software-Download-Center SAP Solution Manager Installationswerkzeuge SAP HANA Application Lifecycle Manager Add-on Installation Tool Software Update Manager Plattformkomponenten installieren Smart Business Foundation Component auf SAP HANA installieren SAP-Gateway-Komponenten auf den ABAP-Backend-Servern installieren SAP-Gateway-Komponenten auf dem ABAP-Frontend-Server installieren UI-Add-on auf dem ABAP-Frontend- Server installieren SAP Web Dispatcher installieren Produktspezifische Komponenten installieren Virtuelle Datenmodelle und OData- Services auf SAP HANA XS installieren Produktspezifische Komponenten auf den ABAP-Backend-Servern installieren Produktspezifische OData-Services und UI-Komponenten auf dem ABAP-Frontend- Server installieren Konfiguration Kommunikationskanäle und Single Sign-On konfigurieren HTTPS einrichten Routing im SAP Web Dispatcher einrichten RFC-Vertrauensbeziehung vom ABAP- Backend- zum ABAP-Frontend-Server einrichten Initiale Authentifizierung durch den ABAP-Frontend-Server Authentifizierung am ABAP-Backend- Server für Suchanfragen Authentifizierung an SAP HANA XS Benutzerabgleich zwischen den Servern ABAP-Frontend-Server konfigurieren Spracheinstellungen festlegen SAP-Systemaliasse einrichten SAP Gateway aktivieren OData-Services für die zentralen UI-Komponenten registrieren SICF-Services für die zentralen UI-Komponenten freischalten Rollen für SAP Fiori Launchpad kopieren, pflegen und zuordnen SAP Fiori Launchpad und transaktionale Apps Konzept der Launchpad-Konfiguration LPD_CUST-Launchpads und -Anwendungen anlegen Semantische Objekte anlegen Kataloge anlegen Zielzuordnungen konfigurieren Statische und dynamische App-Launcher- Kacheln konfigurieren Nachrichtenkachel konfigurieren Gruppen anlegen Kataloge und Gruppen zu Rollen zuordnen SAP-Fiori-Suche und Infoblätter konfigurieren SAP-Hinweise implementieren Business Functions aktivieren Sekundäre Datenbankverbindung einrichten

4 7.4.4 Konnektorbasierte Berechtigungsprüfungen aktivieren ICF-Services auf dem Backend aktivieren Konnektoren anlegen und Indizierung starten Enterprise-Suche für mehrere Backend- Server konfigurieren Rollen und Benutzerzuordnung auf dem Backend-Server anpassen Rollen und Benutzerzuordnung auf dem Frontend-Server anpassen SICF- und OData-Services auf dem Frontend-Server aktivieren KPI Modeler und analytische Apps KPI Framework freischalten Privilegien auf SAP HANA gewähren Konfiguration hybrider Apps KPIs anlegen KPI-Kacheln verwenden Anpassungen mit dem UI Theme Designer Konzept des UI Theme Designers CSS und LESS Parameter Mit dem UI Theme Designer arbeiten Schnelles Theming Experten-Theming Paletten-Editor Eigenen LESS- und CSS-Code einfügen Themen verwalten Themen verwenden Administration von SAP-Fiori-Anwendungen Aufgaben eines SAP-Fiori-Administrators Periodische Aufgaben Benutzermanagement Transportmanagement Monitoring Überwachen von SAP Gateway Überwachen des UI-Add-ons für SAP NetWeaver Troubleshooting SAP Fiori Launchpad und Launchpad Designer SAP-Fiori-Apps SAP Gateway TEIL III SAP-Fiori-Anwendungen entwickeln 10 Grundlagen der SAP-Fiori-Entwicklung SAPUI Die Entwicklungsumgebung Aufbau einer mobilen Anwendung Implementierung einer mobilen SAPUI5- Anwendung Best Practices bei der Entwicklung Asynchronous Module Definitions Das Komponentenmodell von SAPUI Der App Descriptor Routing Arbeiten mit Modellen Die Datei localindex.html Simulation von Backend-Systemen Dos and Don ts Entwicklung von Backend-Diensten SAP Gateway und OData-Services Beschreibung des Datenmodells Generierung der Laufzeitartefakte Implementierung der Data-Provider- Klasse SAP HANA und SAP HANA XS Entwicklung von OData-Services auf SAP HANA XS Entwicklung von XS-Services

5 12 Entwicklung einer SAP-Fiori-Anwendung mit Eclipse Erste Schritte SAPUI5-Plug-in SAP Fiori Toolkit Implementierung des SAP-HANA-XS-Backends Information-View-Typen von SAP HANA Design eines analytischen Views Implementierung des Backend-Services Implementierung einer analytischen SAP-Fiori- Anwendung Diagramme und die SAP Fiori Guidelines Die Implementierung Eingrenzen der angezeigten Daten über Filter Datensimulation mit dem MockServer Entwicklung einer SAP-Fiori-Anwendung mit SAP Web IDE Einführung in die SAP Web IDE Die Architektur der SAP Web IDE SAP HANA Cloud Connector Lokale Installation Mit der SAP Web IDE arbeiten Die Versionsverwaltung Konfiguration der Backend-Konnektivität Weiterführende Konfigurationseinstellungen Mit Projekten arbeiten Eine Anwendung mit der SAP Web IDE entwickeln Projekt anlegen Oberfläche entwickeln Anwendung ausliefern Mock-up-Möglichkeiten für die Simulation von Backend-Systemen nutzen Erweiterung von SAP-Fiori-Anwendungen Einführung und Überblick Erweiterungen im Backend Erweiterung von OData-Services Erweiterungen von Infoblättern Erweiterung des User Interface Dokumentation der Erweiterungsmöglichkeiten Erweiterungen im Backend Erweiterung im ABAP Dictionary Erweiterungen von analytischen Views Erweiterungen der Geschäftslogik Erweiterung von OData-Services Backend-Server SAP HANA XS Erweiterung von Infoblättern Erweiterung des Suchmodells Anpassung der Annotationsdatei Konfiguration des SAP Fiori Launchpads Erweiterung des User Interfaces Einrichten der Entwicklungsumgebung Vorbereitung des Erweiterungsprojekts Erweiterung von Views Erweiterung von Texten Konfiguration von Service-URLs Erweiterung von Controllern Modifikation von Views Ersetzen von Views Konfiguration der Navigations-Routings Hochladen und Konfigurieren der Erweiterung Erweiterung der Approval App mit BAdIs Kurze Einführung zu SAP Business Workflow Implementierung der Approval App Implementierung der BAdIs für das Resultat

6 Implementierung der BAdIs für Zusatzanzeigen Ausblick A Quellenhinweise B Die Autoren Index