You are on page 1of 52

UX126 – SAP Fiori Launchpad – Overview,

Recommendations and Latest Updates

Public
Speakers

Las Vegas, Sept 19 - 23 Bangalore, October 5 - 7 Barcelona, Nov 8 - 10

Stefan Lötterle Yogesh Purantharan Carola Steinmaier

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Disclaimer

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.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 3


Agenda

SAP Fiori launchpad – motivation


Features and key capabilities
End-to-end configuration
The journey to SAP Fiori UX with existing clients
Deployment options
FLP extensibility
FLP UI integration levels
Roadmap & outlook

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 4


SAP Fiori launchpad –
motivation

Public
Unified UX direction for all SAP software
All applications & UI technologies to converge to the SAP Fiori UX

SAP Fiori User Experience

Applications Analytics

SAP HANA Platform

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

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 6


TEC214

SAP Fiori User Experience (UX) i Hot News About the User Experience
from SAP and Strategy for SAP Fiori

Concepts

Role-based Adaptive Simple Coherent Delightful

Design Technology
Visual Information Interaction User Interface
Design Architecture Patterns

Business Logic
OpenUI5

Other technologies*
http://experience.sap.com/fiori-guidelines

*: SAP’s preferred way to build SAP Fiori apps is using SAPUI5

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 7


Role-based simplification
Deliver task-based user interfaces

Functional-based applications

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 8


Coherent
Single point of entry across functional areas and across technologies

Human
Resources CRM
Finance SCM

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 9


Coherent
Single point of entry across functional areas and across technologies

Provide the relevant tasks and activities for the user


Human
Resources CRM
Finance SCM

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 10


Coherent
Single point of entry across functional areas and across technologies

Provide the relevant tasks and activities for the user across functional areas and technologies
Human
Resources CRM
Finance SCM

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 11


Single point of entry
Across functional areas and across technologies

Provide the relevant tasks and activities for the user across functional areas and technologies

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 12


Features & key capabilities

Public
Introducing SAP Fiori launchpad
Web-based entry point for SAP business applications across platforms and devices

SAP Fiori launchpad is a role-based,


personalized, real-time and contextual
aggregation point for business applications
and analytics.

It runs on multiple devices, using the


responsive design paradigm, and is
deployable on multiple platforms.

It is designed according to the simple and


intuitive SAP Fiori user experience, while
supporting established UI technologies.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 14


Key features and capabilities

Role-based
• Apps assignment via role-specific business catalogs
• Predefined groups for FLP home page
Personalized
•Add apps from assigned catalogs to home page
•Delete apps from home page
•Reorder tiles and groups
•Change group and tile titles
•Select custom themes
Search – across apps and business objects
Navigation – fast, easy and contextual navigation
Responsive
• Adaptive design to run on multiple devices
• Configuration allows to start device specific apps
Theming and branding - via UI theme designer

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 15


SAP Fiori launchpad at a glance

Search across and within


Role-based content
apps to get immediate
definition
answers

Launch SAPUI5, Web


Color coding alerts user
Dynpro ABAP*, SAP GUI for
for any overdue, new or
HTML* and arbitrary URLs
immediate actions

News and feeds to Dynamic charts to provide


enhance collaboration high level, real-time
overview

Group tiles for Edit mode for instant


personalized content personalization of groups
organization and tiles

*on selected devices


© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 16
UX603

SAP Fiori launchpad branding i Create a Theme Using UI Theme


Designer Like a Pro

 SAP Fiori launchpad can be customized via


the UI theme designer across all
deployment options

 The UI theme designer provides a browser


based WYSIWYG editor with built-in preview
capabilities for applications and UI controls

 The UI theme designer provides 3 skill levels


of theming
• Quick - basic cross-technology theme settings
• Expert - technology-specific theme settings
• CSS - Manual theming based on LESS

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 17


End-to-end configuration

Public
Configuration steps UX163
Launchpad Designer: FLP Admin

in ABAP front-end server


i SAP Fiori Launchpad – Effectively
Configure and Manage Business Content Role Maintenance: PFCG Admin

Create catalog Copy / create tiles / target mappings Optional: create group,
assign tile
Launchpad designer

1 2 3

7 Result in SAP Fiori launchpad


Role maintenance

Create PFCG role Assign catalog / group to role Assign user to role

4 5 6

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 19


The journey to SAP Fiori UX
with existing clients
SAP Fiori launchpad as single point of entry

Public
The journey to SAP Fiori UX
Single point of entry for business applications
Initial state of customers – entry points and investments

Landscape & Single Sign- Identity


Sizing Roles Permissions …
Infrastructure On Management

Initial state of SAP Portal NW Business SAP Logon


Client
customers

?
SAP‘s overall SAP Fiori apps &
UX direction SAP Fiori launchpad

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 21


The journey to SAP Fiori UX
Introduction of SAP Fiori apps
Apply SAP Fiori UX to existing SAP clients

Landscape & Single Sign- Identity


Sizing Roles Permissions …
Infrastructure On Management

Initial state of SAP Portal NW Business SAP Logon


Client
customers

SAP Fiori apps &


Browser SAP Enterprise SAP Business + SAP Fiori launchpad (FLP)
(FLP standalone) Portal Client

SAP Fiori UX

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 22


The journey to SAP Fiori UX
Introduction of SAP Fiori apps
Apply SAP Fiori UX to existing SAP clients

Landscape & Single Sign- Identity


Sizing Roles Permissions …
Infrastructure On Management

Initial state of SAP Portal NW Business SAP Logon


Client
customers

SAP Fiori apps &


SAP Business + SAP Fiori launchpad (FLP)
Client

SAP Fiori UX

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 23


Steps to SAP Fiori user experience on the desktop

SAP Fiori launchpad in


SAP Business Client 6.0
SAP Fiori apps
in NWBC 5.0

SAP NWBC

SP00 SP01
SAP NW 7.50 / UI ADD-ON 2.0

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 24


SAP NWBC 5.0 / Business Client 6.0
Architecture
SAP Business Client 6.0

SAP Fiori SAP Business


apps in Client 6.0
NWBC 5.0

Backend server SAP Fiori front-end server


Business roles SAP Fiori apps
PFCG FLP designer
Navigation Business roles
Authorizations Navigation

Backend Server 1 Backend Server 2 Backend Server 3


PFCG: Auth PFCG: Auth PFCG: Auth

Hierarchical menu structure Simple menu structure (2-level)

SAP GUI native


© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 25
The journey to SAP Fiori UX
Introduction of SAP Fiori apps
Apply SAP Fiori UX to existing SAP clients

Landscape & Single Sign- Identity


Sizing Roles Permissions …
Infrastructure On Management

Initial state of SAP Portal NW Business SAP Logon


Client
customers

SAP Fiori apps &


SAP Enterprise SAP Business + SAP Fiori launchpad (FLP)
Portal Client

SAP Fiori UX

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 26


Two SAP Enterprise Portal flavors

SAP Fiori framework page Ajax framework page


 Use it for: application portal  Use it for:
 Cross devices (responsive design) Intranet, external facing, administration
 Optimized for SAP Fiori  Desktop only

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 27


SAP Fiori user experience for SAP Enterprise Portal
Web-based entry point to SAP business applications

SAP Fiori experience gives users an intuitive


and easy access to portal content and services
from desktop and mobile devices

Scenarios
 Integration of SAP Fiori apps into the standard
portal (via SAP Fiori iView)
 Activation of SAP Fiori launchpad as new user
experience (Fiori Framework Page)
 Remote catalog consumption from ABAP server

Availability
 SAP Enterprise Portal 7.4 SP8 und 7.31 SP13

Details about SAP Fiori and SAP Fiori launchpad: https://experience.sap.com/fiori-guidelines and http://scn.sap.com/docs/DOC-53178 as well as note 2031108

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 28


SAP Fiori user experience for SAP Enterprise Portal
Web-based entry point to SAP business applications

SAP Fiori framework page

Portal java server SAP Fiori front-end server


Roles
FLP Designer Catalogs/groups
PCD Navigation
Authorizations Integration via Navigation
Fiori iView or Remote Content

Backend Backend Backend


server server server
1 2 3
PFCG: Auth PFCG: Auth PFCG: Auth

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 29


The journey to SAP Fiori UX
Introduction of SAP Fiori apps
Apply SAP Fiori UX to existing SAP clients

Landscape & Single Sign- Identity


Sizing Roles Permissions …
Infrastructure On Management

Initial state of SAP Portal NW Business SAP Logon


Client
customers

SAP Fiori apps &


Browser SAP Enterprise SAP Business + SAP Fiori launchpad (FLP)
(FLP standalone) Portal Client

SAP Fiori UX

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 30


Customers journey to SAP’s overall UX direction
Merge and renew legacy content with new SAP Fiori content
Merge legacy content with SAP Fiori and gradually renew legacy content with SAP Fiori apps.

Browser SAP Enterprise SAP Business


(FLP standalone) Portal Client

SAP Fiori UX

Legacy content
SAP Fiori content

Progressively renew
legacy content over time

Possible conceptual customer approach for renewing legacy content, do not set product decisions based on this slide
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 31
Deployment options
ABAP server, SAP Enterprise Portal, SAP HANA Cloud Platform

Public
App - Fiori ABAP application

SAP Fiori launchpad deployment options App - Fiori Cloud application

CC – Cloud Connector

ABAP front-end server SAP Enterprise Portal SAP HANA Cloud Platform

SAP Fiori launchpad SAP Fiori launchpad SAP Fiori launchpad

ABAP front-end server SAP Enterprise Portal SAP HANA Cloud


App App App Platform
SAP Gateway | UI Add-on App App

App App App


App App

solutions
SAP Fiori launchpad

Cloud
ABAP front-end server
SAP SAP Gateway | UI Add-on CC
SAP App App App
SAP App App
SAP Gateway
SAP HANA / anyDB

SAP SAP
SAP SAP
SAP SAP
http://scn.sap.com/docs/DOC-59469 SAP HANA / anyDB SAP HANA / anyDB

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 33


FLP extensibility

Public
Public extension APIs: Header and FLP home page

Header

Tool area

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 35


Public extension APIs: User actions menu

Custom actions User preferences


• Additional areas
• Custom dialog for end-user feedback

Renderer API: https://sapui5.hana.ondemand.com/sdk/#docs/api/symbols/sap.ushell.renderers.fiori2.Renderer.html


SAP Fiori launchpad APIs: https://sapui5.hana.ondemand.com/sdk/#docs/api/symbols/sap.ushell.services.html

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 36


DEV609

Modification-free extensibility with FLP plug-Ins i How to Extend and Modify SAP Fiori
Launchpad

Lifecycle
• Loaded during startup
Structure
• SAPUI5 component (like app)
Administration
• Defined using target mapping
• Configurable with parameters
• Assigned via catalogs & roles
Platform-independent
• ABAP server
• SAP Enterprise Portal
• SAP HANA Cloud Platform (HCP)

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 37


FLP UI integration levels

Public
Single point of entry for business applications
User interface integration levels

Web-based single point Integration level


of entry for end users
 App-to-app interaction
SAP Fiori integration
 SAP Fiori launchpad interaction
capabilities
SAP Fiori apps
 Further SAP Fiori 2.0 concepts

 SAP Fiori look for SAP solutions


Harmonized UX integration without SAP Fiori apps
 Enablement tools, e.g.
Apps with SAP Fiori look
 SAP Screen Personas
 UI theme designer

 Integration of arbitrary URLs


Simple integration
 Initial step to single point of entry for
SAP and 3rd party applications
Web apps

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

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 39


Roadmap & outlook

Public
SAP Fiori launchpad
Product road map overview - key themes and capabilities

Today Planned Innovations Future Direction

End User Experience End User Experience The SAP entry point across devices
 Access to Easy Access (SAP Menu and User • Merged FLP and application header including back and platforms
Menu) navigation • Integration of additional apps from SAP cloud
• Enhancement of Easy Access Menu solutions (e.g. SuccessFactors)
Simplified setup and configuration
Implementation of SAP Fiori 2.0 concepts • Integration of analytical content and tools
• Simplified setup of PFCG authorization based on
• Integration with document management solutions
SAP Fiori catalogs • Cloud extensions infrastructure (e.g. usage
• Easy integration of SAP Screen Personas flavors analysis, Co-Pilot) Central FLP Design Time including SAP cloud
into SAP Fiori launchpad via launchpad designer solutions
Simplified setup and configuration
SAP Platform Alignment • FLP content maintenance for WDA/SAPGUI on Extended search capabilities
• Support of different UI technologies (SAP GUI and application systems
Web Dynpro ABAP also on SAP HANA Cloud • PFCG authorizations based on SAP Fiori catalogs
Platform) located on SAP HANA Cloud Platform

SAP Platform Alignment


• Common FLP content model (ABAP/SAP HANA
Cloud Platform)

ABAP: SAP NW 7.50 SP04 / UI ADD-ON 2.0 SP04 This is the current state of planning and may be changed by SAP at any time.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 41


UX100

SAP Fiori launchpad & viewport i SAP Fiori 2.0 for SAP S/4HANA

The viewport is the entry point to the users’ daily business. It allows users to focus on their
daily work and still keep track of what’s going on in other areas. The viewport provides
possibilities to integrate different areas via the Me-area and Notifications.

Me-area Workspace Notifications Watch Video


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

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 42


SAP Fiori launchpad – single point of entry

Browser SAP BC * SAP Portal Cloud Portal SFSF Home


Portal

SAP Hana Cloud


Front-end server (ABAP) SuccessFactors
Platform (HCP)

Central Design Time


* Business Client 6.0 – Successor of NetWeaver Business Client 5.0 This is the current state of planning and may be changed by SAP at any time.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 43


Further information

Public
First steps to SAP Fiori launchpad

Get to know SAP Fiori launchpad


 SAP Fiori Apps Reference Library
 SAP Fiori Demo Cloud Edition

Recommendations concerning test landscape and environment


 Participation in Customer Engagement Initiatives (CEIs)
 Support from SAP: SAP UX Design Services
 Using Rapid-Deployment Solutions (RDS-packages)
 SAP Fiori apps rapid-deployment solution (SAP Fiori Apps)
 SAP Mobile Platform rapid-deployment solution (Fiori client and Fiori for mobile)
 SAP Screen Personas rapid-deployment solution (SAP Screen Personas)
 Building up a sandbox-systems
 Conducting of Proof of concepts

http://www.sap.com/fiori-demo

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 45


First steps to SAP Fiori launchpad – Additional information

Installation and Configuration for SAP Fiori launchpad


 On premise (ABAP)
 Configuration of SAP Fiori Infrastructure
 SAP Fiori Implementation Information
 Central Note for UI Add-On 1.0 SP14 / Central Note for UI Add-On 2.0 SP02
 Cloud: SAP Fiori Launchpad on Cloud
 Enterprise Portal:
 Configuring SAP Fiori Launchpad on Portal
 SAP Fiori Integration with SAP Enterprise Portal - Central note

More Information
 What’s new with User Interface Add-On 2.0
 EA Explorer (aka UX Explorer)
 Landing Page for SAP Fiori UX
 openSAP Course „Introduction to SAP Fiori UX“
 openSAP Course „Build Your Own SAP Fiori App in the Cloud - 2016 Edition“
 User Experience Community: SAP Fiori 2.0: The Launchpad (Part 1) / SAP Fiori 2.0: The Launchpad (Part 2)
 SCN: SAP Fiori launchpad / Simplification of Target Mapping without LPD_CUST / Control visibility of tiles by separation of tiles and TM

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 46


Summary and key takeaways

Public
Summary and key takeaways

SAP Fiori launchpad is…

 … the strategic single point of entry for a user

 … role-based, responsive and personalized

 … integrating existing UI technologies


 … extensible with FLP Plug-Ins

 … deployable on multiple platforms

 … in alignment with established UI clients

 … further evolving from an functional perspective


and with award-winning designs

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 48


SAP TechEd Online

Continue your SAP TechEd


education after the event!
Access replays of
 Keynotes
 Demo Jam
 SAP TechEd live interviews
 Select lecture sessions
 Hands-on sessions
 …

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 49


Further information

Related SAP TechEd sessions:


UX163 – SAP Fiori Launchpad – Effectively Configure and Manage Business Content
DEV609 – How to Extend and Modify SAP Fiori Launchpad
TEC214 – Hot News About the User Experience from SAP and Strategy for SAP Fiori
UX100 – SAP Fiori 2.0 for SAP S/4HANA
UX603 – Create a Theme Using UI Theme Designer Like a Pro

SAP Public Web


scn.sap.com
www.sap.com/fiori

SAP Education and Certification Opportunities


www.sap.com/education

Watch SAP TechEd Online


www.sapteched.com/online

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 50


Feedback
Contact information:

Please complete your Carola Steinmaier


Product Management SAP Fiori launchpad
session evaluation for carola.steinmaier@sap.com

UX126. Stefan Lötterle


Product Management SAP Fiori launchpad
stefan.loetterle@sap.com

Yogesh Purantharan
yogesh.purantharan@sap.com

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 51


© 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://www.sap.com/corporate-en/about/legal/copyright/index.html 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 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. Public 52