SAP Fiori Intro

Agenda

• SAP Fiori overview• Design Principles• App Types• Architecture• Implementation overview

SAP Fiori User Experience

SAP Fiori is SAP’s new user experience that applies

modern user centric design principles. It provides a

consistent and role-based experience for tasks, for

all lines of business. SAP Fiori is personalizable,

simple and runs on any device. It helps users get

the job done easily with a delightful experience.

SAP Fiori Launchpad

SAP Fiori launchpad is the web-based single point of access for business applications and analytics. Offering all aspects of SAP Fiori user experience it is the recommended client for SAP S/4HANA. • Supports multiple platforms and devices• Role based with preconfigured home page content• Personalizable• Search across apps and business objects• Integration of any URL-based navigation• Theming• Open and extensible

SAP Fiori UX Design Principles

Supports how and where you work, at

any time

Provides one fluid, seamless experience

Makes an emotional connection

Designed for you, your needs and how

you work

Focuses on the important

Responsive Simple Coherent DelightfulRole-based

SAP Fiori role-based experience for top tasksToday

Functional-based applicationsSAP Fiori UX

Role-based applications

To: One entry point for the user and UX following common design directions

From: Multiple entry points for the user and inconsistent user experience

From: One transaction for multiple roles exposing all data & functions to all users

To: Decomposed apps for each role exposing only relevant data & functions

SAP Fiori App Types

Run on: Run on: Run on:

Transactional

Task-based Access

Access to tasks like change, create, or entire processes with guided navigation

Insights

Visual overview of a dedicated topic for further KPI related analyses

Analytical Factsheet

Search and Explore

View essential information about objects and contextual navigation between related objects

Run on: Run on: Run on:

Available SAP Fiori Apps

• All of the available apps are contained in the app reference library

• Features• Description• Technical installation info• Previous versions

• Available at goo.gl/SlQIXW

SAP Fiori Architecture

• ABAP front-end server contains the UI layer

• These front-end components have access through a trusted RFC connection to the ABAP back-end server containing the business logic.

• The underlying database can be an SAP HANA database, or any database, and can be accessed from the back-end server.

• The SAP Web dispatcher is the entry point for HTTP(s) requests into your system. It balances the load to ensure an even distribution across the servers.

SAP Fiori App Architecture – Transactional

• The ABAP front-end server contains the UI layer

• These front-end components have access through a trusted RFC connection to the ABAP back-end server with the business logic.

• The underlying database can only be an SAP HANA database.

• The HANA XS Engine contains SAP Fiori app content, the KPI modeler and generic drill-down app as well as the Virtual Data Model (VDM)

• The SAP Web dispatcher selects the appropriate server for HTTP(S) requests, for example for the OData calls to the ABAP front-end server or the HANA XS Engine.

SAP Fiori App Architecture – Analytical Business

• The ABAP front-end server contains the UI layer. The central UI component contains the SAP UI5 control library and the SAP Fiori launchpad.

• The front-end server has read access to the ABAP back-end server through a trusted RFC connection. The ABAP back-end server contains the business logic, search models, OData services, and the model provider.

• The underlying database can only be an SAP HANA database.

• The SAP Web dispatcher selects the appropriate server for HTTP(S) requests. E.g. the INA search protocol requests the search models in the ABAP back-end server.

SAP Fiori App Architecture – Factsheets

Fiori Architecture

DMZ

Intranet

Internet

Tunneling Solution (Relay server, reverse proxy…)

SAP Business Suite(ERP, SRM, …)

SAP Business Suite on HANA (ERP, SRM, …)

…

• One code line for all screen sizes

• SAP UI5 (HTML5) control Library

• No Installation

• Enhanced deployment options for Mobile

• HANA and ‘any DB’ options

• Architecture differences for different app types

• Multiple Backendssupport

Frontend Server

Identity Provider (*)

• Several Security options

Fiori ABAP Add-on

• Several Authentication options

• Gateway Server

• LeveragingOdata

• Fiori ABAP Add-Ons

Implementation AreasUI Tools Branding –Theme Builder Skills : HTML5/CSS

SAP NW Gateway Add-On Installation Skills: Technical

– Gateway Service– ABAP– NW Technical

SAP Backend Skills

– Basis Technical– HCM, FI, and Procurement– Workflow

NW AS ABAP

SAP NetWeaver Gateway

Desktop/Tablet/Smartphone

HTML5Browser SAP Fiori Apps

SAPUI5

Fiori OData Service Proxy

SAP Business Suite

Fiori Data + Model Provider

Odata/HTTPS

Business Application

RFC

Business ContentCustomizing

Authorization

Config

R

R

R

SAP Fiori AppsSAPUI5

Conclusion

SAP Fiori is SAP’s new user experience that applies user centric design principles and provides a consistent and role-based experience for tasks• SAP Fiori Launchpad provides consistent access to apps• Design principles ensure responsive, simple, coherent and delightful experience by role• SAP provides content in many application areas• Architecture leverages web-based technologies