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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
Pope Election 2005 Pope Election 2013
The growth in mobile devices is obvious
2014 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
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?
2014 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 14 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 15 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 16 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 17 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 18 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 20 Public
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:
*
2014 SAP SE or an SAP affiliate company. All rights reserved. 21 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 22 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 23 Public
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..
2014 SAP SE or an SAP affiliate company. All rights reserved. 24 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 25 Public
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?
2014 SAP SE or an SAP affiliate company. All rights reserved. 28 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 29 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 30 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 31 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 32 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 33 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 34 Public
App Overview Deck
http://scn.sap.com/docs/DOC-56438
2014 SAP SE or an SAP affiliate company. All rights reserved. 35 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 37 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 38 Public
SAP Business Suite
System landscape Info / Intranet Desktop scenario / Search
Front-End Server (NW ABAP)
SAP NetWeaver Gateway
NW Central UI Add-On
SAP Business Suite product
specific front-end Add-Ons
Transactional Factsheets
Technical requirements:
Reverse Proxy (Web Dispatcher)
SAP HANA
SAP HANA Search Models
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)
Search Models in the Business Suite
Browser which supports HTML5 / SAPUI5
INA protocol communication to Search
Reverse Proxy (SAP Web Dispatcher)
SAP HANA
SAP Fiori Business Suite
product specific back-end Add-Ons Search Models
2014 SAP SE or an SAP affiliate company. All rights reserved. 39 Public
SAP Business Suite
HANA XS Engine & SAP HANA
System landscape Info / Intranet Desktop scenario / Analytical Apps
Front-End Server (NW ABAP)
SAP NetWeaver Gateway
NW Central UI Add-On
SAP Business Suite product
specific front-end Add-Ons
Transactional Analytical
Technical requirements:
Reverse Proxy (Web Dispatcher)
SAP HANA
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
Reverse Proxy (SAP Web Dispatcher)
2014 SAP SE or an SAP affiliate company. All rights reserved. 40 Public
System landscape Info / Intranet Desktop scenario / Smart Business
Front-End Server (NW ABAP)
SAP NetWeaver Gateway
NW Central UI Add-On
SAP Business Suite product
specific front-end Add-Ons
Transactional SAP Smart Business Analytical
KPI Framework (KPI modeler, generic drill-down app)
Technical requirements:
Reverse Proxy (Web Dispatcher)
SAP HANA & HANA XS (including Analytical Odata
Services & Virtual Data Models)
SAP NetWeaver Gateway for OData communication
NW Central UI Add-On (SAPUI5 Library)
KPI Framework
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 Business Suite
HANA XS Engine & SAP HANA
SAP Fiori Business Suite
product specific back-end Add-Ons
Reverse Proxy (SAP Web Dispatcher)
2014 SAP SE or an SAP affiliate company. All rights reserved. 41 Public
System landscape Info / Intranet Desktop scenario
Front-End Server (NW ABAP)
SAP NetWeaver Gateway
NW Central UI Add-On
SAP Business Suite product
specific front-end Add-Ons
Transactional SAP Smart Business Analytical
KPI Framework (KPI modeler, generic drill-down app)
Technical requirements:
Reverse Proxy (Web Dispatcher)
SAP HANA & HANA XS (including Analytical Odata
Services)
SAP HANA Search Models
SAP NetWeaver Gateway for OData communication
NW Central UI Add-On (SAPUI5 Library)
KPI Framework
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 Business Suite
HANA XS Engine & SAP HANA
SAP Fiori Business Suite product
specific back-end Add-Ons
Factsheets
Search
Models
Reverse Proxy (SAP Web Dispatcher)
42 2014 SAP SE or an SAP affiliate company. All rights reserved.
HANA
Back-End Server (NW ABAP)
SAP Business Suite
Front-End Server (NW ABAP)
SAP NetWeaver Gateway
NW Central UI Add-On
SAP Business Suite product
specific front-end Add-Ons
HANA XS Engine
VDM Reuse Content
ERP CRM SCM
SAP Fiori App Content
ERP CRM SCM SAP SmartBusiness
KPI Framework (KPI modeler, generic drill-down app)
Search Models
Transactional SAP Smart Business Factsheets Analytical
any DB OR
SMP (optional)
Reverse Proxy (SAP Web Dispatcher)
Landscape Info
2014 SAP SE or an SAP affiliate company. All rights reserved. 43 Public
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):
UI Product Version UI Instance UI SCV oData Product Version oData Instance oData SCV
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
UI Product Version UI Instance UI SCV oData Product Version oData Instance oData SCV
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 Product Version UI Instance UI SCV oData Product Version oData Instance oData SCV
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 45 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 46 Public
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
2014 SAP AG or an SAP affiliate company. All rights reserved.
Demo SAP Fiori Launchpad
Fiori Overview
UI Theme Designer for SAP Fiori
2014 SAP SE or an SAP affiliate company. All rights reserved. 49 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 50 Public
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
2014 SAP AG or an SAP affiliate company. All rights reserved.
Demo Theming of SAP Fiori
Fiori Overview
KPI Modeler
2014 SAP SE or an SAP affiliate company. All rights reserved. 53 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 54 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 55 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 56 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 57 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 58 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 59 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 60 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 61 Public
How to create KPIs User/Role assignment 9/17
7. Set Authorizations (optional):
2014 SAP SE or an SAP affiliate company. All rights reserved. 62 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 63 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 64 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 65 Public
How to create KPIs Visualization & Tile type 13/17
Note: Visualization can only be added for active KPI(s) and Evaluation(s)
2014 SAP SE or an SAP affiliate company. All rights reserved. 66 Public
How to create KPIs Standard KPI Tile types 14/17
Point value Tile Trend Tile Deviation Tile Contribution Tile
2014 SAP SE or an SAP affiliate company. All rights reserved. 67 Public
How to create KPIs Configure Drill-down 15/17
2014 SAP SE or an SAP affiliate company. All rights reserved. 68 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 69 Public
How to create KPIs Configure drill-down 17/17
1
Define Header details
2
Define filter
dimensions
2014 SAP SE or an SAP affiliate company. All rights reserved. 70 Public
SAP Smart Business in the Fiori Launchpad
2014 SAP AG or an SAP affiliate company. All rights reserved.
Demo KPI Modeler
Fiori Overview
Extensibility
2014 SAP SE or an SAP affiliate company. All rights reserved. 73 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 74 Public
Fiori Extensibility Guide
http://bit.ly/Fiori_Extensibility_Guide
2014 SAP SE or an SAP affiliate company. All rights reserved. 75 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 76 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 78 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 79 Public
Native App Built with Mobile Client SDK
Native
Controls
2014 SAP SE or an SAP affiliate company. All rights reserved. 80 Public
Available Now!
Google PlayStore for Android Apple AppStore for iOS
2014 SAP SE or an SAP affiliate company. All rights reserved. 81 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 82 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 83 Public
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)
2014 SAP SE or an SAP affiliate company. All rights reserved. 84 Public
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
86 2014 SAP SE or an SAP affiliate company. All rights reserved.
87 2014 SAP SE or an SAP affiliate company. All rights reserved.
88 2014 SAP SE or an SAP affiliate company. All rights reserved.
Fiori Overview
Rapid Deployment Solutions
2014 SAP SE or an SAP affiliate company. All rights reserved. 90 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 91 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 92 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 93 Public
Solution Scope Key Benefits
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
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-
infrastructure
Related Solutions
SAP HANA Live RDS SAP ERP Foundation
Extension RDS
SAP Fiori Apps RDS SAP Fiori Design RDS
2014 SAP SE or an SAP affiliate company. All rights reserved. 94 Public
Solution Scope Key Benefits
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
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-ui-sapui5
Related Solutions
SAP Fiori Apps RDS
SAP Fiori Infrastructure RDS
SAP Screen Personas RDS
SAP Side Panel Content for
SAP NWBC RDS
2014 SAP SE or an SAP affiliate company. All rights reserved. 95 Public
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 96 Public
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?
2014 SAP SE or an SAP affiliate company. All rights reserved. 98 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 99 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 100 Public
SAP Fiori RKT Material
Click on screenshot to open the link
2014 SAP SE or an SAP affiliate company. All rights reserved. 101 Public
SAPX03 - SAP Fiori Implementation (4 days)
Click on screenshot to open the link
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 102 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 103 Public
SAP Fiori Landing Page (external)
Click on screenshot to open the link
2014 SAP SE or an SAP affiliate company. All rights reserved. 104 Public
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
Click on screenshot to open the link
2014 SAP SE or an SAP affiliate company. All rights reserved. 105 Public
Quick Guide
An example-based step-by-step
guide to enable the usage of
transactional SAP Fiori apps and
SAP Fiori fact sheets
Click on screenshot to open the link
2014 SAP SE or an SAP affiliate company. All rights reserved. 106 Public
SAP Fiori on SCN
Click on screenshots to open the links
2014 SAP SE or an SAP affiliate company. All rights reserved. 107 Public
OpenUI5
Click on screenshot to open the link
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.
2014 SAP SE or an SAP affiliate company. All rights reserved. 108 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 109 Public
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
Oliver Lehmann Director
Usability@Suite Program
UX & Cross Compliance - On-Premise Suite
2014 SAP SE or an SAP affiliate company. All rights reserved. 111 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 112 Public
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
113 2014 SAP SE or an SAP affiliate company. All rights reserved.
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. 113 Public
2014 SAP SE or an SAP affiliate company. All rights reserved. 114 Public
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.