user experience integration - assets.dm.ux.sap.com · sap fiori 3 defines common user experience...

35
PUBLIC Thomas Hensel, Product Management, SAP SE Webinar Series - Integration Styles & Technologies March 10, 2020 User Experience Integration

Upload: others

Post on 18-Mar-2020

50 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

PUBLIC

Thomas Hensel, Product Management, SAP SE

Webinar Series - Integration Styles & Technologies

March 10, 2020

User Experience Integration

Page 2: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

1PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP.

Except for your obligation to protect confidential information, 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 presentation or any related

document, or to develop or release any functionality mentioned therein.

This presentation, or any related document 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

presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentation 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. This presentation is for informational purposes and may not be incorporated into a contract. SAP

assumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP’s intentional 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.

Disclaimer

Page 3: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

Motivation and overview

Options for UX integration

Establishing a central launchpad

Outlook

Question and answers

Agenda

Page 4: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

How can a business user easily access relevant

applications and services to get the job done efficiently?

UX consistency with SAP Fiori 3 | UX integration via central launchpad

Page 5: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

How to simplify access, navigation and integration between multiple SAP

solutions?

other systems…

?

Page 6: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

SAP Fiori – the user experience of SAP S/4HANA

SINGLE ENTRY POINT

Domain specific information and actions

Enter details and explore in depth

The SAP Fiori launchpad is the single entry point to

access all apps*

Users will quickly get an overview of what needs their attention

with Overview Pages, List Reports and Work Lists,

and trigger quick actions or drill down to the next level of detail

Key and differentiating use cases are re-imagined with the SAP

Fiori user experience.

All classic applications have the SAP Fiori visual theme.

ONE LOOK:

SAP Fiori

theme for all

applications

* today, within one SAP S/4HANA system

Page 7: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

Launchpad with new SAP Fiori 3 design and Quartz theme

*on selected devices

Anchor / tab navigation for

direct access to groups

Edit mode for instant

personalization of groups

and tiles

Launch SAPUI5, Web

Dynpro ABAP*, SAP GUI for

HTML* and arbitrary URLs

Link lists provide access to a

large number of apps

Group tiles for personalized

content organization

Color coded notifications

alert users to any overdue,

new, or immediate actions

Search across and

within apps to get

immediate answers

Collaborate with other

users and your digital

assistant for quick results

Dynamic charts to

provide high-level, real-

time overview

Page 8: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

https://experience.sap.com/news/sap-fiori-how-it-started-and-where-its-going/

https://blogs.sap.com/2019/05/25/get-ready-for-sap-fiori-3

https://blogs.sap.com/2019/06/03/did-you-notice-the-first-steps-of-sap-fiori-3-in-your-sap-fiori-launchpad

https://blogs.sap.com/2019/04/26/first-parts-of-sap-fiori-3-available-for-sapui5-developers

SAP Fiori 3 and the launchpad – learn more

Page 9: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Options

Page 10: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

On-premise

▪ Launchpad part of Frontend Server components

▪ Embedded or hub deployment (dedicated server)

▪ SAP Business Suite: central Frontend Server as UI

hub for multiple backends possible

▪ SAP S/4HANA: one Frontend Server per system

Cloud

▪ Launchpad based on portal service on SAP CP

▪ First version of central entry point on SAP CP across

SAP cloud and on-premise systems available

SAP Fiori deployment options and recommendations

SAP Fiori Deployment Options and System

Landscape Recommendations

Page 11: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

High-level positioning

SAP Fiori

launchpad (embedded FES)

SAP Fiori

launchpad (FES hub*)

Single system Multiple systems

On premise

Cloud

Local entry point Central entry point

Homepages of

SAP Cloud

solutions

SAP

Enterprise

Portal

(central) SAP

Fiori launchpad(SAP Cloud Platform)

* SAP Fiori Front End Server (FES) for SAP Business Suite.

Read SAP Fiori deployment options for details.

Page 12: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

SAP Fiori launchpad: deployment and consumption optionsCommon user experience, platform-specific administration tools

SAP Fiori 3 defines common

user experience for SAP

product home pages

SAP S/4HANA or

SAP Business SuiteSAP S/4HANA Cloud SAP Enterprise PortalSAP Cloud Platform*

Fiori Framework PagePortal (launchpad) siteSAP Fiori launchpad SAP Fiori launchpad

Implementation

* based on SAP Cloud Platform Portal service

Launchpad designer (ABAP)

Content manager (ABAP)

Configuration cockpit (NEO)

Site manager (multi-cloud)

Portal content studio (Java)Main tools

Consistent UX

Page 13: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Establishing a central launchpad

on SAP Cloud Platform

Page 14: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

▪ Central launchpad with harmonized user experience

▪ Role-based access to content

▪ Integration of applications and content

(cloud and any premise solutions)

▪ Navigation across apps and solutions

▪ Integration of central services

(e.g. inbox, notifications, user help, digital assistant)

▪ Convenient single sign-on to connected products

Key qualities of a central entry point

Page 15: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

UX integration aspects

SSO & Session

Management

Navigation &

URL parameters

App launcher

(link, tile, card)

Theme

Roles &

authorizations

Content

(app, group, role)

Language

Open app

in new tab, in-place

Page 16: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

SAP products run self-contained

▪ Lifecycle of application resources and content models

▪ Role definition and authorization management

Central launchpad is based on SAP Cloud Platform

(multi-cloud environment)

Manual integration of single apps via templates

Advanced content federation from SAP providers

using common data model (CDM)

Administrator can create custom integration content

(for example roles)

Guiding principles for central UX integration of SAP products

Product

content provider

SAP Fiori and

other app

resources

Local

entry point

User

Integration content

for central launchpad

Cloud Foundry / multi-cloud environment

Launchpad

User

Access Expose

CDM

Content

model

Page 17: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

On premise solution

as content provider

Integration content

(local and remote)

Inbox Notifications

Help

Cloud Foundry / multi-cloud environment

Goal: establish a central entry point on SAP Cloud Platformhigh-level architecture

Custom apps and

extensions

e.g. SAPUI5

UI theme

designer

Cloud solution

as content provider

related central services

Security &

SSO

Launchpad

Cloud

connector

SAP S/4HANA Cloud

SAP SuccessFactors

SAP S/4HANA

SAP Business Suite

Standard

apps

other services

Page 18: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

▪ SAP Cloud Platform (multi-cloud / Cloud Foundry) and

its services are evolving quickly

▪ Current focus: enhancing administration tools, application

integration and content federation capabilities

▪ Recent enhancements

– Site Manager tool to create content and integrate apps:

SAPUI5, WD ABAP, Web GUI, (dynamic) URL

– Integration of apps from SAP S/4HANA (on premise)

– Content Explorer to assign (remote) content from providers

(e.g. Cloud Foundry apps)

– Support direct access and tunneled access (via cloud connector)

▪ For improvements see release notes and documentation

▪ Planned enhancements according to portal roadmap

Status quo

Admin: content manager

End user experience

Page 19: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Demo

Page 20: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Central access to applications via portal (launchpad)

Page 21: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Access SAPUI5 application from backend

Page 22: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Access Web Dynpro (ABAP) application

Page 23: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Access SAP GUI for HTML application

Page 24: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Administrator perspective

Page 25: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Portal site directory to create and manage sites

Page 26: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Configure general properties, navigation, visualization, and translation

Page 27: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Manage content items: apps, catalogs, roles and groups

Page 28: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP
Page 29: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Roadmap

Page 30: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

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

SAP Fiori launchpad on SAP Cloud Platform (Portal service)2

Product road map overview – Key innovations

Recent innovations Planned Q2/20201 Planned Q3/20201 Planned Q4/20201

User experience▪ Support for shell plugins

Integration▪ Discovery of content from SAP Cloud

Platform (Cloud Foundry)

Administration▪ Configuration options for direct and

tunneled (external) access

▪ Custom theme support

▪ Custom domains

▪ Availability in various regional

SAP Cloud Platform data centers

Trial▪ Latest enhancements available on

SAP Cloud Platform trial landscape

2. The innovation is planned to be available on SAP Cloud Platform, multi-cloud environment.

3. Planned to be available for SAP S/4HANA 2020, 1909 and 1809

Integration▪ Manual integration of SAP Fiori

apps from SAP Business Suite

(based on SAPUI5 1.60+)

▪ Integration with SAP Business Client

to launch SAP GUI for

Windows transactions

Administration▪ Dynamic tile support

▪ Custom tile support

▪ Content transport

User experience▪ Product Switch

Integration▪ Content consumption from

SAP Enterprise Portal

▪ Integration of central services

o SAP One Inbox service

o Notifications

o Search

o SAP Enable Now

Administration▪ SAP Translation Hub integration

▪ Usage analytics with SAP

Web Analytics

User experience▪ Further evolve SAP Fiori 3 design:

o New visualization (cards)

o Support of spaces and pages

Integration▪ Discovery and federation of content from

SAP S/4HANA (on premise)3

▪ Content from SAP SuccessFactors

Administration▪ Design time tooling for space and page

administration

▪ Transport manager service integration

▪ SAP Cloud Identity Access Governance

integration to support business roles

Page 31: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

Latest roadmap information about SAP Fiori launchpad on SAP Cloud Platform

(Cloud Foundry) is available via:

▪ SAP Cloud Platform Portal

▪ SAP User Interface Technologies

▪ SAP Fiori

Roadmap

Page 32: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Question & Answers

Page 33: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

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

For customers

▪ SAP Fiori - Deployment Options and Recommendations

▪ Roadmap for Portal / Launchpad

▪ Documentation

▪ Trial environment

Further information

Page 34: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

Contact information:

Thomas Hensel

Product Management

SAP SE

Thank you.

Page 35: User Experience Integration - assets.dm.ux.sap.com · SAP Fiori 3 defines common user experience for SAP product home pages SAP S/4HANA or SAP Business Suite SAP S/4HANA Cloud SAP

© 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 us