UXP104 Fiori Launchpad

7/25/2019 UXP104 Fiori Launchpad

1/41

SAP Portal Product Management, SAP SE

UXP104

SAP Fiori Launchpad- An Overview

run()


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.



3/41


Motivation

Key features & capabilities

End-to-end configuration

Deployment options: ABAP, SAP Portal & Cloud

Architecture

Summary & key takeaways

Agenda



4/41

SAP 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



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



7/41

Key Features and Capabilit//


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.



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



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



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



12/41


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



13/41


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



14/41

Fiori Apps

SAPUI5

Web Dynpro (ABAP / FPM)

Personas/SAP GUI for HTML


15/41


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.



16/41

Demo{ } SAP Fiori launchpad end-user experience


17/41

End-to-end Configuration/*


18/41



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



19/41



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



20/41



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



21/41



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



22/41


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



23/41

Demo{ }SAP Fiori launchpad configuration


24/41

Deployment Options{ }


25/41


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


SAP Fi i L h d D l t O ti


26/41


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


SAP Fiori La nchpad Deplo ment Options


27/41



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




28/41



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



29/41

Architecture//

Fiori Architecture (ABAP Deployment Option)


30/41


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


Portal Integration


31/41


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


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


32/41


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



33/41

Summary & Key Takeaways/*


34/41


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



35/41

Join a 3-day HANA Cloud PorExclusive Partner Dev Event:November 18-20 December 2-4

Palo Alto, CA Waldorf, Germany//


36/41


more[portal]

c:\https://dcode.cloudportal.sap.com/
https://dcode.cloudportal.sap.com/https://dcode.cloudportal.sap.com/


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]


38/41


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


39/41


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


40/41


FeedbackPlease complete your session evaluation forUXP104.

Thanks for attending this d-code ses


2014 SAP SE or an SAP affiliate company All rights


41/41


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

UXP104 Fiori Launchpad

Documents

Transcript of UXP104 Fiori Launchpad