week 1: sap fiori overview unit 3: architecture overview

Week 1: SAP Fiori Overview

Unit 3: Architecture Overview

2PUBLIC© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ

Runtime

Adaptation tools

Development tools

Architecture Overview

Agenda

SAP Fiori architecture runtime


SAP back end

OData services

SAP Fiori launchpadWeb

Browser

OData,

HTTP


Simplified overview – runtime, Web only

SAP Fiori

elements

SAPUI5

Clients

Technologies


SAP back end

OData services

Android iOS

SAP Cloud Platform

Mobile Services


Browser

Native

mobile

apps


Simplified overview – runtime, Web and mobile

OData,

HTTP

SAP Fiori

elements

SAPUI5

Clients

Technologies


1 With Floorplan Manager for development/adaptation of applications based on Web Dynpro for ABAP

Note: SAP GUI for Windows can be used when the SAP Fiori launchpad runs in the SAP Business Client

SAP GUI

for HTML

Web

Dynpro1

SAP back end (SAP S/4HANA or SAP Business Suite)

OData services

Android iOSSAP Fiori launchpadWeb

Browser

HTTP

Classic UIs


Simplified overview – runtime – with classic UIs for SAP S/4HANA and SAP Business Suite

SAP Cloud Platform

Mobile Services

Native

mobile

apps

OData,

HTTP

SAP Fiori

elements

SAPUI5

Clients

Technologies




SAP back end

OData services


Browser

OData,

HTTP

SAP Fiori

elements

SAPUI5

Clients

Technologies



BrowserSAP Fiori

apps

SAP Fiori launchpad

SAP Fiori apps

SAP Fiori elements

SAPUI5OData services

SAP Fiori

launchpad

roles,

personalization

SAP Fiori

front-end

server


Runtime, Web only: SAP Fiori front-end server as Web server for SAP Fiori

OData,

HTTP

SAP Fiori

elements

SAPUI5HTML5 + JavaScript

SAP Gateway

enablementSAP back end

(SAP S/4HANA or SAP Business Suite)

SAP Web Dispatcher

SAP GatewayUI components UI data

Clients

Technologies



BrowserSAP Fiori

apps

SAP Gateway

OData services

SAP Fiori

front-end

server

SAP Gateway

enablement

HTML5 + JavaScript

SAP Web Dispatcher

UI components UI data


Runtime, Web only: SAP Fiori front-end server as Web server for SAP Fiori – with mobile

Android iOS

SAP Cloud Platform

Mobile Services

Native

mobile

apps

Cloud Connector

OData,

HTTP

SAP Fiori

elements

SAPUI5

SAP back end(SAP S/4HANA or SAP Business Suite)

SAP Fiori launchpad

SAP Fiori apps

SAP Fiori elements

SAPUI5

SAP Fiori

launchpad

roles,

personalization

Clients

Technologies



Vision: central entry point for SAP Cloud Platform

This is the current state of planning and may be changed by SAP at any time without notice.

Product direction

SAP Cloud Platform will enable customers to establish a central entry point in the cloud by

providing advanced capabilities for integrating SAP products (cloud and on premise) and central

services (e.g., inbox, notifications, and single sign-on).

SAP

S/4HANA

SAP

Business Suite

SAP solutions

(cloud / on premise)

SAP Fiori launchpad

acting as central entry point

Access standard and custom

SAP Fiori apps

SAP

Cloud Platform

SAP Fiori architecture adaptation tools



Simplified overview – runtime

SAP back end

OData services

Android iOS

SAP Cloud Platform

Mobile Services


Browser

Native

mobile

apps

OData,

HTTP

SAP Fiori

elements

SAPUI5

Clients

Technologies



Simplified overview – runtime

SAP back end

OData services

Android iOS

SAP Cloud Platform

Mobile Services


Browser

Native

mobile

apps

OData,

HTTP

SAP Fiori

elements

SAPUI5

UI theme designer

UI5 flexibilityAdaptation tools

Clients

Technologies



Simplified overview – runtime – with classic UIs for SAP S/4HANA and SAP Business Suite

1 With Floorplan Manager for development/adaptation of applications based on Web Dynpro for ABAP

Note: SAP GUI for Windows can be used when the SAP Fiori launchpad runs in the SAP Business Client

SAP GUI

for HTML

Web

Dynpro1

SAP back end (SAP S/4HANA or SAP Business Suite)

OData services

Android iOSSAP Fiori launchpadWeb

Browser

HTTP

Classic UIs

SAP Cloud Platform

Mobile Services

Native

mobile

apps

OData,

HTTP

SAP Fiori

elements

SAPUI5Adaptation tools

UI theme designer

UI5 flexibility

SAP Screen Personas

Clients

Technologies

SAP Fiori architecture development tools




SAP back end

OData services


Browser

OData,

HTTP

SAP Fiori

elements

SAPUI5

Clients

Technologies


1 For SAP S/4HANA: RAP: ABAP RESTful Programming Model2 For SAP Cloud Platform: CAP: Cloud Application Programming Model3 For both: CDS: Core Data Services (with SAP HANA)


Simplified overview – with development tools, Web only

SAP back end

OData services


Browser Clients

TechnologiesSAP Fiori

elements

SAPUI5Development tools

RAP1 / CAP2

CDS Views3

(SAP Web IDE)

SAP Business Application Studio

SAP Fiori tools


Android iOS

Native

mobile

apps


Simplified overview – with development tools, Web and mobile


SAP back end

OData services


Browser Clients


elements


RAP1 / CAP2

CDS Views3

(SAP Web IDE)


SAP Fiori tools Mobile development kit

SAP Cloud Platform

Mobile Services

Android Developer Studio

XCode



Simplified overview – with development tools, Web and mobile

SAP Conversational AI

Bot building platform

Android iOS

Native

mobile

apps


SAP back end

OData services


Browser Clients


elements


RAP1 / CAP2

CDS Views3

(SAP Web IDE)


SAP Fiori tools Mobile development kit

SAP Cloud Platform

Mobile Services

Android Developer Studio

XCode



SAP Fiori development tools and technologies

Type Development / Adaptation tool

Integrated Development Environment SAP Business Application Studio

(SAP Web IDE)

UI Technology SAPUI5 (HTML5, JavaScript)

Rapid UI development SAP Fiori elements

SAP Fiori tools

Rapid OData service development RAP1 / CAP2

Mobile SDKs SAP Cloud Platform Mobile Services:

▪ Mobile development kit

▪ SAP Cloud Platform SDK for iOS

▪ SAP Cloud Platform SDK for Android

Conversational User Experience SAP Conversational AI

UI Adaptation/Extension SAP Fiori: UI5 flexibility

Classic UIs: SAP Screen Personas

Both: UI theme designer

Scenarios covered

▪ Developing new SAP Fiori apps

▪ Adapting SAP UIs without code and/or extending SAP Fiori apps with code

1 For SAP S/4HANA: RAP: ABAP RESTful Programming Model2 For SAP Cloud Platform: CAP: Cloud Application Programming Model

Thank you.

Contact information:

[email protected]

© 2020 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.

The information contained herein may be changed without prior notice. 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 or its affiliated companies shall not be liable for errors or omissions with respect to the materials.

The only warranties for SAP 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 platforms, 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 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, and they

should not be relied upon in making purchasing decisions.

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. All other product and service names

mentioned are the trademarks of their respective companies.

See www.sap.com/copyright for additional trademark information and notices.

www.sap.com/contactsap

Follow all of SAP

https://www.sap.com/copyright

https://www.sap.com/registration/contact.html

https://plus.google.com/+SAP

https://www.linkedin.com/company/sap

https://www.youtube.com/user/SAP

https://twitter.com/sap

https://www.facebook.com/SAP

week 1: sap fiori overview unit 3: architecture overview

Documents