sap fiori applications for sap s/4hana...

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

&current_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: scott.cairncross@truqua.com

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.