Table of Contents

Dear Reader

Notes on Usage

Table of Contents

Foreword

Preface

Acknowledgments

Part I   Getting Started

1   Introduction to SAP Fiori

1.1   SAP Fiori and the Evolution of User Experience

1.1.1   SAP UX Strategy

1.1.2   SAP Fiori UX Design Principles

1.2   Architecture and Integration

1.2.1   SAP Fiori Launchpad

1.2.2   SAP Web Dispatcher

1.2.3   Communication Channels

1.2.4   SAP Fiori App-Supported Browsers and OS

1.2.5   SAP Fiori, Cloud Edition

1.3   Types of SAP Fiori Apps

1.3.1   Transactional Apps

1.3.2   Fact Sheet Apps

1.3.3   Analytical Apps

1.4   Related SAP Technologies

1.4.1   SAPUI5

1.4.2   OData and SAP Gateway

1.4.3   SAP HANA XS

1.5   Summary

2   Installation and Configuration

2.1   Prerequisites

2.2   Implementation Options

2.2.1   ABAP Environment

2.2.2   SAP HANA Database

2.2.3   SAP HANA XS

2.2.4   SAP S/4HANA

2.3   Deployment Options

2.3.1   Central Hub Deployment

2.3.2   Embedded Deployment

2.4   Apps Reference Library

2.5   Installation

2.5.1   ABAP Environment

2.5.2   SAP Web Dispatcher

2.5.3   SAP HANA Server

2.6   Configuration

2.6.1   SAP Fiori Launchpad

2.6.2   SAP Gateway

2.6.3   Embedded Search

2.6.4   SAP HANA

2.6.5   Configuration Using the Task List

2.7   Upgrading to SAP Fiori 2.0

2.7.1   SAP Fiori 2.0 for SAP S/4HANA

2.7.2   SAP Fiori 2.0 for SAP Business Suite Powered by SAP HANA or AnyDB

2.8   Summary

Part II   Implementation

3   SAP Fiori Security

3.1   Communication Channel Security and Encryption

3.1.1   Client to SAP Web Dispatcher

3.1.2   SAP Web Dispatcher to ABAP Servers

3.1.3   ABAP Front-End Server to ABAP Back-End Server

3.1.4   SAP Web Dispatcher to SAP HANA XS

3.2   Single Sign-On and User Authentication

3.2.1   Kerberos/SPNEGO

3.2.2   Security Assertion Markup Language 2.0

3.2.3   SAP Logon Tickets

3.2.4   X.509 Certificate

3.3   User Authorizations and Management

3.3.1   User Management

3.3.2   User Authorization

3.4   Summary

4   Implementing Transactional Apps

4.1   Activating the SAPUI5 Component

4.2   Activating the OData Services

4.3   ABAP Front-End Roles

4.3.1   Copy Business Catalog Role

4.3.2   Start Authorization

4.3.3   Assign Roles to Users

4.4   ABAP Back-End Roles

4.4.1   Copy the Back-End Role

4.4.2   Assigning Roles to Users

4.5   Running the App

4.6   Custom Business Catalogs and Roles

4.6.1   Create a New Launchpad and Application

4.6.2   Create and Assign a Transport Request

4.6.3   Create a New Catalog

4.6.4   Create New Target Mapping

4.6.5   Add a Static Tile

4.6.6   Create the Custom Role and Add the Catalog

4.7   Summary

5   Implementing Fact Sheet Apps

5.1   App Activation Tool

5.2   Activating the SAPUI5 Component

5.3   Activating OData Services

5.4   Assign ABAP Back-End Roles

5.5   Creating Search Connectors

5.5.1   Create Connectors Manually

5.5.2   Create Connectors Automatically

5.6   Indexing Search Connectors

5.7   Running the App

5.8   Summary

6   Implementing Analytical Apps

6.1   Overview

6.2   Implementation Prerequisites

6.3   Analytical Apps with the SAP Smart Business Modeler

6.3.1   Create the KPI

6.3.2   Create Evaluations for the KPI

6.3.3   Configure the KPI Tile

6.3.4   Configure the KPI Drilldown

6.3.5   Assign Roles to Users to Access SAP HANA Data

6.3.6   Enable the App for Access in SAP Fiori Launchpad

6.3.7   Assign the App Using a Custom Role

6.4   Analytical Apps without the SAP Smart Business Modeler

6.4.1   Activate the SAPUI5 Application

6.4.2   Assign the SAP HANA Role

6.4.3   Assign the App-Specific Catalog Role

6.4.4   Add the App to SAP Fiori Launchpad

6.5   Summary

7   Creating OData Services with SAP Gateway

7.1   Introduction to OData

7.1.1   OData Service Basics

7.1.2   OData Service Queries

7.2   SAP Gateway Service Builder

7.3   Modeling an OData Service

7.3.1   Importing OData Services

7.3.2   Redefining OData Services

7.3.3   Include SAP Gateway OData Service

7.4   Summary

Part III   Custom Development and Extension

8   Introduction to SAP Web IDE

8.1   SAP Web IDE Overview

8.1.1   Architecture

8.1.2   Advantages

8.2   Setting Up SAP Web IDE with SAP Cloud Platform

8.3   Development Process Overview

8.3.1   Create

8.3.2   Develop

8.3.3   Preview

8.3.4   Deployment

8.4   SAP Fiori Elements

8.4.1   Overview Page

8.4.2   List Report Floorplan

8.4.3   Object Page Floorplan

8.4.4   Exercise

8.5   Summary

9   Creating and Extending Transactional Apps

9.1   Creating Transactional Apps

9.1.1   Create a New Project Using a Template

9.1.2   Test the App with Mock Data

9.1.3   Deploy the App to the ABAP Back-End Server

9.1.4   Publish the App to SAP Fiori Launchpad

9.2   Extending Transactional Apps

9.2.1   Extend the SAP Business Suite Layer

9.2.2   Extend the SAP Gateway Layer

9.2.3   Extend the UI Layer

9.3   Summary

10   Creating and Extending Fact Sheet Apps

10.1   Enabling the SAP Web IDE Fact Sheet Editor App

10.2   Creating Fact Sheet Apps

10.2.1   Create the Search Model

10.2.2   Create the UI Layer

10.2.3   Deploy the Fact Sheet App

10.3   Extending Fact Sheet Apps

10.3.1   Extend the Search Model

10.3.2   Extend the UI Layer

10.3.3   Deploy the Fact Sheet App

10.4   Summary

11   Creating and Extending Analytical Apps

11.1   Introduction to SAP HANA Live

11.1.1   SAP HANA Live Views

11.1.2   SAP HANA Live Browser

11.1.3   Exposing SAP HANA Live Views to Analytical Apps

11.2   Creating Analytical Apps

11.2.1   Create the SAP HANA Live View

11.2.2   Create the OData Service

11.2.3   Configure the KPI

11.3   Extending Analytical Apps

11.3.1   Extend the SAP HANA Live View

11.3.2   Create the OData Service

11.3.3   Configure the KPI

11.4   Summary

12   Workflow and SAP Fiori

12.1   Workflow Basics

12.2   Creating Standard and Custom Workflows with the My Inbox App

12.2.1   Prerequisites

12.2.2   All Items Tile for My Inbox

12.2.3   Scenario-Specific Inbox

12.3   Summary

13   Integration with Other SAP Products

13.1   SAP Jam

13.1.1   Prerequisites

13.1.2   Configuration

13.1.3   SAP Jam Tiles

13.1.4   Collaboration Components

13.2   SAP BusinessObjects Lumira

13.2.1   Configuration

13.2.2   SAP BusinessObjects Lumira Tiles

13.2.3   Configure a KPI Tile with a Drilldown to SAP BusinessObjects Lumira

13.3   Integrating SAP BusinessObjects BI and SAP Fiori Launchpad

13.3.1   Configuration

13.3.2   Create an SAP Fiori App

13.4   Summary

14   Introduction to SAP Screen Personas

14.1   SAP Screen Personas 3.0 Architecture and Navigation

14.2   Creating Your First SAP Screen Personas Project

14.2.1   Create a Theme

14.2.2   Assign the Theme to a Role and Transaction

14.2.3   Create a Flavor

14.3   Advanced SAP Screen Personas Flavor Concepts

14.4   SAP Screen Personas Administrative Tasks

14.5   Deploying SAP Screen Personas Flavors in SAP Fiori Launchpad

14.6   Summary

Appendices

A   SAP Fiori Client

A.1   Overview

A.2   Download and Log In to SAP Fiori Client

A.3   Functions

B   Customizing SAP Fiori Launchpad

B.1   UI Theme Designer Overview

B.2   Creating a Custom Theme

B.2.1   Quick Theming

B.2.2   Expert Theming

B.2.3   Save and Build

B.2.4   Test the Custom Theme

C   The Author

Index

Service Pages

Legal Notes