SAP Fiori Elements - Fundamentals, Development, and Extension

Multilingual Book

🇩🇪 German (Original) 🇺🇸 English (Translation) 🇪🇸 Spanish (Translation)

✅ All languages are included in your purchase

Publisher SAP PRESS

Year / Edition 2026 / 2

Pages 460

Authors Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger

SAP Fiori Elements

Create SAP Fiori apps using the low-code approach with SAP Fiori Elements! From the basics to navigating between apps, this book includes practical development examples for all floorplans. New in the 2nd edition: AI support in the development tools, a flexible programming model for custom pages, and expanded deployment options. This allows you to develop modern user interfaces even without in-depth programming knowledge or to accelerate your development projects.

Easy Creation of SAP Fiori Apps
Practical development examples for all floorplans and programming models
Extensibility, AI features, Flexible Programming Model

You'll learn about:

Low-Code Development:
Learn how to use the pre-built floorplans for common use cases such as lists, overview pages, and object details. The framework automatically generates user interfaces based on SAP Fiori design principles.
AI Support and Modern Tools:
Discover the new AI features in SAP Business Application Studio and take advantage of the new Flexible Programming Model for custom pages and advanced customizations of your apps.
Deployment and Extensions:
From development to deployment: Learn how to display apps in the SAP Fiori Launchpad, implement mobile deployment with SAP Mobile Start, and extend existing applications with custom sections, views, and tabs.

Key Highlights:

AI support with Joule
Overview Page, List Report, and Object Page
Analytical List Page
Flexible Programming Model
Develop Custom Pages
OData Services and CDS Annotations
Mobile Deployment
App Extensions
Navigation Between Apps

View Full Table of Contents

Introduction
PART I Fundamentals
1 Why SAP Fiori Elements?
- 1.1 Historical Development of User Interfaces at SAP
  - 1.1.1 The Emergence of Web Interfaces
  - 1.1.2 Introduction of SAPUI5 and SAP Fiori
  - 1.1.3 Templates for Recurring Requirements
- 1.2 Requirements for User Interfaces in SAP On-Premise and Cloud Products
- 1.3 Low-Code Development
- 1.4 Flexible Programming Model
- 1.5 Kl Support During Development
- 1.6 Sample Application
2 What You Should Know About SAPUI5 and SAP Fiori
- 2.1 Brief Introduction to SAPUI5
- 2.2 Standardized Development with SAP Fiori
  - 2.2.1 SAPUI5 or SAP Fiori?
  - 2.2.2 Versions of SAP Fiori
  - 2.2.3 SAP Fiori Design Guidelines
  - 2.2.4 SAP Fiori Launchpad
  - 2.2.5 Extension Concept
3 OData as the Basis for SAP Fiori Elements Applications
- 3.1 Introduction to the OData Standard
- 3.2 CRUDQ Methods
  - 3.2.1 Query
  - 3.2.2 Read
  - 3.2.3 Delete
  - 3.2.4 Create
  - 3.2.5 Update
- 3.3 Filtering, Sorting, and Other Functions
  - 3.3.1 Filtering
  - 3.3.2 Sorting
  - 3.3.3 Expand Function
  - 3.3.4 Pagination
  - 3.3.5 Formatting the Response
  - 3.3.6 Select
  - 3.3.7 InlineCount and Count
- 3.4 Managing OData Services in the SAP System
  - 3.4.1 Traditional Development and Activation (Without Eclipse)
  - 3.4.2 Modern Development and Activation (with Eclipse)
- 3.5 OData and CDS Annotations
4 Programming Models
- 4.1 Why Are New Programming Models Needed for the Cloud?
- 4.2 SAP Cloud Application Programming Model
- 4.3 ABAP RESTful Application Programming Model
5 Development Tools
- 5.1 SAP Business Application Studio
  - 5.1.1 Where can I find SAP Business Application Studio?
  - 5.1.2 Importing Applications
  - 5.1.3 Features of SAP Business Application Studio
  - 5.1.4 Prompt Engineering with Joule
  - 5.1.5 Advantages and Limitations
- 5.2 Local Development Environments
  - 5.2.1 Eclipse
  - 5.2.2 Visual Studio Code
PART II Development with Floorplans
6 Introduction to Floorplans and Use Cases
- 6.1 Available Floorplans
  - 6.1.1 Overview Page
  - 6.1.2 Floorplans for Lists
  - 6.1.3 Object Page
- 6.2 Use Cases for Floorplans
- 6.3 Generic Annotations
  - 6.3.1 UI.HeaderInfo
  - 6.3.2 UI.selectionField
  - 6.3.3 UI.lineItem
  - 6.3.4 UI.hidden
7 Overview Page
- 7.1 Introduction
  - 7.1.1 Structure of an Overview Page
  - 7.1.2 Using the Overview Page
- 7.2 Annotations for Overview Pages
- 7.3 CDS View for an Overview Page
- 7.4 Developing an Overview Page in SAP Business Application Studio
  - 7.4.1 Creating a Project
  - 7.4.2 Adding a Table Card
  - 7.4.3 Adding an Analytical Card
  - 7.4.4 Adding a List Card
  - 7.4.5 Adding a Stack Card
8 List Report and Worklist
- 8.1 Introduction
  - 8.1.1 Dynamic Page Header
  - 8.1.2 Content Area
  - 8.1.3 Footer Toolbar
- 8.2 Annotations for List Reports and Worklists
  - 8.2.1 Search Field
  - 8.2.2 Filter Fields
  - 8.2.3 Value Lists
  - 8.2.4 Headings
  - 8.2.5 Columns
  - 8.2.6 Cells
  - 8.2.7 Actions
- 8.3 Developing a List Report Application
  - 8.3.1 Creating an Application
  - 8.3.2 Defining a Table
  - 8.3.3 Configuring Filtering
  - 8.3.4 Adding a Quick Filter
  - 8.3.5 Creating Views
- 8.4 Developing a Worklist Application
9 Analytical List Page
- 9.1 Introduction
  - 9.1.1 Header
  - 9.1.2 Content Area
- 9.2 Annotations for Analytical List Pages
- 9.3 CDS View for an Analytical List Page
- 9.4 Developing an Analytical List Page in SAP Business Application Studio
  - 9.4.1 Create a Project
  - 9.4.2 Defining a Visual Filter
  - 9.4.3 Displaying a Key Performance Indicator
- 9.5 Further Development of the Analytical List Page
10 Object Page
- 10.1 Introduction
  - 10.1.1 Header
  - 10.1.2 Content Area
  - 10.1.3 Footer Toolbar
- 10.2 Annotations for Object Pages
  - 10.2.1 Header
  - 10.2.2 Actions
  - 10.2.3 Sections and Facets
  - 10.2.4 Sections Related to a Table
  - 10.2.5 Semantic Annotations
- 10.3 Developing an Object Page
  - 10.3.1 Creating an Object Page
  - 10.3.2 Configuring the Header
  - 10.3.3 Inserting a Section with a Field Group
  - 10.3.4 Inserting a Section with Grouping
  - 10.3.5 Inserting a Section with a Table
PART III Advanced Concepts
11 Development with the Flexible Programming Model
- 11.1 Introduction
- 11.2 SAP Fiori Development Portal
  - 11.2.1 Extension Points
  - 11.2.2 Building Blocks
  - 11.2.3 Controller Extensions
  - 11.2.4 Advanced Features for Extending SAP Fiori Elements
- 11.3 Building Blocks
  - 11.3.1 Field
  - 11.3.2 Form
  - 11.3.3 FormElement
  - 11.3.4 Table
  - 11.3.5 FilterBar
  - 11.3.6 FilterField
  - 11.3.7 MicroChart
  - 11.3.8 Chart
  - 11.3.9 FlexibleColumnLayoutActions
  - 11.3.10 Share
  - 11.3.11 Paginator
  - 11.3.12 Column
- 11.4 Implementing a Sample Application
  - 11.4.1 Using the Flexible Programming Model in SAPUI5 Freestyle Applications
  - 11.4.2 Creating a New Application Using the Flexible Programming Model
  - 11.4.3 Adding an Object Page via the Page Map
  - 11.4.4 Adding a Controller Extension
12 Deployment
- 12.1 Continuous Integration and Continuous Delivery
- 12.2 Deployment Options
  - 12.2.1 On-Premises Deployment
  - 12.2.2 Cloud Deployment
  - 12.2.3 Mobile Deployment
- 12.3 Configuring SAP Fiori Launchpad
  - 12.3.1 On-Premise Configuration
  - 12.3.2 Configuration in the SAP BTP Cloud Foundry Environment
13 Extensions
- 13.1 Developing Extensions with Guided Development
- 13.2 Extending the Overview Page
  - 13.2.1 Adding a User-Specific Filter
  - 13.2.2 Developing a User-Specific Card
- 13.3 Extending the List Report
  - 13.3.1 Adding a User-Specific Action
  - 13.3.2 Adding a User-Specific Filter
- 13.4 Extending the Object Page
- 13.5 Extending the Analytical List Page
  - 13.5.1 Adding a Standard Filter
  - 13.5.2 Add a user-specific filter
- 13.6 Implementing an Extension Project
  - 13.6.1 Create an Extension Project
  - 13.6.2 Making Extensions in the Graphical Editor
  - 13.6.3 Deploying an Extension
14 Navigation
- 14.1 Internal Navigation
  - 14.1.1 General Navigation Annotations
  - 14.1.2 Variants for Declaring Navigation
- 14.2 External Navigation
  - 14.2.1 General Navigation Annotations
  - 14.2.2 Variants for Declaring Navigation
  - 14.2.3 Open a Navigation Destination in a New Browser Tab
- 14.3 Preview of Intent-Based Navigation in the Development Environment
Appendix
- A Important Annotations
The Authoring Team
Index

SAP Fiori Elements

Erstellen Sie SAP-Fiori-Apps nach dem Low-Code-Ansatz mit SAP Fiori Elements! Von den Grundlagen bis zur Navigation zwischen Apps enthält dieses Buch praktische Entwicklungsbeispiele für alle Floorplans. Neu in der 2. Auflage: KI-Unterstützung in den Entwicklungstools, Flexible Programming Model für Custom Pages und erweiterte Deployment-Optionen. So entwickeln Sie auch ohne vertiefte Programmierkenntnisse moderne Benutzeroberflächen oder beschleunigen Ihre Entwicklungsprojekte.

Einfache Erstellung von SAP-Fiori-Apps
Praktische Entwicklungsbeispiele für alle Floorplans und Programmiermodelle
Erweiterbarkeit, KI-Funktionen, Flexible Programming Model

Du lernst etwas über:

Low-Code-Entwicklung:
Erfahren Sie, wie Sie die vorgefertigten Floorplans für häufige Anwendungsfälle wie Listen, Übersichtsseiten und Objektdetails nutzen. Das Framework generiert automatisch Benutzeroberflächen nach den SAP-Fiori-Gestaltungsprinzipien.
KI-Unterstützung und moderne Tools:
Entdecken Sie die neuen KI-Funktionen im SAP Business Application Studio und nutzen Sie das neue Flexible Programming Model für Custom Pages und erweiterte Anpassungen Ihrer Apps.
Deployment und Erweiterungen:
Von der Entwicklung bis zur Bereitstellung: Erfahren Sie, wie Sie Apps im SAP Fiori Launchpad anzeigen, ein Mobile Deployment mit SAP Mobile Start umsetzen und bestehende Anwendungen mit Custom Sections, Views und Tabs erweitern.

Aus dem Inhalt:

KI-Unterstützung mit Joule
Overview Page, List Report und Object Page
Analytical List Page
Flexible Programming Model
Custom Pages entwickeln
OData-Services und CDS-Annotationen
Mobile Deployment
App-Erweiterungen
Navigation zwischen Apps

Komplettes Inhaltsverzeichnis

Einleitung
TEIL I Grundlagen
1 Warum SAP Fiori Elements?
- 1.1 Historische Entwicklung der Benutzeroberflächen bei SAP
  - 1.1.1 Aufkommen der Weboberflächen
  - 1.1.2 Einführung von SAPUI5 und SAP Fiori
  - 1.1.3 Templates für wiederkehrende Anforderungen
- 1.2 Anforderungen an Benutzeroberflächen in SAP-On-Premise- und -Cloud-Produkten
- 1.3 Low-Code-Entwicklung
- 1.4 Flexible Programming Model
- 1.5 Kl-Unterstützung bei der Entwicklung
- 1.6 Beispielapplikation
2 Was Sie über SAPUI5 und SAP Fiori wissen sollten
- 2.1 Kurze Einführung in SAPUI5
- 2.2 Standardisierte Entwicklung mit SAP Fiori
  - 2.2.1 SAPUI5 oder SAP Fiori?
  - 2.2.2 Versionen von SAP Fiori
  - 2.2.3 SAP Fiori Design Guidelines
  - 2.2.4 SAP Fiori Launchpad
  - 2.2.5 Erweiterungskonzept
3 OData als Basis für SAP-Fiori-Elements-Applikationen
- 3.1 Einführung in den OData-Standard
- 3.2 CRUDQ-Methoden
  - 3.2.1 Query
  - 3.2.2 Read
  - 3.2.3 Delete
  - 3.2.4 Create
  - 3.2.5 Update
- 3.3 Filterung, Sortierung und sonstige Funktionen
  - 3.3.1 Filterung
  - 3.3.2 Sortierung
  - 3.3.3 Expand-Funktion
  - 3.3.4 Pagination
  - 3.3.5 Formatierung der Antwort
  - 3.3.6 Select
  - 3.3.7 Inlinecount und Count
- 3.4 Verwaltung der OData-Services im SAP-System
  - 3.4.1 Klassische Entwicklung und Aktivierung (ohne Eclipse)
  - 3.4.2 Moderne Entwicklung und Aktivierung (mit Eclipse)
- 3.5 OData- und CDS-Annotationen
4 Programmiermodelle
- 4.1 Warum braucht es neue Programmiermodelle für die Cloud?
- 4.2 SAP Cloud Application Programming Model
- 4.3 ABAP RESTful Application Programming Model
5 Entwicklungstools
- 5.1 SAP Business Application Studio
  - 5.1.1 Wo finde ich das SAP Business Application Studio?
  - 5.1.2 Applikationen importieren
  - 5.1.3 Funktionen des SAP Business Application Studios
  - 5.1.4 Prompt Engineering mit Joule
  - 5.1.5 Vorteile und Einschränkungen
- 5.2 Lokale Entwicklungsumgebungen
  - 5.2.1 Eclipse
  - 5.2.2 Visual Studio Code
TEIL II Entwicklung mit Floorplans
6 Einführung in Floorplans und Anwendungsszenarien
- 6.1 Verfügbare Floorplans
  - 6.1.1 Overview Page
  - 6.1.2 Floorplans für Listen
  - 6.1.3 Object Page
- 6.2 Anwendungsfälle für die Floorplans
- 6.3 Generische Annotationen
  - 6.3.1 UI.HeaderInfo
  - 6.3.2 UI.selectionField
  - 6.3.3 UI.lineItem
  - 6.3.4 UI.hidden
7 Overview Page
- 7.1 Einführung
  - 7.1.1 Aufbau einer Overview Page
  - 7.1.2 Verwendung der Overview Page
- 7.2 Annotationen für Overview Pages
- 7.3 CDS View für eine Overview Page
- 7.4 Entwicklung einer Overview Page im SAP Business Application Studio
  - 7.4.1 Projekt anlegen
  - 7.4.2 Table Card hinzufügen
  - 7.4.3 Analytical Card hinzufügen
  - 7.4.4 List Card hinzufügen
  - 7.4.5 Stack Card hinzufügen
8 List Report und Worklist
- 8.1 Einführung
  - 8.1.1 Dynamic Page Header
  - 8.1.2 Content Area
  - 8.1.3 Footer Toolbar
- 8.2 Annotationen für List Reports und Worklists
  - 8.2.1 Suchfeld
  - 8.2.2 Filterfelder
  - 8.2.3 Wertehilfen
  - 8.2.4 Überschriften
  - 8.2.5 Spalten
  - 8.2.6 Zellen
  - 8.2.7 Aktionen
- 8.3 Entwicklung einer List-Report-Applikation
  - 8.3.1 Applikation anlegen
  - 8.3.2 Tabelle definieren
  - 8.3.3 Filterung konfigurieren
  - 8.3.4 Quick Filter hinzufügen
  - 8.3.5 Views erstellen
- 8.4 Entwicklung einer Worklist-Applikation
9 Analytical List Page
- 9.1 Einführung
  - 9.1.1 Header
  - 9.1.2 Content Area
- 9.2 Annotationen für Analytical List Pages
- 9.3 CDS View für eine Analytical List Page
- 9.4 Entwicklung einer Analytical List Page im SAP Business Application Studio
  - 9.4.1 Projekt anlegen
  - 9.4.2 Visuellen Filter definieren
  - 9.4.3 Key Performance Indicator anzeigen
- 9.5 Weiterentwicklung der Analytical List Page
10 Object Page
- 10.1 Einführung
  - 10.1.1 Header
  - 10.1.2 Content Area
  - 10.1.3 Footer Toolbar
- 10.2 Annotationen für Object Pages
  - 10.2.1 Kopfbereich
  - 10.2.2 Aktionen
  - 10.2.3 Abschnitte und Facets
  - 10.2.4 Abschnitte mit Bezug auf eine Tabelle
  - 10.2.5 Semantische Annotationen
- 10.3 Entwicklung einer Object Page
  - 10.3.1 Object Page anlegen
  - 10.3.2 Header konfigurieren
  - 10.3.3 Abschnitt mit Feldgruppe einfügen
  - 10.3.4 Abschnitt mit Gruppierung einfügen
  - 10.3.5 Abschnitt mit Tabelle einfügen
TEIL III Weiterführende Konzepte
11 Entwicklung mit dem Flexible Programming Model
- 11.1 Einführung
- 11.2 SAP Fiori Development Portal
  - 11.2.1 Erweiterungspunkte
  - 11.2.2 Building Blocks
  - 11.2.3 Controller-Erweiterungen
  - 11.2.4 Fortgeschrittene Funktionen zur Erweiterung von SAP Fiori Elements
- 11.3 Building Blocks
  - 11.3.1 Field
  - 11.3.2 Form
  - 11.3.3 FormElement
  - 11.3.4 Table
  - 11.3.5 FilterBar
  - 11.3.6 FilterField
  - 11.3.7 MicroChart
  - 11.3.8 Chart
  - 11.3.9 FlexibleColumnLayoutActions
  - 11.3.10 Share
  - 11.3.11 Paginator
  - 11.3.12 Column
- 11.4 Implementierung einer Beispielanwendung
  - 11.4.1 Das Flexible Programming Model in SAPUI5-Freestyle-Applikationen verwenden
  - 11.4.2 Neue Applikation mit dem Flexible Programming Model erstellen
  - 11.4.3 Object Page über die Page Map hinzufügen
  - 11.4.4 Controller-Erweiterung hinzufügen
12 Deployment
- 12.1 Continuous Integration und Continuous Delivery
- 12.2 Deployment-Optionen
  - 12.2.1 On-Premise-Deployment
  - 12.2.2 Cloud-Deployment
  - 12.2.3 Mobile Deployment
- 12.3 SAP Fiori Launchpad konfigurieren
  - 12.3.1 On-Premise-Konfiguration
  - 12.3.2 Konfiguration in der Cloud-Foundry-Umgebung der SAP BTP
13 Erweiterungen
- 13.1 Erweiterungsentwicklung mit dem Guided Development
- 13.2 Overview Page erweitern
  - 13.2.1 Einen benutzerspezifischen Filter hinzufügen
  - 13.2.2 Eine benutzerspezifische Card entwickeln
- 13.3 List Report erweitern
  - 13.3.1 Eine benutzerspezifische Aktion hinzufügen
  - 13.3.2 Einen benutzerspezifischen Filter hinzufügen
- 13.4 Object Page erweitern
- 13.5 Analytical List Page erweitern
  - 13.5.1 Standardfilter hinzufügen
  - 13.5.2 Einen benutzerspezifischen Filter hinzufügen
- 13.6 Erweiterungsprojekt implementieren
  - 13.6.1 Erweiterungsprojekt anlegen
  - 13.6.2 Erweiterungen im grafischen Editor vornehmen
  - 13.6.3 Erweiterung bereitstellen
14 Navigation
- 14.1 Interne Navigation
  - 14.1.1 Generelle Navigationsannotationen
  - 14.1.2 Varianten zur Deklaration einer Navigation
- 14.2 Externe Navigation
  - 14.2.1 Generelle Navigationsannotationen
  - 14.2.2 Varianten zur Deklaration einer Navigation
  - 14.2.3 Navigationsziel in einem neuen Browsertab öffnen
- 14.3 Vorschau auf die Intent-basierte Navigation Preview in der Entwicklungsumgebung
Anhang
- A Wichtige Annotationen
Das Autorenteam
Index

ℹ️ How to purchase this book?

This product has a special price upon request. You can start your order or clarify any doubts using the Contact for Price button on the page.

We have also prepared a step-by-step guide to explain how to easily request your quote.

Read the guide here →

Disclaimer

SAP, other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other countries. Our Company is not affiliated to SAP SE or any of its affiliated companies including but not limited to: Sybase, Business Objects, Hybris, Ariba and SuccessFactors. All other names, brands, logos, etc. are registered trade or service marks of their respective owners.

Home > SAP Books > Multilingual Books > SAP Fiori Elements - Fundamentals, Development, and Extension

SAP Fiori Elements - Fundamentals, Development, and Extension

Name: SAP Fiori Elements - Fundamentals, Development, and Extension
Brand: SAP
SKU: BOOK-SAPPRESS_DE-EBOOK-2026-9783367113248
Availability: InStock

Warranty

Receive the product you were expecting or we will refund your money

Would you like to see a sample of the course or book?

If you need a sample of the course or book, request it in the chat below and we will be happy to provide it to you.

1 installment of $0.00 USD without interest		Total $0.00 USD
2 installments of $0.00 USD without interest		Total $0.00 USD
3 installments of $0.00 USD without interest		Total $0.00 USD
4 installments of $0.00 USD without interest		Total $0.00 USD
5 installments of $0.00 USD without interest		Total $0.00 USD
6 installments of $0.00 USD without interest		Total $0.00 USD

SAP Fiori Elements

You'll learn about:

Key Highlights:

SAP Fiori Elements

Du lernst etwas über:

Aus dem Inhalt:

ℹ️ How to purchase this book?

Disclaimer

SAP Fiori Elements - Fundamentals, Development, and Extension

Related products