UX106 – SA SAP P Fi Fior orii La Laun unch chpa pad: d: Overview and Recommendations
Speakers
Las La s Vega egas, s, Oc Octt 19 19 - 23
Barcelon Barc elona, a, Nov 10 - 12
Stefan Loetterle
Carola Steinmaier
Speakers
Las La s Vega egas, s, Oc Octt 19 19 - 23
Barcelon Barc elona, a, Nov 10 - 12
Stefan Loetterle
Carola Steinmaier
Disclaimer This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation 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, merchantability, fitness for a particular purpose, or non-infringement. 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. negligent.
Agenda SAP Fiori launchpad – launchpad – motivation Features and key capabilities End-to-end configuration Positioning within SAP’s UI client strategy s trategy Deployment options Roadmap & Outlook Summary and key takeaways
SAP Fiori Launchpad – Motivation
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
i
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
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
Role-based Simplification Deliver task-based user interfaces
Functional-based applications
Coherence Single point of access across functional areas and across technologies Finance
Human Resources
CRM
SCM
Functional-based applications
…
Single Point of Access Across functional areas and across technologies Finance
Human Resources
Functional-based applications
CRM
SCM
…
Features & Key Capabilities
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
Demo SAP Fiori Launchpad (SAP Fiori Demo cloud edition)
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
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
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
i
UX113) Applying UI Theme Designer
End-to-End Configuration
Configuration Steps
i
in ABAP Front-End Server Create Catalog r e n g i s e D d a p h c n u a L
1
Create PFCG Role
4
Role Maintenance: PFCG Admin
Copy / Create Tiles / Target Mappings
Optional: Create Group, assign Tile
2
3
7 e c n a n e t n
Launchpad Designer: FLP Admin
UX162 Effectively Configure & Manage SAP FLP
Result in SAP Fiori launchpad
Assign User to Role
Assign Catalog / Group to Role
5
6
Positioning within SAP’s UI Client Strategy
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
D e s k t o p
User Interface
M o b i
SAP Enterprise Portal Services Browsers
Native Clients
Consumption
Decision Support for Access Points Where
What
How
Fiori
SAP GUI
SAP NWBC …
Web Dynpro
Fiori Self Services SAP GUI
Web Dynpro
D e s k t o p
M o b i
SAP Enterprise Portal
Transition Paths to SAP Fiori Launchpad
SAP NWBC
SAP Fiori launchpad User Interface
SAP Enterprise Portal Services Browsers
Native Clients
Consumption
Steps to SAP Fiori User Experience on the Desktop
SAP Fiori apps in NWBC 5.0
SAP NWBC
SAP Fiori User Experience in SAP NWBC 5.0
SAP Fiori Apps in NWBC 5.0 Architecture
Backend Server PFCG
Business Roles Navigation Authorizations
PFCG
Hierarchical menu structure
Fiori FrontEnd Server FLP Designer
SAP Fiori Apps Business Roles Navigation
Steps to SAP Fiori User Experience on the Desktop
SAP Fiori apps in NWBC 5.0
SAP NWBC
SAP Fiori launchpad in SAP Business Client 6.0
*
i
SAP Business Client 6.0
SAP easy access menu SAPBusinessClient 6.0
UX108 SAP NWBC
SAP NWBC index page SAPBusinessClient 6.0
6.0
SAP Fiori launchpad SAP Business Client 6.0
SAP Business Client 6.0
SAP easy access menu
i
UX108 SAP NWBC
SAP NWBC index page
SAP Fiori launchpad SAP Business Client 6.0
SAP NWBC 5.0 / Business Client 6.0 Architecture SAPBusiness Client 6.0
SAP Fiori apps in NWBC 5.0
SAP Business Client 6.0
Backend Server PFCG
Business Roles Navigation Authorizations
Fiori FrontEnd Server FLP Designer
PFCG
SAP Fiori Apps Business Roles Navigation
Backend Server 1 Backend Server 2 PFCG: Auth
PFCG: Auth
Backend Server 3 PFCG: Auth
Transition Paths to SAP Fiori Launchpad
SAP NWBC
SAP Fiori launchpad User Interface
SAP Enterprise Portal Services Browsers
Native Clients
Consumption
Two Portal Flavors. One Platform Fiori Framework Page
Ajax Framework Page
Common use cases: – Mobile access
– Corporate Portal
– BI Portal, self-service Portal
– External facing
– Expert workplace
– Administration
– Kiosks
Common use cases:
Cross devices & optimized for SAP Fiori
Desktop only
SAP Fiori 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
i
UX202 FLP & Portal
SAP Fiori Experience for SAP Enterprise Portal Web-based Entry Point to SAP Business Applications Fiori Framework Page
Fiori Frontend Server
Portal Java Server PCD
Roles Navigation Authorizations
FLPD
Integration via
Catalogs/Groups Navigation
Fiori iView or Remote Content
Backend
Backend
Backend
Transition Paths to SAP Fiori Launchpad
SAP NWBC
Application entry point SAPFiori Fiori launchpad apps SAP
SAP Enterprise Portal
WDA applications
SAP GUI for HTML
URL
SuccessFactors
All devices Browsers
Native Clients
Focus on SIMPLE
User Interface
Services Consumption
Deployment Options ABAP Server, SAP Portal, SAP Hana Cloud Platform
i
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
Roadmap & Outlook
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 Docs 3
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
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
“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
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 what’s going on in other areas. The Viewport provides possibilities to integrate different areas: Me-area (Help, Settings, Quick Creates), Workspace and Notifications.
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
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
Summary and Key Takeaways
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
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
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 – Conf iguration 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
Thank you Contact information: Carola Steinmaier Product Manager Dietmar-Hopp-Allee 16
Stefan Loetterle Product Manager Dietmar-Hopp-Allee 16
