26
SAP Fiori Launchpad 2.0 and Notifications Januar 2017 Carola Steinmaier, SAP SE Sascha Kiefer, SAP SE

SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

Embed Size (px)

Citation preview

Page 1: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

SAP Fiori Launchpad 2.0 and Notifications Januar 2017

Carola Steinmaier, SAP SE

Sascha Kiefer, SAP SE

Page 2: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 2Public

Disclaimer

Die Informationen in dieser Präsentation sind vertraulich und urheberrechtlich geschützt und dürfen nicht ohne Genehmigung von SAP offengelegt

werden. Diese Präsentation unterliegt weder Ihrem Lizenzvertrag noch einer anderen Service- oder Subskriptionsvereinbarung mit SAP. SAP ist in

keiner Weise verpflichtet, in dieser Präsentation oder einem dazugehörigen Dokument dargestellte Geschäftsabläufe zu verfolgen oder hierin

wiedergegebene Funktionen zu entwickeln oder zu veröffentlichen.

Diese Präsentation oder jedes dazugehörige Dokument über die Strategie von SAP und mögliche zukünftige Entwicklungen, Ausrichtungen und

Funktionen von Produkten und/oder Plattformen kann von SAP jederzeit aus beliebigen Gründen ohne vorherige Ankündigung geändert werden.

Die Informationen in dieser Präsentation stellen keinerlei Zusage, Versprechen oder rechtliche Verpflichtung zur Auslieferung von Materialien,

Code oder Funktionen dar. Diese Präsentation wird ohne jegliche Gewähr, weder ausdrücklich noch stillschweigend, bereitgestellt. Dies gilt

insbesondere, hinsichtlich der Gewährleistung der Marktgängigkeit und der Eignung für einen bestimmten Zweck sowie für die Gewährleistung

der Nichtverletzung geltenden Rechts. Diese Präsentation dient zu Informationszwecken und darf nicht in einen Vertrag eingebunden werden.

SAP übernimmt keine Verantwortung für Fehler oder Unvollständigkeiten in dieser Präsentation, es sei denn, solche Schäden wurden von

SAP vorsätzlich oder grob fahrlässig verursacht. Sämtliche vorausschauenden Aussagen unterliegen verschiedenen Risiken und Unsicherheiten,

durch die die tatsächlichen Ergebnisse von den Erwartungen abweichen können.

Die vorausschauenden Aussagen geben die Sicht zu dem Zeitpunkt wieder, zu dem sie getätigt wurden. Dem Leser wird empfohlen, diesen

Aussagen kein übertriebenes Vertrauen zu schenken und sich bei Kaufentscheidungen nicht auf sie zu stützen.

Page 3: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 3Public

DemoSAP Fiori launchpad – Fiori 2.0

Page 4: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 4Public

Was ist neu im FLP Fiori2.0 ?

Me-area NotificationsWorkspace Watch Video

This is the current state of planning and may be changed by SAP at any time.

Viewport

Page 5: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 5Public

SAP Fiori Visual Design – Das neue Belize theme

Belize ist Nachfolger von Blue Crystal

Page 6: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 6Public

Me Area

Der linke Bereich des Viewports enthält die

Me Area.

Sie ersetzt das frühere Benutzermenü in der

rechten oberen Ecke.

• Generische Optionen: Zugriff auf

App Finder, Settings

• Kontextspezifisch:

Edit Home Page (nur auf der Home Page)

App Settings (nur wenn App diese anbietet)

About und Give Feedback (only on App)

Zuletzt verwendete apps und

Suchen (bis zu 30 Einträgen,

neueste oben)

• Benutzerbild und Abmelden

Page 7: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 7Public

Benachrichtigungen (1)

Benachrichtigungen informieren die Benutzer über wichtige Ereignisse ohne dass diese ihre aktuelle Tätigkeit

unterbrechen müssen.

Navigation zum Auslöser der Benachrichtigung

Aktion direkt auf einzelnen Benachrichtigungen

Aktion auf mehreren Benachrichtigungen gleichzeitig

Page 8: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 8Public

Benachrichtigungen (2)

Rot: Hoch

Orange: Mittel

Grün: Niedrig

Sortieren nach Datum, nach Typ (mit

Gruppierung) oder Priorität

Visuelle Indikatoren zeigen die Priorität

einer Benachrichtigung mittels Farben:

Benachrichtigungen informieren die Benutzer über wichtige Ereignisse ohne dass diese ihre aktuelle Tätigkeit

unterbrechen müssen.

Page 9: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 9Public

Architecture

Page 10: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 10Public

Fiori 2.0

Components

Page 11: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 11Public

Notification Instance vs. Notification Type

Processed Notification presented to User

„John Doe requested vacation from 2016-01-01 until 2016-01-05“

Notification Type Data:

– Type ID: LeaveRequest

– Type Version: 1.0

– Non-Sensitive Text Template: A leave request requires your attention

– Sensitive Text Template: {user} requested vacation from {from_date} until {to_date}

Notification Instance Data

– Provider ID: HRProvider

– Type ID: LeaveRequest

– Type Version: 1.0

– Parameters: [{user: „John Doe“}, {from_date: „ 2016-01-01“}, {to_date: „2016-01-05“}]

Page 12: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar
Page 13: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar
Page 14: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar
Page 15: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar
Page 16: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar
Page 17: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 17Public

Overall Architecture

Page 18: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 18Public

System Pre-Requisites

ABAP-based Frontend Server SAP_UI 3.0 and GWFND 7.51 SP00

ABAP-based Notification Providers GWFND 7.51 SP00

OData-based Notification Providers (e.g. CoPilot) SAP_UI7.51 and GWFND 7.51 SP01 on Frontend Server

Native Mobile Push Support SMP 3.0 SP09 (OP) or alternatively an HCPms account

Generic Business Workflow Integration (ABAP) NW 7.51 SP00 on Backend Server

Page 19: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

How To Send Notifications

1) Implement Provider Interface/iwngw/if_notif_provider

2) Register ProviderTA: /iwngw/vb_reg, /iwngw/vb_reg_p

3) Send Notification/iwngw/cl_notification_api=>create_notifications

Page 20: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 20Public

Documentation Notifications

Fiori 2.0 Welcome Pack Master Document

Fiori 2.0 Administration and Developer Guide

Notification Channel Documentation

Page 21: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 21Public

BCP Components for Support Tickets

Fiori Launchpad (Notifcations within the FLP) CA-FE-FLP-EU

Notification Channel (Hub and BEP) OPU-GW-NOT

Mobile Server (HCPms/SMP) MOB-CLD-PSH

Mobile Client (Fiori Client) MOB-FC

Generic Business Workflow Integration (ABAP) BC-BMT-WFM-RUN

Page 22: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

Thank youContact information:

Sascha Kiefer

Development Architect

[email protected]

Page 23: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

Weitere Informationen zum FLP

Page 24: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 24Public

Erste Schritte zum SAP Fiori launchpad

Get to know SAP Fiori launchpad

SAP Fiori Apps Reference Library

SAP Fiori Demo Cloud Edition

Recommendations concerning test landscape and environment

Participation in Customer Engagement Initiatives (CEIs)

Support from SAP: SAP UX Design Services

Using Rapid-Deployment Solutions (RDS-packages)

SAP Fiori apps rapid-deployment solution (SAP Fiori Apps)

SAP Mobile Platform rapid-deployment solution (Fiori client and Fiori for mobile)

SAP Screen Personas rapid-deployment solution (SAP Screen Personas)

Building up a sandbox-systems

Conducting of Proof of concepts

http://www.sap.com/fiori-demo

Page 25: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

© 2017 SAP SE or an SAP affiliate company. All rights reserved. 25Public

Installation and Configuration for SAP Fiori launchpad

On premise (ABAP)

Configuration of SAP Fiori Infrastructure

SAP Fiori Implementation Information

Central Note for UI Add-On 1.0 SP14 / Central Note for UI Add-On 2.0 SP02

Cloud: SAP Fiori Launchpad on Cloud

SAP Enterprise Portal:

Configuring SAP Fiori Launchpad on Portal

SAP Fiori Integration with SAP Enterprise Portal - Central note

More Information

What’s new with User Interface Add-On 2.0 / What's New in User Interface Technology 7.50 (SAP_UI)

EA Explorer (aka UX Explorer)

Landing Page for SAP Fiori UX

openSAP Course „Introduction to SAP Fiori UX“

openSAP Course „Build Your Own SAP Fiori App in the Cloud - 2016 Edition“

User Experience Community: SAP Fiori 2.0: The Launchpad (Part 1) / SAP Fiori 2.0: The Launchpad (Part 2)

SCN: SAP Fiori launchpad / Simplification of Target Mapping without LPD_CUST / Control visibility of tiles by separation of tiles and TM

SAP Fiori launchpad – Weitere Informationen

Page 26: SAP Fiori Launchpad 2.0 and Notifications - pcn.pronovia.chpcn.pronovia.ch/.../20170125_ui_technologien_sap_steinmaier_kiefer.pdf · SAP Fiori Launchpad 2.0 and Notifications Januar

Vielen DankKontaktinformationen:

Carola Steinmaier

Product Management FLP

[email protected]

Sascha Kiefer

Development Architect

[email protected]