ux106 - sap fiori launchpad overview.pdf
TRANSCRIPT
Public
UX106 – SAP Fiori Launchpad:
Overview and Recommendations
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2Public
Speakers
Las Vegas, Oct 19 - 23
Stefan Loetterle
Barcelona, Nov 10 - 12
Carola Steinmaier
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3Public
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. 4Public
Agenda
SAP Fiori launchpad – motivation
Features and key capabilities
End-to-end configuration
Positioning within SAP’s UI client strategy
Deployment options
Roadmap & Outlook
Summary and key takeaways
Public
SAP Fiori Launchpad –
Motivation
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 6Public
SAP HANA Platform
Applications* Analytics*
SAP Fiori User Experience
This is the current state of planning and may be changed by SAP at any time.
Unified UX Direction for all SAP SoftwareAll applications & UI technologies to converge to the SAP Fiori UX
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 7Public
SAP Fiori Principles
SAP Fiori Design Interaction PatternsInformation
Architecture
Visual Design
/
User Interface
Business Logic
SAP Fiori Technologies
OpenUI5
Other
Technologies*
* SAP’s preferred way to build SAP Fiori apps is using SAPUI5
What is SAP Fiori User Experience?
https://experience.sap.com/fiori-guidelines/
Executing the UX Strategy
TEC200
i
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 8Public
SAP Fiori Principles
SAP Fiori Design Interaction PatternsInformation
Architecture
Visual Design
User Interface
Business Logic
SAP Fiori Technologies
OpenUI5
Other
Technologies*
* SAP’s preferred way to build SAP Fiori apps is using SAPUI5
What is SAP Fiori User Experience?
https://experience.sap.com/fiori-guidelines/
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 9Public
Role-based SimplificationDeliver task-based user interfaces
Functional-based applications
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 10Public
Coherence Single point of access across functional areas and across technologies
Functional-based applicationsFinance Human Resources CRM SCM
…
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 11Public
Single Point of Access Across functional areas and across technologies
Functional-based applicationsFinance Human Resources CRM SCM
…
Public
Features & Key Capabilities
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 13Public
Introducing SAP Fiori LaunchpadWeb-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
Demo
SAP Fiori Launchpad (SAP Fiori Demo cloud edition)
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 15Public
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. 16Public
Edit mode for instant
personalization of groups
and tiles
SAP Fiori Launchpad at a Glance
Search across and within
apps to get immediate
answers
Role-based content
definition
Group tiles for
personalized content
organization
News and feeds to
enhance collaboration
Color coding alerts user
for any overdue, new or
immediate actions
Dynamic charts to provide
high level, real-time
overview
Launch SAPUI5, Web
Dynpro ABAP*, SAP GUI for
HTML* and arbitrary URLs
*on selected devices
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 17Public
SAP Fiori Launchpad Branding
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
Applying UI Theme Designer
UX113)
i
Public
End-to-End Configuration
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 19Public
Configuration Stepsin ABAP Front-End Server
Copy / Create Tiles / Target Mappings
2
Create Catalog
1
Assign Catalog / Group to Role
5
Assign User to Role
6
Create PFCG Role
4
Lau
nch
pad
Desig
ner
Ro
le M
ain
ten
an
ce
Optional: Create Group,
assign Tile
7
3
Launchpad Designer: FLP Admin
Role Maintenance: PFCG Admin
Result in SAP Fiori launchpad
Effectively Configure & Manage SAP
FLP
UX162
i
Public
Positioning within SAP’s UI
Client Strategy
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 21Public
Decision Support for Access Points
*: This is the current state of planning and may be changed by SAP at any time.
What Where
Web Dynpro
Self Services
SAP Fiori
Fiori
…
Fiori
Web DynproSAP GUI
Web Dynpro
SAP GUI
…*
D
e
s
k
t
o
p
M
o
b
i
l
e
Native ClientsBrowsers
SAP Fiori launchpad
Services
Consumption
User Interface
How
SAP Enterprise Portal
SAP NWBC
SAP Fiori launchpad
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 22Public
Decision Support for Access Points
SAP Enterprise Portal
SAP NWBC
*: This is the current state of planning and may be changed by SAP at any time.
What HowWhere
Web Dynpro
Self Services
SAP Fiori
Fiori
…
Fiori
Web DynproSAP GUI
Web Dynpro
SAP GUI
…*
SAP Fiori launchpad
D
e
s
k
t
o
p
M
o
b
i
l
e
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 23Public
Transition Paths to SAP Fiori Launchpad
*: This is the current state of planning and may be changed by SAP at any time.
SAP Enterprise Portal
SAP NWBC
SAP Fiori launchpad
Native ClientsBrowsers
SAP Fiori launchpad
Services
Consumption
User Interface
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 24Public
Steps to SAP Fiori User Experience on the Desktop
SAP NWBC
This is the current state of planning and may be changed by SAP at any time.
SAP Fiori apps
in NWBC 5.0
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 25Public
SAP Fiori User Experience in SAP NWBC 5.0
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 26Public
Fiori FrontEnd Server
SAP Fiori Apps
Business Roles
Navigation
FLP Designer
SAP GUI native
Hierarchical menu structure
PFCG
Backend Server
PFCGBusiness Roles
Navigation
Authorizations
SAP Fiori Apps in NWBC 5.0Architecture
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 27Public
Steps to SAP Fiori User Experience on the Desktop
SAP NWBC
This is the current state of planning and may be changed by SAP at any time.
SAP Fiori launchpad in
SAP Business Client 6.0SAP Fiori apps
in NWBC 5.0
* Final naming not done
*
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 28Public
SAP Business Client 6.0
SAP easy access menu SAP Fiori launchpadSAP NWBC index pageSAP Business Client 6.06.0SAP Business Client 6.0 SAP Business Client 6.0
SAP NWBC
UX108
i
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 29Public
SAP Business Client 6.0
SAP easy access menu SAP Fiori launchpadSAP NWBC index pageSAP Business Client 6.0
SAP NWBC
UX108
i
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 30Public
Fiori FrontEnd Server
Backend Server 1
SAP Fiori Apps
Business Roles
Navigation
FLP Designer
SAP GUI native
Backend Server 2 Backend Server 3
PFCG: Auth PFCG: Auth PFCG: Auth
Hierarchical menu structure Simple menu structure (2-level)
PFCG
Backend Server
PFCGBusiness Roles
Navigation
Authorizations
SAP NWBC 5.0 / Business Client 6.0Architecture
SAP Fiori
apps in
NWBC 5.0
SAP Business
Client 6.0
SAP Business Client 6.0
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 31Public
Transition Paths to SAP Fiori Launchpad
*: This is the current state of planning and may be changed by SAP at any time.
Native ClientsBrowsers
SAP Fiori launchpad
Services
Consumption
User Interface
SAP Enterprise Portal
SAP NWBC
SAP Fiori launchpad
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 32Public
Two Portal Flavors. One Platform
Fiori Framework Page
Common use cases:
– Mobile access
– BI Portal, self-service Portal
– Expert workplace
– Kiosks
Cross devices & optimized for SAP Fiori
Ajax Framework Page
Common use cases:
– Corporate Portal
– External facing
– Administration
Desktop only
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 33Public
SAP Fiori Experience for SAP Enterprise PortalWeb-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
FLP & Portal
UX202
i
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 34Public
Portal Java Server Fiori Frontend Server
Backend
Server
1
Backend
Server
2
Backend
Server
3
Catalogs/Groups
NavigationFLPD
PFCG: PFCG: PFCG:Auth Auth Auth
PCD
Roles
Navigation
AuthorizationsIntegration via
Fiori iView or Remote Content
SAP Fiori Experience for SAP Enterprise PortalWeb-based Entry Point to SAP Business Applications
Fiori Framework Page
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 35Public
Transition Paths to SAP Fiori Launchpad
*: This is the current state of planning and may be changed by SAP at any time.
Native ClientsBrowsers
SAP Fiori launchpad
Services
Consumption
User Interface
Application entry point
SAP Fiori apps
WDA applications
SAP GUI for HTML
URL
SuccessFactors
All devices
Focus on SIMPLE
SAP Enterprise Portal
SAP NWBC
SAP Fiori launchpad
Public
Deployment Options
ABAP Server, SAP Portal, SAP Hana Cloud Platform
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 37Public
SAP Fiori Launchpad Deployment Options
SAP Fiori launchpadSimple | Role-based | Responsive | Coherent | Delightful
Content creation
App development
ADAPTERS
Branding
Managed Cloud
On-Premise Public Cloud
Managed Cloud
On-Premise
ABAP Front End
Server
SAP Enterprise
Portal
SAP HANA
Cloud Platform
This is the current state of planning and may be changed by SAP at any time.
FLP Deployment Options
UX201
i
Public
Roadmap & Outlook
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 39Public
This is the current state of planning and may be changed by SAP at any time.
Today Future DirectionPlanned Innovations
SAP Fiori launchpadProduct road map overview – key themes and capabilities
( ABAP: SAP NW 7.50 SP0 / UI ADD-ON 2.0 SP0,
SAP Portal: 7.40 SP11 / 7.31 SP16 )
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
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
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
1 Relevant for ABAP deployment; differences may apply for other depls.2 Refer to SAP note 2103156 for details 3 For SAP Fiori launchpad on SAP HANA Cloud Platform and SAP Portal
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 40Public
SAP Fiori 2.0 Wins Red Dot Award: Design Concept 2015
• 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)
SAP Fiori 2.0: Featuring the next-generation
business software experience with
contextual and multi-modal interaction
“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
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 41Public
SAP Fiori Launchpad & Viewport
Me-area NotificationsWorkspace
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: Me-area (Help, Settings, Quick Creates),
Workspace and Notifications.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 42Public
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. 43Public
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
Summary and Key Takeaways
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 45Public
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. 46Public
SAP TechEd OnlineContinue your SAP TechEd education after the event!
http://sapteched.com/online
Access replays of keynotes, Demo Jam, SAP TechEd live interviews, select lecture sessions, and more!
Hands-on replays
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 47Public
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. 49Public
Thank you
Contact information:
Carola Steinmaier Stefan Loetterle
Product Manager Product Manager
Dietmar-Hopp-Allee 16 Dietmar-Hopp-Allee 16
68190 Walldorf, Germany 68190 Walldorf, Germany
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 50Public
© 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 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.