1 Warum SAP Fiori Elements?

19

1.1 Historische Entwicklung der Benutzeroberflächen bei SAP

20

1.1.1 Aufkommen der Weboberflächen

20

1.1.2 Einführung von SAPUI5 und SAP Fiori

22

1.1.3 Templates für wiederkehrende Anforderungen

26

1.2 Anforderungen an Benutzeroberflächen in SAP-on-Premise- und -Cloud-Produkten

31

1.3 Low-Code-Entwicklung

35

1.4 Beispielapplikation

37

2 Was Sie über SAPUI5 und SAP Fiori wissen sollten

39

2.1 Kurze Einführung in SAPUI5

39

2.2 Standardisierte Entwicklung mit SAP Fiori

43

2.2.1 SAPUI5 oder SAP Fiori?

45

2.2.2 Versionen von SAP Fiori

47

2.2.3 SAP Fiori Design Guidelines

50

2.2.4 SAP Fiori Launchpad

52

2.2.5 Erweiterungskonzept

60

3 OData als Basis für SAP-Fiori-Elements-Applikationen

67

3.1 Einführung in den OData-Standard

68

3.2 CRUDQ-Methoden

72

3.2.1 Query

73

3.2.2 Read

76

3.2.3 Delete

79

3.2.4 Create

80

3.2.5 Update

81

3.3 Filterung, Sortierung und sonstige Funktionen

82

3.3.1 Filterung

83

3.3.2 Sortierung

87

3.3.3 Expand-Funktion

87

3.3.4 Pagination

88

3.3.5 Formatierung der Antwort

89

3.3.6 Select

89

3.3.7 Inlinecount und Count

89

3.4 Verwaltung der OData-Services im SAP-System

90

3.5 OData- und CDS-Annotationen

97

4 Programmiermodelle

101

4.1 Warum braucht es neue Programmiermodelle für die Cloud?

102

4.2 SAP Cloud Application Programming Model

105

4.3 ABAP RESTful Application Programming Model

116

5 Entwicklungstools

123

5.1 Cloud-Entwicklungsumgebungen

123

5.1.1 SAP Web IDE, Full Stack

124

5.1.2 SAP Business Application Studio

132

5.2 Lokale Entwicklungsumgebungen

144

5.2.1 SAP Web IDE, Personal Edition

144

5.2.2 Eclipse

150

5.2.3 Visual Studio Code

156

6 Einführung in Floorplans und Anwendungsszenarien

163

6.1 Verfügbare Floorplans

163

6.1.1 Overview Page

164

6.1.2 Floorplans für Listen

167

6.1.3 Object Page

171

6.2 Anwendungsfälle für die Floorplans

174

6.3 Generische Annotationen

175

6.3.1 UI.HeaderInfo

175

6.3.2 UI.selectionField

176

6.3.3 UI.lineItem

176

6.3.4 UI.hidden

177

7 Overview Page

179

7.1 Einführung

179

7.1.1 Aufbau einer Overview Page

180

7.1.2 Verwendung der Overview Page

185

7.2 Annotationen für Overview Pages

189

7.3 CDS View für eine Overview Page

190

7.4 Entwicklung einer Overview Page im SAP Business Application Studio

192

7.4.1 Projekt anlegen

193

7.4.2 Table Card hinzufügen

195

7.4.3 Analytical Card hinzufügen

201

7.4.4 List Card hinzufügen

206

7.4.5 Stack Card hinzufügen

209

7.5 Entwicklung einer Overview Page in der SAP Web IDE

212

7.5.1 Projekt anlegen

212

7.5.2 Cards definieren

215

8 List Report und Worklist

217

8.1 Einführung

217

8.1.1 Dynamic Page Header

218

8.1.2 Content Area

221

8.1.3 Footer Toolbar

228

8.2 Annotationen für List Reports und Worklists

230

8.3 Entwicklung eines List Reports in der SAP Web IDE

231

8.3.1 Projekt anlegen

231

8.3.2 Annotationen im CDS View pflegen

236

8.3.3 Annotationen lokal pflegen

240

8.4 Entwicklung eines List Reports im SAP Business Application Studio

243

8.4.1 Projekt anlegen

243

8.4.2 Annotationen pflegen

247

8.5 Entwicklung einer Worklist im SAP Business Application Studio

249

8.5.1 Projekt anlegen

249

8.5.2 Annotationen lokal pflegen

252

9 Analytical List Page

257

9.1 Einführung

258

9.1.1 Header

263

9.1.2 Content Area

266

9.2 Annotationen für Analytical List Pages

267

9.3 CDS View für eine Analytical List Page

273

9.4 Entwicklung einer Analytical List Page im SAP Business Application Studio

276

9.4.1 Projekt anlegen

276

9.4.2 Visuellen Filter definieren

279

9.4.3 Key Performance Indicator anzeigen

283

9.5 Entwicklung einer Analytical List Page in der SAP Web IDE

287

9.6 Weiterentwicklung der Analytical List Page

292

10 Object Page

295

10.1 Einführung

295

10.1.1 Header

296

10.1.2 Content Area

299

10.1.3 Footer Toolbar

301

10.2 Annotationen für Object Pages

303

10.2.1 Header-Annotationen

303

10.2.2 Annotationen für Facets im Header und in den Abschnitten der Content Area

307

10.2.3 Semantische Annotationen

312

10.3 CDS View für eine Object Page

315

10.4 Entwicklung einer Object Page in der SAP Web IDE

317

10.5 Entwicklung einer Object Page im SAP Business Application Studio

325

11 Deployment

331

11.1 Continuous Integration und Continuous Delivery

332

11.2 Deployment-Optionen

334

11.2.1 On-Premise-Deployment

334

11.2.2 Cloud-Deployment

338

11.2.3 Mobile Deployment

342

11.3 SAP Fiori Launchpad konfigurieren

344

11.3.1 On-Premise-Konfiguration

345

11.3.2 Konfiguration in der Neo-Umgebung der SAP BTP

354

11.3.3 Konfiguration in der Cloud-Foundry-Umgebung der SAP BTP

359

12 Erweiterungen

365

12.1 Erweiterungsentwicklung mit dem Guided Development

366

12.2 Overview Page erweitern

370

12.2.1 Einen benutzerspezifischen Filter hinzufügen

371

12.2.2 Eine benutzerspezifische Card entwickeln

376

12.3 List Report erweitern

380

12.3.1 Eine benutzerspezifische Aktion hinzufügen

381

12.3.2 Einen benutzerspezifischen Filter hinzufügen

384

12.4 Object Page erweitern

386

12.5 Analytical List Page erweitern

388

12.5.1 Standardfilter hinzufügen

388

12.5.2 Einen benutzerspezifischen Filter hinzufügen

391

12.6 Erweiterungsprojekt implementieren

395

12.6.1 Erweiterungsprojekt anlegen

397

12.6.2 Erweiterungen im grafischen Editor vornehmen

398

12.6.3 Erweiterung bereitstellen

403

13 Navigation

409

13.1 Interne Navigation

409

13.1.1 Generelle Navigationsannotationen

410

13.1.2 Varianten zur Deklaration einer Navigation

412

13.2 Externe Navigation

416

13.2.1 Generelle Navigationsannotationen

417

13.2.2 Varianten zur Deklaration einer Navigation

419

13.2.3 Navigationsziel in einem neuen Browser-Tab öffnen

422