UXP104 Fiori Launchpad
Transcript of UXP104 Fiori Launchpad
-
7/25/2019 UXP104 Fiori Launchpad
1/41
SAP Portal Product Management, SAP SE
UXP104
SAP Fiori Launchpad- An Overview
run()
-
7/25/2019 UXP104 Fiori Launchpad
2/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Disclaimer
This presentation outlines our general product direction and should not be relied on
purchase decision. This presentation is not subject to your license agreement or anywith SAP. SAP has no obligation to pursue any course of business outlined in this pr
develop or release any functionality mentioned in this presentation. This presentation
strategy and possible future developments are subject to change and may be chang
time for any reason without notice.
This document is provided without a warranty of any kind, either express or implied,
limited to, the implied warranties of merchantability, fitness for a particular purpose, oinfringement. SAP assumes no responsibility for errors or omissions in this documen
damages were caused by SAP intentionally or grossly negligent.
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
3/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Motivation
Key features & capabilities
End-to-end configuration
Deployment options: ABAP, SAP Portal & Cloud
Architecture
Summary & key takeaways
Agenda
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
4/41
SAP Fiori launchpad /?/*
-
7/25/2019 UXP104 Fiori Launchpad
5/41 2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP AG. All rights reserved.
SAP Fiori launchpad
Motivation
Intuitive, modern and easy to consume singl
of access for business applications and co
Multiple
Consumption
Channels
Multiple
Deployment
Options
Multiple
Platforms
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
6/41 2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP AG. All rights reserved.
Benefits for: End user, Admin, Developer
ONE, single point of access
Intuitive user interface
Zero footprint
Responsive design (across devices)
Harmonized UI
Personalized
Role-base, context-based navigation
End User (LoB)
Stack-agnostic runtime / design-time
tools
Flexible deployment options with best
practices for different options Central design-time tools for roles,
catalog, themes
Process Expert / Admin (IT)
Open, standar
(HTML /LESS)
customization
Consistent AP Leverage appl
personalization
Develo
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
7/41
Key Features and Capabilit//
-
7/25/2019 UXP104 Fiori Launchpad
8/41 2014 SAP SE or an SAP affiliate company. All rights reserved.
Introducing SAP Fiori LaunchpadWeb-based Entry Point for SAP Business Applications Across Platform
SAP Fiori launchpad is a role based,
personalized,real-time and contextualaggregation 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 simpleand
intuitiveSAP Fiori user experience, while
supporting established UI technologies.
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
9/41 2014 SAP SE or an SAP affiliate company. All rights reserved.
Key Features and Capabilities
Role based
Wide choice of ready-to-use app
Preconfigured home page contePeople aware
Personalizable content
Easy bookmarking (home page
Collaboration capabilities
Context aware
Preserving context during naviga
Suggest relevant follow up actioSearchacross documents and apps
Fast and easy navigation
Factsheets and contextual navig
Responsive Designruns on multip
Theming and branding - via UI them
Open and extensible
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
10/41 2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fiori Launchpad at a Glance
Sea
a
Launch SAPUI5, Web
Dynpro ABAP*, and
SAP GUI for HTML*
applications
Role based with one
common role definition
News and feeds toenhance collaboration
Group tiles for
personalized content
organization
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
11/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Capabilities
Responsive Design
Visual design adapts automatically to therespective screen size
Fiori Launchpad runs on both mobile and
desktop devices
Benefits
Seamless experience across all devicetypes - smartphones, tablets and
desktops
Aligned navigation paradigm across
devices
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
12/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Capabilities
Enhanced Personalization
Wide choice of ready-to-use business content(catalogs and tiles)
Create pre-configured groups and catalogs
Add, delete, reorder and group tiles
Benefits
Manage apps based on roles and usage Apps assigned by specific roles so users get
only what they need
Personalize homepage based on user
preference
Opportunity for partners to deliver additional
business content
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
13/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Capabilities
Cross and In-App Search
Single point for cross and in-app search
View your recent searches, recent apps used,
and apps found
Search results with object based business
information and context navigation
Benefits Get answers to your questions immediately
Get to the desired application or business object
immediately
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
14/41
Fiori Apps
SAPUI5
Web Dynpro (ABAP / FPM)
Personas/SAP GUI for HTML
-
7/25/2019 UXP104 Fiori Launchpad
15/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fiori Client
The SAP Fiori Client enhances the user experience for SAP
Fiori applications by delivering a native application which
renders SAP Fiori application content and provides:
More reliable asset caching (HTML, CSS, JavaScript files)
Streamlined attachment viewing experience (iOS)
The SAP Fiori Client provides an attachment and document
viewer with the purpose to maintain a single context for the
end user by remaining within a application.
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
16/41
Demo{ } SAP Fiori launchpad end-user experience
-
7/25/2019 UXP104 Fiori Launchpad
17/41
End-to-end Configuration/*
-
7/25/2019 UXP104 Fiori Launchpad
18/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
End-to-end configuration
Catalog creation in the ABAP Front End Server
1. Create a Catalog 2. Create / Copy Tiles
3. Create a PFCG Role 4. Assign the Catalog
To the PFCG Role
5. Assign th
To the Use
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
19/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
End-to-end configuration
Catalog creation in the ABAP Front End Server
1. Create a Catalog 2. Create / Copy Tiles
3. Create a PFCG Role 4. Assign the Catalog
To the PFCG Role
5. Assign th
To the Use
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
20/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
End-to-end configuration
Tile creation in the ABAP Front End Server
Identify Semantic Object Create a catalog
Identify an app (LPD_CUST)
Create a catalog C
Fiori app/analytic
Web Dynpro ABAP
SAP Gui for HTML
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
21/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
End-to-end configuration
Tile creation in the ABAP Front End Server
Identify Semantic Object Create a catalog
Identify an app (LPD_CUST)
Create a catalog C
Fiori app/analytic
Web Dynpro ABAP
SAP Gui for HTML
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
22/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fiori Launchpad Branding
Fiori launchpad across its deployment options is
customized via the UI theme designer
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 levels of
customization
Quick - basic cross-technology theme settings
Expert - technology-specific theme settings
CSS - Manual theming based on LESS
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
23/41
Demo{ }SAP Fiori launchpad configuration
-
7/25/2019 UXP104 Fiori Launchpad
24/41
Deployment Options{ }
-
7/25/2019 UXP104 Fiori Launchpad
25/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Simple, multi-platform user experience with a mobile-first experie
SAP Fiori launchpad
Simple | Role-based | Responsive | Coherent | Delightful
Launchpad Designer
Extensions
SAP Web IDE
On-Premise
Managed (HEC / hosted)
Public Cloud (SaaS)
ADAPTERS
ABAP SAP PortalSAP HANA Cloud
PlatformSAP HANA
Or Or Or
This is the current state of planning and
UI theme designer
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fi i L h d D l t O ti
-
7/25/2019 UXP104 Fiori Launchpad
26/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
SAP Fiori Launchpad Deployment Options
ABAP| SAP Enterprise Portal | SAP HANA Cloud Platform
SAP Fiori launchpad running on the SAP ABAP FES
(Front End Server) in combination with SAP
NetWeaver Gateway is the first implementation of the
Fiori launchpad, nativelyaggregatesTransactional,
Factsheetand AnalyticalFiori application with
established UI technologies.
It leverages existing users, authorization managementand role configuration in the establishedABAP
environment, in a multi back-end environment.
SAP Busi
customer
Enterprise
implemen
ABAPFrontEndServer
Description Recom
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fiori La nchpad Deplo ment Options
-
7/25/2019 UXP104 Fiori Launchpad
27/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
SAP Fiori Launchpad Deployment Options
ABAP | SAP Enterprise Portal | SAP HANA Cloud Platform
SAP Fiori launchpad running on the SAP Enterprise
Portal is a key milestone in aligning the SAP UI
Clients (Fiori launchpad, Portal, NWBC) with the Fiori
UX design.
It is delivered as a new multichannel portal
framework pagefollowing the Fiori design guidelines
while leverages the portal underlying technology andadministration processes.
The new Fiori launchpad on the SAP Enterprise Portal
is the recommended approach for consuming the SAP
Portal on mobile devices.
SAPEnt
erprisePortal
Description Recom
Existing S
Portal cus
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
SAP Fiori Launchpad Deployment Options
-
7/25/2019 UXP104 Fiori Launchpad
28/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
SAP Fiori Launchpad Deployment Options
ABAP | SAP Enterprise Portal | SAP HANA Cloud Platform
SAP Fiori launchpad running on the SAP HANA Cloud
Platform provides a SoftwareAsaService(SaaS)
SAP Fiori launchpad solution hence simplifying the IT
landscape.
It can ran as a full SaaS solution or in a hybrid
scenario, consuming business data from the on-
premise systems and/or the cloud systems.
The solution leverages the SAPHANACloud
Platforminfrastructure for roles, user management,
and branding.
SAPHANA
CloudPlatform
Description Recom
Custome
simplify th
and reduc
costs by d
based so
Extending
solutions specific s
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
29/41
Architecture//
Fiori Architecture (ABAP Deployment Option)
-
7/25/2019 UXP104 Fiori Launchpad
30/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Fiori Architecture (ABAP Deployment Option)High-level overview
DMZ
Intranet
Internet
Tunneling Solution (Relayserver, reverse proxy)
SAP Business Suite(ERP, SRM, )
SAP Business Suon HANA (ERP, SRM
One code line for all screen sizes
SAP UI5 (HTML5) control Library
No Installation
Enhanceddeployment options for Mobile
HANA andany DB options
Architecture differences fordifferent app types
Multiple Backends support
Frontend Server
IdentityProvider (*)
Several Security options
Fiori ABAP Add-on
Several Authentication options
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Portal Integration
-
7/25/2019 UXP104 Fiori Launchpad
31/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Portal IntegrationHigh-level overview
ABAP front end server running
side-by-sideto the SAPEnterprise Portal
New Fiori framework page onthe SAP Portal
Content consumption
Fiori apps in a stand-alone
modevia the new Fiori iViewtemplate
Various types of additional iViewtemplates
SAP Enterprise Portal
SAP Business Suite(ERP, SRM, )
Frontend Server
Fiori ABAP Add-on
Fiori launchpad
Consumption of stand-alone* Fioapplication in the portal (supportsubset of the Fiori application)
*Consumption of stand-alone Fiori applications: http://help.sap.com/saphelp_uiaddon10/helpdata/en/53/7758e0deb04
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Architecture Fiori Apps Launchpad and SAP Portal
http://help.sap.com/saphelp_uiaddon10/helpdata/en/53/7758e0deb0477386ea400c915073b3/frameset.htmhttp://help.sap.com/saphelp_uiaddon10/helpdata/en/53/7758e0deb0477386ea400c915073b3/frameset.htmhttp://help.sap.com/saphelp_uiaddon10/helpdata/en/53/7758e0deb0477386ea400c915073b3/frameset.htm -
7/25/2019 UXP104 Fiori Launchpad
32/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Architecture - Fiori Apps, Launchpad and SAP PortalFiori launchpad running on the SAP Enterprise Portal
INTERNET
OUTER
DMZ
INNER
DMZ
INTRANET
SAP Enterprise Portal
SAP Business Suite (ERP, SRM, )
HANA / anyDB
SAP None-SAPNone-SAP
None-SAP
Reverse Proxy / Load Balancer
HTTP(S)
HTTP(S)
HTTP(S)
HTTP(S)
SAPSAP
HANA / anyDB
ODATA
LDAP
LDAP
HTTP(S)
HTTP(S)
ODATA
RFC
HTTP(S)
HTTP(S)
S
S
S
SAP NetWeaver GatewayFiori Front End Server
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
33/41
Summary & Key Takeaways/*
-
7/25/2019 UXP104 Fiori Launchpad
34/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
Key Takeaways
Role-based, personalized, user-centered Enabling high productivity for End Users through
features like multi-systemaccess, search
integration, collaboration
Zero foot print (web based)
Supporting multiple platforms
Front-end Server (ABAP), SAP Portal (Java), SAPHANA, and soon SAP HANA Cloud portal
The Fiori launchpad is
Available on multiple devices (mobile/touch & desktop)
Leveraging new technologies such as SAPUI5, and integratingexisting UI techno
2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
-
7/25/2019 UXP104 Fiori Launchpad
35/41
Join a 3-day HANA Cloud PorExclusive Partner Dev Event:November 18-20 December 2-4
Palo Alto, CA Waldorf, Germany//
-
7/25/2019 UXP104 Fiori Launchpad
36/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
more[portal]
c:\https://dcode.cloudportal.sap.com/
https://dcode.cloudportal.sap.com/https://dcode.cloudportal.sap.com/ -
7/25/2019 UXP104 Fiori Launchpad
37/41
Thanks for attending this SAP TechEd
&&d-code session.
Contact information:
Aviad Rivlin, Product Manager and SAP Mentor
SAP Portal Product Management
[email protected]/ @AviadRivlin
SAP Labs Israel
https://dcode.cloudportal.sap.com/
SAP d-code Virtual Hands-on Workshops and SAP d-cod
mailto:[email protected]://twitter.com/aviadrivlinhttps://dcode.cloudportal.sap.com/https://dcode.cloudportal.sap.com/http://twitter.com/aviadrivlinhttp://twitter.com/aviadrivlinmailto:[email protected] -
7/25/2019 UXP104 Fiori Launchpad
38/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
SAP d code Virtual Hands on Workshops and SAP d codContinue your SAP d-code education after the event!
SAP d-code Online
Access replays of keynotes, Demo
live interviews, select lecture sessi
Hands-on replays
http://sapdcode.com/on
SAP d-code Virtual Hands-on Workshops
Access hands-on workshops post-event
Starting January 2015
Complementary with your SAP d-code registration
http://sapdcodehandson.sap.com
F th I f ti
http://sapdcode.com/onlinehttp://sapdcodehandson.sap.com/http://sapdcodehandson.sap.com/http://sapdcode.com/online -
7/25/2019 UXP104 Fiori Launchpad
39/41
2014 SAP SE or an SAP affiliate company. All rights reserved. 2014 SAP SE. All rights reservedC #portaltd // SAP TeEP FLP CP
Further Information
SAP Education and Certification Opportunities
www.sap.com/education
Watch SAP d-code Online
www.sapcode.com/online
SAP Public Web
scn.sap.comwww.sap.com
http://www.sap.com/educationhttp://events.sap.com/teched/en/homehttp://scn.sap.com/welcomehttp://www.sap.com/http://www.sap.com/http://scn.sap.com/welcomehttp://events.sap.com/teched/en/homehttp://www.sap.com/education -
7/25/2019 UXP104 Fiori Launchpad
40/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
FeedbackPlease complete your session evaluation forUXP104.
Thanks for attending this d-code ses
2014 SAP SE or an SAP affiliate company. All rights reserved.
2014 SAP SE or an SAP affiliate company All rights
-
7/25/2019 UXP104 Fiori Launchpad
41/41
2014 SAP SE or an SAP affiliate company. All rights reserved.
2014 SAP SE or an SAP affiliate company. All rights
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 SA(or an SAP affiliate company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for
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 a
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 an
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
release any functionality mentioned therein. This document, or any related presentation, and SAP SEs or its affiliated companies strategy a
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated
any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, o
looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Reade
undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purcha