1 Was ist SAP Fiori?

25

1.1 SAP Fiori – das Konzept

26

1.1.1 Strategie zur Umsetzung der neuen Benutzerfreundlichkeit

27

1.1.2 Die Grundsätze von SAP Fiori

30

1.1.3 Aus Transaktionen werden Apps

32

1.1.4 Das SAP Fiori Launchpad

33

1.2 SAP Fiori – das Design

35

1.3 SAP Fiori – die Technologie

38

1.3.1 Technische Applikationstypen

41

1.3.2 Das Frontend – SAPUI5

42

1.3.3 Die Kommunikationsprotokolle

48

1.3.4 SAP Gateway

49

1.3.5 Die Backend-Varianten im Überblick

50

1.4 Das intelligente Unternehmen

52

1.5 Übersicht über die SAP-Fiori-Apps

54

1.5.1 SAP Fiori Apps Reference Library

54

1.5.2 App-Empfehlungen mit der SAP Fiori Apps Reference Library

59

2 User-Experience-Strategien entwickeln

65

2.1 Grundlagen

65

2.1.1 Was ist User Experience?

66

2.1.2 Design Thinking

69

2.1.3 UI vs. UX

71

2.2 Benutzeroberflächen gestalten

72

2.2.1 Mensch-Maschine-Kommunikation

72

2.2.2 Interaktionsdesign

74

2.2.3 Interaktionskonzepte

76

2.2.4 Visual Design

77

2.2.5 Einfluss der UX-Konzepte auf den Entwicklungsprozess

79

2.2.6 Mit SAP Fiori UI Kits arbeiten

81

2.3 Ihre eigene UX-Strategie entwickeln

96

2.3.1 Was ist eine UX-Strategie?

97

2.3.2 Anwendungsfallzentrierte Strategieentwicklung

101

2.3.3 Analytische Strategieentwicklung

102

2.3.4 Taktische Strategieentwicklung

103

2.3.5 Fazit

104

3 SAP Fiori Design Guidelines

105

3.1 Grundlagen

106

3.1.1 Unterstützung verschiedener Gerätetypen

107

3.1.2 Grid Layout

109

3.1.3 Letterboxing

110

3.1.4 Cozy Form Factor und Compact Form Factor

111

3.1.5 Schriftart

115

3.1.6 Icons

115

3.2 Floorplans

118

3.2.1 Seitenlayouts

118

3.2.2 Initial Page

123

3.2.3 List Report

124

3.2.4 Object Page

125

3.2.5 Object View

127

3.2.6 Edit Page

129

3.2.7 Worklist

134

3.2.8 Analytical List Page

135

3.2.9 Wizard

137

3.2.10 Overview Page

138

3.3 SAP Fiori for iOS Design Guidelines

140

3.3.1 Grundlagen

140

3.3.2 Page Types

141

3.3.3 Patterns

143

3.4 SAP Fiori for Android Design Guidelines

146

3.4.1 Grundlagen

146

3.4.2 Layouts

147

3.4.3 Pattern

148

3.5 Konzeptionelle SAP-Fiori-Applikationstypen

150

3.5.1 Analysis Path Framework

150

3.5.2 SAP Smart Business Framework

155

4 Das SAP Fiori Launchpad

157

4.1 Bestandteile des SAP Fiori Launchpads

157

4.1.1 Homepage des SAP Fiori Launchpads

157

4.1.2 Benutzermenü

159

4.1.3 Benachrichtigungsbereich

161

4.1.4 App Finder

163

4.1.5 Kacheln (Tiles)

165

4.1.6 Globale Suche

167

4.1.7 Startseite

171

4.1.8 Key Performance Indicators modellieren

177

4.1.9 Evolution des SAP Fiori Launchpads

178

4.1.10 Erweiterung durch Plug-ins

179

4.1.11 Fehlersuche

181

4.2 Das Launchpad aus technischer Sicht

183

4.2.1 Anwendungen integrieren

184

4.2.2 Die Rolle des Shell Containers

184

4.3 SAP-Fiori-Anwendungen bereitstellen

186

5 Architektur und Infrastruktur

191

5.1 Architekturüberblick und technische SAP-Fiori-Applikationstypen

191

5.1.1 SAP Fiori Launchpad

193

5.1.2 App-Typen

197

5.2 SAP HANA XSA

197

5.2.1 Virtuelle Datenmodelle

199

5.2.2 OData-Services

200

5.3 Backend-Architektur: Datenmodellierung, OData-Services und Suche

201

5.3.1 Virtuelles Datenmodell mit ABAP

201

5.3.2 OData-Service-Implementierungen und Geschäftslogik

203

5.3.3 Eingebettete Suche und Fact Sheets

206

5.4 ABAP-Frontend-Server

207

5.4.1 Zentrales UI-Add-on und SAPUI5

207

5.4.2 SAP Gateway und OData

213

5.4.3 Installationsoptionen für den ABAP-Frontend-Server

217

5.4.4 Cloud-Alternative: SAP Build Work Zone als zentraler Einstiegspunkt

218

5.5 SAP Web Dispatcher

219

5.6 Endgeräte

219

5.6.1 HTML5-Browser auf Desktop, Tablet und Smartphone

220

5.6.2 Hybrid Apps auf mobilen Endgeräten

220

5.7 Architektur im Kontext von SAP S/4HANA

221

5.7.1 SAP Fiori in einer SAP-S/4HANA-Systemlandschaft

221

5.7.2 ABAP-Programmiermodell für SAP Fiori

223

5.7.3 ABAP RESTful Application Programming Model

227

5.7.4 Transactional Apps

227

5.7.5 Analytical Apps

227

6 Anpassungen mit dem UI Theme Designer

229

6.1 Konzept des UI Theme Designers

230

6.1.1 CSS und LESS

230

6.1.2 Parameter

231

6.2 Mit dem UI Theme Designer arbeiten

232

6.2.1 Schnelles Theming

237

6.2.2 Detailliert

239

6.2.3 Expert Theming

240

6.2.4 Paletteneditor

243

6.2.5 Eigenen LESS- und CSS-Code einfügen

243

6.3 Themes verwalten

244

6.4 Themes verwenden

247

6.5 UI Theme Designer der SAP Business Technology Platform

249

7 Administration von SAP-Fiori-Anwendungen

255

7.1 Aufgaben eines SAP-Fiori-Administrators

255

7.1.1 Periodische Aufgaben

255

7.1.2 Benutzermanagement

256

7.1.3 Transportmanagement

257

7.2 Monitoring

257

7.2.1 Überwachen von SAP Gateway

258

7.2.2 Überwachen des UI-Add-ons für SAP NetWeaver

267

7.3 Troubleshooting

267

7.3.1 SAP Fiori Launchpad

268

7.3.2 SAP-Fiori-Apps

271

7.3.3 SAP Gateway

278

8 Grundlagen der SAP-Fiori-Entwicklung

289

8.1 SAPUI5

289

8.1.1 Entwicklungsumgebungen

290

8.1.2 Aufbau einer mobilen Anwendung

298

8.1.3 Implementierung einer mobilen SAPUI5-Anwendung

300

8.2 SAP Fiori Elements

335

8.2.1 Einführung

335

8.2.2 Überblick zu den UI-Annotationen

337

8.3 Best Practices bei der Entwicklung

339

8.3.1 Standardanwendungen

339

8.3.2 Auf jQuery und Deprecated APIs verzichten

339

8.3.3 Das Komponentenmodell von SAPUI5

340

8.3.4 Der Application Descriptor

344

8.3.5 Mit Models arbeiten

349

8.3.6 Simulation von Backend-Systemen

352

8.3.7 SAP Fiori Elements und Building Blocks

354

8.3.8 Dos and Don’ts

354

9 Entwicklung von Backend-Diensten

359

9.1 SAP Gateway und OData-Services

359

9.1.1 Beschreibung des Datenmodells

360

9.1.2 Generierung der Laufzeitartefakte

366

9.1.3 Implementierung der Data-Provider-Klasse

370

9.2 ABAP Core Data Services

384

9.2.1 Ein ABAP-Projekt anlegen

385

9.2.2 ABAP CDS View als OData-Service bereitstellen

392

9.2.3 Implementierung eines komplexeren OData-Service

395

9.2.4 Arbeiten mit UI-Annotationen

400

9.3 ABAP RESTful Application Programming Model

406

9.3.1 Architektur

406

9.3.2 Vom ABAP CDS zur ABAP Entity

407

9.3.3 Implementierung einer SAP-Fiori-Anwendung

410

10 Entwicklung von Anwendungen mit SAP Fiori Elements

423

10.1 Einführung in SAP Fiori Elements

423

10.1.1 Funktionsweise einer SAP-Fiori-Elements-Anwendung

434

10.1.2 Mit lokalen Annotationen arbeiten

439

10.2 Entwicklung eines List Reports mit Object Page

451

10.2.1 Implementierung eines List Reports

452

10.2.2 UI-Annotationen auslagern

470

10.2.3 Object Page implementieren

472

10.2.4 Worklist Report

481

10.2.5 SAP-Fiori-Elements-Anwendungen erweitern

483

10.3 Entwicklung einer Analytical List Page

493

10.3.1 Einführung in die Analytical List Page

493

10.3.2 Implementierung einer Analytical List Page

494

10.4 Entwicklung einer Overview Page

507

10.4.1 Backend implementieren

508

10.4.2 Frontend implementieren

510

11 Erweiterung von SAP-Fiori-Anwendungen

515

11.1 Einführung und Überblick

516

11.1.1 In-App Adaption und Side-by-Side-Erweiterungen

517

11.1.2 Erweiterung am Datenmodell

521

11.1.3 Erweiterungen der Geschäftslogik

522

11.1.4 Erweiterungen im Backend

523

11.1.5 Erweiterung von OData-Services

526

11.1.6 Erweiterungen von Fact Sheets

526

11.1.7 Erweiterung des User Interface

527

11.1.8 Dokumentation der Erweiterungsmöglichkeiten

527

11.2 Anpassungen mit den SAPUI5 Flexibility Services

528

11.2.1 Einführung in die SAPUI5 Flexibility Services

529

11.2.2 SAPUI5 Flexibility Services einsetzen

530

11.3 Erweiterungen im Backend

535

11.3.1 Erweiterung im ABAP Dictionary

535

11.3.2 Erweiterungen von Analytical Views

536

11.3.3 Erweiterungen der Geschäftslogik

537

11.4 Erweiterung von OData-Services

542

11.5 Erweiterung des User Interface

546

11.5.1 Adaptation Project anlegen

548

11.5.2 Views modifizieren

553

11.5.3 Views erweitern

558

11.5.4 Erweiterung von Texten

563

11.5.5 Konfiguration von Service-URLs

566

11.5.6 Erweiterung von Controllern

567

11.5.7 Hochladen und Konfigurieren der Erweiterung

569

11.5.8 Extension Projects mit den SAP Fiori Tools

571

11.5.9 Extension Project und Adaptation Project im Vergleich

577

11.6 Erweiterung der App »My Inbox« mit BAdIs

578

11.6.1 Kurze Einführung zu SAP Business Workflow

578

11.6.2 Implementierung der App »My Inbox«

585

11.6.3 Implementierung der BAdIs für das Resultat

592

11.6.4 Implementierung der BAdIs für Zusatzanzeigen

598

11.7 Implementierung von Erweiterungen für das ABAP-Programmiermodell für SAP Fiori

602

11.7.1 Einführung in die Erweiterungskonzepte für ABAP CDS

602

11.7.2 Erweiterung einer SAP-Fiori-Anwendung

605

11.8 Benutzerdefinierte Felder und Logik

621

11.8.1 Kundenspezifische Felder hinzufügen

623

11.8.2 Kundenspezifische Logik

629

12 SAP Fiori in der SAP BTP

631

12.1 Einführung in die SAP BTP

631

12.1.1 Account-Konzept

632

12.1.2 Services und Anwendungen

634

12.1.3 Cloud Connector

637

12.2 SAP Build Work Zone

642

12.2.1 Überblick zu SAP Build Work Zone im SAP Discovery Center

644

12.2.2 Website-Manager und Content-Manager in SAP Build Work Zone

646

12.3 Eine SAP-Cloud-Application-Programming-Model-Anwendung entwickeln

649

12.3.1 Überblick über das SAP Cloud Application Programming Model

649

12.3.2 Dokumentation und Ressourcen

651

12.3.3 Einführung in die Arbeit mit SAP Business Application Studio

652

12.3.4 Implementierung eines OData-Service

665

12.3.5 Anlegen einer SAP-Fiori-Oberfläche

670

13 SAP Build und Joule

695

13.1 Überblick über SAP Build

696

13.1.1 SAP Build Work Zone

697

13.1.2 SAP Build Code

698

13.1.3 SAP Build Process Automation

698

13.2 Entwicklung mit Joule

702

13.2.1 SAP Build Code

703

13.2.2 Nutzung von generativer KI

715

13.2.3 Joule mit den ABAP Development Tools in Eclipse

732

14 Entwicklungsinfrastruktur

745

14.1 Werkzeuge

746

14.1.1 Entwicklungsumgebung

746

14.1.2 Versionsverwaltung

747

14.1.3 Bundling

748

14.2 Einführung in Continuous Integration und Continuous Delivery

753

14.2.1 Continuous Integration

754

14.2.2 Continuous Delivery

755

14.2.3 Zusammenspiel von CI und CD

755

14.3 Arbeiten mit der Versionsverwaltung – ein Kurzüberblick

757

14.3.1 Repository anlegen

758

14.3.2 Access Token anlegen

759

14.3.3 Projekte in GitHub verwalten

761

14.4 SAP Continuous Integration and Delivery

763

14.4.1 SAP Continuous Integration and Delivery einrichten

765

14.4.2 SAP Continuous Integration and Delivery konfigurieren

770

14.4.3 SAP Continuous Integration and Delivery einsetzen

778

14.5 SAP Cloud Transport Management

780

14.5.1 Grundlagen von SAP Cloud Transport Management

780

14.5.2 Architektur und zentrale Komponenten

782

14.5.3 Ablauf des Transportprozesses

782

Anhang

785

A Quellenhinweise

785

A.1 Bücher

785

A.2 Websites

786

A.3 SAP-Kurse

786