Вы находитесь на странице: 1из 49

UX106 SAP Fiori Launchpad:

Overview and Recommendations

Public

Speakers
Las Vegas, Oct 19 - 23

Barcelona, Nov 10 - 12

Stefan Loetterle

Carola Steinmaier

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

Disclaimer
This presentation outlines our general product direction and should not be relied on in making a
purchase decision. This presentation is not subject to your license agreement or any other agreement
with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to
develop or release any functionality mentioned in this presentation. 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. SAP assumes no responsibility for errors or omissions in this
document, except if such damages were caused by SAP intentionally or grossly negligent.

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

Agenda
SAP Fiori launchpad motivation
Features and key capabilities
End-to-end configuration
Positioning within SAPs UI client strategy

Deployment options
Roadmap & Outlook
Summary and key takeaways

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

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.
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

What is SAP Fiori User Experience?

TEC200
Executing the UX Strategy

SAP Fiori Principles


/

SAP Fiori Design

Visual Design

Information
Architecture

Interaction Patterns

https://experience.sap.com/fiori-guidelines/

SAP Fiori Technologies

User Interface

Other
Technologies*
Business Logic

OpenUI5
* SAPs preferred way to build SAP Fiori apps is using SAPUI5
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

What is SAP Fiori User Experience?


SAP Fiori Principles

SAP Fiori Design

Visual Design

Information
Architecture

Interaction Patterns

https://experience.sap.com/fiori-guidelines/

SAP Fiori Technologies

User Interface

Other
Technologies*
Business Logic

OpenUI5
* SAPs preferred way to build SAP Fiori apps is using SAPUI5
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

Role-based Simplification
Deliver task-based user interfaces

Functional-based applications

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

Coherence
Single point of access across functional areas and across technologies
Finance

Human Resources

CRM

SCM

Functional-based applications

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

10

Single Point of Access


Across functional areas and across technologies
Finance

Human Resources

Functional-based applications

CRM

SCM

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

11

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.
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

13

Demo
SAP Fiori Launchpad (SAP Fiori Demo cloud edition)

Public

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

15

SAP Fiori Launchpad at a Glance

Role-based content
definition

Launch SAPUI5, Web


Dynpro ABAP*, SAP GUI for
HTML* and arbitrary URLs

News and feeds to


enhance collaboration

Group tiles for


personalized content
organization

Search across and within


apps to get immediate
answers

Color coding alerts user


for any overdue, new or
immediate actions

Dynamic charts to provide


high level, real-time
overview

Edit mode for instant


personalization of groups
and tiles

*on selected devices


2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

16

SAP Fiori Launchpad Branding

UX113)
Applying UI Theme Designer

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

17

End-to-End Configuration

Public

Configuration Steps

in ABAP Front-End Server


Launchpad Designer

Create Catalog

Role Maintenance: PFCG Admin

Copy / Create Tiles / Target Mappings

Optional: Create Group,


assign Tile

7
Role Maintenance

Launchpad Designer: FLP Admin

UX162
Effectively Configure & Manage SAP
FLP

Create PFCG Role

2015 SAP SE or an SAP affiliate company. All rights reserved.

Result in SAP Fiori launchpad

Assign User to Role

Assign Catalog / Group to Role

Public

19

Positioning within SAPs UI


Client Strategy

Public

Decision Support for Access Points


Where

What

How

Fiori

SAP NWBC

SAP GUI

SAP Fiori launchpad

Web Dynpro

Fiori
Self Services
SAP GUI

Web Dynpro

Web Dynpro

SAP Fiori

D
e
s
k
t
o
p

User Interface

M
o
b
i
l
e

SAP Enterprise Portal


Services
Browsers

Native Clients

Consumption

SAP Fiori launchpad

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

21

Decision Support for Access Points


Where

What

How

Fiori

SAP GUI

SAP NWBC

Web Dynpro

Fiori
Self Services
SAP GUI

Web Dynpro

Web Dynpro

SAP Fiori

D
e
s
k
t
o
p

M
o
b
i
l
e

SAP Enterprise Portal

SAP Fiori launchpad


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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

22

Transition Paths to SAP Fiori Launchpad

SAP NWBC

SAP Fiori launchpad


User Interface

SAP Enterprise Portal


Services
Browsers

Native Clients

Consumption

SAP Fiori launchpad

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

23

Steps to SAP Fiori User Experience on the Desktop

SAP Fiori apps


in NWBC 5.0

SAP NWBC

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

24

SAP Fiori User Experience in SAP NWBC 5.0

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

25

SAP Fiori Apps in NWBC 5.0


Architecture

Backend Server
PFCG

PFCG

Business Roles
Navigation
Authorizations

Fiori FrontEnd Server


FLP Designer

SAP Fiori Apps


Business Roles
Navigation

Hierarchical menu structure

SAP GUI native


2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

26

Steps to SAP Fiori User Experience on the Desktop

SAP Fiori apps


in NWBC 5.0

SAP Fiori launchpad in


SAP Business Client 6.0

SAP NWBC

* Final naming not done


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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

27

SAP Business Client 6.0

SAP easy access menu


SAP Business Client 6.0

2015 SAP SE or an SAP affiliate company. All rights reserved.

UX108
SAP NWBC

SAP NWBC index page


SAP Business Client 6.0

6.0

SAP Fiori launchpad


SAP Business Client 6.0

Public

28

SAP Business Client 6.0

SAP easy access menu

UX108
SAP NWBC

SAP NWBC index page

SAP Fiori launchpad


SAP Business Client 6.0

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

29

SAP NWBC 5.0 / Business Client 6.0


Architecture
SAP Business Client 6.0

SAP Fiori
apps in
NWBC 5.0

SAP Business
Client 6.0

Fiori FrontEnd Server

Backend Server
PFCG

PFCG

Business Roles
Navigation
Authorizations

FLP Designer

SAP Fiori Apps


Business Roles
Navigation

Backend Server 1 Backend Server 2


PFCG: Auth

PFCG: Auth

Backend Server 3
PFCG: Auth

Simple menu structure (2-level)

Hierarchical menu structure

SAP GUI native


2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

30

Transition Paths to SAP Fiori Launchpad

SAP NWBC

SAP Fiori launchpad


User Interface

SAP Enterprise Portal


Services
Browsers

Native Clients

Consumption

SAP Fiori launchpad

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

31

Two Portal Flavors. One Platform


Fiori Framework Page

Ajax Framework Page

Common use cases:

Common use cases:

Mobile access
BI Portal, self-service Portal
Expert workplace
Kiosks

Corporate Portal
External facing
Administration

Desktop only

Cross devices & optimized for SAP Fiori

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

32

SAP Fiori Experience for SAP Enterprise Portal


Web-based Entry Point to SAP Business Applications

UX202
FLP & Portal

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
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

33

SAP Fiori Experience for SAP Enterprise Portal


Web-based Entry Point to SAP Business Applications
Fiori Framework Page

Fiori Frontend Server

Portal Java Server


Roles
PCD Navigation
Authorizations

FLPD

Integration via

Catalogs/Groups
Navigation

Fiori iView or Remote Content

Backend
Server
1
PFCG: Auth
2015 SAP SE or an SAP affiliate company. All rights reserved.

Backend
Server
2
PFCG:

Auth

Backend
Server
3
PFCG:

Auth
Public

34

Transition Paths to SAP Fiori Launchpad

SAP NWBC

Application entry point


SAP
SAPFiori
Fiorilaunchpad
apps

SAP Enterprise Portal

WDA applications

SAP GUI for HTML

URL

SuccessFactors

All devices
Browsers
Native Clients
Focus on SIMPLE

User Interface

Services
Consumption

SAP Fiori launchpad

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

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

35

Deployment Options
ABAP Server, SAP Portal, SAP Hana Cloud Platform

Public

SAP Fiori Launchpad Deployment Options

UX201
FLP Deployment Options

Content creation

SAP Fiori launchpad

App development

Simple | Role-based | Responsive | Coherent | Delightful


Branding
ADAPTERS

ABAP Front End


Server

SAP Enterprise
Portal

SAP HANA
Cloud Platform

On-Premise

On-Premise

Public Cloud

Managed Cloud

Managed Cloud

This is the current state of planning and may be changed by SAP at any time.
2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

37

Roadmap & Outlook

Public

SAP Fiori launchpad


Product road map overview key themes and capabilities
Today
Entry point for business applications and
analytics
Integration of additional content types as
SuccessFactors, URLs, SAP Mobile Docs3

SAP UI Clients alignment


SAP Portal: Fiori framework page, remote catalog
consumption, consumption of SAP Fiori apps2,
SAP NWBC: Integration of SAP Fiori apps

Setup and Configuration


SAP Fiori launchpad designer: Where-used
analysis, table view for tiles
Derive user authorizations from Fiori catalogs
Best practices for role and catalog management

Planned Innovations
End User Experience

Handling of multiple tiles on home page

Central maintenance of user default values

Push notifications

Enhanced shell extensibility


Simplified setup, configuration and
administration processes
Usage analysis
SAP UI Clients alignment

SAP NetWeaver Business Client for SAP Fiori UX

SAP Portal: Integration of search, factsheets &


analytical SAP Fiori apps

Future Direction
The SAP entry point across devices
and platforms
Support of additional content types and SAP UI
technologies
Integration with new/additional application
providers
Integration with SAP cloud solutions such as Ariba,
Design Studio
Integration with document management solutions
SAP HANA Cloud Platform: Support for non-Fiori
apps (e.g. SAP GUI and Web Dynpro ABAP).

Enhanced launchpad user experience with


Fiori 2.0 UX concepts
Enhanced integration with SAP Fiori Client
to provide offline capabilities

( ABAP: SAP NW 7.50 SP0 / UI ADD-ON 2.0 SP0,


SAP Portal: 7.40 SP11 / 7.31 SP16 )

2015 SAP SE or an SAP affiliate company. All rights reserved.

Relevant for ABAP deployment; differences may apply for other depls.
Refer to SAP note 2103156 for details
3 For SAP Fiori launchpad on SAP HANA Cloud Platform and SAP Portal
This is the current state of planning and may be changed by SAP at any time.
2

Public

39

SAP Fiori 2.0 Wins Red Dot Award: Design Concept 2015

SAP Fiori 2.0:


Featuring the next-generation
business software experience with
contextual and multi-modal interaction

One of the most prestigious design


awards worldwide

A recognized international seal for


excellence in design innovation

4,680 submissions from 61 countries


in 2015 (5.7% of entries were awarded
the Red Dot, selected by a highly
qualified jury panel)

2015 SAP SE or an SAP affiliate company. All rights reserved.

This recognition is a great testament


to how we have managed to change
the perception of SAP UX and is
evidence that our continuous focus on
user experience and our design vision
have reached a new level of
distinction in the market.
~Sam Yen, Chief Design Officer, SAP

Watch Video

Public

40

SAP Fiori Launchpad & Viewport


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 whats going on in other areas. The Viewport provides
possibilities to integrate different areas: Me-area (Help, Settings, Quick Creates),
Workspace and Notifications.

Me-area
2015 SAP SE or an SAP affiliate company. All rights reserved.

Workspace

Notifications
Public

41

Home Page Link List Area & Anchor Navigation


Link List Area
Intend for apps without valuable
tile content (e.g. legacy apps)
Positioned at the bottom of each
group

Anchor Navigation
Provide easy access to navigate
on the home page, containing a
lot of tiles and groups

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

42

Overview Page, Copilot & AppFinder


Overview Page
Provide a 360 domain view
Enable insight-to-action

Copilot
Contextual assistant for quick
creates or other tasks
Possibility for approval, integration
and extension scenarios

AppFinder
Discovery of new apps

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

43

Summary and Key Takeaways

Public

Summary and Key Takeaways


SAP Fiori launchpad is
the strategic single point of access for a user
role-based, responsive and personalized
integrating existing UI technologies
deployable on multiple platforms
in alignment with established UI clients
further evolving from an functional perspective
and with award-winning designs

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

45

SAP TechEd Online


Continue your SAP TechEd education after the event!
Access replays of keynotes, Demo Jam, SAP TechEd live interviews, select lecture sessions, and more!
Hands-on replays

http://sapteched.com/online

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

46

Further Information
Related SAP TechEd sessions:
UX162 Effectively Configure and Manage SAP Fiori Launchpad (2h Hands-On Session)
UX108 SAP NetWeaver Business Client, Release 5.0: Strategy and Outlook
UX113 Applying UI Theme Designer to SAP Fiori and SAP NetWeaver Business Client
UX201 SAP Fiori Launchpad: Deployment Options and Common Recommendations
UX202 SAP Fiori Launchpad and SAP Enterprise Portal: Integration Options
UX207 SAP UI Technologies and Clients: Overview, Strategy, and Best Practices
TEC200 Executing the User Experience Strategy

SAP Public Web


SCN: Entry Page / Fiori Launchpad Prerequisites / Fiori Launchpad Configuration
Documentation: FLP@ABAP / FLP@Portal / FLP@Cloud
SAP Fiori Launchpad - Deployment Options Common Recommendations: http://scn.sap.com/docs/DOC-59469

Watch SAP TechEd Online


www.sapteched.com/online

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

47

Thank you
Contact information:
Carola Steinmaier
Product Manager
Dietmar-Hopp-Allee 16
68190 Walldorf, Germany

Stefan Loetterle
Product Manager
Dietmar-Hopp-Allee 16
68190 Walldorf, Germany

carola.steinmaier@sap.com

stefan.loetterle@sap.com

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

49

2015 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 SEs 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.

2015 SAP SE or an SAP affiliate company. All rights reserved.

Public

50