SAP Fiori 2017.02 · PDF fileSAP Fiori 2.0 is the next significant step in our evolution of user experience for business applications: an award-winningnew design concept along with

SAP Fiori

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 2Customer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. This presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP has 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's strategy and possible future developments, products and or platforms directions and functionality are all subject to change and may be changed by SAP 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. 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. This document is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP´s willful misconduct or gross negligence.

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.

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 aparticular purpose, ornon-infringement

Customer 3

Legal disclaimer


Agenda


Customer 5

• Introducing SAP Fiori

• Design Evolution

• Technology

• Demo

• Summary

Introducing SAP Fiori


SAP’s UX direction: digital transformation

SAP Fiori

People

Business

Technology


Customer 7


HUMAN RESOURCESFINANCE CRM PROCUREMENT

SAP Fiori concept

Role-based simplification of business processes

Shift from monolithic solutions to activity-based apps

Empowers you and the way you work



Role-based CoherentSimpleAdaptive Delightful

Designed for you, your needs, and how you work

Adapts to multiple use cases and devices

Only what is necessary

Provides onefluid, intuitiveexperience

Makes anemotionalconnection

SAP Fiori design principles


Customer 9


On-premise

Single point of accessfor end users

SAP deliveredsoftware

Custom builtand 3rd partysoftware

Cloud

Single point of entry for business applications


Customer 10


Execution of SAP’s user experience strategy

Education & Best Practices

Tools & Technologies

UX Design Services

EMPOWERCustomers to innovate through User Experience

NEW & RENEWDelivering over time SAP Fiori UX across SAP Solutions *

Digital Core

Business Networks

Customer Experience

Workforce Engagement

Internet of Things and Big Data


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

SAP Fiori Design Evolution


SAP Fiori 2.0 is the next significant step in our evolution of user experience for business applications: an award-winning newdesign concept along with a delightful new visual theme, called Belize.

Key capabilities� New delightful visual theme: Belize� SAP Fiori launchpad extended with Viewport concept� Notifications – with connection to SAP Business Workflow and My Inbox� Me Area: direct navigation to recent apps and business objects, to settings,

personalization, app finder� Improved navigation – via Me Area and via navigation to previously opened

apps via drop down in new merged header� Merged header: only one header bar, giving more space for eachapp� New SAP Fiori elements: Overview Page, List Report and Object Page

Benefits� Increased productivity – faster and direct access to relevant information and

applications.� Transparency on items needing your attention – timely notifications.� Helps users decide what needs to be done next.� Allows users to take quick and informedactions.� Increased user satisfaction

SAP Fiori 2.0Description

SAP Fiori 2.0 - What you need to know


Customer 13


SAP Fiori 2.0 – Viewport

Me Area Notification AreaWorkspace

Recentinnovations

Watch video of SAP Fiori 2.0 with SAP S/4HANA 1610



SAP Fiori elementsRecent

innovations

All three are responsive, for desktop, tablet, mobile phone

Overview PageImmediate domain-specific insight on what needs attention. Offers quick actions.

List ReportAllows users to filter and work withlarge amounts of data

Object PageShows all facets of a single business object



Visual Design - The new Belize theme

Belize is the successor to Blue Crystal• Refined SAP Fiori visual language

• Clean and consistent layouts throughout the UIconveys the content with clarity

• Delightful details in micro interactions and typography for a richer SAP Fiori user experience

• Light flavor available today

• Dark flavor available today

Recentinnovations

This is the current state of planning and may be changed by SAP at any time.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, ornon-infringement

SAP Fiori launchpad (1)Me Area, Link List, Notifications

Available Today*: Me Area: Frequently Used• Provide access to frequently used apps, inaddition

to RecentActivity

Plannedinnovations

Link List enhancements:• Titles and subtitles; spans over

whole width, aligned with tiles.• Floating links, to fill the space.• Users can transform tiles to

links and vice versa

Notifications: Future direction: Provide photos of users

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

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.Customer© 2017 SAP SE or an SAP affiliate company. All rights reserved. 17This 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, ornon-infringement


SAP Fiori launchpad (2)Navigation Menu

Related apps planned for navigation menu

• Related applications are listed toenable quick access

Plannedinnovations

This is the current state of planning and may be changed by SAP at any time.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.

Customer© 2017 SAP SE or an SAP affiliate company. All rights

18This 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, ornon-infringement


SAP Cloud Platform SDK for iOS


“SAP is the ideal partner tohelp us truly transform howbusinesses around the worldare run on iPhone and iPad.”

Tim Cook

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 19Customer© 2016 SAP SE or an SAP affiliate company. All rights reserved.

Apple and SAP Partnership

Processes SDK Academy Apps


A great native UX is key to the app‘s success

• Best app performance• Intuitive and easy to learn• Instant access to iOS and device

innovations


Native iOS Features - Examples


SAP Enterprise Apps for iOS - Example


SAP Fiori for iOS Design Language

Based on SAP Fiori UX adapted for iOS

We created a design language that unifies our deep understanding of business user needs with the principles of good iOS design.

SAP Fiori for iOS provides design components and building blocks to accelerate development of beautiful interfaces across apps, ensuring the user experience is intuitive, consistent and seamless.

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 aparticular purpose, ornon-infringement© 2017 SAP SE or an SAP

affiliate company. All rights

Customer 23

SAP Fiori Technology


On-PremiseSAP S/4HANACloud Edition

SAP Fiori ArchitectureHigh-Level Overview

SAP S/4HANA

SAP S/4HANA Business Logic

SAP Fiori front-end server

SAP Fiori apps OData ServicesSAP Fiori apps OData Services

SAP Business Suite (ERP, SRM, …)SAP S/4HANA …

Developer

SAP Cloud Platform

ToolsABAP in EclipseBackend Services

SAP Web IDE

SAP Fiori ClientWeb

SAP Fiori user interfaces


Customer 27


SAP Fiori launchpad is the web-based single point of entry for business applications and analytics. Offering all aspects of SAP Fiori user experience it is the recommended client for SAP S/4HANA.

Key capabilities� Supports multiple platforms and devices (using responsive design paradigm)� Role-based with preconfigured home page content� People aware via personalizable content, easy bookmarking and collaboration

capabilities� Quick and easy navigation� Search across apps and businessobjects� Support of established UI technologies as SAPUI5, FPM/WDA, SAP GUI for HTML

(SAP GUI for Windows only via SAP Business Client)� Integration of any URL-based navigation target� Theming and branding via UI theme designer� Open and extensible

Benefits� Simplified, personalizable single point of access drives user productivity and agility

on multiple devices

SAP Fiori launchpadDescription

Link to SAP EA Explorer


Customer 42


SAP Fiori launchpad – Single point of entry across clients

Browser

SAP Business Client

SAP Portal portfolio

SAP Fiori Client

SAP PortalClient

NW Business SAP Logon Mobile ClientsClient

SAP Fiori user experience

SAP Fiori launchpad runs standalone and on key SAP UI clients offering the unified SAP Fiori user experience.


Customer 43


SAP Fiori CloudImplementation journey

DEMO CLOUD

Easily explore and experience SAP Fiori with zero installation

and configuration

ü Freeü Non-productive usageü 90 days trial accountü Community Support

PRODUCTIVE USAGE

Customize, extend, mobilize and run SAP Fiori UX productively on the cloud. Connect to your SAP Business Suite.

ü Subscription feeü For productive usageü SAP Cloud Platform accountü SAP Supportü Connect to productive SAP backend

EXTENDED DEMO

Customize and extend the SAP Fiori experience with app extensions,

branding and in own cloud account

ü Freeü Non-productive usageü 90 days trial accountü Community Supportü Connect custom SAP Fiori apps to

sandbox systemhttps://www.sapfioritrial.com/

Recentinnovations

Go back


Customer 50


SAP Fiori CloudArchitecture at a glance

Recentinnovations

Internal Access Point (IAP) available for SAP S/4HANA content

External Access Point (EAP) available for SAP Business Suite content

SAP Gateway

PUB

LIC

CLO

UD

UIS

ERVI

CES

ON-

PREM

ISE

DAT

A&

PRO

CES

SES

SAP Cloud Platform

SAP S/4HANA

SAP Fiori apps & launchpad

http SAP Gateway

SAP Cloud Platform

SAP S/4HANA

Frontend

SAP Fiori apps & launchpad

http

SAP Cloud Platform OData Provisioning

http

ORW

eb

Dis

patc

her

In IAP scenario users access FLP and apps using a WebDispatcher

In EAP scenario users access SAPFiori launchpad and apps throughSAP Cloud Platform

Apps and Configuration

OData

Go back



Seeing Is Believing

© 2015 SAP AG. All rights reserved. 30Customer

Summary


Summary

SAP Fiori is growing in all dimensions…Design is evolving for an even better user experience –helping users get things done more easily

Runtime technology is evolving for easier implementation and extensibility, unified architecture and to support improved developer efficiency

Tools for Design and Development are evolving to help you design your own apps, improving efficiency

Cloud, IoT and On-Premise solutions are expanding theirSAP Fiori coverage

Go back

This is the current state of planning and may be changed by SAP at any time.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 aparticular purpose, ornon-infringement

Customer


Additional Information

SAP Fiori Demo Cloudhttps://www.sapfioritrial.com/

Fiori Apps Libraryhttps://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/

SAP Fiori in the Enterprise Architecture Explorerhttps://eaexplorer.hana.ondemand.com/_item.html?id=10610#!/overview

Great User Experience for SAP S/4HANA 1610 with SAP Fiori 2.0https://youtu.be/Io9HfoVkGVU

34© 2015 SAP SE or an SAP affiliate company. All rights reserved.

Feel free to connect with me at:

Thank [email protected]@die_ste

https://se.linkedin.com/in/dieste


© 2017 SAP SE or an SAP affiliate company. All rights reserved.


Customer

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 SE’s 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 timefor 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.

Documents

SAP Fiori 2017.02 · PDF fileSAP Fiori 2.0 is the next significant step in our evolution of user experience for business applications: an award-winningnew design concept along with