SAP Fiori Elements

Development and Extensibility

Book Information

• Publisher: SAP PRESS
• Authors: Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger
• Year: 2023
• Edition: 1
• Pages: 413
• Language: English

Description

Take the guesswork out of app development with this comprehensive guide! Learn how to use SAP Fiori elements to develop SAP Fiori applications with minimal coding. Walk through the basics of SAP Fiori elements, including the OData standard, programming models, and development tools. Then, follow step-by-step instructions to build your applications using floorplan templates. Finally, learn how to deploy and extend your applications. This is your complete resource for creating and extending SAP Fiori elements apps!

• Create SAP Fiori applications with floorplan templates
• Follow step-by-step instructions to build overview pages, list reports, worklists, analytical list pages, and object pages
• Deploy and extend SAP Fiori elements applications

Key Highlights

• SAP Business Application Studio
• SAP Web IDE
• SAPUI5
• SAP Cloud Application Programming Model
• ABAP RESTful application programming model
• Floorplans
• Overview pages
• Object pages
• Worklists and list reports
• Deployment
• Extensions
• Navigation

You'll learn about

• Application Basics:
  Get to know SAP Fiori elements and how it works! Discover the framework behind SAPUI5 and SAP Fiori, and review the programming models and development tools that are commonly used to build SAP Fiori applications.
• Developing Applications:
  Not sure where to start with SAP Fiori floorplans? Learn about their different use cases and choose the best template for your application scenario. Follow step-by-step instructions for building an app with each type of floorplan: overview pages, list reports, worklists, analytical list pages, and object pages.
• Deployment and Extensions:
  Walk through instructions for deployment, whether you’re working with an on-premise, cloud, or mobile system. Then, see how to get the most out of your applications by extending them with filters, actions, and cards.

Table of Contents

• Preface
• Objective and Target Audience
• How to Read This Book

• Part I Basics

• 1 Why SAP Fiori Elements?
• 1.1 Historical Development of User Interfaces at SAP
• 1.1.1 Emergence of Web Interfaces
• 1.1.2 Implementation 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.2.1 On-Premise and Cloud Products
• 1.2.2 Consistent User Experience
• 1.3 Low-Code Development
• 1.4 Example Application
• 1.5 Summary

• 2 Overview of SAPUI5 and SAP Fiori
• 2.1 Introduction to SAPUI5
• 2.1.1 Comparison with Other Frameworks
• 2.1.2 Release Cycle
• 2.1.3 Responsive Design
• 2.1.4 Model View Controller
• 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
• 2.3 Summary

• 3 OData: The Basis of All 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
• 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.5 OData and Core Data Services Annotations
• 3.6 Summary

• 4 Programming Models
• 4.1 Why Do We Need New Programming Models for the Cloud?
• 4.2 SAP Cloud Application Programming Model
• 4.3 ABAP RESTful Application Programming Model
• 4.4 Summary

• 5 Development Tools
• 5.1 Cloud Development Environments
• 5.1.1 SAP Web IDE Full-Stack
• 5.1.2 SAP Business Application Studio
• 5.2 Local Development Environments
• 5.2.1 SAP Web IDE, Personal Edition
• 5.2.2 Eclipse
• 5.2.3 Visual Studio Code
• 5.3 Summary

• Part II Developing Applications with Floorplan Templates

• 6 Introduction to Floorplans and Application Scenarios
• 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 the 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
• 6.4 Summary

• 7 Overview Page
• 7.1 Introduction
• 7.1.1 Structure of an Overview Page
• 7.1.2 Using Overview Pages
• 7.2 Annotations for Overview Pages
• 7.3 Core Data Services Views for Overview Pages
• 7.4 Developing an Overview Page in SAP Business Application Studio
• 7.4.1 Create a Project
• 7.4.2 Add a Table Card
• 7.4.3 Add an Analytical Card
• 7.4.4 Add a List Card
• 7.4.5 Add a Stack Card
• 7.5 Developing an Overview Page in SAP Web IDE
• 7.5.1 Create a Project
• 7.5.2 Define Cards
• 7.6 Summary

• 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 Annotations for List Reports
• 8.2.2 Annotations for Worklists
• 8.3 Development of a List Report in SAP Web IDE
• 8.3.1 Create a Project
• 8.3.2 Maintaining Annotations in the Core Data Services View
• 8.3.3 Maintaining Annotations Locally
• 8.4 Developing a List Report in SAP Business Application Studio
• 8.4.1 Create a Project
• 8.4.2 Maintain Annotations
• 8.5 Developing a Worklist in SAP Business Application Studio
• 8.5.1 Create a Project
• 8.5.2 Maintaining Annotations Locally
• 8.6 Summary

• 9 Analytical List Page
• 9.1 Introduction
• 9.1.1 Overview
• 9.1.2 Header
• 9.1.3 Content Area
• 9.2 Annotations for Analytical List Pages
• 9.3 Core Data Services Views for Analytical List Page
• 9.4 Developing Analytical List Pages in SAP Business Application Studio
• 9.4.1 Create a Project
• 9.4.2 Define a Visual Filter
• 9.4.3 Display Key Performance Indicators
• 9.5 Developing an Analytical List Page in SAP Web IDE
• 9.6 Further Development of the Analytical List Page
• 9.7 Summary

• 10 Object Page
• 10.1 Introduction
• 10.1.1 Header
• 10.1.2 Content Area
• 10.1.3 Footer Toolbar
• 10.2 Annotations for the Object Pages
• 10.2.1 Header Annotations
• 10.2.2 Annotations for Facets in the Header and Content Area Sections
• 10.2.3 Semantic Annotations
• 10.3 Core Data Services View for an Object Page
• 10.4 Development of an Object Page in SAP Web IDE
• 10.5 Development of an Object Page in SAP Business Application Studio
• 10.6 Summary

• Part III Additional Concepts

• 11 Deployment
• 11.1 Continuous Integration and Continuous Delivery
• 11.2 Deployment Options
• 11.2.1 On-Premise Deployment
• 11.2.2 Cloud Deployment
• 11.2.3 Mobile Deployment
• 11.3 Configuring SAP Fiori Launchpad
• 11.3.1 On-Premise Configuration
• 11.3.2 Configuration in the SAP BTP, Neo Environment
• 11.3.3 Configuration in the SAP BTP, Cloud Foundry Environment
• 11.4 Summary

• 12 Extensions
• 12.1 Developing with Guided Development
• 12.2 Extending Overview Pages
• 12.2.1 Adding a Custom Filter
• 12.2.2 Developing a User-Specific Card
• 12.3 Extending List Reports
• 12.3.1 Adding a User-Specific Action
• 12.3.2 Adding a User-Specific Filter
• 12.4 Extending Object Pages
• 12.5 Extending Analytical List Pages
• 12.5.1 Adding Default Filters
• 12.5.2 Adding a User-Specific Filter
• 12.6 Implementing an Adaption Project
• 12.6.1 Overview
• 12.6.2 Creating an Adaption Project
• 12.6.3 Building Extensions in the Graphical Editor
• 12.6.4 Deploying an Adaption Project
• 12.7 Summary

• 13 Navigation
• 13.1 Internal Navigation
• 13.1.1 General Annotations for Navigation
• 13.1.2 Methods of Declaring Navigation
• 13.2 External Navigation
• 13.2.1 General Annotations for Navigation
• 13.2.2 Methods of Declaring Navigation
• 13.2.3 Open Navigation Target in a New Browser Tab
• 13.3 Summary

• A Important Annotations
• A.1 User Interface Annotations
• A.2 Analytics Annotations
• A.3 Consumption Annotations
• A.4 Common Annotations
• A.5 Semantics Annotations

• B The Authors

• Index

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.