This document provides an overview of the SAP Fiori architecture. It discusses the prerequisites, components, deployment options, typical landscape, and future plans. SAP Fiori allows users to access business applications from desktops, tablets, and smartphones using HTML5. It consists of two main components: UI addons and integration addons. The integration addons provide OData services via SAP NetWeaver Gateway while the UI addons contain the apps and UI elements.

1. SAP Fiori – Architecture overview

2. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 2
Agenda
SAP Fiori Architecture overview
Prerequisites
SAP Fiori components delivery
NetWeaver Gateway deployment option
Typical landscape
Future plan

3. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 3
Enables our customers to leverage their existing SAP
investments by providing instant value for all their employees.
SAP Fiori runs on Desktop, Tablet and Smartphone

4. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 4
SAP Fiori
First wave of 25 apps
My Leave Requests
My Timesheet
My Travel Requests
My Shopping Cart
Track Shopping Carts
Approvals
Insights
Approve Requests
Approve Leave Requests
Approve Timesheets
Approve Travel Requests
Approve Travel Expenses
Approve Shopping Carts
Approve Purchase Orders
Approve Requisitions
Approve Purchase Contracts
Purchasing
My Spend
Track Purchase Order
Order from Requisitions
Requests Insights
My Paystub
My Benefits
Purchasing
Agent
Manager Employee
Transactions
Insights
SAP
Fiori Sales
RepCreate Sales Orders
Change Sales Orders
Check Price and
Availability
Track Sales Orders
Track Shipments
Customer Invoices
SAP Fiori allows employees to work seamlessly across devices – desktop, tablet, or smartphone.
It provides improved user satisfaction and enables quicker approvals and better decisions.

5. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 5
Architecture Overview Fiori components
NW AS ABAP
SAP NetWeaver Gateway
Desktop/Tablet/Smartphone
HTML5
Browser SAP Fiori Apps
SAPUI5
Fiori OData Service Proxy
SAP Business Suite
Fiori Data + Model Provider
Odata/HTTPS
Business Application
RFC
Business ContentCustomizing
Authorization
Config
R
R
R
SAP Fiori Apps
SAPUI5

6. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 6
SAP NW
Gateway
Server SAP UI 5
Fiori UI Add-ons
SAP ERP
Fiori Integration Add-ons
SAP NW Gateway IW_BEP
1) Central Hub Deployment of
SAP NetWeaver Gateway
2) Embedded Deployment of
SAP NetWeaver Gateway
NetWeaver Gateway deployment options
SAP NW
Gateway
Server SAP UI 5
Fiori UI Add-ons
SAP ERP
Fiori Integration Add-ons
SAP NW Gateway IW_BEP
Please look at help.sap.com. Embedded Versus Hub Deployment

7. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 7
1. UISRA### 100 Fiori apps (UI Add-on)
Delivered as non-ABAP add-on on top of SAP NW and SAP UI5 (BSP app)
2. SRA### 100 OData integration components (integration Add-on)
Delivered as non-modifying ABAP add-on on top of SAP Business Suite
Application delivery – Pair components
DFA PRICECHECK
100
SRA016 600
UISRA016 100
Exception:
Approve Requests – UIGIB001

8. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 8
SAP UI5 Mobile library
Fiori Foundation (controls, utilities, …)
Launch Page
HTML View
Controller JS
Resources
CSS Images
Localizable texts
App Catalog
Fiori App
Resources
CSS Images
Localizable texts
App Descriptor
HTML Views
Controllers JS
registration
SAP Fiori Apps UI Add-on detail Fiori components
NW AS ABAP
SAP NetWeaver Gateway
Desktop/Tablet/Smartphone
HTML5
Browser SAP Fiori Apps
SAPUI5
Fiori OData Service
Proxy
SAP Business Suite
Fiori Data + Model
Provider
Odat
a/HT
TPS
Business Application
RFC
Business Content
Cust
omiz
ing
Auth
oriz
atio
n
C
o
nf
ig
R
R
R
Components:
UISRA### 100
SAP Fiori
Apps
SAPUI5

9. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 9
Fiori oData integration
ERP Module
(Function Modules, Classes, DDIC objects, …)
Gateway Runtime
Model ProviderData Provider
Function Modules
BAdI
R R
Classes
Dictionary Objects
R
R
R
RR
Backend integration add-on details Fiori components
NW AS ABAP
SAP NetWeaver Gateway
Desktop/Tablet/Smartphone
HTML5
Browser SAP Fiori Apps
SAPUI5
Fiori OData Service
Proxy
SAP Business Suite
Fiori Data + Model
Provider
Odat
a/HT
TPS
Business Application
RFC
Business Content
Cust
omiz
ing
Auth
oriz
atio
n
C
o
nf
ig
R
R
R
Service Proxy
Components:
SRA### 100
SAP Fiori
Apps
SAPUI5

10. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 10
Component Version Comments
NW SAP_BASIS 7.00 SPS21 and
above
Prerequisites Notes 1774246, 1799549,
1805986, 1754533, 1809628
ERP 6.0 SPS 15 and above 6.0 SPS 15 and above
6.0 EnhP2 SPS 06 and above
6.0 EnhP3 SPS 05 and above
6.0 EnhP4 SPS 05 and above
6.0 EnhP5 SPS 03 and above
6.0 EnhP6 SPS 01 and above
GW Server
GW BEP
GW_CORE 200 SP06
IW_FND 250 SP06
IW_PGW 1.00 SP03
IW_BEP 2.0 SP06
Notes 1799722 + 1805831
JSON - IWFND 2.50 (NW 7.02) SP 04 with
SAP Note 1648418
JSON - IWFND 2.40** (NW 7.00 on 7.20
Kernel with SAP Note 1648418
SAPUI5 – Runtime
Design time
UISAPUI5 100 SP04
UI_INFRA 100 SP04
UI2_7XX 100 SP04
UI2_FND 100 SP04
SAP UI5 Library v 1.10
Prerequisites: Minimal stack definition
For details, look at the Installation Guide.

11. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 11
Gateway 2.0 SP6
ECC 6.0 SP15
Desktop
Browser
(HTML5)
SAML 2.0
Reverse Proxy SAP Web Dispatcher
Mobile
Browser
(HTML5)
IdP
Typical Landscape

12. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 12
SAP Fiori and SAP Mobile Platform Future Plan
SAP NetWeaver Gateway
SAP Business Suite
SAP Mobile
Platform*
Desktop & Mobile Web
Browser (HTML5)
Hybrid Web
Container
Now: Direct Access via
SAP NetWeaver Gateway
*Future Plan: Support for
SAP Mobile Platform
- Hybrid Web Container
- Enhanced Mobile Capabilities
- Offline Access

13. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 13
Info Pages: SAP Fiori - Public
• SAP Fiori - SAP User Experience Community
• Marketplace - Apps - SAP Fiori
• help.sap.com/Fiori – Technical docs
• SAP Community Network (SCN) – SAP Fiori - QA

14. © 2013 SAP AG or an SAP affiliate company. All rights reserved. 14
© 2013 SAP AG or an SAP affiliate company.
All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG.
The information contained herein may be changed without prior notice.
Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or
warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group
products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing
herein should be construed as constituting an additional warranty.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in
Germany and other countries.
Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.