You are on page 1of 39

CGE206 – Renew Your User Experience with

SAP Fiori on SAP Cloud Platform

PUBLIC
Speakers 2018

SAP TechEd Las Vegas Shani Limor


October 2–5, 2018

SAP TechEd Barcelona Thomas Hensel


October 23–25, 2018

SAP TechEd Bangalore Chandramohan Sankaran


November 28–30, 2018

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 2


Take the session survey.
We want to hear from you!

Be sure to complete the session evaluation


for this session CGE206 on the SAP TechEd
mobile app.

Download the app from


iPhone App Store or Google Play.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 3


Disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP.
Except for your obligation to protect confidential information, 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 presentation or any related
document, or to develop or release any functionality mentioned therein.
This presentation, or any related document 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
presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentation 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 presentation is for informational purposes and may not be incorporated into a contract. SAP
assumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP’s intentional 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.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 4


Agenda

Overview

Solution in detail

Implementation recommendations

Further information

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 5


Agenda

Overview

Solution in detail

Implementation recommendations

Further information

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 6


Renewing the SAP user experience with SAP Fiori

SAP Fiori (on-premise) SAP Fiori Cloud


Manage and run SAP Fiori apps manually Connect SAP Fiori Cloud apps to SAP backend
in your own datacenter with full flexibility in system (on-premise). Leverage cloud services to run,
installation, configuration and customization extend and develop apps on SAP Cloud Platform

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 7


SAP Fiori Cloud
Value proposition

SAP Fiori Cloud provides SAP S/4HANA and SAP Business Suite customers a simple approach to
adopt the SAP Fiori user experience (UX) by leveraging SAP Fiori pre-packaged content and
services on SAP Cloud Platform, while keeping business data on-premise.

SAP Cloud Platform

Business content

Tools & services

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 10


SAP Fiori Cloud – main benefits

Manage SAP Fiori landscape

Reduce setup & operation Easily manage accounts for Secure access via
efforts as SAP Fiori frontend is development, test, production internal and external
provided via subscriptions and preview by configuration access point setup

Manage software and innovation lifecycle

Get regular, automatic Use latest runtime and design- Drive UX innovations on the
updates/patches for business time tools for content modelling, cloud, while keeping your
content & SAP Fiori apps configuration, and development backend (on-premise) stable
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 12
Use cases

Connect & run Customize & extend Prototype & develop Mobilize
Leverage pre-packaged Adapt delivered SAP Fiori Design and implement SAP Optimize SAP Fiori apps
content for SAP Business apps and content to your Fiori / SAPUI5 apps tailored to for mobile consumption
Suite and SAP S/4HANA needs your business requirements

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 13


Showcases

Ruralco Sika Convergent SAP


wholesale distribution chemicals professional services high tech

Ruralco speeds up Sika drives UX innovations Convergent accelerated time SAP provides a central
inventory management leveraging SAP Fiori Cloud to value of SAP S/4HANA launchpad for 86.000+
processes with intuitive, apps and agile development Finance implementation by employees and managers
mobile-ready UX – going of new apps from early adopting and simplifying SAP to easily access corporate
live within 6 weeks prototype to production Fiori user experience in the applications and self-
cloud services

Success Story and Blog Success Story Success Story Success Story

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 14


Agenda

Overview

Solution in detail

Implementation recommendations

Further information

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 15


Key building blocks for running SAP Fiori in the cloud

 Provide a role-based, personalized entry point to


SAP Fiori apps with SAP Fiori launchpad
 Manage and customize content with SAP Fiori SAP Fiori
SAP Fiori launchpad configuration cockpit apps launchpad

 Manage account, trust and destinations via


SAP Cloud Platform cockpit
Cloud UI theme
 Connect securely to backend via cloud connector Connector designer

 Style the solution with UI theme designer


 Prototype new applications with Build service Cloud Fiori
Platform Configuration SAP Web
 Customize, extend, and develop apps with SAP Web IDE Cockpit Cockpit IDE

 Enhance apps with mobile services* for SAP Fiori

* Requires SAP Fiori Cloud, enterprise edition


© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 16
SAP Fiori Cloud for SAP S/4HANA 1709 FPS02

Comprehensive content package available as of SAP S/4HANA 1709 FPS02

Scenarios across 13 Covering all Access to 9000+ 1000+ predefined


lines of business major industries SAP Fiori apps and business roles and
classic UIs catalogs

Application scope and prerequisites described in SAP Fiori apps reference library: www.sap.com/fiori-apps-library and documentation: https://help.sap.com/viewer/p/SAP_FIORI_CLOUD_ALL

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 17


SAP Fiori Cloud for SAP Business Suite – available SAP Fiori applications

HUMAN RESOURCES MASTER DATA GOVERNANCE SALES

 Approve Leave  My Paystubs*  Approve Master Data  Request Customer  Check Price &  My Leads
Request*  My Team Calendar* Availability
 Request Business  Request Material  My Opportunities
 Approve Timesheets  My Time Events* Partner  Customer Invoices
 Request Profit Center  My Tasks
 Employee Lookup*  My Timesheet  Request Cost Center  My Accounts
 Request Supplier  Track Sales Orders
 My Benefits*  People Profile*  Request Customer  My Appointments
 Track My Request
 My Leave Requests* Change
 My Contacts

SUPPLY CHAIN SOURCING & PROCUREMENT VARIOUS

 Adjust Stock  Order Products  Approve Purchase  Confirm Receipt of  Access Approver
 Approve Service  Print Labels Contracts Goods  My Inbox
Entry Sheets  Receive Products  Approve Purchase  My Shopping Cart  My Spend
 Look Up Retail  Transfer Stock Orders  Track Purchase Order
Products  My Travel and Expenses
 Approve Requisitions  Track Shopping Carts  My Travel Requests
 Approve Shopping Cart

Application scope and prerequisites described in SAP Fiori apps reference library: www.sap.com/fiori-apps-library and documentation: https://help.sap.com/viewer/p/SAP_FIORI_CLOUD_ALL

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC * new version available 18
SAP Fiori apps reference library
Product features and implementation information

 SAP Business Suite


 SAP S/4HANA 1610
 SAP S/4HANA 1709

 Important SAP Notes


 Prerequisites for backend
 Configuration
 Extensibility
 Support
 Related Apps

www.sap.com/fiori-apps-library
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 19
Demo

SAP Fiori Cloud

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 20


SAP Fiori launchpad configuration cockpit
Easily create and manage SAP Fiori content
Integration of SAP Fiori and
Role-based preview Publish site
classic SAP applications

Settings for site access, News & notifications for


URL, runtime, and user administrators
services

Business content with


Manage content packages catalogs, groups, roles

Editors to manage Apply standard theme or


business content and custom design
assignments

Manage themes,
translations, and
transports
Access SAP Web IDE and
SAP Cloud Platform
cockpit

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 21


Manage content packages for SAP S/4HANA and SAP Business Suite

Use Content Packages editor to activate content


provided by SAP
Assign backend system
SAP Fiori apps are updated bi-weekly
Content packages according to SAP S/4HANA
feature and support packages

Release Information Note


with recent updates and release differences
 2451380 - SAP Fiori Cloud for Business Suite
 2425345 - SAP Fiori Cloud for S/4HANA 1610
 2520329 - SAP Fiori Cloud for S/4HANA 1709

Details on Lifecycle Management & Managing Business Content

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 22


Working with business content provided by SAP

Filter business content


provided by SAP or show
custom (local) content
Manage assignments
Manage business content:
and define tile
App tiles, catalogs, groups
visualization
and roles

Manage and assign app


versions

View app details

Duplicate content or Edit configuration


create custom content parameters

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 23


Preview environment

 Option to review and explore upcoming


capabilities and updates

 Available for non-productive usage

 Two weeks prior to official delivery

 Under Beta Service terms of use

 Patches are applied to preview accounts


first; afterwards to productive accounts

Learn more: portal preview environment

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 26


Working with application patch levels

Options to react on application issues


previous patch date Today next patch date
1) Restore to previous patch level (n-1) (bi-weekly)

2) Test upcoming patch (n+1) in preview Production account


app with current
account (if available) patch level patch level patch level
n-1 n n+1
3) Check support and troubleshooting guides
1 Restore

4) Report incident
 Tools and technology: EP-CPP-SFC
 Application: components in Fiori Apps Library Preview account
Check

2
Release Information Note available for validation planned for
patch level during preview upcoming patch
2451380 - SAP Fiori Cloud for Business Suite
n+1
2425345 - SAP Fiori Cloud for S/4HANA 1610
2520329 - SAP Fiori Cloud for S/4HANA 1709 SAP provides solution and
4 applies latest patch /
release note automatically

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 27


SAP Web IDE - extend and develop SAP Fiori / SAPUI5 applications

 Web-based tool to simplify the end-to-end lifecycle:


develop, package, deploy SAP Fiori / SAPUI5 apps

 Extend existing SAP Fiori apps and easily develop new


SAP Fiori apps

 Code editors for SAPUI5 including code completion,


instant preview and mock data support

 Drag & drop tools, wizards and templates

 Support for hybrid mobile development

 Extensible IDE architecture to add custom templates and


tool plugins

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 28


SAP Web IDE for SAP Fiori
Customize, extend and develop SAPUI5 / SAP Fiori apps

Account
New Code editors Git code versioning
Fiori templates / Build
SAP Cloud Platform

Visual editors
SAP Translation Hub

SAP API Mgmt.


App
Extend* App preview
Deployment
Code extensions
SAP Fiori Mobile
Development
Standard app Visual extensions team
SAP Fiori launchpad

UI adaptation
Portal

Mock Live more services …


data data

End users
On premise

SAP Cloud connector

SAP S/4HANA SAP Business Suite


*Supported for SAP Business Suite; planned for SAP S/4HANA
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 29
Extend SAP Fiori applications for SAP Business Suite with SAP Web IDE

 Create new extension project for SAP Fiori app

 Based on SAPUI5 extensibility concept


(separation of original code and customizations)

 Leverage visual and code-based editors

 Deploy final app to your account and assign to


SAP Fiori launchpad catalog

 Manage application versions

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 30


Agenda

Overview

Solution in detail

Implementation recommendations

Further information

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 31


Running SAP Fiori in the Cloud
Key activities

Access apps via web browser or mobile device

User
Brand and customize the look and feel

Optimize for mobile experience*

Run Extend Prototype Develop


Business Expert
SAP Fiori apps SAP Fiori apps new apps custom Fiori apps
& Developer

Manage cloud account, resources, users and apps

Connect cloud account to on-premise landscape

Administrator Enable and configure SAP backend (on-premise)

* Requires SAP Fiori Cloud, enterprise edition


© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 32
Getting started with SAP Fiori Cloud

1) Onboard to SAP Cloud Platform

2) Decide on access point setup (internal / external)

3) Select relevant SAP Fiori apps from Fiori Apps Library

4) Check pre-requisites for apps and configure backend components

5) Activate subscription to SAP provider account

6) Configure SAP Fiori launchpad and content (catalogs, groups, tiles and roles)

7) Test the end-to-end scenario

8) Transport content to production account and publish

i
Further information: landscape configuration guide
https://help.sap.com/viewer/p/SAP_FIORI_CLOUD_ALL
and Getting Started Kit

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 33


Blueprint architecture
SAP Fiori Cloud - landscape overview document

INTERNET Firewall

End User Your Datacenter

Consumer subaccount (customer)


or Business Suite
Design time environments OData
Provisioning* SAP Gateway*

Application
Client Fiori Configuration UI theme SAP Web IDE SAP Build
Cockpit (FCC) designer

iOS option 1
option 2 Secure tunnel
Subscribed
SAP Fiori apps & content
Android Connectivity Cloud
Portal
SAP Fiori launchpad subscription service connector

trust
Windows Provider account (SAP)
Identity
SAP Fiori Cloud applications Authentication
& business content packages tenant
Desktop

* OData services via SAP Gateway or SAP Cloud Platform OData provisioning (for SAP Business Suite) - for details check SAP Note 1830712
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 34
Internal & external access point scenarios
Internal Access Point External Access Point
A B*
PUBLIC CLOUD
UI SERVICES

SAP Fiori Apps & SAP Fiori Apps &


SAP Fiori Apps & Launchpad
Launchpad Launchpad

OData
OData
Provisioning*

Cloud Cloud
PROCESSES
ON-PREMISE

SAP Web Dispatcher Connector Connector


DATA &

OData OData
SAP Gateway Hub / Embedded SAP Gateway Hub / Embedded

SAP Backend + SAP Gateway SAP Backend + SAP Gateway SAP Business Suite
service implementation service implementation (SAP Gateway service impl.)

Users access launchpad and apps via Users access launchpad and apps on
internal SAP Web Dispatcher; SAP Cloud Platform via internet connection
business data resides in intranet
* Option B: for SAP Business Suite scenarios only, for details see SAP note 1830712
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 35
Blueprint document

Modernizing Employee UX with SAP Fiori Cloud

Effectively increase employee job satisfaction and reduce


internal training costs by implementing an intuitive user
experience and central point of access in the cloud

Learn more
https://cloudplatform.sap.com/scenarios/usecases/fiori-cloud.html

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 36


SAP Fiori Cloud – Getting Help

Check FAQs and troubleshooting guides


 FAQ - SAP Fiori Cloud and Troubleshooting
 FAQ - Cloud Portal & Launchpad
 FAQ - Cloud Connector
 SAP CP OData Provisioning Troubleshooting and SAP Note 1964574 (Troubleshooting Guide)
 SAP Gateway > SAP Gateway 2.0 or SAP Gateway Foundation 7.5x > Technical Operations Guide
 SAP Fiori for SAP S/4HANA Troubleshooting Guide

Create a support incident


Identify the correct support component for your ticket
Provide background information on your implementation:
 SAP backend solution and applications: SAP Business Suite or SAP S/4HANA
 OData provider: SAP Gateway (embedded or hub/FES) or SAP CP OData provisioning
 Access scenario: external access point or internal access point
 Any screenshots, log or trace files that you can provide

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 37


Documentation, implementation guides and release notes
https://help.sap.com/viewer/p/SAP_FIORI_CLOUD_ALL

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 38


Agenda

Overview

Solution in detail

Implementation recommendations

Further information

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 39


Why SAP Fiori Cloud?

Provides a simple, fast route to adopt SAP


Fiori with your existing SAP Business Suite
or SAP S/4HANA

Offers predefined business content with


thousands of apps, roles and catalogs

Leverages SAP Cloud Platform, to simplify


and secure integration between on-premise SAP Cloud Platform
and cloud solutions

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 40


Additional resources

SAP Fiori SAP Cloud Platform


Overview Community
SAP Community openSAP courses
Roadmap
Rapid Deployment Solution

SAP Fiori Cloud Tools


Solution Overview SAP Fiori launchpad
SAP Community and How-To Guides UI theme designer
Blueprint Architecture Overview SAP Build
Documentation and Implementation Guides
SAP Web IDE
SAP Fiori Apps Library

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 41


SAP TechEd online / SAP Community

Access replays of:


 Keynotes
 SAP TechEd live interviews
 Selected lecture sessions

http://sapteched.com/online

Continue your SAP TechEd discussion after


the event within SAP Community:
 Read and reply to blog posts
 Ask your questions
 Join conversations

sap.com/community
See all SAP TechEd blog posts

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 42


Further information

Related SAP TechEd learning journeys


CGE3 – Implement and Run Great UX for My Company

Related SAP TechEd sessions


CGE207 – All About SAP Cloud Platform Portal and the Transition to Cloud
CGE363 – Experience SAP Fiori Cloud from an Administrator and End User Perspective
CGE208 – All You Need to Know About SAP Fiori Launchpad
CNA214 – High-Productivity Full-Stack Application Development with SAP Web IDE

Public SAP Web sites


SAP Community: www.sap.com/community
SAP products: www.sap.com/products
SAP Cloud Platform - User Experience: https://cloudplatform.sap.com/capabilities/ux.html

SAP training and certification opportunities


www.sap.com/education
https://open.sap.com/courses/portal2

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 43


Thanks for attending this session.

Feedback Contact for further topic inquiries

Please complete your session Thomas Hensel


Product Manager
evaluation for CGE206. Thomas . Hensel @ sap.com

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 44