ASUG - Fiori 2.0 in S4HANA 1610 - SAP...ü Business Notifications in the Launchpad ü Frequently...

of 49 /49
Fiori 2.0 S/4HANA RIG | Javier Baltazar May 2017 R I G EGIONAL MPLEMENTATION ROUP

Embed Size (px)

Transcript of ASUG - Fiori 2.0 in S4HANA 1610 - SAP...ü Business Notifications in the Launchpad ü Frequently...

ASUG - Fiori 2.0 in S4HANA 1610R I G
EGIONAL MPLEMENTATION ROUP
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 2
Disclaimers
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. 3
Agenda
• SAP Fiori – Concept Review
• SAP Fiori 2.0 • What’s new? • What is Visual Harmonization? • Take Advantage of Visual Harmonization in S/4HANA 1610 projects • Deployment Options
• References
SAP Fiori Concept Review
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 5
SAP Fiori Concept Review
Shift from monolithic solutions to activity-based apps
Empowers you and the way you work
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 6
SAP Fiori Concept Review
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 7
From Launchpad to Apps
DOMAIN-SPECIFIC INFORMATION AND ACTIONS Overview Pages (optional)
SINGLE ENTRY POINT SAP Fiori Launchpad is the single entry point to access all apps
ENTER DETAILS & EXPLORE IN DEPTH Fiori Apps, Classic Apps
SAP Fiori 2.0 Enable Access to Complete Functionality
Introducing the Fiori Overview Page
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 8
TechnologyDesign
Business Logic
SAP Fiori 2.0 – from Principles to Design to Technology Fiori is a comprehensive design vision & toolset for Enterprise Apps
Principles
Fiori Style Guide (Web, iOS) Fiori Qualities Prototyping Resources and SAP BUILD
SAPUI5 SDK (Open Source OPENUI5, Fiori for iOS SDK) ABAP Programming Model for SAP Fiori SAP HANA Core Data Services Reference
Fiori for S/4HANA Community Fiori on S/4HANA wiki
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 9
SAP Fiori 2.0 – More than 100 Sample Business Roles in S/4HANA 1610 500+ Fiori Apps (& related Classic Apps) assigned to sample roles
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 10
SAP Fiori 2.0 – Supported App Types in S/4HANA Fiori Apps Library holds all delivered Fiori Launchpad Reference Content
Delivered with S/4HANA ü Fiori Apps
• SAPUI5 ü Classic Apps
Link to Fiori Apps Library
More information: Leading S/4HANA UX – Role-based for App Discovery and Activation
SAP Fiori 2.0 What’s new?
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 12
1. Navigate to SAP Help Portal 2. Search for keywords: User Interface Technology
7.51 3. Select required SP level 4. Navigate through the desired sections:
What's New in Web Dynpro ABAP What's New in SAP Screen Personas for WDA What's New in Floorplan Manager for Web Dynpro ABAP What’s New in SAP Fiori Launchpad What's New in SAPUI5 What's New in UI Theme Designer
Fiori 2.0 – What’s new? How to find detailed information
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 13
Fiori 2.0 – What’s new? Fiori Launchpad ü Belize Deep, a Darker Flavor of the Belize Theme ü Business Notifications in the Launchpad ü Frequently Used Apps in the Me Area ü Tab Bar: Displaying Apps One Group at a Time on the Home Page ü Admin Configuration for Reducing Animation Effects in the Launchpad ü Passing User Settings to URL Applications ü Role-based, Modification-Free Launchpad Configuration in Target Mappings ü Loading SAPUI5 Libraries from a Content Delivery Network ü Assigning SAP Cloud Platform Catalogs to PFCG Roles ü Keyboard Shortcuts ü App Finder ü Configuring the Header Bar for Apps that Run Externally ü Longer App Titles in Shell Header ü Support Tools ü Mass Maintenance Tool ü Adding a Footer to the Launchpad
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 14
Fiori 2.0 - What’s new? Fiori Launchpad SAP Fiori 2.0 is the next significant step in our evolution of user experience for business applications: an award-winning new design concept along with a delightful new visual theme, called Belize.
Key capabilities • New delightful visual theme: Belize • SAP Fiori Launchpad extended with Viewport concept • Notifications – with connection to SAP Business Workflow and My Inbox • Me Area: direct navigation to recent apps and business objects, to
settings, personalization, app finder. • Improved navigation – via Me Area and via navigation to previously
opened apps via drop down in new merged header. • Merged header: only one header bar, giving more space for each app • New SAP Fiori elements: Overview Page, List Report and Object Page.
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 15
Fiori 2.0 – What’s new? Concept – Viewport
Watch the Demo Video – Launchpad Basics Watch the Demo Video – Advanced Features
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 16
Fiori 2.0 – What’s new? Business Notifications in the Launchpad SAP Fiori Launchpad now consumes notifications from the SAP Gateway Notification Channel and displays them in various UI modules throughout the Launchpad.
Configure Notification Center: Part 1 – Part 2
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 17
Fiori 2.0 – What’s new? Tab Bar: Displaying Apps One Group at a Time on the Home Page
All home page apps were displayed on a single page, clustered in groups.
When a user chooses a group in the tab bar, the home page displays only the content of the selected group.
OLD
NEW
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 18
Fiori 2.0 – What’s new? Tab Bar: Displaying Apps One Group at a Time on the Home Page
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 19
Fiori 2.0 – What’s new? Role-based, Modification-Free Launchpad Configuration in Target Mappings Depending on the user role definition you will need additional or restricted Launchpad functionality. The following functionality can be activated/deactivated in Fiori Launchpad:
§ SAP Fiori Launchpad End User Feedback*
§ SAP Fiori Launchpad Support Ticket* § SAP Fiori Launchpad Notifications § SAP Fiori Launchpad Contextual Help (XRAY)*
The overall process to activate/deactivate functionality is the following: § Determine required parameters from the available documentation
§ Determine best approach to modify parameter values. Target Mappings are recommended when using UI5 libraries 1.40 or higher, Launchpad Configuration Files are recommended when using UI5 libraries lower than 1.40, and modifying FioriLaunchpad.html file is always the last recommended option.
§ Configure URL parameters (when using configuration files) or assign User roles (when using Target Mappings), modifying FioriLaunchpad.html file will make the modifications available to all users of Fiori Launchpad.
§ Perform additional technical/functional configurations (if required): § SAP Fiori Launchpad End User Feedback § SAP Fiori Launchpad Support Ticket § SAP Fiori Launchpad Contextual Help
Setting Parameters in a Launchpad Configuration
File
Setting Parameters in the FioriLaunchpad.html file
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 20
Fiori 2.0 – What’s new? Role-based, Modification-Free Launchpad Configuration in Target Mappings
XRAY, Notification Center, Embedded
depending on user role
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 21
Fiori 2.0 – What’s new? SAP Fiori Launchpad – End User Feedback Enable SAP customers with a scalable tool to gather end user feedback and optimize the planning of customer UX improvements. The feedback information is collected centrally and anonymously on the SAP Cloud Platform, providing SAP with the opportunity to use this information for continuous improvements of its applications.
The following data can be gathered and will be sent to SAP: • Date and time • Rating • Feedback text • Fiori app version and intend • Device type (desktop/tablet/phone) (Fiori feedback function) • Transaction code (SAP NWBC feedback chip) • Installation number • Versions of installed software • Optional for Fiori feedback: User ID / e-mail (if the user
actively chooses the non-anonymous option)
More Information: The Rising Power of End User Feedback
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 22
Fiori 2.0 – What’s new? SAP Fiori Launchpad – Support Ticket If an error occurs when using the SAP Fiori Launchpad, you can provide end users with the option to report the error from inside SAP Fiori Launchpad using the Contact Support option
Prerequisites: To receive support, SAP Solution Manager must be part of the system landscape.
Procedure: 1. In the options bar in the Me Area, select Contact Support; or in
an error message, choose the Contact Support button. 2. Enter a description of the problem. Choose Show Technical
Data to view some of the technical data that will be appended to the ticket.
3. Choose Send to create the support ticket.
More Information: Configuring the Option to Contact Support
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 23
Lets users get started quickly and stay up-to-date easily User assistance is part of the attractive, simple, and enjoyable user experience Instant: exactly when the user needs it
Context-sensitive: exactly what is
Productivity: interactive user guidance
Fiori 2.0 – What’s new? SAP Fiori Launchpad – Contextual Help
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 24
Fiori 2.0 – What’s new? Loading SAPUI5 Libraries from a Content Delivery Network
Fiori Launchpad Performance is generally an issue for end-users.
Main reason for this is the fact that the SAP UI5 libraries are located in the ABAP Front-end Server (FES), when the Fiori web page is rendered it needs to make a call to the ABAP FES to load the JavaScript libraries.
In high-latency networks this results in high rendering time lapses which affect end-user performance.
One way to overcome this situation is to load UI5 libraries from a Content Delivery Network (CDN, Akamai) which enables users to load the UI5 libraries from a network server closest to their current location.
More Information: Configure CDN
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 25
Fiori 2.0 – What’s new? Loading SAPUI5 Libraries from a Content Delivery Network Enabling and combining CDN and Tab bar features will help Fiori Launchpad render faster!
More Information: Configure CDN
2.2 MB transferred
Finish 22.59 s
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 26
Fiori 2.0 – What’s new? Loading SAPUI5 Libraries from a Content Delivery Network Enabling and combining CDN and Tab bar features will help Fiori Launchpad render faster!
More Information: Configure CDN
SAP Fiori 2.0 What is Visual Harmonization?
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 28
© 2015 SAP SE. All rights reserved.
S/4HANA FIORI PYRAMID APPROACH - 2016
Full role scope should be accessible via launchpad
OBJECT PAGE
WORK LISTS
QUICK ACTIVITIES
VISUALLY HARMONIZED UIs (for legacy UIs where Fiori apps not yet available)
No Fiori apps Some Fiori apps, no role coverage along pyramid
All key activities can be done in Fiori, legacy UIs only for special task
Role fully covered in Fiori
Roles not following pyramid approach in 2016:
Level 6
Level 5
Level 4
Level 3
Level 2
Level 1
Level 0
ANALYTICAL APPS
LAUNCHPAD
Most important key activities can be done in Fiori from Fiori enabled business objects
All important business objects with searchable Object pages and Worklists
Full role scope accessible via FLP, but mainly
integration of legacy UIs
Internal
Can also trigger quick activities
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 29
Example screen from transaction CO03 („Display Production Order“) in SAP GUI for HTML
SAP Fiori 2.0 S/4 HANA FIORI Visual Harmonization
VH-enabled (implementation in SAP GUI for HTML progressing)
Goal: Ensure consistent Fiori Visual Design in affected legacy UIs along the pyramid. Visual Harmonization will provide a Fiori-based User experience for Dynpro-based UIs starting with SAPGUI for HTML, ABAP Webdynpro and SAPGUI for Windows in plan
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 30
SAP Fiori 2.0 Elements of the SAP Fiori Visual Theme for Classic Applications
Text toolbar instead of Icons
Right-aligned labels
e.g.„Save“
New icons
Merged Fiori header
One visual design “Belize” for all Fiori applications: same colors, control design and form factor
Condensed table rows
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 31
SAP Fiori 2.0 – App Finder with Easy Access Menu and User Menu Enable access to full functionality of S/4HANA 1610
The App Finder enables a generic access to all GUI transactions and Web-Dynpro applications contained in
SAP Easy Access Menu and
Role based User Menu (inclusive customer transactions)
of the SAP S/4HANA back-end (on-premise only)
Adding to homepage possible
Enables quick start for customers based on existing user roles
SAP Fiori 2.0 Take Advantage of Visual Harmonization in S/4HANA 1610 projects
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 33
SAP Fiori 2.0 Take Advantage of Visual Harmonization in S/4HANA 1610 projects
SAP Fiori Launchpad for S/4HANA is capable of integrating various UX application technologies. Amongst these technologies we can find:
§ SAP UI5 § SAP Web Dynpro/FPM ABAP § SAP GUI for HTML
In the current S/4HANA releases not all SAP GUI standard transactions are available as a standard SAP Fiori App using any of the technologies listed above, the same will occur for Custom Transactions, hence you will find some cases where you will need to define your own approach to expose backend functionality in Fiori Launchpad.
There are two main options to expose standard or custom transactions in Fiori Launchpad.
Prerequisites: Required transaction exists as Web Dynpro/FPM or SAP GUI for HTML You have analyzed and identified the required subset of transactions required for a specific
user role
Options: Expose Transactions through SAP Fiori Application Descriptors and Technical Backend
Business Catalogs Expose Transactions through SAP Fiori App Finder - Backend SAP or User Menus
Link
Link
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 34
General Recommendations:
Technical Backend Business Catalogs must not contain more than 200 Application Descriptors
The app finder displays the following tabs where you can find all the apps available for your role: – Catalog - A repository of all the Fiori UI5 apps that are assigned by your administrator to
your role – User Menu - A customized menu that includes folders of those SAP GUI transactions and
Web Dynpro ABAP apps assigned to your role in a specific backend system. – SAP Menu - A standard menu delivered by SAP that includes folders of all SAP GUI
transactions and Web Dynpro ABAP apps offered by a particular SAP system. This menu is not role-dependent and therefore displays the same content for all users.
You are aware of the Restrictions in SAP Fiori visual theme for classic applications SAP Note 2348661
You are aware of the Restrictions for using SAP GUI for HTML – SAP Note 314568 You are aware of the display adjustments that may be needed to render an application using
Belize Theme described in the Configuration Guidelines
Link
Link
SAP Fiori 2.0 Take Advantage of Visual Harmonization in S/4HANA 1610 projects
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 35
Add a new tile clicking on the “+” symbol and selecting the group where you wish to add the tile.
SAP Fiori 2.0 Take Advantage of Visual Harmonization in S/4HANA 1610 projects
Once the tile has been added go back to the Fiori Launchpad main screen and navigate to the group where you added the tile.
Click on the tile to display the application.
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 36
The transaction is displayed using Belize Theme!
SAP Fiori 2.0 Take Advantage of Visual Harmonization in S/4HANA 1610 projects
SAP Fiori 2.0 Deployment Options
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 38
SAP Fiori 2.0 Deployment Options
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 39
SAP Fiori 2.0 Deployment Options
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 40
SAP Fiori 2.0 Client Options
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 41
SAP Fiori 2.0 Multiple back-ends
SAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme Classic applications depend on the back-end version
SAP Business Suite on SAP HANA or Any DB
SAP Simple Finance, on- premise edition 1503 or SAP
S/4HANA Finance 1605 SAP S/4HANA 1610
SAP Fiori apps (Belize theme)
SAP Fiori visual theme (Belize) for classic applications
Classic theme (e.g. Corbu) for classic applications
SAP Fiori front-end server 3.0* with SAP Fiori Launchpad with
SAP Fiori apps on FES
* Contains SAP_UI 7.51 with SAPUI5 1.40 or higher. Custom controls/applications may need adaptation to work with SAP Fiori 2.0 Belize theme. Not all features of SAP Fiori 2.0 are available with older apps or non SAP S/4HANA systems. SAP Fiori apps for SAP S/4HANA 1610 require SAP Database.
** SAP Fiori 2.0 is mandatory with SAP Fiori front-end server 3.0 – you cannot use the Blue Crystal theme
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 42
SAP Fiori 2.0 Aspects to plan before upgrading
• Custom themes based on Blue Crystal need to be redone for Belize, with the UI Theme.
• Designer Custom Fiori apps: Check that they work with the auto-adapter for the merged header.
• Custom SAPUI5 controls: Check that they work with the Belize theme. May they need adaptation for Fiori 2.0 theme. Not all features of SAP Fiori 2.0 are available with older apps or non SAP S/4HANA 1610 systems.
References
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 44
SAP Fiori 2.0 References
SAP Fiori for S/4HANA Wiki
SAP HELP SAP Fiori Launchpad
Fiori Launchpad on SAP HELP
Blog Fiori for S/4HANA – Adding Transactions to Fiori Launchpad
Fiori for S/4HANA – Adding Transactions to Fiori Launchpad
Document Step-by-step guide to enable Transactions in Fiori Launchpad using Application Descriptors in S/4HANA 1610 On-Premise
Step-by-step guide to enable Transactions in Fiori Launchpad using Application Descriptors in S/4HANA 1610 On-Premise
Document Step-by-step guide to enable Easy Access Menu in S/4HANA 1610 On-Premise
Step-by-step guide to enable Easy Access Menu in S/4HANA 1610 On- Premise
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 45
SAP S/4HANA – Reference Materials Links to Reference Materials
Documentations Links UITECH OP1610 FPS01 UI Technology Guide for SAP S/4HANA, on-premise edition 1611
UITECH OP1610 FPS01
Administration Guide for the Implementation of SAP S/4HANA on- premise edition SAP S/4HANA OP 1610 edition
Administration Guide for the Implementation of SAP S/4HANA on-premise edition
Building Block Configuration Guide SAP S/4HANA Fiori Foundation Configuration (MAA)
SAP S/4HANA Fiori Foundation Configuration (MAA)
Building Block Configuration Guide SAP S/4HANA Fiori Basic Network and Security Configuration (MAB)
SAP S/4HANA Fiori Basic Network and Security Configuration (MAB)
Building Block Configuration Guide SAP S/4HANA Fiori App Deployment (MAD)
SAP S/4HANA Fiori App Deployment (MAD)
Building Block Configuration Guide SAP S/4HANA Fiori Launchpad Operation (MAG)
SAP S/4HANA Fiori Launchpad Operation (MAG)
Building Block Configuration Guide SAP S/4HANA Other App Types Deployment (MAL)
SAP S/4HANA Other App Types Deployment (MAL)
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 46
SAP S/4HANA – Reference Materials Links to Reference Materials
Documentations Links Blog Fiori in S/4HANA 1511 - Overview
Fiori in S/4HANA 1511 - Overview
Blog SAP Fiori for S/4HANA – Basic Configuration with help of Task Lists
SAP Fiori for S/4HANA – Basic Configuration with help of Task Lists
Blog How to Configure Fiori with Multi-Clients
How to Configure Fiori with Multi-Clients
Blog SAP Fiori for S/4HANA – 10 Lessons Learned in S/4HANA 1511 projects
SAP Fiori for S/4HANA – 10 Lessons Learned in S/4HANA 1511 projects
Q&A
Jorge “Javier” Baltazar [email protected]
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 49
© 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://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.