USER INTERFACE

SAP S4/HANA
SAP S4/HANA 1

VW SAP Consultant
TOPICS
 User Interface with ECC
 User Interface with S/4 HANA
 Architecture of Fiori
 Fiori Launchpad
 Applications/Tiles, Business Groups & Catalogs
 User specific Fiori screen

VW SAP Consultant 2
 SAP USER INTERFACE ECC
 Drawbacks of GUI

a. Install it on machine
b. Need to remember T-codes GUI

c. Not user friendly

d. No search capability
e. Self exploration
ECC NWBC

f. Need user training

FIORI

VW SAP Consultant 3
NWBC
 With NWBC they convert all the T-codes to web dynpro technology so
that they can work on web browsers.
 Still the screens are blue and not simplified.
 Navigation is better.
 You can go with t-codes or they can be clubbed into dash board.
 Cannot be used with mobiles and tablets due to non simplification.

VW SAP Consultant 4
FIORI WITH ECC
 Fiori (UI5 technology based) is an interface which works with web
interfaces, mobiles and tablets.
 Fiori is available with ECC but it does not have out of the box
applications like analytics and reports.
 If required new applications need to be built.

VW SAP Consultant 5
SAP UI S4 HANA
 In S4 HANA, fiori would be the major UI
GUI
and many innovations are
coming up with fiori.
• In fiori all the t-codes
S4HANA NWBC
are simplified & avail
in the form of apps,
with each version getting released
FIORI
every year 1610, 1709, 1809 the fiori apps
are increasing which can be analytical apps,
reporting apps, t-code apps & new innovation apps.
VW SAP Consultant 6
ADVANTAGES
 On boarding of the user is very easy
 Fiori is role based interface where user can see the apps specific to his
role, instead of getting lost with many unused apps.
 User training efforts are greatly reduced as the apps are self explanatory
and user can explore by himself.
 It has a powerful search option which helps user to find specific
application or T-code.

VW SAP Consultant 7
ARCHITECTURE OF FIORI
User wants to use fiori with

Mobile Tab Web Hub deployment

architecture

Web Dispatcher

Fire walls Fiori app layer which gets

connected with ABAP back
end layer/ABAP app server
ABAP front end server

ABAP back end server ABAP app layer

HANA DB 8

VW SAP Consultant
ARCHITECTURE OF FIORI
User wants to use fiori with

Mobile Tab Web CO deployment

architecture

Web Dispatcher

Fire walls

ABAP + Add-on NetWeaver Single server

Gateway

HANA DB
9
VW SAP Consultant 9
FIORI SCREEN

VW SAP Consultant 10
FIORI SCREEN

VW SAP Consultant 11
FIORI SCREEN

VW SAP Consultant 12
FIORI SCREEN

VW SAP Consultant 13
FIORI SCREEN

VW SAP Consultant 14
FIORI SCREEN

VW SAP Consultant 15
FIORI SCREEN

VW SAP Consultant 16
FIORI SCREEN

VW SAP Consultant 17
FIORI SCREEN

VW SAP Consultant 18
FIORI SCREEN

VW SAP Consultant 19
 THANK YOU

VW SAP Consultant 20