2
Most read
7
Most read
12
Most read
Ankit Jain
Agenda
 Process overview
 Pitfalls in process
 Introduction to SAP Fiori Solutions
 SAP Fiori Apps
 Architecture
 Overview
 Service Scope
 Wrap Up and Q&A
Gatepass Process
 ZGATE02 -Create Gatepass entry
ZGPAPP- Approver
ZGATE05 - Report
ZGATE- Ztable to be updated
 Gatepass created for outgoing entries only
 One Level of Approval
 Gate Pass approvers are maintained in custom table against company
code & creator would assign the approver at the time of creation
Pain Points in Approval Process
 Delay in approval(need to intimate approver via e-mail/call)
 No Approval Notification
 Reject option not available
 In case of Rejection, need table entry deletion explicitly
 Difficult to keep gatepass records
Key benefits of SAP Fiori
Improving customer’s user experience
Increase
productivity
 Employees are able
to get the job done
anytime, anywhere
 Managers can
streamline processes,
impact business
results
 Apps are coherent
and easy to use
 Additional features
(example: mass
approvals) to
accelerate handling
Lower risk Reduce TCO
 Implementation aligned to
business value and
feasibility
 Supportability by SAP
 SAP validated and tested
 Future-proof investment
 Continuous innovation
Improve time to
value
 Faster implementation
 Predictable
implementation
timeline
 Better quality
assurance/reliability
 Standards-based,
flexible software
framework
 Instant roll out
capabilities to different
devices
 Reduce customization
and integration
complexity via SAP
Fiori toolkit and rapid-
deployment offerings
 Lower maintenance
costs
 Reuse of skill sets
 Intuitive usage
significantly reduces
learning effort and cost
SAP Fiori – Architecture
High-Level Overview
SAP Fiori – Architecture
Mid-Level Overview
SAP Fiori – Architecture
ABAP Frontend Server
SAP Fiori - Frontend Technology
 Fiori apps build with SAP UI5 technology (HTML5)
 UI artifacts are deployed with ABAP technology
 Support of smartphones, tablets, and desktop (by responsive design
patterns)
 Different form factors and operating systems are supported with single
code line
 Fiori Apps are launched and running in the Fiori Launchpad as UI
components
 Business data is retrieved through OData services during runtime
SAP Fiori - Application Types
SAP Fiori – Architecture
Transactional Apps (AT1) - Business Suite Version / Enhancement Package
• Focused on transactional scenarios
released to run with the latest
enhancement package
e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0
EhP 3, SAP SRM 7.0 EhP 3 …
• Apps are deployed by ABAP UI add-ons
• Apps are connected via OData services
• OData services are shipped
via ABAP Support Packages
on the highest available Business Suite
release
e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0
EhP 3, SAP SRM 7.0 EhP 3 …
• HANA and any database* are supported
SAP Fiori Apps on Any DB Today
Across lines of business and industries
SAP Fiori Launchpad
Web-based entry point for SAP business applications across platforms and
devices
• The FIORI Launchpad
provides end-users an entry
point to Fiori applications
in a role-based, consistent
and user-friendly manner
using tiles.
• Tiles show
dynamic/live/real-time
application information
(like status, KPIs) on the
home page.
• Predefined content and
high degree of
personalization .
• Tiles can be selected from
catalogs and arranged in
groups.
• Search is integrated.
Desktop Browser Support
Windows and Apple Devices*
Browser Support for Mobile
Mobile Phone and Tablets Supported *
Service Scope - Deployment solution Options
Service Scope - Infrastructure SAP Fiori foundation deployment
• Deploy infrastructure Notes for
SAP Gateway and SAP UI5
• Deploy SAP UI5 for NetWeaver
Add-On
• Connect SAP Gateway to SAP
Backend
• Configure Backend Event
Publisher
• High Availability Landscape
Deployment
• SAP Gateway and SAP UI5 are the core component of SAP Fiori infrastructure with
the capability to support multiple users and applications in a productive
environment.
• Gateway is integrated with SAP Business Suite systems and provides a set of oData
services. SAP UI5 enables the consumption of those oData services in any
compatible browser for a true multi-channel UI experience
Service Scope - SAP Gateway Deployment Options
1) Central Hub Deployment of
SAP Gateway
2) Embedded Deployment of
SAP Gateway
Recommendation is to use the Central
Hub Deployment, if several SAP backend
systems need to be connected.
Use the Embedded Deployment if
you only need to connect to one
backend system.
Any open questions?

More Related Content

PPTX
SAP Fiori ppt
PPTX
Introduction Into SAP Fiori
PDF
sap fiori architecture
PDF
Sap fiori tutorial
PPTX
Fiori Presentation
PDF
Sap S4 HANA Everything You Need To Know
PDF
SAP S/4HANA Migration Cockpit
PPTX
L1_RISE_with_SAP_NNN_V3.4.pptx
SAP Fiori ppt
Introduction Into SAP Fiori
sap fiori architecture
Sap fiori tutorial
Fiori Presentation
Sap S4 HANA Everything You Need To Know
SAP S/4HANA Migration Cockpit
L1_RISE_with_SAP_NNN_V3.4.pptx

What's hot (20)

PDF
Overview of SAP HANA Cloud Platform
PDF
SAP Cloud Platform Product Overview
PPTX
Sap fiori
PDF
An Overview of SAP S4/HANA
PPTX
SAP Cloud Platform API Management Technical Brief
PPTX
SAP HANA Migration Deck.pptx
PPTX
SAP Integration Suite L1
PPTX
Benefit SAP S4HANA.pptx
PDF
SAP Fiori Mobility Applications
PDF
Platform Strategy to Deliver Digital Experiences on Azure
PPTX
SAP Flexible workflows.pptx
PDF
Rise with sap s 4 hana cloud, private edition service description guide
PDF
SAP Cloud Strategy
PDF
Sap fiori-ux-architecture-for-s4h
PPTX
SAP Fiori Competence
PDF
Central Finance Configuration.pdf
PDF
TOGAF Sample Matrices, Catalogs and Diagrams from the Open Group
PPT
Activate_Methodology_Summary.ppt
PPTX
S4 HANA presentation.pptx
PPTX
SAP Cloud Platform Integration L2 Deck 2017Q4
Overview of SAP HANA Cloud Platform
SAP Cloud Platform Product Overview
Sap fiori
An Overview of SAP S4/HANA
SAP Cloud Platform API Management Technical Brief
SAP HANA Migration Deck.pptx
SAP Integration Suite L1
Benefit SAP S4HANA.pptx
SAP Fiori Mobility Applications
Platform Strategy to Deliver Digital Experiences on Azure
SAP Flexible workflows.pptx
Rise with sap s 4 hana cloud, private edition service description guide
SAP Cloud Strategy
Sap fiori-ux-architecture-for-s4h
SAP Fiori Competence
Central Finance Configuration.pdf
TOGAF Sample Matrices, Catalogs and Diagrams from the Open Group
Activate_Methodology_Summary.ppt
S4 HANA presentation.pptx
SAP Cloud Platform Integration L2 Deck 2017Q4
Ad

Viewers also liked (15)

PDF
Sap fiori overview 1.0
PDF
SAP Fiori - what is it and lessons learned from a customer deployment
PDF
Sap Fiori Configurations
PDF
Webinar- SAP Fiori Deep Dive 1.0- Prosoft Technology Group
PPT
Changing the Game of SAP User Experience
 
PPT
SAP and Lotus Notes integration with Alloy
PDF
SUSE Technical Webinar: Developing Fiori & GWPAM Apps on HANA (SAP and SUSE C...
PDF
outpass system
PDF
Sap fiori client_user_guide
PPTX
SAP UI5 Online Training
PPTX
interface sample
PPTX
SAP Fiori Nedir
PPTX
UX - Usability - Keynote SAP UX Strategy
PPTX
Presentación FIORI
PDF
Delivering a Strategic and Delightful User Experience
Sap fiori overview 1.0
SAP Fiori - what is it and lessons learned from a customer deployment
Sap Fiori Configurations
Webinar- SAP Fiori Deep Dive 1.0- Prosoft Technology Group
Changing the Game of SAP User Experience
 
SAP and Lotus Notes integration with Alloy
SUSE Technical Webinar: Developing Fiori & GWPAM Apps on HANA (SAP and SUSE C...
outpass system
Sap fiori client_user_guide
SAP UI5 Online Training
interface sample
SAP Fiori Nedir
UX - Usability - Keynote SAP UX Strategy
Presentación FIORI
Delivering a Strategic and Delightful User Experience
Ad

Similar to SAP Fiori UX/UI (20)

PDF
SAP Fiori is now free - what does it mean to you- ProSoft Tehcnology Group
PPTX
fiori persentation - development and administaration
PPTX
A short walkthrough about the new user interface and user experience of SAP
PDF
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
PDF
1571 Delek US Holdings - Increased Adaptatability with Fiori V3.0
PPTX
SAP Fiori for Superior User Experience.pptx
PDF
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
PDF
sap_fiori_tutorial.pdf
PDF
sap_fiori_tutorial.pdf
PDF
SAP Sapphire 2025 ERP1612 Enhancing User Experience with SAP Fiori and AI
PDF
Fiori technical doc
PDF
E4832528 5a7c-0010-82c7-eda71af511fa
PPTX
SAP Fiori Cloud Service webinar - June 10, 2016
PDF
SAP Fiori User Experience - SAP S_4HANA ( PDFDrive ).pdf
PDF
sap-fiori-ux-architecture-for-s4h-1.pdf
DOCX
SAP Fiori and UI5. docx
PPTX
UX - Usability - Fiori
PPTX
Sap Fiori Tutorial - Live interactive sap fiori online training
PPTX
SAP Fiori.pptx
PDF
Sap fiori adv
SAP Fiori is now free - what does it mean to you- ProSoft Tehcnology Group
fiori persentation - development and administaration
A short walkthrough about the new user interface and user experience of SAP
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
1571 Delek US Holdings - Increased Adaptatability with Fiori V3.0
SAP Fiori for Superior User Experience.pptx
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
sap_fiori_tutorial.pdf
sap_fiori_tutorial.pdf
SAP Sapphire 2025 ERP1612 Enhancing User Experience with SAP Fiori and AI
Fiori technical doc
E4832528 5a7c-0010-82c7-eda71af511fa
SAP Fiori Cloud Service webinar - June 10, 2016
SAP Fiori User Experience - SAP S_4HANA ( PDFDrive ).pdf
sap-fiori-ux-architecture-for-s4h-1.pdf
SAP Fiori and UI5. docx
UX - Usability - Fiori
Sap Fiori Tutorial - Live interactive sap fiori online training
SAP Fiori.pptx
Sap fiori adv

Recently uploaded (20)

PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Getting started with AI Agents and Multi-Agent Systems
PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
August Patch Tuesday
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PPT
Geologic Time for studying geology for geologist
PPTX
observCloud-Native Containerability and monitoring.pptx
PPTX
Chapter 5: Probability Theory and Statistics
DOCX
search engine optimization ppt fir known well about this
PDF
Unlock new opportunities with location data.pdf
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Enhancing emotion recognition model for a student engagement use case through...
WOOl fibre morphology and structure.pdf for textiles
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Univ-Connecticut-ChatGPT-Presentaion.pdf
Getting started with AI Agents and Multi-Agent Systems
Web Crawler for Trend Tracking Gen Z Insights.pptx
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
DP Operators-handbook-extract for the Mautical Institute
sustainability-14-14877-v2.pddhzftheheeeee
Assigned Numbers - 2025 - Bluetooth® Document
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
August Patch Tuesday
A contest of sentiment analysis: k-nearest neighbor versus neural network
Geologic Time for studying geology for geologist
observCloud-Native Containerability and monitoring.pptx
Chapter 5: Probability Theory and Statistics
search engine optimization ppt fir known well about this
Unlock new opportunities with location data.pdf
From MVP to Full-Scale Product A Startup’s Software Journey.pdf

SAP Fiori UX/UI

  • 2. Agenda  Process overview  Pitfalls in process  Introduction to SAP Fiori Solutions  SAP Fiori Apps  Architecture  Overview  Service Scope  Wrap Up and Q&A
  • 3. Gatepass Process  ZGATE02 -Create Gatepass entry ZGPAPP- Approver ZGATE05 - Report ZGATE- Ztable to be updated  Gatepass created for outgoing entries only  One Level of Approval  Gate Pass approvers are maintained in custom table against company code & creator would assign the approver at the time of creation
  • 4. Pain Points in Approval Process  Delay in approval(need to intimate approver via e-mail/call)  No Approval Notification  Reject option not available  In case of Rejection, need table entry deletion explicitly  Difficult to keep gatepass records
  • 5. Key benefits of SAP Fiori Improving customer’s user experience Increase productivity  Employees are able to get the job done anytime, anywhere  Managers can streamline processes, impact business results  Apps are coherent and easy to use  Additional features (example: mass approvals) to accelerate handling Lower risk Reduce TCO  Implementation aligned to business value and feasibility  Supportability by SAP  SAP validated and tested  Future-proof investment  Continuous innovation Improve time to value  Faster implementation  Predictable implementation timeline  Better quality assurance/reliability  Standards-based, flexible software framework  Instant roll out capabilities to different devices  Reduce customization and integration complexity via SAP Fiori toolkit and rapid- deployment offerings  Lower maintenance costs  Reuse of skill sets  Intuitive usage significantly reduces learning effort and cost
  • 6. SAP Fiori – Architecture High-Level Overview
  • 7. SAP Fiori – Architecture Mid-Level Overview
  • 8. SAP Fiori – Architecture ABAP Frontend Server
  • 9. SAP Fiori - Frontend Technology  Fiori apps build with SAP UI5 technology (HTML5)  UI artifacts are deployed with ABAP technology  Support of smartphones, tablets, and desktop (by responsive design patterns)  Different form factors and operating systems are supported with single code line  Fiori Apps are launched and running in the Fiori Launchpad as UI components  Business data is retrieved through OData services during runtime
  • 10. SAP Fiori - Application Types
  • 11. SAP Fiori – Architecture Transactional Apps (AT1) - Business Suite Version / Enhancement Package • Focused on transactional scenarios released to run with the latest enhancement package e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 … • Apps are deployed by ABAP UI add-ons • Apps are connected via OData services • OData services are shipped via ABAP Support Packages on the highest available Business Suite release e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 … • HANA and any database* are supported
  • 12. SAP Fiori Apps on Any DB Today Across lines of business and industries
  • 13. SAP Fiori Launchpad Web-based entry point for SAP business applications across platforms and devices • The FIORI Launchpad provides end-users an entry point to Fiori applications in a role-based, consistent and user-friendly manner using tiles. • Tiles show dynamic/live/real-time application information (like status, KPIs) on the home page. • Predefined content and high degree of personalization . • Tiles can be selected from catalogs and arranged in groups. • Search is integrated.
  • 14. Desktop Browser Support Windows and Apple Devices*
  • 15. Browser Support for Mobile Mobile Phone and Tablets Supported *
  • 16. Service Scope - Deployment solution Options
  • 17. Service Scope - Infrastructure SAP Fiori foundation deployment • Deploy infrastructure Notes for SAP Gateway and SAP UI5 • Deploy SAP UI5 for NetWeaver Add-On • Connect SAP Gateway to SAP Backend • Configure Backend Event Publisher • High Availability Landscape Deployment • SAP Gateway and SAP UI5 are the core component of SAP Fiori infrastructure with the capability to support multiple users and applications in a productive environment. • Gateway is integrated with SAP Business Suite systems and provides a set of oData services. SAP UI5 enables the consumption of those oData services in any compatible browser for a true multi-channel UI experience
  • 18. Service Scope - SAP Gateway Deployment Options 1) Central Hub Deployment of SAP Gateway 2) Embedded Deployment of SAP Gateway Recommendation is to use the Central Hub Deployment, if several SAP backend systems need to be connected. Use the Embedded Deployment if you only need to connect to one backend system.