October 2017

Fiori UX Made Easy

Stig Halvorsen & Morten Ehrhorn

© 2016 Cognizant
© 2016 Cognizant
 Us In A Nutshell
Stig Halvorsen
• Focus on Reporting &
Analytics in SAP
• Experience from S/4
Central Finance projects.
• 8 years of SAP experience
‹#›
2 © 2016 Cognizant
Morten Ehrhorn
• Focus on HANA, UX, SCP
and development in SAP
• Known for forgetting to
wear pants
• 15+ years experience with
SAP Development
 Our Global Digital / UX Capabilities

200+
Manufacturing Media & Tech Retail & Hospitality

Fortune 500 Clients Banking & Financials Insurance Healthcare

3000+
Design Associates
Highlights
One-stop-shop for integrated
UX Design, Development and
Measurement services
Design Experts with over 10
years global industry
experience
Leverage design experience
and best practices from
different domains
Experience across front-end
technologies
Last mile design support to IT
teams
Strong global talent pool designing world class User Experience solutions across technology platforms and
devices.
We are one of the largest Design Services groups in the industry, helping our clients create end-to-end
value throughout the customer lifecycle & to deliver a data-driven multi-screen Digital Experience.
350+ 600+ 1800+
Digital Consultants UX Designers UI Architects & Developers
▪ Digital Strategists ▪ Interaction Designers ▪ Front-end Architects &
▪ UX Analysts ▪ Mobile UX Designers Developers
▪ Hybrid App developers
▪ Information Architects ▪ Art Directors
▪ Digital Analytics & Marketing ▪ Visual Designers ▪ HTML 5, CSS, jQuery, YUI experts
Experts ▪ Flash Designers ▪ Flex/Flash/Scripting
▪ Creative Directors ▪ Production Artists Programmers
▪ Mobility and Social Media Experts ▪ Accessibility experts
Global Delivery Centers: India, US, Canada, Europe, Argentina, Brazil, China

‹#›
3 © 2016 Cognizant
 Why Fiori UX?
Standing on the shoulders of giants

Gain Save
productivity training cost

Reduce
Decrease
change
user errors
request

‹#›
4 © 2016 Cognizant
 How?

Find the “one app” to drive adoption and get started;

– Fiori Search
– Smart Business & Analysis Path Framework
– Personas (trojan horse)
– Custom apps using Fiori Elements
– SAP Standard apps

Short term;
Focus on improving user experience

Long term;
Innovate and improve business processes

‹#›
5 © 2016 Cognizant
 UI Clients
The King is Dead. Long Live the King. Business Client to rule them all

Use the SAP Business Client

(6.5) to access all kinds of apps;
SAPGUI for Windows, Personas,
WebDynpro, Fiori, etc.

Entry page can be either classic

SAP Menu, Business Client or
Fiori Launchpad.

Use SAP Screen Personas to “Fiorize” SAPGUI

‹#›
6 © 2016 Cognizant
 Realtime Analytic Driven “Insight to Action”
Launchpads and Dashboards Analytics Tools for Drilldown & Exploration

but still human driven interaction flow...

‹#›
7 © 2016 Cognizant
 From Reactive to Proactive

KPI Alerts & Fiori Notifications

Flexible Workflow
Digital Assistant (CoPilot)
Predictive & Machine Learning
Embedded Business Rules

‹#›
8 © 2016 Cognizant
 Fiori System Landscape
Component Overview (example)
SCP / CDN Fiori Launchpad and SAPUI5 features
depends SAP_UI version

Fiori FES SAP_UI SAP_GWFND is tied to the SAP_BASIS

release, decoupled from BEP. Important for
/ performance & support for OData features.
Gateway SAP_GWFND

SAP_UI in BEP 7.50+ required for SAP Menu

integration in FES. Can be upgraded
SAP_UI independently of the SAP_BASIS release
NetWeaver
NetWeaver SAP_BASIS
SAP_BASIS level determines the available
“Fiori Development Model” (CDS, SADL &
BOPF) capabilities

HANA
Database HANA DB is a ”must” have for most
XS, XSA scenarios that includes analytics queries and
(full text) search

‹#›
9 © 2016 Cognizant
 ABAP Programming Model for SAP Fiori
One for All And All for One
Client

Data modelling in CDS Analytic

• analytics & UI semantics Manager SADL
• code push down (calculations and table
functions)
• DCL for authorization control
BOPF
CDS
BOPF in RESTful architecture
• draft capability in transactional apps
• Transaction handling and logic exits

Simple query handling using

SADL / Analytic Manager
HANA

‹#›
10 © 2016 Cognizant
 Consuming CDS views

Fiori Elements Fiori Frameworks SAP Standard Apps SAP Products

Object Page Analysis Path Framework (APF) Custom Analytical Queries SAP BW/4- / BW on HANA
List Report SAP Smart Business (SSB) Report Designer Lumira 2.0
Overview Page Analysis for Office
Analytical List Page …

Templates for
generating apps based
on annotations with Frameworks for building
SAP Standard Fiori App SAP Products for data
minimal code, evolves Fiori applications
for creating reports discovery and analysis
with and ensures without coding
compliance with SAP
design guidelines

‹#›
11 © 2016 Cognizant
 What’s Next
Our Top Hopes & Guesses

01 02 03 04 05
End- & Digital Collaboration Business Predictive &
Super-user Assistant & device Rules Prescriptive
enablement switch integration

Performance, Usability, Innovation

‹#›
12 © 2016 Cognizant
 Flexible Workflow – Fiori App “Manage Workflows”

From “fixed” workflow that requires To “flexible” workflow where the flow is
development to adapt composed (by superusers) with building
blocks defined at design time
(development)

‹#›
13 © 2016 Cognizant
 Questions?

‹#›
14 © 2016 Cognizant
 Stig Halvorsen
stig.halvorsen@cognizant.com

Morten Ehrhorn
morten.ehrhorn@cognizant.com
15 © 2016 Cognizant
 SAP Smart Business
On-Premise & Cloud versions

Version Data Source Back-End Front-End

SCP ”all” ”any” SCP OVP & ALP designer.

KPI Alerts.
PAL integration.

S/4 CDS S4CORE UIS4HOP1

SoH CDS SAP_BS_FND UISSB001 Not in active development.

(SAP ERP 6.0 ehp 8)

HANA XS XS OData HANA XS UISAFND1 Not in active development.

(SAP ERP 6.0 ehp 7) Requires HANA DB users and
roles + proxy for http redirects.

SSB On-Premise and Cloud are two separate products. The cloud version is where innovation features
are released. Down ports to on-premise seems to happen with feature pack and major releases of S/4.

‹#›
16 © 2016 Cognizant
 Virtual Data Models (VDM)

• Code pushdown to the database

• Real-time operational analytics
• No persistent aggregations, single copy of data
• Consume in various application frameworks & UI clients

Slide
© 2016 Cognizant
17
Fiori Search

• Full-text Search of +100

business objects
• Flexible faceted search
visualization for filtering
• Navigate to factsheet /
transaction

18 © 2016 Cognizant
Smart Business

• KPI repository with

definition of evaluations
and thresholds
• Chart based drill-down on
real-time data sources
• Navigate to factsheet /
transaction

19 © 2016 Cognizant
Analysis Path Framework

• Intuitive chart based

multidimensional drill-down
analysis on real-time data
sources
• Selections in one analysis
step affect subsequent
analysis steps in the path
• Each step can pull data
from different data
providers, enabling cross
scenario analysis

20 © 2016 Cognizant
Fiori 2.0 “Me Area”

• Recent & frequent activities

• App finder
• Settings & personalization

21 © 2016 Cognizant
Fiori 2.0 “App Finder”

• Discover and launch apps

• Integrated SAP user menu
• Personalization and settings

22 © 2016 Cognizant
Fiori 2.0 “Notifications”

• User defined subscription

• Allows for instant action on alerts
• Navigate to details
• Generic framework with
implementations available for
Business Workflow (now), Smart
Business (roadmap 2017) and
any other application

23 © 2016 Cognizant
 Fiori Elements

Slide
© 2016 Cognizant
24
Fiori Elements “Overview Page”

• Aggregation of domain
specific information
• Filter, search and
personalization options
• Providing immediate insight
on what needs attention
• Trigger actions and access
applications

25 © 2016 Cognizant
Fiori Elements “List Page”

• List report for large

amounts of data
• Filter, search and
personalization options

26 © 2016 Cognizant
Fiori Elements “Object Page”

• Easy to consume
overview of a single
business object entity
• Create, edit and view
modus
• Rich data visualization
and embedded analytics

27 © 2016 Cognizant
Fiori Elements “Analytical List Page”

• Visual filters and charts for

drill-down combined with
table representation of
selected data
• Filter, search and
personalization options
• Rich data visualization and
embedded analytics

28 © 2016 Cognizant
S/4HANA Fiori Apps

• SAP standard Fiori apps for

S/4HANA, replacing SAPGUI
• “Draft” function
(collaboration, continue later,
device shift or forward)
• Further integration of HANA
platform capabilities (i.e.
embedded and predictive
analytics)

29 © 2016 Cognizant
SAP CoPilot – “Siri for SAP”

30 © 2016 Cognizant
Bridge the Gap – Integrating The Old With The New

31 © 2016 Cognizant
SAP Screen Personas

Tool to simplify existing applications (SAPGUI & Web Dynpro).

The foundation of Screen

Personas is removal – the
hiding of fields, buttons and
screens, to expose on the
information needed by the
user to perform a specific
task.

http://link.personas.help/SAPScreenPersonasFlavorGallery

32 © 2016 Cognizant
SAP Business Client (former NWBC)
Fiori Launchpad in browser and SAP Business Client

One client for consumption of different UI’s

33 © 2016 Cognizant