UX106 - SAP Fiori Launchpad Overview PDF

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.
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
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.
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
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
Public
Role-based Simplification
Deliver task-based user interfaces
Functional-based applications
Public
Coherence
Single point of access across functional areas and across technologies
Finance
Human Resources
CRM
SCM
Public
10
Single Point of Access

Across functional areas and across technologies
Finance
Human Resources
CRM
SCM
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.
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
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

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
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
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.
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 Fiori launchpad

Public
22
Transition Paths to SAP Fiori Launchpad
SAP NWBC
SAP Fiori launchpad

User Interface

Services
Browsers
Native Clients
Consumption
SAP Fiori launchpad
Public
23
Steps to SAP Fiori User Experience on the Desktop
SAP Fiori apps

in NWBC 5.0
SAP NWBC
Public
24
SAP Fiori User Experience in SAP NWBC 5.0
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

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

Public
27
SAP easy access menu

UX108
SAP NWBC
SAP NWBC index page

6.0
SAP Fiori launchpad

Public
28
SAP easy access menu
UX108
SAP NWBC
SAP NWBC index page
SAP Fiori launchpad

Public
29
SAP NWBC 5.0 / Business Client 6.0

Architecture
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

Public
30
SAP NWBC
SAP Fiori launchpad

User Interface

Services
Browsers
Native Clients
Consumption
SAP Fiori launchpad
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
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
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
Backend
Server
2
PFCG:
Auth
Backend
Server
3
PFCG:
Auth
Public
34
SAP NWBC
Application entry point

SAP
SAPFiori
Fiorilaunchpad
apps
WDA applications
SAP GUI for HTML
URL
SuccessFactors
All devices
Browsers
Native Clients
Focus on SIMPLE
User Interface
Services
Consumption
SAP Fiori launchpad
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
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 )
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
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)
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
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
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
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
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
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
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
Public
49

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.
Public
50

UX106 - SAP Fiori Launchpad Overview PDF

Загружено:

Сведения о документе

Исходное описание:

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

UX106 - SAP Fiori Launchpad Overview PDF

Загружено:

Авторское право:

Доступные форматы

UX106 SAP Fiori Launchpad:

Overview and Recommendations

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

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

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

SAP Fiori Launchpad

Unified UX Direction for all SAP Software

SAP Fiori User Experience

SAP HANA Platform

What is SAP Fiori User Experience?

SAP Fiori Principles

SAP Fiori Design

SAP Fiori Technologies

What is SAP Fiori User Experience?

SAP Fiori Design

SAP Fiori Technologies

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

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

Single Point of Access

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

Features & Key Capabilities

Introducing SAP Fiori Launchpad

It runs on multiple devices, using the

Key Features and Capabilities

Apps assignment via role-specific business catalogs

Add apps from assigned catalogs to home page

Navigation fast, easy and contextual navigation

Adaptive design to run on multiple devices

Theming and branding - via UI theme designer

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

SAP Fiori Launchpad at a Glance

Launch SAPUI5, Web

News and feeds to

Group tiles for

Search across and within

Color coding alerts user

Dynamic charts to provide

Edit mode for instant

*on selected devices

SAP Fiori Launchpad Branding

SAP Fiori launchpad can be customized via

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

in ABAP Front-End Server

Role Maintenance: PFCG Admin

Copy / Create Tiles / Target Mappings

Optional: Create Group,

Launchpad Designer: FLP Admin

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

Positioning within SAPs UI

Decision Support for Access Points

SAP Fiori launchpad

SAP Enterprise Portal

SAP Fiori launchpad

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

Decision Support for Access Points

SAP Enterprise Portal

SAP Fiori launchpad

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