Produced by Wellesley Information Services, LLC, publisher of SAPinsider. © 2017 Wellesley Information Services. All rights reserved.
SAP Fiori Applications for SAP S/4HANA Finance
Scott CairncrossTruQua Enterprises
1
In This Session
• Learn about the various components and elements that make up SAP’s Fiori strategy
Understand the design principles behind SAP Fiori and the key applications currently
available to finance teams
• Get insight into how this could impact your organization even before your upgrade to
SAP S/4HANA Finance
• Learn about some of the Fiori apps that come with SAP S/4HANA Finance
• Examine the 3 different kinds of applications that SAP Fiori provides to SAP S/4HANA
Finance users (transactional applications, analytical applications, and fact sheets),
determine how and when to use each, and learn how to map them to your most critical
financial processes
• Get tips to create a personalized and consistent user experience across applications and
devices
2
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
3
SAP’s User Interfaces
• Why is SAP re-vamping their existing set of UIs?
Typically this has been the weak point at SAP
There is a User Experience revolution occurring due to the fact that most everyone
uses some sort of software today, whether it is on the computer or their iPhone
• Smartphones, tablets, laptops make it easy
to access services, applications, and
content in private and business life
• Cool devices are desired, become status
symbols
• This fuels expectation to use only software
which is fun to work with (even at work)
• There is a shift from requesting features to
a desire for improved user experience
• IT is no longer restricted to a small group
of people
VISIONProvide the leading user experience for
business applications
MISSIONDeliver attractive applications that make people
successful at work
* ADAPTED FROM SAP UI TECHNOLOGIES ROADMAP
4
Our Brains Are Wired for Visuals
Understanding
available data –
big or small
Finding answers
to questions in
no time – using
iterative data
exploration
remembered by people 72 hours
after exposure when a picture
is added
to neurons processing
visuals
human visual system to process
a complex natural image
100101011010
65% of information is
30% of the cortex is devoted
It takes only 150ms for the
Sources:
http://discovermagazine.com/1993/jun/thevisionthingma227#.UQGpKWerhvA
http://brainrules.blogspot.ca/2009/12/worth-thousand-words.html
www.ncbi.nlm.nih.gov/pubmed/8632824
5
The SAP UI Evolution
* ADAPTED FROM SAP DESIGN GUILD
6
SAP’s User Experience Strategy
SOURCE: SAP
7
SAP’s Key UI Tools and Technologies
SOURCE: SAP
*SAP NetWeaver® Business Client is
now called SAP Business Client
8
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
9
SAP Fiori
SAP Fiori is SAP’s new user
experience that applies modern
design principles, providing a role-
based experience across all lines of
business, tasks, and devices
SAP Fiori enables a holistic and
consistent user experiences that is
personalized, responsive, and simple
It boosts user productivity and
satisfaction – and helps users always
get the job done simpler* ADAPTED FROM SAP FIORI ROADMAP
10
The Ingredients That Make Up SAP Fiori
FIORI CLIENTFIORI UX
SAP SMART BUSINESS
SAPUI5
FIORIS/4HANA Finance
SAP GATEWAY
HANA LIVE VDM
Virtual Data Model
WEB IDE
SAP HANAECLIPSE
JQUERY
S/4HANA
FIORI APPS
FIORI LAUNCHPAD
11
SAP Fiori UX – New Face of SAP
ADAPTED FROM SAP FIORI ROADMAP
12
Coherent Experience Across the Enterprise
ADAPTED FROM SAP FIORI ROADMAP
13
Is This Just Another SAP Trend?
• SAP has attempted to launch a number of UI updates/revamps
• Why is Fiori different? Why should my company adopt Fiori?
• ALL new APPS across DIFFERENT GROUPS at SAP have been built with the FIORI
strategy
SAP BusinessObjects Planning and Consolidation
SAP Business Suite
SAP S/4HANA Finance
14
Converging to the Fiori Launchpad
ADAPTED FROM SAP UI STRATEGY ROADMAP
15
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
16
Fiori Apps – What Type of Apps Are There?
Transactional
Task-based Access
Access to tasks like change, create, or
approve processes with guided navigation
Analytical
Insights
Visual Overview of a dedicated topic for
further KPI-related analyses
Factsheets
Search and Explore
View essential information about objects
and contextual navigation between related
objects
Run On: • Exceptions apply for
Financials and MRP
• Select apps were
down ported
Run On: • For SAP SMART
BUSINESS consider
<<HANA SIDE CAR>>
approach
Run On:
ADAPTED FROM SAP FIORI ROADMAP
17
How Many Fiori Apps Are Available Today?
• Across the various lines of business there are numerous applications
18
With SAP S/4HANA Finance – What Apps Do I Get?
• There are currently over 7,000 apps for SAP S/4HANA 1610, and 100s for SAP S/4HANA
Cloud versions 1611 and 1702
• There are applications such as:
Cash Flow Forecasting
Budget Management
Master Data Maintenance
Reporting
Gross to Net Sales analysis
…
• Huge increase in number of apps and availability of apps in SAP S/4HANA Finance
• With first release of SAP S/4HANA Finance there were three apps
19
SAP S/4HANA Fiori Apps
20
How Do I Find My S/4HANA Fiori Apps?
• Introducing the FIORI APPS LIBRARY
• There are many moving parts with Fiori, however, the Fiori Apps Library is your
consolidated source of information for understanding:
What apps there are:
For a Software Product
For a Business Scenario
For a Line of Business
For an Industry
For a Business Role
21
SAP Smart Business
• New working models combine different SAP Fiori app types
• 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 definitions, roles, …) and drill-down applications/reports
ADAPTED FROM SAP
22
SAP Smart Business for Accounts Payable
SOURCE: SAP
23
Researching the Fiori Apps Library
24
What’s Needed? Behind the Curtain of On-Premise Installations
• Fiori Architectures
ABAP Front-End
Server
ABAP Back-End
Server
SAP HANA
25
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
26
What Is SAPUI5?
• SAPUI5 (SAP user interface for HTML5) is a collection of libraries that developers can use
to build desktop and mobile applications that run in a browser. With SAP’s SAPUI5
JavaScript toolkit, developers can build SAP web applications using HTML5 web
development standards.
• Based on the jQuery Library
• What’s jQuery?
jQuery is a cross-platform JavaScript library designed
to simplify the client-side scripting of HTML. jQuery is the
most popular JavaScript library in use today, with
installation on 65% of the top 10 million highest-
trafficked sites on the Web. jQuery is free,
open-source software licensed under the
MIT License.* SOURCE: WIKIPEDIA
27
SAPUI5 – SAP’s UI Technology
• SAP’s toolkit for building lightweight business UIs across multiple platforms, optimized
for consumption of SAP data
• Business agility through responsive design
• Powerful controls and templates built to optimize development productivity
• Smooth access to data via industry-standard OData protocol
• Modern theming and branding capabilities
SOURCE: SAP
28
How Do I Build/Extend Fiori Apps with UI5?
ECLIPSE SAP WEB IDE
29
Exploring the SAPUI5 Demo Kit
30
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
31
Fiori on SAP S/4HANA Finance
32
What We’ll Cover
• Understanding SAP’s vision for how users will interact with their products
• What is SAP Fiori?
• SAP S/4HANA Finance and SAP Fiori
• Under the hood – SAPUI5
• Demo – SAP Fiori on SAP S/4HANA Finance
• Wrap-up
33
Where to Find More Information
• SAP Fiori Apps Reference Library
https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/
• SAP Fiori for Simple Finance,* On-Premise Edition on the SAP Help Portal
http://help.sap.com/saphelp_fiori_sfin_200/helpdata/en/d1/37dc526ef7bd66e10000000a
441470/content.htm?frameset=/en/d1/37dc526ef7bd66e10000000a441470/frameset.htm
¤t_toc=/en/06/31dc52a1d5be66e10000000a441470/plain.htm&node_id=3&show_
children=false
• SAP’s User Experience Strategy on the SAP User Experience Community
http://experience.sap.com/ux-strategy
* SAP Simple Finance is now called SAP S/4HANA Finance
34
7 Key Points to Take Home
• SAP’s new UI strategy is called SAP Fiori
• SAP Fiori UX is the User Experience paradigm that is core to SAP Fiori
• All new SAP UIs will converge and be centralized through the SAP Fiori Launchpad
• SAP S/4HANA Finance has 456 available SAP Fiori applications (currently, 316 with 1511,
and 140 with 1605)
• There are three different types of Fiori apps for S/4HANA Finance – Transactional,
Analytical, and Fact Sheets
• SAP Smart Business Apps are Fiori apps that contain a mix of Transactional/Analytical
and potentially other apps that are scenario-based
• SAPUI5 is a set of lightweight JavaScript libraries based on jQuery, which make up the
core of SAP Fiori
35
Your Turn!
How to contact me:
Scott Cairncross
Email: [email protected]
Twitter: @scottcairncross
Please remember to complete your session evaluation
36
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. All other product and service names mentioned are the trademarks of their respective companies. Wellesley Information Services is neither owned nor controlled by SAP SE.
Disclaimer
Wellesley Information Services, 20 Carematrix Drive, Dedham, MA 02026 Copyright © 2017 Wellesley Information Services. All rights reserved.