Uploaded by rongdat183

sap fiori architecture

SAP Fiori User Experience - SAP S/4HANA
®
Architecture Deep Dive
Version 4.2.0
December 2016 (version for public roll-out: Jan ‘17, update Dec’ 16)
© 2014 SAP SE or an SAP affiliate company. All rights reserved.
1
Legal disclaimer
The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. This
presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP has no obligation to pursue
any course of business outlined in this document or any related presentation, or to develop or release any functionality mentioned therein. This
document, or any related presentation and SAP's strategy and possible future developments, products and or platforms directions and
functionality are all subject to change and may be changed by SAP at any time for any reason without notice. The information in this document is
not a commitment, promise or legal obligation to deliver any material, code or functionality. This document is provided without a warranty of any
kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or noninfringement. This document is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors
or omissions in this document, except if such damages were caused by SAP´s willful misconduct or gross negligence.
All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations.
Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as of their dates, and they should not
be relied upon in making purchasing decisions.
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
2
SAP Fiori Apps
Product Qualities
Completely Fiori
Cloud Ready
HANA Optimized
UX Qualities
Cloud Qualities
Real-Time Qualities
Modern, internet-educated UX
with state-of-the-art performance
Simple Extensibility for
Business Experts:
Custom fields and business logic
without backend development
Offer power of HANA
to the End-User
+++
Multi-device support
+++
+++
+++
Real-time for all apps with search,
analytics and transactional capabilities
Simple task-oriented apps
Scalable apps w/ large number of users
+++
+++
+++
Integration of OLAP and OLTP
Consistent look and feel
across all apps
Low TCO in cloud-like operation
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
3
SAP Fiori Apps
Product Qualities - Design
Role-based

Deliver the right information at the right time via multifaceted user interfaces
Adaptive

Get instant, relevant insight – whether using mobile
apps or a desktop computer
Simple

Zero in on your most important tasks, functions, and
activities
Coherent

Deliver a consistent UX across the enterprise – whether
you need to fulfill a sales order, review your latest KPIs,
or manage leave requests
Delightful

© 2016 SAP SE or an SAP affiliate company. All rights reserved
Enrich your work experience with intuitive, easy-to-use
SAP Fiori apps
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
4
SAP Fiori Apps
Product Qualities - Design
Visual design

SAP Fiori 2.0 offers a refined visual language. Clean and
consistent layouts throughout the user interface convey the
content with clarity. Experience modern, visually pleasing
aesthetics with a strong focus on ease of use
Information architecture

Give business users ready access to the information they
need to complete their tasks
Interaction patterns

© 2016 SAP SE or an SAP affiliate company. All rights reserved
Harness simple and intuitive interactive patterns to boost
productivity company-wide
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
5
SAP Fiori Apps
Technical Capabilities
© 2016 SAP SE or an SAP affiliate company. All rights reserved

Support for multiple devices and form factors - Maximize usability
using a desktop PC, tablet, or smartphone

SAP Fiori launchpad - Access your SAP Fiori apps from a central
launchpad (navigation, personalization, support, and configuration)

Role-based authentication and authorization - Harness role-based
single sign-on (SSO) mechanisms for secure access

Secure provisioning and consumption of data - Provide access to
business logic (SAP back-end system) data via OData services

Corporate identity theming - Simply and effectively implement themes
for SAP Fiori apps and SAP Fiori launchpad

UX app extensions - Enhance your SAP Fiori apps using templates in the
SAP Web IDE

Custom development - Rapidly design, build, and deploy SAP Fiori apps
for browsers and mobile devices

Ready for mobile enablement - Seamless, secure mobile access to
SAP’s Fiori apps via the Internet

Based on SAPUI5 - Enterprise-ready UI development toolkit based on
HTML5 and JavaScript

Powered by SAP HANA - Run analytical SAP Fiori apps and object pages
on SAP’s powerful in-memory database platform
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
6
SAP Fiori Architecture
Consequences for Architecture
Consequences for Architecture
 Not tied to a device
 Not tied to a session
 Not tied to a user
stateless
data access protocol
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Modern UX through draft enabled Architecture
 Start now – save incomplete – continue later
 Keep working – data is saved automatically and
asynchronously
 Start on one device – continue on other device
 Start now – let someone else continue later
 Collaborate with others on the same task/document
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
7
SAP Fiori Architecture
Overview
 SAP Fiori apps built with SAPUI5 technology (web) and
iOS (native - not in scope of this presentation)
 Support of smartphones, tablets, and desktop (by responsive design patterns) with single code
line
 SAP Fiori apps are launched and run in the SAP Fiori launchpad
 Business data is retrieved through OData services during runtime
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
8
SAP Fiori Architecture
High-Level Overview
Web
Developer
SAP Fiori Client /
packaged App
Details
Tools on HCP
On-Premise
SAP S/4HANA
Cloud Edition
SAP Web IDE
(HCP)
SAP Fiori User
Interfaces
SAP S/4HANA
SAP Fiori
apps
OData
Services
SAP Fiori Front-end server
Mobile
Services
SAP Fiori apps
OData Services
Build/Packaging
Services
Tools
SAP S/4HANA Business Logic
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP S/4HANA
SAP Business Suite
(ERP, SRM, …)
…
ABAP in Eclipse
Backend Services
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
9
SAP Fiori Architecture
High-Level Overview – SAP Fiori Cloud (1608) – Front-end Hub deployment on HCP
Web
Developer
SAP Fiori Client /
packaged App
Details
Tools on HCP
On-Premise
SAP HANA Cloud Platform
SAP Web IDE
SAP Fiori Frontend services
SAP Fiori Apps
OData Services
(HCP)
*
HCI OData
Provisioning
* Optional offering for On-Premise
SAP Business Suite systems, for
selected SAP Fiori apps
SAP Fiori User
Interfaces
SAP Fiori Front-end server
SAP Fiori Applications
Build/Packaging
Services
OData Services
Tools
SAP S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP Business Suite
(ERP, SRM, …)
ABAP in Eclipse
…
Backend Services
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
10
Includes planned
Innovations
SAP Fiori Architecture
SAP S/4HANA – Principle of one archetype
SAP Fiori Architecture for SAP S/4HANA consists of only one
archetype for all (transactional, analytical and search)
© 2016 SAP SE or an SAP affiliate company. All rights reserved

One User / Authorization Management via ABAP Server

One Business Model

One Gateway / OData protocol implementation

One Lifecycle
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
11
Includes planned
Innovations
SAP Fiori Architecture
SAP S/4HANA – Principle of one archetype
SAP Fiori Architecture for SAP S/4HANA consists of only one
archetype for all (transactional, analytical and search)



© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP Fiori technology components

SAP Fiori launchpad

Metadata driven UIs - Smart Controls & Smart Templates
ABAP infrastructure components

Draft Infrastructure for transactional Logic

SADL for CDS read access

Analytical Engine (embedded BW) for analytical CDS access

SAP Gateway for OData exposure
CDS Views (ABAP managed)

Uniform Business Object Modelling

Central repository for Metadata
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
12
SAP Fiori Architecture
Simplified Top-Level View
Fiori User
Fiori User
R
Desktop and mobile interaction patterns
Client
Common data access protocol for
business data and metadata via HTTP
Coded or declared artefacts
where necessary for business logic
Fully exploit SQL capabilities
R
Backend Server
The backend server exposes services that
either directly call SQL on the database or
invoke business logic in an application tier.
R
Database Server
SAP HANA is the preferred database
Backend System
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Static UI content via HTTP
Database shall foster code pushdown
and model simplification
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
13
SAP Fiori Architecture
Sap Fiori Front-end server (SAPUI5, SAP Fiori launchpad & SAP Gateway)

Single point of UI maintenance like browser support or SAPUI5 provisioning

Central place for theming and branding

Single place for configuration, personalization, and SAP Fiori shell services

Rule-based dispatching of requests in a multi-system landscape
(e.g. for approvals incl. aggregation)

Security considerations

Similar to an application-level gateway (ALG) with protocol switch and whitelisting (excl. search)

Admin for UI meta data does not need to have admin rights in backend (data sensitivity)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
14
SAP Fiori Architecture
Web-based Entry Point for SAP Fiori Apps across Platforms and Devices
© 2016 SAP SE or an SAP affiliate company. All rights reserved

SAP Fiori launchpad is a role based, personalized and
real-time aggregation point for business applications
and analytics.

It runs on multiple devices, using responsive web
design, and is deployable on multiple platforms.

It is designed according to the simple and intuitive SAP
Fiori user experience, while supporting established UI
technologies.
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
15
SAP Fiori Architecture
SAP Fiori launchpad - UX
Role-based content
definition
Search across and
within apps to get
immediate answers
Launch SAPUI5, Web
Dynpro ABAP*, SAP
GUI for HTML* and
arbitrary URLs
Color coding alerts
user for any overdue,
new or immediate
action
News and feeds
enhance collaboration
Dynamic charts
provide high level,
real-time overview
Group tiles for
personalized
content organization
Edit mode for instant
personalization of
groups and tiles
*on selected devices
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
16
SAP Fiori Architecture
SAP Fiori launchpad - Architecture
SAP Fiori launchpad is a runtime container
supporting intent-based navigation for

SAPUI5 Components

Web Dynpro ABAP or SAP GUI apps

External URLs
It provides platform-independent service APIs with
adapters for different front-end servers (ABAP, SAP
Enterprise Portal, SAP HANA Cloud Platform) and local
consumption (Sandbox for testing in SAP Web IDE,
mobile offline).
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
17
SAP Fiori Architecture
SAP Fiori launchpad – Authorization: Content Model for ABAP platform (on premise)
Transaction PFCG

Assign groups and catalogs to roles
 Roles are the means to assign catalogs and their apps to users
SAP Fiori launchpad designer (FLPD)
Content can be configured system wide (configuration) or client specific
(customizing):
 Target Mapping: maps navigation intent to concrete (logical
application/target)
 Tile: used to launch an application from the homepage
 Catalog: set of applications a user can use and add to his homepage
 Group: predefined set of tiles a user sees on his homepage
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
18
SAP Fiori Architecture
SAP Fiori launchpad - Delivered Content Model Artifacts (Simplified Picture) (on premise)
Technical Content
•
Frontend
•
•
grouped by application area
repository for admins
for custom content
FLPD:
App Launcher
Business Content
TA “PFCG”: Roles
TA “PFCG”: Roles
(TCR)
(BCR)
FLPD:
Catalog (TC)
FLPD:
Catalog (BC)
FLPD:
Group (BCG)
FLPD:
Target Mapping
FLPD:
Target Mapping
FLPD:
App Launcher
•
•
grouped by business role
serves as demo content
Navigation Target
BE
Application
(UI5 BSP)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
TA „PFCG“:
Backend Role
for oData Service
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
19
SAP Fiori Architecture
SAP Fiori launchpad - User Assignment and Authorizations of Content (on premise)
User
is granted
refers to
Launchpad
uses
shows
Front-End
Server
Catalog
Group
Menu
sees
refers to
contains
contains
Tile
(App Launcher)
resolves
UI
PFCG Role
(Front-End)
OData
Auth.
Authorization
Profile
Target
Mapping
starts
UI2 Launchpad
OData Service
Fiori App
uses
uses
has
Model Provider
uses
Data Provider
refers to
has
Model Provider requires
calls
Launchpad Logic
App-specific
OData Service
resolves
Authorization Defaults
Authorization Objects
Start Authorization
determines
Back-End
System
Trusted RFC
© 2016 SAP SE or an SAP affiliate company. All rights reserved
refers to
Data Provider
requires
calls
Authorization Defaults
Authorization Objects
Start Authorization
Business Logic
requires
refers to
Business
Authorizations
determines
PFCG Role
(Back-End)
Authorization
Profile
determines
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
20
SAP Fiori Architecture
Analytics: Consumption patterns
List Reporting & Charting build with
List Report & Analytical List Page Template
Adding transactions to aggregated data
85


Built-In Analytics
build with
Controls:
Analytical Table &
Analytical Chart
KPI Monitoring & Analysis
build with
Smart Business &
Analysis Path Framework
Multidimensional Analysis
build with
Design Studio
Analysis App
Cost center hierarchy: Plan budgets and disaggregate
Any grouped data: offer mass actions on lower level items
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
21
SAP Fiori Architecture
Analytics: Conceptual View
UI
Application
List Report
Generic Player
Smart Templates
Smart Controls
KPI, Report, …
Smart Table
Core Controls
Analytical Table, Chart
SAP BusinessObjects Design
Studio Analysis App, SAP
Smart Business Drilldown App
UI Annotations
Application Infrastructure
OData plus InA
OData Adapter
Planning
Transaction Handler
CDS Data Model
Analytic Query View
Analytical views for
dimensions, facts, cubes,
aggregation levels
Consumption View
UI Annotations
Interface View
Annotations
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP HANA / Any DB
Data Point, Selection,
Presentation (Chart, …)
Analytical view categories
and details
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
22
SAP Fiori UX
Search
Capabilities

Search and federation across business objects and
across system boundaries

Navigation into applications

Flexible, faceted search for drilling down
with analytical charts

© 2016 SAP SE or an SAP affiliate company. All rights reserved
Sophisticated autosuggest
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
23
SAP Fiori Architecture
Detailed Search and Object Pages – on Premise
Search

State-of-the-art search experience including
facetted search

Intuitive Business Object overview at a glance

High-Performance powered by SAP HANA

Spanning the entire Business Suite
Navigation

Powerful contextual navigation by browsing the
related web of business entities

Comprehensive 360° view on business entities

…
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
24
SAP Fiori Architecture
Detailed Search
Key Features

Free text search across Suite Business Objects, all SAP Fiori
applications and KPI tile
Easy Administration

Tasklists to take care of search connector activation and update
Model driven development of Search Models

Search models directly consume DB tables

Exposing relevant search data for search

Target architecture is to use CDS views (Search@CDS)
Runs on SAP HANA only

Design time ABAP (Enterprise Search);

Runtime ABAP/HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
25
SAP Fiori Architecture
Artifacts for customers
Frontend Server
UI Roles
FIORI
Catalogs
SAP S/4HANA
Search
Models
Model/
Connector
Authorizations
Tasklists
Instance
Authorizations
SAP HANA DB
Search Connectors/
Frontend Server

Mainly FIORI specific assignment of FIORI catalogs via UI roles to
users to allow navigation
SAP S/4HANA

Search Models define the runtime Search connectors

Model/Connector authorizations to restrict access to scenario
specific connectors (also with regards to performance)

Instance authorizations to restrict access to allowed result entries

Tasklists automate creation and updates of connectors
SAP HANA DB

Generated Views
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Connectors area generated at setup time, actually generated views
in HANA DB
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
26
Planned Innovations
SAP Fiori Architecture
Notifications Component Overview
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
27
Running SAP Fiori in the Cloud
Key activities
Access apps via web browser or mobile device
User
Brand and customize the look and feel
Optimize for mobile experience*
Business Expert
& Developer
Run
SAP Fiori apps
Extend
SAP Fiori apps
Prototype
new Fiori apps
Develop
custom Fiori apps
Manage cloud account, resources, users and apps
Connect cloud account to on-premise landscape
Administrator
Enable and configure SAP backend (on-premise)
* Requires SAP Fiori mobile service
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
28
Key building blocks for running SAP Fiori in the cloud
 Provide a role-based, personalized entry
point to SAP Fiori apps with SAP Fiori
launchpad
SAP Fiori apps
SAP Fiori launchpad
SAP Web IDE
UI theme designer
 Manage and customize content with SAP
Fiori Configuration Cockpit
 Manage account and destinations via
administration cockpit and OData
provisioning service
 Connect securely to backend via Cloud
Connector
 Style the solution with UI theme designer
 Prototype new applications with Build
service
© 2016 SAP SE or an SAP affiliate company. All rights reserved
* optional license
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
29
SAP HANA Cloud Platform, OData provisioning
Connecting the SAP Fiori apps to your SAP Business Suite
Expose business data and business logic as OData
services for building user-centric applications in the
cloud
Administer (register, activate, maintain) OData
services exposed from SAP Business Suite
backend*
Assign multiple destinations to same service for
multi-origin composition
SAP Fiori UX
HCP OData provisioning
SAP HANA Cloud Platform
Cloud connector
SAP backend*
Leverage HCP qualities such as monitoring,
metering, supportability, security, multi-tenancy,
rolling
software updates
* Prerequisite: Gateway backend enablement add-on (IWBEP) and valid SAP Gateway backend license for connected SAP Business Suite systems
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
30
SAP Fiori Architecture
SAP Fiori Cloud - Architecture at a Glance
http
SAP UI theme designer
SAP Fiori launchpad
SAP Fiori launchpad Designer
SAP Fiori Apps
SAP Web IDE
SAP HCPms (mobile services)
SAP Cloud Identity
DATA &
PROCESSWS
ON-PREMISE
SAP HANA Cloud Integr.
SAP HANA Cloud Connector
Add.
Services
UI SERVICES
SAP HCP Cockpit
Admin Tools
CLOUD
SAP HANA Cloud Platform (HCP)
http
OData
OData
SAP Gateway Hub*
Non
SAP
SAP Business Suite
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
31
SAP Fiori Architecture
SAP Fiori on mobile devices
Contacts Tasks
Calendar
Printing
1
Barcode
Push
Camera
Offline
Voice Recording
3rd party
Plug-ins
GPS
Settings
Security
LifeCycle Management
Web App
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Hybrid Mobile App
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
32
Planned
Innovations
SAP Fiori Architecture
SAP Fiori Runtimes
ONE ACCESS
Fiori in browser




Browser based apps
Runs on all devices
No installation required
Coherent UX across devices
SAP Fiori Client
Fiori Mobile with ‘Kapsel’ SDK
 Downloadable ‘native’ app
 Pre-packaged with commonly used Cordova
plug-ins for native device integration
 Full screen operation
 Attachment viewing
 Native device integration
 Notification App Updates
(packaged apps)







 Selected Mobile Platform Services can be used
SAP Fiori launchpad
Browser (Desktop or Mobile)
Custom packaged & branded app
Can be delivered on company store
Native device integration
Offers App Administration & Reporting
Push Notifications*
Offline application data*
Use additional SAP Mobile Platform
services
Mobile Platform required
SAP Fiori launchpad
Mobile only
*requires adoption of SAP Fiori application
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
33
SAP Fiori Architecture
High-Level Overview – SAP Fiori on premise
Web /
SAP Fiori Client
Developer
Web via SAP Fiori Client /
custom SAP Fiori Client /
packaged App
Tools on HCP
On premise
SAP Web IDE
(HCP)
Fiori User
Interfaces
SAP Mobile Platform
(optional)
Build/Packaging
Services
SAP Fiori Front-end server
Fiori Apps
OData Services
Tools
ABAP in Eclipse
S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP Business Suite
(ERP, SRM, …)
…
Backend Services
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
34
SAP Fiori Architecture
High-Level Overview – Mobile Services for SAP Fiori on premise
Web /
SAP Fiori Client
Web via SAP Fiori Client /
custom SAP Fiori Client /
packaged App
Developer
HANA Cloud Platform
SAP
SAP Web
Web IDE
IDE
Mobile Services for Fiori
Runtime Services
Tools on HCP
App Deployment and
Data/Settings transfer
(HCP)
(HCP)
Deployment/
Discovery
Services
Fiori User
Interfaces
On premise
Build/Packaging
Services
SAP Fiori Front-end server
Fiori Apps
OData Services
Tools
ABAP in Eclipse
S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP Business Suite
(ERP, SRM, …)
…
Backend Services
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
35
SAP Fiori Architecture
SAP Fiori Consumption Options
Fiori in browser
SAP Fiori Client
Fiori Mobile
or custom Fiori Client
with ‘Kapsel’ SDK
Fiori frontend server
Fiori frontend server
Fiori frontend server
App
App
SAP Fiori launchpad
and applications
SAP Fiori launchpad
and applications
SAP Fiori Cloud premium, mobile
service for development and
operations or
SMP 3.0 SP03 PL02+
SAP Fiori Cloud premium, mobile
service for development and operations
or
SMP 3.0 SP03 PL02+
SAP Mobile
Platform
OData
SAP Mobile
Platform
OData
OData
URL
URL
App
SAP Fiori
Client
Kapsel AppUpdate
(optional)
Fiori Mobile
app
*
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
* in future release
36
SAP Fiori Architecture
SAP Fiori Client - with SAP Fiori Cloud
Any Browser
SAP Fiori Client
 End to End solution for mobilizing SAP Fiori apps.
 Supports all features of SAP Fiori client
 Provides as part of a single, integrated solution:
•
Optimized
•
Build/Packaging service transforms your SAP Fiori web app into
a native/hybrid app, necessary to leverage native device
features.
•
App deployment service enables app lifecycle management and
an enterprise app store app for deployment, ratings and reviews.
•
Data service provides infrastructure support for advanced mobile
features such as push and offline.
Mobilizes SAP Fiori Cloud apps and SAP Fiori on-premise apps
with a single solution.
•
Integrates with SAP HCP, mobile service for app and device
management
•
Simplifies support for basic and advanced SAP Fiori use cases.
Direct
Direct
Optimized
SAP Fiori Cloud
premium
Fiori Frontend Server (SAP Fiori Cloud or on-premise)
(e.g. SAP Gateway)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
37
SAP Fiori Architecture
SAP Fiori Client - with SAP Mobile Platform 3.0 / HCPms
Any Browser
 Support of native device capabilities
SAP Fiori Client
– Camera, Geo-Location, Barcode, Printing, Calendar, Contacts,
enhanced Voice Recording incl. attachment,
– Access manageable via SAP SMP Administration Cockpit
 Support of enterprise capabilities
Optimized
– Secure Onboarding
– Enhanced security (Secure, remote access without VPN)
– Support of additional security scenarios
(SAML2, X.509 via SAP Afaria, Mutual Authentication, OAuth …)
– Enforced application passcode
– Logging & Tracing (incl. set log level & retrieve log from remote)
Direct
Direct
 Client-side interface with SAP Afaria for configuration &
certificate management
Optimized
 SAP Mobile Place / SAP Mobile Secure integration
SAP Mobile Platform
3.0 SP03 PL02 /
HCPms
 Supportability Enhancements
 Android Third Party Attachment Viewer
 Demo Mode (http://www.sapfioritrial.com/)
Fiori Frontend Server
(e.g. SAP Gateway)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
38
SAP Fiori Architecture
SAP Fiori Client - Available on all major App Stores
Apple App Store for iOS
Google Play Store for Android
Support: iOS 8.x – 9.x
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Support: Android 4.3 – 5.x
Microsoft App Store for WP & Windows
Support: Windows Phone 10 & Windows 10
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
39
SAP Fiori Architecture
Deployment of SAP Fiori Front-end server (FES) - as central hub
General Recommendation
Example:



Deployment of SAP Fiori applications and UI content on separate systems
Deployment of the GW components as described in landscape use case II
of the GW landscape deployment recommendations
Enablement of OData access for multiple SAP Backend systems
Benefits

Fiori UI Software Update cycles decoupled from backend system
 Better handling of innovations for Fiori UIs and UI content
 FES deployed as one instance incl. central Fiori Launchpad
 Routing mechanism in several backend systems
 Scaling-Up is manageable independent from backend system
 FES can be implemented in segmented networks (e.g. DMZ) to serve security needs
 Input validation functions and business logic on two different systems (security requirement)
 Central management of connections, central access for devices
 Backend development placed in the system where the data is stored
Considerations


© 2016 SAP SE or an SAP affiliate company. All rights reserved
Additional NW ABAP System
Web Dispatcher (Reverse Proxy) is mandatory when using analytical SAP Fiori applications
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
40
SAP Fiori Architecture
SAP Fiori Front-end server - Landscape Planing
SAP Fiori apps reference the FES as product.
The FES is downloaded and installed as part of the Fiori apps implementation.
The FES defines a valid release range (and the preferred release level) for the underlying SAP NW release, the SAP_UI addon and Gateway add-on, if required.
The FES is shipped quarterly (SPS).
You can find the FES in the product availability matrix: https://support.sap.com/pam
if you search for “SAP FIORI FRONT-END SERVER 2.0” or “SAP FIORI FRONT-END SERVER 3.0”

2219596 – Fiori Front-End Server 2.0

2355644 – Fiori Front-End Server 3.0 (for Fiori 2.0)
Please be aware about the following database restrictions

Up to SAP S/4HANA, you can run the Front-End Server with Any DB (including Suite on HANA)

With SAP S/4HANA, the Front-End Server has to run on a SAP DB.
More Info: https://uacp.hana.ondemand.com/http.svc/rc/PRODUCTION/pdffee10356f3b43a35e10000000a44538d/1511%20001/en-US/UITECH_OP1511_FPS01.pdf
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
41
SAP Fiori Architecture
SAP Fiori Front-end server - Landscape Planing
The SAP Fiori Front-end server 2.0 can run on NW 7.50, 7.40, 7.31 for any suite release below SAP S/4HANA.
SAP S/4HANA 1511 requires NW 7.50.
The SAP Front-end server 3.0 can run on NW 7.51, 7.50, 7.40 for any suite release below SAP S/4HANA. SAP
S/4HANA 1611 requires NW 7.51
SAP Fiori Front-end server
•
2.0 comes with UI5 library 1.38.x; With FES 2.0 SPS04, it has entered the maintenance phase.
•
3.0 comes with UI5 library 1.40.x/1.42.x… (innovation stack): Herewith SAP Fiori 2.0 is delivered.
(Note: UI5 1.4x ships quarterly the latest innovations until UI5 library 1.46,
which will be the first version of the maintenance stack for FES 3.0)
Recommendation:
•
If you prefer to be on a maintenance track, stay on 1.38 upgrade on availability of UI5 library 1.46
•
If you want to consume the latest and greatest innovations freshly whenever available, chose the newest available release
and consume the corresponding latest SPs.
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
42
SAP Fiori Architecture
SAP Fiori Security - General





Network and Reverse Proxy Setup
Authentication
User Management
Authorization
System Hardening (Securing Trusted RFC connection)
Reverse
Proxy
SAP
Gateway
Secure Configuration /
Network Setup / Authentication
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP
S/4HANA
Core
SAP HANA
DB
Authorization
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
43
SAP Fiori Architecture
SAP Fiori Security - Authentication Use Cases





Use Case 0: Form-based Initial Authentication
Use Case 1: SSO via SAML 2.0 (recommended - please refer to illustration below)
Use Case 2: SSO via SPNego / Kerberos
Use Case 3: SSO via Logon Ticket
Use Case 4: SSO via X.509 certificate
SAML 2.0 IdP
Reverse
Proxy
SAP
Gateway
SAP
S/4HANA
Core
SAP HANA
DB
A typical use case is for customers to access one or more SAP Fiori apps from the public internet. In this case, single sign-on can be implemented using SAML 2.0
based authentication in conjunction with IdP (Identity Provider) software such as Ping Federate or Microsoft’s Active Directory Federation Service (AD FS).
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
44
SAP Fiori Architecture
Extensibility - Roles
Business User
Key User, Business Expert
Developer
I want to …
I want to …
I want to …

Change order of columns in a table

Add/change business rules/logic

Add/change complex business logic

Hide/Unhide tabs

Add custom fields, tables, reports, forms


Change format of dates/numbers

Use my company theme/logo
De-couple software lifecycle of standard
and extensions

Hide/Unhide a few apps on Launchpad

Change layout
My changes should …
… not affect other people.
My changes should …
… affect people in my LOB/company
© 2016 SAP SE or an SAP affiliate company. All rights reserved
My changes should …
… affect people in my company
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
45
SAP Fiori Architecture
Extensibility - Overview on Capabilities
SAP S/4HANA - In-app extensibility:
Context-aware extensions, focus on tight integration
On-premise
+
Cloud
Key User Extensibility
 Custom fields and tables, analytics and forms extensibility
 Change or add business rules and business logic (cloud ABAP
Web editor)
Classic Extensibility
Side-by-side extensibility w. SAP HANA Cloud Platform
Weave external content into your solutions
Extensibility based on SAP HANA Cloud Platform
 Enable an SAP Fiori® and mobile user experience
 Integrate with other cloud solutions (for example SuccessFactors and
Ariba, both SAP companies) and third-party solutions
 Take advantage of application services of SAP HANA Cloud Platform
(cloud portal, mobile documents, output management, et al.)
 Provides a full-fledged development platform to build extension
applications (Java, SAP HANA native development)
 Full access to ABAP (for example, Eclipse)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
46
SAP Fiori Architecture
Extensibility Cloud and On Premise
SAP Business Suite
Cloud
User interface
UI
Key user extensibility
Application
Application
Database (SAP HANA)
Database
Extensions
Modifications
On-Premise
User interface
Key user extensibility
Application
Classic extensibility
Database (SAP HANA)
DB
APP
User Interface
Side-by-side extensibility on
SAP HANA Cloud Platform
Classic customer and partner development
In-App Extensibility
Public APIs
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP
Customer, Partner
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
47
SAP Fiori Architecture
Frontend
I6 Custom UI
SAP S/4HANA In-App Extensibility Scenarios
SAP Fiori lauchpad
Custom User
Interface (Fiori)
I1
User Interface
(Fiori)
UI Adaptation
Custom
OData Service
Custom
Database Table
Custom Fields
Custom BackendApplication
(ABAP | CDS)
OData Service
I2
I5
Custom Business Objects
Backend: ABAP Server
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Backend-Application
(ABAP | CDS)
OData
I3 Custom Analytics / Forms
I4
Database Table
Custom Business Logic
In-App Extensibility
SAP owned
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
48
SAP Fiori Architecture
Extensibility
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
49
SAP Fiori Architecture
SAPUI5 Flexibility Services
SAPUI5 flexibility services provide capabilities to flexibly adapt an app and store the changes context-based in a layered
repository. This allows, for example, customers to create their own SAPUI5 entities based on the delivery of SAP without having
to modify existing entities in a lower layer. At runtime all changes made to an app are interpreted to define the final UI.
Key capabilities






Provide flexibility infrastructure used by several flexibility tools
Allow separation of content delivered by SAP, industries,
partners*, customers and end-users
Store UI changes in a layered repository
Retrieve UI changes at runtime and generate the final UI
Enable context-based UI adaptation*
Provide for different user groups tools to adapt the UI in a
convenient way, e.g. WYSIWYG tools for key users at runtime
Benefits




Simplified, cost-effective, and easy to use UI change process
Increased end user acceptance through optimized UI layouts
Upgrade safe when adapting the UI
Easy and intuitive way for business users to change the UI
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
50
SAP Fiori Architecture
SAPUI5 Flexibility Services: UI Adaptation at Runtime (RTA) for Key Users
1. Switch your SAP Fiori application to Adaptation Mode
© 2016 SAP SE or an SAP affiliate company. All rights reserved
2. Intuitively Manage your UI Elements

Hide or add fields to the UI

Hide or add groups of fields to the UI

Move UI elements per drag and drop

Rename labels and titles

Group/split several fields
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
51
SAP Fiori Architecture
Key User Extensibility - Custom Fields & Logic
3. Manage the Usage
2. Define Custom Fields & Logic
(Note: here we extend the OData service)
1. In Adaptation Mode > Create custom field(s)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
52
SAP Fiori Architecture
ABAP Custom Code Migration
Simplification changes
SAP HANA and
Unicode migration
S/4HANA Cloud
S/4HANA on premise
Extensions
Suite on HANA
Suite on any
database
Key User In-App Extensibility
Classic Extensibility with full access to ABAP development tools
Side-by-Side Extensibility based on HANA Cloud Platform
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
53
SAP Fiori Architecture
Cloud - Transition from Classic to Cloud
Minimize customer / partner individual steps and communication
Separation of Concerns
 Clear logical separation of custom / partner objects and SAP standard objects
 Access to SAP objects only via whitelisted APIs, no modifications, enhancements follow strict guidelines
 Regular SAP updates must not lead to adaptation needs for custom / partner code
•
Modifications
•
Usage and include
of SAP objects
without limitation
•
Direct DB writes
•
Dynamic calls
•
•
Implicit
enhancement
spots
Classic extensions
Extensions designed for cloud
Side-by-side
(SAP HCP)
In-app
Customer / Partner
Public Model / Whitelist
BAdI
SAP Standard
Code generation
© 2016 SAP SE or an SAP affiliate company. All rights reserved
CDS
APIs
SAP Standard
Separation of
Concerns
Access via
white-listed,
stable interfaces
(API HUB)
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
54
SAP Fiori Architecture
SAP Web IDE - Key Use Cases
Build SAP Fiori, SAP S/4HANA & SAPUI5
applications
Extend SAP Fiori applications
• Leverage out of the box code templates based on SAP best
practices
• Extend existing SAP Fiori applications via predefined
extension points
• Use text editors and graphical tools
• Easily deploy to various SAP platforms
Develop SAPUI5 hybrid mobile applications
Develop IoT applications
• Create, test, build and deploy Apache Cordova hybrid
mobile apps
• Jumpstart development with IoT-specific templates
• Use predefined SAPUI5 components targeted for IoT
• Leverage mobile services integration
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
55
SAP Fiori Architecture
SAP Web IDE: Landscape Overview
SAP Fiori apps
Hybrid mobile apps
SAP HANA apps
IoT apps
Plugins & templates
External services
SAP Gateway
(OData services)
Hybrid App Toolkit
Overview page
Internet of Things
SAP HANA (OData services)
SDK
SAP Web IDE
ABAP
© 2016 SAP SE or an SAP affiliate company. All rights reserved
SAP HANA
Cloud
Platform
SAP
Mobile
Platform
Data Sources
REST services
SAP
HANA
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
56
SAP Fiori Architecture
SAP Web IDE: Develop on SAP Hana Cloud Platform
SAP HANA Cloud Platform
Cockpit
Browser
SAP Web IDE
Git
Orion
(App Projects)
SAPUI5
Version
Permanent File
System
Destination
Internet / Cloud
Corporate Network / Intranet
HTTPS
SAP HANA Cloud Connector
Windows OS
Linux OS
Mac OS X
(all 64-bit)
HTTP(S)
SAP Gateway
Trusted RFC
Business Suite / ERP
HCP Cockpit
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
57
SAP Fiori Architecture
SAP Web IDE: Run SAP Fiori Apps on SAP Hana Cloud Platform
SAP HANA Cloud Platform
IDE in browser
Deploy
SAP Web IDE
HTML5 Apps
Dispatcher
Application
Push / Fetch
Orion
Git
(App Projects)
OData
User Workspace
OData
Internet / Cloud
Corporate Network / Intranet
HTTPS
SAP Gateway
Via SAP HANA Cloud
Connector
Trusted RFC
SAP S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
58
SAP Fiori Architecture
SAP Web IDE - SDK
SDK for extending SAP Web IDE by adding your own templates and plugins. You may offer your plugin through a marketplace
for customers, partners and developers.
Plugin and template creation with SAP Web IDE SDK

Tutorials and how-to

Guidelines and best practices

API reference for developing plugins

Catalog for plugins and templates

Framework for plugins lifecycle

Wizard for creating new plugins and templates

Ability to reuse existing template screens and user created templates

Auto complete for editing template files in code editor

Test plugin projects within SAP Web IDE

Deploy plugins
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
59
SAP Fiori Architecture
SAP Web IDE plugins, out of the box
Hybrid
Application Toolkit
Create and deploy hybrid
mobile SAP Fiori apps
based on Apache
Cordova and
Kapsel
SAP HANA
Cloud Platform, portal
service*
Create site templates,
page templates, pages,
and widgets
OData
Model Editor
SAP Fiori
Overview Page
Develop your own
OData model and
view it graphically
Create, package &
deploy a SAP Fiori
overview page
application
SAP Enterprise
Portal
SAP Events
Management
Deploy SAP Web IDE
developed application
into SAP Enterprise
Portal*
Create self-defined
transactional SAP Fiori
apps for SAP Event
Management
VizPacker
MII
Create chart extension
packages for SAP
BusinessObjects
Lumira and other
products
You can modify MII
artifacts, create new
artifacts and sync them
back to SAP MII
system
IoT
Create, package &
deploy an Internet of
things application
* Previously known as SAP HANA Cloud Portal
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
60
SAP Fiori Architecture - Mobile
SAP Web IDE - What is SAP Hybrid App Toolkit (HAT)?
SAP HANA Cloud Platform
Enables developers to develop and build Apache Cordova
hybrid apps in SAP Web IDE
SAP Web IDE
HAT has 3 components that are provided as a plugin and
an add-on to SAP Web IDE:
o
The SAP Web IDE plugin for Hybrid App Toolkit
o
HAT Connector to local build environment (Cordova CLI) or Cloud
Build Service (requires SAP HCP, mobile service for SAP Fiori
subscription)
o
Hybrid
Application
Toolkit
(plugin)
HAT Connector
Cloud Build Service*
HAT
(add-on)
SAP Hybrid App Toolkit Companion
Android SDK* Tools
XCode
Kapsel
Visual Studio
SDK* : Software Development Kit
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
61
SAP Fiori Architecture - Mobile
SAP Web IDE - SAP Hybrid App Toolkit Companion
The SAP Hybrid App Toolkit Companion is
a mobile application that runs on a mobile device or device emulator.
 Enables a live preview of a web app created with SAP Web IDE
 Cordova based mobile app
 Contains Cordova, SAP mobile (Kapsel) and SAPUI5 libraries
 Automatically built during HAT installation
for iOS and Android
Kapsel
 You may also use a QR code to load the corresponding application
(double-click on Companion app and select Scan)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Companion
app
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
62
SAP Fiori Architecture - Mobile
SAP HAT - Cloud Build Service
The Cloud Build Service is a feature of HAT provided through SAP
HCP, mobile service for SAP Fiori
 Creates hybrid apps for iOS and Android using completely cloud-based
tools. No on-premise installation necessary.
 Supports inclusion of public, 3rd party and custom Cordova plugins
 Automatically inserts the app into Mobile Place, SAP’s enterprise app
store for mobile devices, for simplified lifecycle management
 Requires a subscription for SAP HCP, mobile service for SAP Fiori for
each user that consumes an app built by the service
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
63
SAP Fiori Architecture - Mobile
SAP Web IDE – SAP Fiori Elements for Hybrid apps
Create a new project
File > New > Project
Hybrid templates are provided
 SAPUI5 Mobile Kapsel Application Project **
 SAPUI5 Master Detail Kapsel Application **
 SAPUI5 Master Detail Kapsel Offline Application **
 SAP Fiori Worklist Application *
 SAP Fiori Master Detail Application *
 CRUD Master-Detail Application *
 SAPUI5 Application *
 List Report Application *
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Additional templates of any kind can be created, added and managed
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
64
SAP Fiori Architecture
SAP Fiori Elements - Overview
SAP Fiori Elements increase developer efficiency, consistency, and quality
through a metadata driven approach to SAP Fiori application development.
Key capabilities







Provide high code quality templates and controllers for re-use
Draft, application infrastructure, and message handling support
SAP Fiori launchpad integration, tiles, catalog, navigation
Support of UI Flexibility, xRay and automatic test tools
SAP WebIDE Plugin, GIT integration, App Descriptor support
CDS annotations and SAP Web IDE Annotation Modeler
Break-out capabilities
Benefits




Scale SAP Fiori development by applying a meta data driven approach
Reduce amount of frontend code for SAP Fiori applications
Foster design consistency and keep apps up-to-date with evolving design guidelines
Embedded in overarching SAP Fiori concepts for UI flexibility, lifecycle management
and application notion
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
65
SAP Fiori Architecture
SAP Fiori Elements - Creating the Fiori Experience
1 Data Model
2
Composition
Backend Developers
UI Developers
Create the data models for
the applications.
Compose the SAP Fiori app by combining
the SAP Fiori Elements with the data.
Define the semantics of the
data: Data types, information
structure, relations.
Fine-tune the UI by configuration and
breakouts/freestyle development where
needed.
Templates
Joint Designer & Developer team
Create templates for commonly used
page types, layouts, and
compositions.
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
66
SAP Fiori Elements
SAP Fiori UI Development with SAP Fiori Elements & UI Flexibility
Runtime
End user - Personalization
Runtime context
UI Flexibility
role
End User
Key user – Run-time adaptation
Administrator

Manually coded

Highest
development
flexibility
variant
Development Efficiency
Development Flexibility
Smart design
Hybrid design
Freestyle design
Template based
Coding &Template
Coding
…
device
Partner
Industry
Designtime
locale

No coding

Highest
development
efficiency
SAP Fiori Elements
SAPUI5 Controls
Business data
Semantic meta data
(SAP Gateway / OData)
(OData annotations)
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
67
SAP Fiori Architecture
Open, flexible, and standardized Programming Model – 1/3
UI Tier
• Independent of application tier, decoupled via a small number of HTTP-based protocols
• Support wide range of devices and device capabilities
OData/HTTP
R
InA/HTTP
UI Integration Tier
• Cloud-ready, scalable  again HTTP helps a lot to get there
• Focus on end-user experience
• Efficiently build large number of consistent, responsive apps
• Stay open for potential change to new UI technologies, UI frameworks, specialized
protocols (over HTTP)
OData
R
InA
Service Tier
Application Tier
CDS
SQL
R
Database Tier
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
68
SAP Fiori Architecture
Open, flexible, and standardized Programming Model – 2/3
• Consistency for users with respect to SAP Fiori® Design and UX across all apps and
across all Application Tiers
UI Tier
• Fast UI innovation for the end user decoupled from Application Tier
OData/HTTP
R
InA/HTTP
• Reuse of the entire SAP UI technology and design investments and innovations
for all Application Tiers
UI Integration Tier
OData
R
InA
• Contains all SAP UI related artifacts and tools,
e.g. SAP Web IDE, SAPUI5 library, SAP Fiori applications
• Mobile and cross-system services (e.g. Collaboration, Search, Analytic aspects)
Service Tier
Application Tier
CDS
SQL
• Single point of access for multiple application tiers
• Single point for authentication, navigation and interoperability
R
• Mediator between UI and application tier: hybrid system landscapes/deployment scenarios
Database Tier
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
69
SAP Fiori Architecture
Open, flexible, and standardized Programming Model – 3/3
UI Tier
OData/HTTP
R
InA/HTTP
UI Integration Tier
OData
R
InA
Service Tier
• Service tier defines contract and guarantees isolation
Application Tier
CDS
• Wide variety of existing and emerging application servers
SQL
Database Tier
• Access to database tier via CDS and SQL
R
• Virtual Data Model (VDM): Database- and UI-independent, basis for generic infrastructure
(e.g. Extensibility, SQL-optimization)
• SAP HANA DB for SAP S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
70
SAP Fiori Architecture
SAP S/4HANA - ABAP Programming Model
Editors for the programming model
artefacts in mostly homogenous
development environment
UI development with a metadatadriven approach (templates of
SAP Fiori Elements) and support
for flexible freestyle Apps
SAP Fiori User Experience
for all devices and users
with role-oriented design
SAP Gateway with OData Hub for
multiple backends or as a service in
the cloud with infrastructure in the
ABAP backend
CDS as the one and only
technology for data definition
with advanced view building
capabilities and supporting
declarative business logic
SADL dispatches requests in the
new CDS-based programming model
to BOPF for transactional execution,
to SAP Business Warehouse for
advanced analytics. Default is querypushdown to SAP HANA
Annotations are used to influence
the SAP Fiori Elements but in
addition the runtime behavior for
transactional processing, analytics
and search
BOPF (now part of SAP NetWeaver)
offers well defined code-exits for
structured ABAP business logic
including stateless and draft support
SQL Views are generated by CDS
for runtime access by SADL and
BW
© 2016 SAP SE or an SAP affiliate company. All rights reserved
Active data and draft data are
persisted in different tables with
orchestration by BOPF
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
71
© 2016 SAP SE 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 SE or an SAP affiliate company.
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. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company 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.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forwardlooking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place
undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.
© 2016 SAP SE or an SAP affiliate company. All rights reserved
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a
particular purpose, or non-infringement
Internal
72