uxp100 sap fiori overview

Public

Oliver Lehmann, Dr. Johannes Wasserfall,

Application Innovation, UX & Cross Compliance

UXP100 SAP Fiori Overview

2014 SAP SE or an SAP affiliate company. All rights reserved. 2 Public

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a

purchase decision. This presentation is not subject to your license agreement or any other agreement

with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to

develop or release any functionality mentioned in this presentation. This presentation and SAP's

strategy and possible future developments are subject to change and may be changed by SAP at any

time for any reason without notice. This document is provided without a warranty of any kind, either

express or implied, including but not limited to, the implied warranties of merchantability, fitness for a

particular purpose, or non-infringement. SAP assumes no responsibility for errors or omissions in this

document, except if such damages were caused by SAP intentionally or grossly negligent.


Performance

Content & Flow

Beautiful products have an attractive harmonic balance of all 3 dimensions

Definition of User Experience

Create User experience (UX) with a high

level of satisfaction (it must be fun and

beautiful), but it also must provide a high

level of productivity.

3 dimensions

o Performance

o Content & Flow

o Interaction & Consistency

are defining the User Experience

A product is never perceived as better

than the weakest of these 3 variables.

Interaction &

Consistency

UX

4 2014 SAP AG or an SAP affiliate company. All rights reserved.

The world is changing

consumer user experience

is the new standard

mailbox


Pope Election 2005 Pope Election 2013

The growth in mobile devices is obvious


The SAP User Experience Strategy

Usa

ge

/R

ea

ch

#

Top use scenarios

Core use scenarios

Specific customer value use scenarios

Existing Applications

RENEW ENABLE

SAP Fiori

Renovation

NEW

New Applications

Enablement Tools

Fiori Overview

What is

Fiori?


SAP Fiori is the new user

experience (UX) for SAP software. It

applies modern design principles

for a completely reimagined user

experience.

SAP Fiori UX is the new face of SAP

to business users in all lines of

business across devices and

deployment options. It provides

optimal usability for simplified

business interactions and ease of

use.

Introducing SAP Fiori

Keeping Simple Things Simple


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 Delightful Role-based


SAP Fiori UX Design Principles Role-Based

Role-Based

Design for what I do

Understand tasks I need to do and help me do it better

Use human tone to speak the language of my business

Build from insights within my business networks

Give me the information I need to complete my tasks

Bring together all information function the user needs independent of where it is stored

Designed for People and How They Work


Fiori Apps Designed for Specific Roles Apps providing the right info for the right role

One entry point for the user and UX following common

design directions

Multiple entry points for the user and inconsistent user

experience (e.g. ERP vs. CRM)

One transaction for multiple roles exposing all data &

functions to all users

Decomposed apps for each role exposing only

relevant data & functions

Functional-based applications SAP Fiori Design Role-based applications


SAP Fiori UX Design Principles Responsive

Responsive

Support how and where I work

Deliver the best experience on any device I use.

Feature smart adaptation where required.

React to who I am and what I do.

Take my point of view. Offer different perspectives within the same page.

What you need, where you need it.


Responsive Web Design Seamless User Experience

Benefits

Apps adapt and adjust automatically to

the respective screen size based on

the users device

Easy navigation and reading with a

minimum of resizing, panning, and

scrolling

Consistent experience across all

device types

Responsive design detects the users screen size and orientation to change the layout accordingly to provide a consistent experience across devices


SAP Fiori UX Design Principles Simple

Simple

Powerful and efficient

Make essential functions obvious and easy to use.

Help me focus on the important.

Automate what you can but ensure I am in control.

Tell me how I am doing; give me feedback along the way.

Focused on the important


Fiori helps increase productivity: Adequate Context Information to make the Right Decision

Capabilities:

Adequate context information to

make the right decision

Based on user research, SAP has

determined which/ how much

information is required to make

decision

Drill down capabilities, analysis

down to a detailed level

Benefits:

Enables user to take make decisions

(approve/decline) without additional

iterations or research

Enables user to take corrective

measures in time


SAP Fiori UX Design Principles Coherent

Coherent

Build on what I know

All apps speak the same language.

Do the same thing in the same way everywhere.

Leverage my digital content; make it seamless.

Make the experience comfortable, familiar.

One fluid experience


Fiori helps increase productivity: Consistent UI Across App

Capabilities:

Consistent experience across all

apps, same structure, icons, etc.

Provides an optimal user experience

across all device types

Benefits:

Users can switch across apps

without effort

Accelerates task execution

Different Apps Same Great Experience!!

Sales

HCM Workflows

Purchasing

HCM

Manufacturing


SAP Fiori UX Design Principles Delightful

Delightful

Make an emotional connection

Make me better at my job and feel like Im an expert.

Show me the impact of my contribution.

Go beyond whats expected; amaze me!

Be smart and proactive. Give me an assistant not just a tool.

Beyond the expected

Fiori Overview

App Types


SAP Fiori App Types

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 Fact Sheet

Search and Explore

View on essential information about an object

and contextual navigation between related

objects

Run on: Run on:

*


Transactional App Type

These apps let you perform transactional tasks, such

as creating a leave request for an employee. They

represent simplified views and interaction with

existing business processes and solutions. They run

best on an SAP HANA database, but can also be

ported to other databases with good performance.

Transactional

Task-based Access

Access to tasks like change, create, or entire

processes with guided navigation

runs on any DB and SAP HANA


Fact Sheet App Type

These apps display contextual information and key facts

about central objects used in your business operations. Fact

sheets are designed to be intuitive and harmonized. From a

fact sheet area (tile), you can drill down into its details. You can

easily navigate from one fact sheet to its related fact sheets.

For example, you can navigate from a document to the related

business partner or to the master data.

From fact sheets, you can start transactions by navigating to

transactional apps, or by accessing the back-end system

directly. For example, from a document fact sheet, you can

access the back-end system to display document details or to

edit the document in SAP GUI or Web Dynpro. Desktop only

Fact Sheet

Search and Explore

View on essential information about an object

and contextual navigation between related

objects

runs on SAP HANA


Analytical App Type

Insight to Action

Visual overview over a complex topic for

monitoring or tracking purposes

Analytical

runs on SAP HANA

These apps let you get a role-based insight into real-time

operations of your business by collecting and displaying key

figures directly in your browser. They can be SAP Smart

Business applications but can also be other analytical,

predictive, and planning applications. Analytical apps combine

the data and analytical power of SAP HANA with the

integration and interface components of SAP Business

Suite. They provide real-time information on large volume data

in a simplified front end for enterprise control. With SAP Smart

Business, you can closely monitor your most important key

performance indicators (KPIs) in real time and react

immediately on changes in market conditions or operations..


SAP Smart Business

Analytics on real-

time

Transactions

Simplified and

unified

Architecture

No

Unnecessary

Data Movement

Real-Time

Applications

SAP Smart Business

Cockpits

Existing HTML5

applications

SAP Working Capital

Analytics, DSO Scope

SAP Invoice & Goods Receipt

Reconciliation

SAP Access Control Role

Analytics

SAP Supply Chain Info Center

Combining real-time insights with analytics

and transactional follow-up activities to allow

better and faster decisions

Multi-channel Unified User Experience

SAP Business Suite

SAP NetWeaver

SA

P

NetW

eaver

BW

New

SA

P A

pp

s

Part

ner

Ap

ps

SAP HANA PLATFORM

Database Services

Synchronizations Services

Application Services


New working models combine different app types and demonstrate the value of Suite on HANA

Combining real-time insights with analytics and transactional follow-up activities to allow better and faster decisions as well as instant execution

Scenario specific content (KPI-definition, roles, ..) and drill-down applications/reports. All KPIs are based on the same KPI repository and services

Fiori Launchpad Performance-driven Working Model

Situation-driven Working Model

Task-driven Working Model

Analyze in Lumira*

KPI Modeler

& Repository

Collaborate

Execute

Transactions

Smart Business

Drill-Down

Analysis Path

Framework*

CxO

Cockpit*

Lumira Story

Viewer*

HANA Search,

Cest Bon, Fact Sheet

Work Lists with Embedded Analytics, Ad-hoc queries

(Design Studio)*

SAP Smart Business Enabling Different Working Models

* Coming soon

2014 SAP AG or an SAP affiliate company. All rights reserved.

Demo SAP Fiori

Fiori Overview

What is

available and planned?


Evolving the Fiori Story: Delivery Fiori User Experience

1 2 4

May 14, 2013

Self-service scenarios

for employees,

managers, and

selected business

tasks

Feb 26, 2014

Consolidation,

extensibility for

transactional apps,

and selected new

areas

Nov 29, 2013

Enhanced scope to

more complex

business tasks; Fiori

Launch Pad

3

May 19, 2014

Continuing core areas,

starting industry

coverage,

increasing focus for

Suite on HANA

2

8

5

July 28, 2014

Continuing core areas,

Additional industry

coverage; addtl. roles


SAP Fiori Apps per Shipment

25 43

82

83

1 2 3 4

51

82

85

Analytical

Fact Sheet

Transactional

Shipment RTC / available Total # Apps

1 May 2013 25

2 Nov 2013 208

3 Feb 2014 218

4 May 2014 312

5 July 2014 364

6 Planned Q4/2014*

7 Planned Q1/2014*

5 *This is the current state of planning and may be changed by SAP at any time.

84

90

138

6

116

98

150


Renew user experience of SAP functions across LOBs

SAP

Fiori

Supply Chain

Asset management

R&D, Engineering

Manufacturing Finance

Procurement

Sales

Human resources

Cross lines of business and industries


Cross LoB

Industries

Manager

MDG Expert

ILM Archiving Expert

Security Manager

Data Aging Expert

Employee

Compliance Manager

TDMS Expert

SAP Fiori User Roles Across Lines of Business and Industries

Project Manager & Planner

Program Manager

Project Team Member

Engineer

Accounts Payable Accountant

Accounts Payable manager

Accounts Receivable Accountant

Accounts Receivable Manager

Cash Manager

Controller

G/L Accountant

Manager

Access Control Administrator

Financial Close Manager

Employee

Senior Executive

Employee

Manager

Sales Representative

(CRM/ SD)

Sales Manager

Internal Sales Representative (SD)

Marketing Manager

Marketing Executive

Marketing Expert

Purchaser

Inventory Accountant

Employee

Manager

Strategic Purchaser

MRP Controller

Quality Engineer

Production Planner

Production Worker/Supervisor

Recipe Developer

Demand Planner

Supplier

Supply Planner

Transportation Manager

Warehouse Manager

Shipping Specialist

Product Manager

ATP Controller

Maintenance Worker & Planner

EHS-Production Worker

EHS-Foreman

Retail

Master Data Specialist Promotion Specialist Store Associate Global Trader Allocation Manager Insurance

Claims Supervisor Higher Education

Student/Applicant

R&D, Engineering

Finance Human Resources Sales & Marketing Procurement

Manufacturing Supply Chain Asset Management


Downported Fiori Apps available on ERP 6.04, CRM/SRM 7.02, partially even lower releases

Role Fiori App Name

Employee Approve Service Entry Sheet (W5)

Employee Approve Supplier Invoices (W5)

Employee My Leave Requests

Employee My Paystubs

Employee My Benefits

Employee My Timesheet

Employee Track Shopping Carts

Employee My Shopping Cart

Employee My Travel Requests

Manager Approve Requests

Manager My Spend

Manager Approve Timesheets

Manager Approve Leave Requests

Manager Approve Purchase Contracts

Manager Approve Purchase Orders

Manager Approve Shopping Carts

Manager Approve Travel Expenses

Manager Approve Travel Requests

Manager Approve Requisitions

Role Fiori App Name

Production Supervisor Release Production Orders

Production Supervisor Release Prod. Order Operations (W5)

Production Worker Confirm Production Orders

Production Worker Confirm Production Operations

Project Planner/Project Mgr Change WBS Element Status

Project Planner/Project Mgr Confirm Project Milestone

Project Planner/Project Mgr Confirm Network Activity

Project Planner/Project Mgr Change Network Activity Status (W5)

Purchaser Track Purchase Order

Purchaser Order from Requisitions

Quality Engineer / Employee Report Quality Issue

Quality Engineer / Employee My Quality Tasks

Retail Store Associate Look Up Retail Products (W5)

Retail Store Associate Adjust Stock (W5)

Role Fiori App Name

Sales Representative My Accounts

Sales Representative My Tasks

Sales Representative My Contacts

Sales Representative My Appointments

Sales Representative My Notes

Sales Representative My Opportunities

Sales Representative Simulate Sales Pipeline

Sales Representative My Leads

Sales Representative Track Sales Pipeline

Sales Representative Check Price and Availability

Sales Representative Create Sales Orders

Sales Representative Track Sales Orders

Sales Representative Customer Invoices

Sales Representative Track Shipments

Sales Representative Change Sales Orders

Link to help.sap.com


SAP Smart Business for sales performance management

SAP Fiori UX for sales & marketing

My Accounts My Tasks My Contacts My Leads

My Notes

My Opportunities

My Appointments

Simulate

Sales

Pipeline

Track

Sales

Pipeline

Activities Top Opportunities Leads Sales Performance

Sales Rep (CRM)

My Leads My Opportunities

SAP Smart Business

Sales Rep (SD) My Quotations My Contacts

My Quotation

Pipeline

Create

Sales Orders

Change

Sales Orders

Track

Sales Orders

Check Price and

Availability

Track

Shipments Customer Invoices

Sales Group

Contract

Customer Reports

Improved App New App

Transactional

Analytical

Fact sheet

Downported App

Marketing Expert Analyze Marketing

Engagement

Manage Template

Catalog

Manage Marketing

Engagement


App Overview Deck

http://scn.sap.com/docs/DOC-56438


Fiori Concept

This is the current state of planning and may be changed by SAP at any time.

The Fiori Concept is the new user experience paradigm targeting a consistent experience across all SAP solutions.

Business Suite

Suite on HANA

SAP Cloud Solutions,

Where We Want to Be: Unified UX Direction for all Apps

Fiori Overview

Architecture


System landscape Info / Intranet Desktop scenario

Transactional Fiori Apps (single backend)

Front-End Server (NW ABAP)

SAP NetWeaver Gateway

NW Central UI Add-On

SAP Business Suite product

specific front-end Add-Ons

SAP Business Suite

Transactional

Technical requirements:

SAP NetWeaver Gateway for OData communication

NW Central UI Add-On (SAPUI5 Library)

SAP Fiori Business Suite product specific front-end

Add-On(s)

SAP Fiori Business Suite product specific back-end

Add-On(s)

Browser which supports HTML5 / SAPUI5

SAP Fiori Business Suite product

specific back-end Add-Ons


SAP Business Suite

System landscape Info / Intranet Desktop scenario / Search






Transactional Factsheets


Reverse Proxy (Web Dispatcher)

SAP HANA

SAP HANA Search Models




Add-On(s)


Add-On(s)

Search Models in the Business Suite


INA protocol communication to Search

Reverse Proxy (SAP Web Dispatcher)

SAP HANA

SAP Fiori Business Suite

product specific back-end Add-Ons Search Models


SAP Business Suite

HANA XS Engine & SAP HANA

System landscape Info / Intranet Desktop scenario / Analytical Apps






Transactional Analytical



SAP HANA




Add-On(s)


Add-On(s)



product specific back-end Add-Ons



System landscape Info / Intranet Desktop scenario / Smart Business






Transactional SAP Smart Business Analytical

KPI Framework (KPI modeler, generic drill-down app)



SAP HANA & HANA XS (including Analytical Odata

Services & Virtual Data Models)



KPI Framework


Add-On(s)


Add-On(s)


SAP Business Suite



product specific back-end Add-Ons



System landscape Info / Intranet Desktop scenario






Transactional SAP Smart Business Analytical




SAP HANA & HANA XS (including Analytical Odata

Services)

SAP HANA Search Models



KPI Framework


Add-On(s)


Add-On(s)


SAP Business Suite


SAP Fiori Business Suite product

specific back-end Add-Ons

Factsheets

Search

Models


42 2014 SAP SE or an SAP affiliate company. All rights reserved.

HANA

Back-End Server (NW ABAP)

SAP Business Suite






HANA XS Engine

VDM Reuse Content

ERP CRM SCM

SAP Fiori App Content

ERP CRM SCM SAP SmartBusiness


Search Models

Transactional SAP Smart Business Factsheets Analytical

any DB OR

SMP (optional)


Landscape Info


SAP Fiori Software Packages

Based on: http://help.sap.com/fiori

SAP NETWEAVER 7.4 - Application Server ABAP SP07 /sap/support/notes/1935915

SAP NW GATEWAY FOUNDATION 7.40 SP07

USER INTERFACE TECHNOLOGY 7.40 SP09

SAP NETWEAVER GATEWAY 2.0 SP08

UI ADD-ON 1.0 FOR NW 7.03 SP09

Transactional Fiori (New):

UI Product Version UI Instance UI SCV oData Product Version oData Instance oData SCV

FIORI ERP APPLICATIONS X2 1.0 Retail UI ERP 6.04 (NW731 + NW740) UIX02RT4 100 SP00 FIORI ERP APPLICATIONS X2 1.0 Retail INT ERP 6.04 GBX02RT4 100 SP00

UI FOR EHP7 FOR SAP ERP 6.0 UI for Public Sector Acc. (NW731 + NW740) UIISPSCA 100 SP00 EHP7 FOR SAP ERP 6.0 Public Sector Accounting IS-PS-CA 617 SP05

SAP FIORI FOR SAP TDMS 1.0 UI for TDMS (NW731 + NW740) UICSLO01 100 SP00 DMIS MOBILE PLUG-IN 1.0 DMIS MOBILE APP for ABA 7.0X DMIS_MOB 2011_1_700 SP04

Transactional Fiori (SP):


SAP FIORI FOR SAP MDG 1.0 UI for MDG (NW731 + NW740) UIMDG001 100 SP01 SAP MASTER DATA GOVERNANCE 7.0 MDG UI Ext. on EhP7 MDG_UX 618 SP02 (no new SP)

SAP FIORI FOR SAP SCM 1.0 UI for SCM Basis (NW731 + NW740) SCMB_UI 100 SP01 EHP3 FOR SAP SCM 7.0 SCM Server SCMB_EXT 713 SP02

UI FOR EHP7 FOR SAP ERP 6.0

UI for Global Trade (NW731 + NW740) UIGLT001 100 SP00 (no new SP)

EHP7 FOR SAP ERP 6.0

Global Trade EA-GLTRADE 617 SP05

UI for Travel (NW731 + NW740) UITRV001 100 SP01 Human Capital Management EA-HR 607 SP31

UI for Insurance (NW731 + NW740) UIFSIS01 100 SP01 Insurance INSURANCE 617 SP05

SAP FIORI FOR SAP SFIN 1.0 UI for FIN (NW731 + NW740) UIAPFI70 100 SP02

SAP SFINANCIALS 1.0 Smart Financials EA-FIN 700 SP02

UIFSCM70 100 SP01 (no new SP) FSCM_CCD 700 SP02

SAP FIORI FOR SAP EHSM 1.0 UI for EHSM (NW731 + NW740) UIEHSM01 100 SP00 (no new SP) SAP EHS MGMT. EXTENSION 5.0 EHS Application EHSM 500 SP01


SAP FIORI FOR SAP CEI 1.0 UI for Cust Eng Intell (NW731 + NW740) UICUAN 100 SP02 SAP CUSTOMER ENGAG INTELL 1.1 Customer Engagement Intelligence (NW740) SAP_CUAN 110 SP04

SAP FIORI FOR SAP ILM 1.0 UI for ILM (NW731 + NW740) UIILM001 100 SP02 SAP NETWEAVER 7.4 Application Server ABAP (NW740) SAP BASIS 740 SP07

UI FOR EHP7 FOR SAP ERP 6.0 UI for Retail NW731 (NW731 + NW740) UIRT401 100 SP03 EHP7 FOR SAP ERP 6.0 Retail (NW740) EA-RETAIL 617 SP05


UI FOR EHP3 FOR SAP CRM 7.0 CRM AS ABAP UI (NW731 + NW740) UICRM001 100 SP03 EHP3 FOR SAP CRM 7.0 CRM Application Server ABAP (NW740) BBPCRM 713 SP05

UI FOR EHP3 FOR SAP SRM 7.0 SRM Server UI (NW731 + NW740) UISRM200 100 SP03 EHP3 FOR SAP SRM 7.0 SRM Server (NW740) SRM_SERVER 713 SP04 (no new SP)

UI FOR EHP7 FOR SAP ERP 6.0 UI for Central Applications (NW731 + NW740) UIEAAP01 100 SP03 EHP7 FOR SAP ERP 6.0 Central Applications (NW740) EA-APPL 617 SP05

SAP FIORI FOR SAP GRC 1.0 UI for GRC (NW731 + NW740) UIGRC001 100 SP03 SAP ACCESS CONTROL 10.1 GRC ABAP Components (NW740) GRCFND_A V1100 SP06

UI FOR SAP PORTF PROJ MGMT 6.0 UI for PPM (NW731 + NW740) UIPPM001 100 SP03 SAP PORTF AND PROJ MGMT 6.0 SAP Portfolio and Project Management (NW740) CPRXRPM 600_740 SP04

SAP SNC USABILITY EXT 1.0 (SP01) SNC Mobile UI Ext. (NW731 + NW740) SCMSNCE1 100 SP02 (no new SP) SAP SNC USABILITY EXT 1.0 (SP01) SNC Server UI Ext. (NW700, NW701, NW702, NW703, NW740) SCMSNC_EXT 100 SP04

Fiori Overview

Fiori Launchpad


Introducing SAP Fiori Launchpad Web-based Entry Point for SAP Business Applications Across Platforms and Devices

SAP Fiori Launchpad is a role based,

personalized, real-time and contextual

aggregation point for business applications

and analytics.

It runs on multiple devices, using the

responsive design paradigm, and is

deployable on multiple platforms.

It is designed according to the simple and

intuitive SAP Fiori user experience, while

supporting established UI technologies.


Fiori Launchpad

One entry point for the user

Stable URLs for bookmarking and sharing

Role based & persona centric

Multiple Devices

Theming and branding Personalization

Multiple Platforms

Search, collaboration and feeds in first wave

This is the current state of planning and may be changed by SAP at any time.

SAP Fiori Active Tiles, Provides the most impactful real-time information and KPIs at a glance


Demo SAP Fiori Launchpad

Fiori Overview

UI Theme Designer for SAP Fiori


UI Theme Designer Introduction

Key capabilities

Browser-based WYSIWYG editor for controls and for application

Multi level approach: quick, expert und CSS*

Support cross-technology theming

Basic cross-technology options (Quick Theming)

Technology specific theme properties

Load preview controls

Preview

Add Preview

Page

SAPs new UI Theme Designer is the single tool for theming und branding of key SAP UI technologies

Benefits

Increased platform and technology coverage

Less effort for theming and branding

Less TCO

* as of today only for SAPUI5


UI Theme Designer

Documentation and SAP Notes

SCN Entry Page: http://scn.sap.com/docs/DOC-52952

UI Theme Designer Main Note: 1852400

Support Information

Latest fixes

List of supported themes

UI Theme Designer Developer Guide: Documentation

ABAP UI Add-on: http://help.sap.com/nw-uiaddon

Application Help

Portal: Documentation


Demo Theming of SAP Fiori

Fiori Overview

KPI Modeler


How to create KPIs Pre-requisites

Pre-requisites:

Before you can use the KPI modeler make sure to prepare the following:

Installation and configuration of SAP Smart Business according to the administration guide.

The necessary view(s) in SAP HANA Live including an OData service o KPI view: Create a HANA Live query view sap.hba.vdm::FirstKPIQuery that serves as KPI view (FirstKPI is just a placeholder name). Alternatively, create a

KPI view sap.hba.r.vdm::FirstKPIQuery on top of an existing HANA Live public view.

o OData service: Create one OData service for all KPI views for a group of KPIs. All KPIs that belong to the same application component are grouped together.

OData services are created with a repository object

The necessary authorizations for KPI modeler and SAP HANA Live o KPI Modeler: PFCG role SAP_SMART_BUSINESS_RUNTIME

o SAP HANA Studio: Create a role that grants the select privilege for the KPI view and the application authorization for the OData service. The role is created

with a repository object and extends the generic role SAP_SMART_BUSINESS_RUNTIME

Configuration of the Fiori launchpad

1/17


KPI Definition in general 2/17

KPI Text

KPI variant text

KPI Name in the KPI definition

Evalutation text in the evaluation definition

Tile color The tile color is based on the threshold definition I

Scaling factor The scaling factor is based on the definition


How to create KPIs Access the KPI modeler 3/17

Launch the KPI modeler via the following URL:

http://:/sap/bc/ui5_ui5/sap/ca_kpi/modeler/index.htm

l

Click on a KPI to see the

Details on the right

Select grid or

list view


How to create KPIs Add a new KPI 4/17

1. Add new KPI

2. Enter the following attributes:

KPI Code: Provide full path for KPI code. E.g. sap.hba.test.OverdueMilestone

Semantic Object: A semantic object must be specified for the KPI, this will be used for the navigation targets The semantic object must be the name in the global field catalog of the KPI measure, e.g. DaySalesOutstanding.

Improvement Direction: Indicates which kind of value of KPI is meaningful for application (Maximizing/Minimizing/Target)

Odata Path: Path of the XSODATA service file /sap/hba/r/vdm/odata/group//

Query Source: Provide relative path of the CalcView. e.g. /sap/hba/vdm/

Measure: Name of OData property that contains the measure


How to create KPIs Create evaluation variant 5/17

3. Create a new evaluation variant or apply an existing variant

Variant ID Provide path of variant like the KPI code

OData Path: Automatically populated. If not, provide the path of the odata file. e.g. /sap/hba/r/vdm/odata/group//

Filter settings: Select the dimensions as filter and provide values

Input Parameters: Specify all required Input parameters expected by your CalcView. You need to provide values for ALL input parameters.


How to create KPIs Define evaluation parameters 6/17

4. Define attributes of the evaluation variant:

Evaluation Text: Free text (provide meaningful names)

Scaling Factor: Select the appropriate one based on the expected KPI value

Dimension: Not required for KPIs expect for KPIs with Visualization of Area Chart. This is necessary for the report tiles.

Unit: Select from drop-down, if you have access to SAP_ECC schema.

Decimal: Choose appropriate decimal format


How to create KPIs Define threshold values 7/17

5. Define evaluation thresholds:

Improvement direction: Depending on the improvement direction (Target, Minimize, maximize) the following attributes can be maintained (optional).

Tolerance High: not available for

Deviation High: not available for

Tolerance Low: not available for

Deviation Low: not available for

Example: If your KPI is a maximizing KPI and expected value is 15, provide tolerance low as 10 and Deviation low as 20. This means, if the KPI value goes below 10, it shows RED. If the value is above 20, it shows GREEN


How to create KPIs Create Trend variant 8/17

6. Apply Trend (optional):

Example: If you want to compare KPI data at run time to show a trend, then use 2 variants for the KPIs to calculate the trend. E.g. cash position today vs. yesterday.


How to create KPIs User/Role assignment 9/17

7. Set Authorizations (optional):


How to create KPIs Activate KPI and KPI variant 10/17

8. Search for your KPI

9. Select single or multiple KPIs

10.Activate the KPI(s)

11.Active KPIs and KPI variants are indicated

by the -icon.

Inactive KPIs and KPI variants are

indicated by the -icon.

6

7

8


How to create KPIs Grouping 11/17

12. Select one or multiple KPIs and KPI variant(s), press the group button in the upper right corner

13. The left side shows the KPI(s) previously selected. Assign the

KPI(s) to a folder on the right side. Press Save and Close.


How to create KPIs Define authorizations 12/17

14. Select one or multiple KPIs and KPI variant(s) and select manage authorizations in the left corner below:

15. Select a KPI from the left panel. Select its corresponding evaluation and wait for pre-fetch of users

who are already authorized for the particular KPI & evaluation combination.


How to create KPIs Visualization & Tile type 13/17

Note: Visualization can only be added for active KPI(s) and Evaluation(s)


How to create KPIs Standard KPI Tile types 14/17

Point value Tile Trend Tile Deviation Tile Contribution Tile


How to create KPIs Configure Drill-down 15/17


How to create KPIs Configure drill-down 16/17

1 Activate Header details 2 Activate Filter

3 Define Views, default view & chart type

4 Define view name,

measures and

dimension


How to create KPIs Configure drill-down 17/17

1

Define Header details

2

Define filter

dimensions


SAP Smart Business in the Fiori Launchpad


Demo KPI Modeler

Fiori Overview

Extensibility


SAP Fiori Extensibility by Content Layer

Content

Layer

When an Extension is Required Relevance

UI The back-end logic and content

required for the app extension

exists in the Gateway layer, but is

not exposed in the app's UI.

Gateway

(OData)

The back-end logic and content

required for the app extension

exists in the Business Suite layer,

but is not exposed in the app's

Gateway service.

HANA The back-end content required for

the app extension exists in the

HANA models, but is not exposed

in the app's OData service.

Business

Suite

The back-end logic and content

required for the application

enhancement does not exist in

the Business Suite.

Search

Model

The back-end logic is not

exposed in the applications

Gateway service. Facts

heets

Tra

nsacti

on

al

An

aly

tical

Tra

nsacti

on

al

Tra

nsacti

on

al

An

aly

tical

An

aly

tical

SAP Fiori applications can be extended by

enhancing one or multiple content layers,

depending on the extension requirements and

the application type.


Fiori Extensibility Guide

http://bit.ly/Fiori_Extensibility_Guide


Extending SAP Fiori Apps

Knowledge requirements:

Content

Layer

ABAP Business

Suite

SAP NW

Gateway

HANA Native

Development

SAPUI5 Odata Protocol;

HTML5; JavaScript

Business Suite

Gateway

HANA

UI

Search Model


Extending SAP Fiori Apps

Extension Tools:

Content

Layer

ABAP Object

Navigator

(se80)

ABAP

Dictionary

(se11)

ABAP

Customizing

(spro)

HANA

Studio

SAP NW

Gateway Service

Builder (segw)

Eclipse with

ABAP Repository

Team Provider

Smart

Business

Modeler

Business Suite

Gateway

HANA

UI for Transactional

apps

UI for Analytical

Apps

UI for Factsheets

Search Model

Fiori Overview

Fiori Client


Motivation

Current Mobile Client Challenges

Startup performance

Attachment handling in fullscreen mode

Native device capabilities support

Advanced security

Solution (V1)

Provide HTML5 and CSS 3.0 browser for iOS and Android

Support of app-specific on-device persistent caching strategy

Full-screen mode

Attachment and document viewer

PDF, MS Word, MS Excel, MS PowerPoint, PNG, et cetera

Viewer is launched in full-screen mode on top of the browser frame

Viewer can manually be closed

Web Server

(e.g. NW Gateway)

Direct Direct

Any Browser SAP Fiori Client


Native App Built with Mobile Client SDK

Native

Controls


Available Now!

Google PlayStore for Android Apple AppStore for iOS


Outlook Optimized Mode

SAP Fiori Client is managed via SAP Mobile Platform V3.0 and then offers additional qualities

Support for delta updates Only changed content has to be transferred

Enhanced Security Additional logon protocols

Support of Native Device Qualities Contacts, Camera, Scanner, Local Persistency,

Support of Enterprise qualities Enhance the application to leverage enterprise capabilities such as

Push, Logging/Tracing, Offline OData,

Offline Operation With SMP/Mobilink as middleware, taking OData universe offline for read and write

Windows 8.1 support

Web Server

(e.g. SAP NW Gateway)

SAP Mobile Platform

Server 3.0

Optimized

Optimized

Direct Direct

Any Browser SAP Fiori Client


Further information

Official SAP Fiori Client Overview http://help.sap.com/Download/Multimedia/pdf-fiori/SAP_Fiori_Client_Overview.pdf

Official SAP Fiori Client User Guide http://help.sap.com/Download/Multimedia/pdf-fiori/SAP_Fiori_Client_User_Guide.pdf

SCN Fiori Client Insights http://scn.sap.com/blogs/johnwargo/2014/01/25/sap-fiori-client

SCN Fiori & SMP http://scn.sap.com/blogs/johnwargo/2014/05/22/sap-fiori-smp

SCN Kapsel SDK and the SAP Fiori Client http://scn.sap.com/blogs/johnwargo/2014/05/22/kapsel-sdk-and-the-sap-fiori-client


Mobile Browser Fiori Client

First Access Initial Load Time Initial Load Time

Subsequent Loads

(with browser cache) Cached Load Time Cached Load Time

Subsequent Loads

(browser cache purged) Initial Load Time Cached Load Time

After Application Update Initial Load Time Initial Load Time

Fiori User Experience Matrix (Performance)


Platform Support:

Android 4.1 through 4.3

iOS 6 and 7

Release Date:

March, 2014

Download latest version:

Android - https://play.google.com/store/apps/details?id=com.sap.fiori.client

iOS - https://itunes.apple.com/us/app/sap-fiori-client/id824997258?ls=1&mt=8

SAP Fiori Client - Availability

Fiori Overview

Fiori Trial on HANA Cloud Platform

Fiori Overview

Rapid Deployment Solutions


SAP Rapid Deployment Solutions for User Experience Packaged Best Practices for Faster Adoption of Innovation from SAP

SOFTWARE Cloud, On-Premise & Hybrid

BEST PRACTICES with Proven Business Value

SERVICES Predefined from Partners or SAP

End-to-end business needs covered

Flexible new solutions or expansion of IT landscapes

Content including tested configuration and implementation guides

Tools & methods supporting flexible pick & choose scenarios

Proven methodology developed for fast time to value

Predictable service options


Fiori Apps RDS Fiori Infrastructure RDS Fiori Design RDS HANA Live RDS

Theme Deploy fresh, delightful, and

easy to use multi-channel apps

on top of the existing business

suite for customers not yet using

SAP HANA

Accelerate the adoption of SAPs new user experience for Suite on HANA and enable

landscape to be ready for

HANA-optimized Fiori apps

Design and create new Fiori-designed transactional

applications based on the

SAPUI5 SDK and SAP UI/UX

design best practices

Enables real-time reporting on Business Suite operational

data. Provides pre-built

reporting content and pre-

configured content based on

HANA Live virtual data models.

Target

Group

Existing ECC6 customers

IT / Security experts

New HANA customers

IT / Security experts

Partners and existing ECC customers

UI / UX developers

New HANA customers

Existing ECC customers

Application

Content

52 transactional applications ~180 HANA optimized apps (Analytics, CRM, Sales,

Finance, Manufacturing,

Factsheets)

Sample apps demonstrating the main Fiori design types for

transactional scenarios

10 Smart Business applications

3 Fiori Analytical applications

Technology

Scope

SAP ERP 6 EhP1 EhP7

SAP NW Gateway 7.31 / 7.4

SAPUI5 V.1

EhP7 SP2 and other SP

SAP NW 7.4

HANA DB

SAP NW Gateway 7.31 / 7.4

SAPUI5 V.1

SAPUI5 Fiori extensions

ERP6.0 SP12, CRM 7.0 SP09

HANA Live 1.0

SAP NW 7.4

HANA DB

SAP Fiori RDS Package Comparison


Solution Scope Key Benefits

52 transactional apps to choose from

Pick from popular Fiori apps that represent the most common

transactions used by the majority of

SAP customers

Finance, Human Resources, Sales, Procurement, Manufacturing, Supply

Chain, and others

Proven best practices for deployment of apps and infrastructure via comprehensive

step-by-step guides inclusive of tested

configuration and implementation content

Consumer-grade user experience

Proof of Concept (POC) or full production options, ranging from 1 week to 30 days

SAP Fiori Apps rapid-deployment solution enables the

implementation of SAP NetWeaver Gateway, SAPUI5, and one or

more Fiori apps for full productive purposes in a predicable time

and at a predictable cost. This solution is very flexible and modular

and allows customers to start with just one app or any combination

of 52 Fiori transactional apps available.

SAP Fiori apps rapid-deployment solution

Highlights

Fast no need for lengthy blueprinting process

Predictable predictable scope, timeline, and outcome

Seamless integrate with existing SAP on-premise,

cloud, or hybrid solutions

Simple easily expand functionality as needs change

More Information service.sap.com/rds-fiori-

apps

Related Solutions

SAP Fiori Infrastructure RDS SAP Fiori Design RDS SAP Screen Personas RDS SAP Side Panel Content for

SAP NWBC RDS



Deployment and configuration of landscape for all Fiori app types

Focus on Fiori landscape and security

Configuration and personalization of Launchpad

Configuration of KPI framework and search

Deployment of sample apps to verify landscape readiness

Reduced time required for the deployment of Fiori infrastructure components

Quick deployment of any SAP Fiori application

Minimized risks for enabling mobile access to enterprise data

Reduced deployment cost by consolidating Fiori infrastructure requirements into a single

landscape

Go-live in as little as 2 weeks

SAP Fiori Infrastructure rapid-deployment solution enables

SAP customers and partners to quickly deploy, configure,

and validate the landscape components required for the

enablement of HANA-optimized Fiori apps to run on SAP

Business Suite powered by SAP HANA.

SAP Fiori Infrastructure Rapid Deployment Solution

Highlights






More Information

service.sap.com/rds-fiori-

infrastructure

Related Solutions

SAP HANA Live RDS SAP ERP Foundation

Extension RDS

SAP Fiori Apps RDS SAP Fiori Design RDS



Best practices for Fiori design, architecture, and theme patterns

Create your own Fiori-designed app via design thinking working and proof-of-concept training

Fiori transactional app samples included:

Approval Self Service Tracking Monitoring

Fiori design knowledge transfer to explore, identify, and validate UX drivers, requirements,

and realization effort

Determine your own User Experience (UX) renovation plan

Modular solution, mix and match with other user experience packages

SAP Fiori Design rapid-deployment solution enables customers

and partners to create their own Fiori-designed transactional

applications by leveraging SAPUI5, Fiori design guidelines, and

best practices. It includes a design thinking workshop and an

SAPUI5 workshop to deliver a proof-of-concept Fiori-designed

app in a predictable time and at a predictable cost.

SAP Fiori Design rapid-deployment solution

Highlights






More Information

service.sap.com/rds-ui-sapui5

Related Solutions

SAP Fiori Apps RDS

SAP Fiori Infrastructure RDS

SAP Screen Personas RDS

SAP Side Panel Content for

SAP NWBC RDS


SAP HANA Live RDS Overview

Fast real-time analytics on SAP Business Suite operational data

Pre-configured SAP HANA models (views), fitting business intelligence (BI) reports, tailored Analytical

applications based on HANA Live and customizable

Insight to Action scenarios with SAP Smart Business

apps

Extensible by customers and partners (SAP HANA models, BI reports, Applications)

Includes 10 SAP Smart Business Solutions using SAP Fiori Designs

The SAP HANA Live rapid-deployment solution enables real-time reporting on operational data from SAP

Business Suite applications. This rapid-deployment solution provides pre-built reporting content and pre-

configured content (in case of apps), for easier and faster analysis of operational data based on SAP

HANA Live virtual data models. SAP Fiori Analytical apps and Smart Business Apps are part of this

package.


SAP UX Adoption Service Kits for Fiori and Screen Personas Powered by UX Design Services and Rapid Deployment Solutions

UX Advisory Service Kit

for Fiori and Screen

Personas

What is my strategy

and roadmap for SAP

Fiori and SAP Screen

Personas?

How can I get started

with deploying SAP

Fiori and SAP Screen

Personas?

Fiori Launch Service Kit

For Suite on HANA

Fiori Additional

Application Kit

Fiori Custom Application

Enablement Kit

User

Experi

ence A

doption

How can I accelerate deployment of

additional apps/scenarios?

Fiori Launch Service Kit

For Transactional Apps

Advise Launch

Fiori Custom Application

Design and

Development Kit

Screen Personas

Launch Service Kit

Accelerate

Screen Personas

Custom Scenario

Enablement Kit

Fiori Overview

Where to find

additional information?


SAP Fiori Design Guidelines

Fiori Design

SAP Fiori focuses on a simple and consistent user

experience on many devices. This section

introduces the design philosophy which all SAP

Fiori apps are based on.

Additionally, a prototyping kit provides you with

templates for various controls and patterns. Using

those stencils allows you to easily create UI mock-

ups in Microsoft PowerPoint.

https://experience.sap.com/fiori-guidelines


SAP Service Marktetplace Roadmaps ( http://service.sap.com/roadmap)

Product and solution road maps Line of Business Procurement Supply Chain

Product and solution road maps Cross Topics Cross Product SAP User Interface Technologies

SAP Product Road Maps


SAP Fiori RKT Material

Click on screenshot to open the link


SAPX03 - SAP Fiori Implementation (4 days)


SAP Education UX Portfolio SAPX03 - SAP Fiori Implementation (4 days) SAPX04 - HTML5 Foundations for SAP SAPUI5 Development (2 days) SAPX05 - SAP SAPUI5 User Experience Development (3 days) GW100 - SAP NetWeaver Gateway - Building OData Services

openSAP courses UXN1 - SAPS UX Strategy in a Nutshell by Sam Yen FIORI1 - Introduction to SAP Fiori UX


Simplified Information Access Information Platforms

SAP UX Community http://experience.sap.com

SAP UX Explorer http://sap.com/uxexplorer

SAP Innovation Discovery https://service.sap.com/innovation-discovery

Type of Service Community Self-service Self-service

Availability Everyone Everyone SAP Customers and Partners

Main focus

User experience & design

Usability & design methods

SAP UX strategy

SAP UI technologies

Customer UX strategies

Innovations in SAP applications

UX innovations in SAP applications

Main target audience

IT & business experts interested in design

Designers and UX professionals

IT decision makers

IT architects

UX developers & consultants

Business decision makers

Business experts & architects

Application experts, key users & consultants


SAP Fiori Landing Page (external)



experience.sap.com User Experience Information Package

Exchange with Peers

Learn the Basics about Design and User Experience

Skill Up on Design and User Experience

Participate in Improving Products with SAP

Design News from SAP



Quick Guide

An example-based step-by-step

guide to enable the usage of

transactional SAP Fiori apps and

SAP Fiori fact sheets



SAP Fiori on SCN

Click on screenshots to open the links


OpenUI5


OpenUI5 is the Open-Source-licensed version of the UI Development Toolkit for HTML5 (SAPUI5) and is available for free

under the Apache 2.0 Open Source license.

Since SAP customers with existing SAP licenses were able to use SAPUI5 without additional costs, the SAP eco system was

interested in using this framework in open environments as well.

While SAP customers can remain using SAPUI5, non-SAP

customers can leverage the strength of SAP's HTML5 framework

by using OpenUI5.

The difference between OpenUI5 and SAPUI5 is in some control libraries which have not (or not yet) been put under an Open

Source license.


More Resources & Links to RDS Info

SAP Fiori Apps RDS:

http://service.sap.com/rds-fiori-apps

SAP Fiori Infrastructure RDS:

http://service.sap.com/rds-fiori-infrastructure

SAPUI5 Design RDS

http://service.sap.com/rds-ui-sapui5

HANA Live RDS

http://service.sap.com/rds-shl


SAP Fiori is the new user

experience (UX) for SAP software. It

applies modern design principles

for a completely reimagined user

experience.

SAP Fiori UX is the new face of SAP

to business users in all lines of

business across devices and

deployment options. It provides

optimal usability for simplified

business interactions and ease of

use.

Summary

2014 SAP SE or an SAP affiliate company. All rights reserved.

Thank you

Contact information:

Johannes Wasserfall

On-Premise Suite

Cross Compliance

Dr. Johannes Wasserfall Vice President

Usability@Suite Program

UX & Cross Compliance - On-Premise Suite

[email protected]

Oliver Lehmann Director

Usability@Suite Program

UX & Cross Compliance - On-Premise Suite

[email protected]


SAP d-code Virtual Hands-on Workshops and SAP d-code Online Continue your SAP d-code education after the event!

SAP d-code Online

Access replays of keynotes, Demo Jam, SAP d-code live interviews, select lecture sessions, and more!

Hands-on replays

http://sapdcode.com/online

SAP d-code Virtual Hands-on Workshops

Access hands-on workshops post-event

Starting January 2015

Complementary with your SAP d-code registration

http://sapdcodehandson.sap.com


Further Information

SAP Education and Certification Opportunities

www.sap.com/education

Watch SAP d-code Online

www.sapcode.com/online

SAP Public Web

scn.sap.com

www.sap.com


Feedback Please complete your session evaluation for

UXP100.

Thanks for attending this d-code session.



2014 SAP SE or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an

SAP affiliate company.

SAP and 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. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark

information and notices.

Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its

affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or

SAP affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing

herein should be construed as constituting an additional warranty.

In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or

release any functionality mentioned therein. This document, or any related presentation, and SAP SEs or its affiliated companies strategy and possible future developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time for

any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forward-

looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place

undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

uxp100 sap fiori overview

Documents