Upload
ibsolution-gmbh
View
64
Download
1
Embed Size (px)
Citation preview
SAP Cloud Platform, portal serviceErstellen einer Portal Site
14. März 2017
Für wen ist dieses Webinar?
▪ Entwickler, die mit dem SAP Cloud Platform, Portal Service Webseiten erstel len wollen.
14. März 2017 academy.ibsolution.de 2
Was lernen Sie in diesem Webinar?
▪ Den kompletten Entwicklungsprozess des SAP Cloud Platform, Portal Service.
▪ Wie Sie auf Basis von Accelerators eigene Widgets und Templates entwickeln.
▪ Wie Sie SAPUI5 Apps als Widgets in Ihren Sites verwenden können.
14. März 2017 academy.ibsolution.de 3
Ihr heutiger Moderator
Oliver Schmidt
Digital is ierung & Innovation
Junior Consultant
14. März 2017 academy.ibsolution.de 4
Agenda
1. Wiederholung der Grundlagen
2. Workflow des Portal Service
3. Definition des Use Cases
4. Erstel len von Widgets und Templates
5. Erstel len der Site im Portal Admin Space
14. März 2017 academy.ibsolution.de 6
Wiederholung der Grundlagen
Fiori Launchpad Sites
Das Fiori-Launchpad ist ein
grafischer Einstiegspunkt. Es
bietet eine katalogartige Übersicht
über die verfügbaren
Applikationen
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 7
Freesytle Sites
Freestyle-Sites sind
Webseiten, welche auf
Templates, Widgets und
Themes basieren
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 8
Beteiligte Rollen
▪ Entwickler
▪ Arbeitet mit der SAP Web IDE
▪ Erstel lt Page Templates um das grundlegende
Layout von Seiten zu definieren
▪ Erstel lt Site Templates, die vorgefertigte
Pages, Page Templates und Widgets enthalten
▪ Konvertiert SAPUI5 Applikationen zu Widgets
▪ Deployed in einen SAP Cloud Platform
Account
▪ Administrator
▪ Arbeitet mit dem Admin Tools des Portal
Service
▪ Erstel lt Seiten mithi lfe von Site Templates
▪ Konfiguriert diese indem er Pages, Apps und
Widgets hinzufügt
▪ Veröffentl icht die Seiten mit dem Admin Tool
des Portal Service
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 9
Modularität
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 10
Widgets
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 11
Page Templates
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 12
Site Templates
Agenda
1. Wiederholung der Grundlagen
2. Workflow des Portal Service
3. Definition des Use Cases
4. Erstel len von Widgets und Templates
5. Erstel len der Site im Portal Admin Space
Workflow des Portal Service
13.01.2017 © 2017 - IBsolution GmbH 14
Überblick über alle Aktivitäten während der Erstellung einer Freestyle Site
AK
TIV
ITÄT
EN
PHASE 2Modul is ierung
PHASE 3I m p lement ierungder Module
PHASE 4Zusam menfügen der Module
PHASE 1Konzept ion und Entwurf
E r k e n n e n v o n m ö g l i c h e n M o d u l e n ( P a g e s / W i d g e t s )
D e f i n i t i o n d e r b e n ö t i g t e n T e m p l a t e s / W i d g e t s
I m p l e m e n t i e r u n g d e r M o d u l e d u r c h d e n E n t w i c k l e r
Z u s a m m e n f ü h r u n g d e r M o d u l e d u r c h d e n A d m i n i s t r a t o r
C u s t o m i s i e r u n g d e r S e i t e
S a m m e l n a l l e r A n f o r d e r u n g e n a n d i e S e i t e
E r s t e l l e n e i n e s W i r e f r a m e s / M o c k - u p s
D e p l o y m e n t d e r M o d u l e a u f d e r S A P C l o u d P l a t f o r m
Agenda
1. Wiederholung der Grundlagen
2. Workflow des Portal Service
3. Definition des Use Cases
4. Erstel len von Widgets und Templates
5. Erstel len der Site im Portal Admin Space
Definition des Use Cases
14. März 2017 academy.ibsolution.de 16
Erstellen einer Unternehmenswebsite
▪ Erstel len einer Website für unser Unternehmen „Webinar GmbH“.
▪ Die Website sol l die Firma vorstel len und gibt einen Überblick über die Leistungen des
Unternehmens
▪ In die Webseite sol l eine SAPUI5 Applikation eingebunden sein, die den Nutzer die Volltext Suche
der HANA Datenbank näherbringen sol l .
Definition des Use Cases
14. März 2017 academy.ibsolution.de 17
Mock-up 1
Webinar gmbh | Leistungen | Twitter App navigationsleiste
Info Text
Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Definition des Use Cases
14. März 2017 academy.ibsolution.de 18
Mock-up 2Webinar gmbh | Leistungen | Twitter App navigationsleiste
Info Text
Lorem ipsum dolor sit amet, consetetur sadipscingelitr, sed diam nonumy eirmod tempor invidunt utlabore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duodolores et ea rebum.
Liste der Leistungen
• Lorem ipsum dolor• Lorem ipsum dolor• Lorem ipsum dolor• Lorem ipsum dolor
Definition des Use Cases
14. März 2017 academy.ibsolution.de 19
Modularisierung der Mock-ups
Definition des Use Cases
14. März 2017 academy.ibsolution.de 20
Erstellen einer Unternehmenswebsite
▪ Erstel len einer Website für unser Unternehmen „Webinar GmbH“.
▪ Die Website stel lt die Firma vor und gibt einen Überblick über unsere Produkte
▪ In die Webseite sol l eine SAPUI5 Applikation eingebunden sein, die den Nutzer die Volltext Suche
der HANA Datenbank näherbringen sol l .
▪ Diese besteht aus drei Pages, wovon zwei ein identisches Layout besitzen.
Agenda
1. Wiederholung der Grundlagen
2. Workflow des Portal Service
3. Definition des Use Cases
4. Erstellen von Widgets und Templates
5. Erstel len der Site im Portal Admin Space
Erstellen von Widgets und Templates
Accelerators und Templates
▪ Download von Accelerators von
https://github.com/SAP/hcp-portal-service-samples
▪ Nutzen der vorhandenen Templates in der SAP Web IDE
Agenda
1. Wiederholung der Grundlagen
2. Workflow des Portal Service
3. Definition des Use Cases
4. Erstel len von Widgets und Templates
5. Erstellen der Site im Portal Admin Space
Zusammenfassung
Was sie heute gehört haben
Mit Hilfe des SAP Cloud Platform, portal Service können Sie eff iz ient Freestyle Seiten erstel len.
▪ Der modularis ierte Workflow erlaubt es mithi lfe eines Baukastenprinzips genutzte Elemente immer
wiederzuverwenden und so den Aufwand zu reduzieren.
▪ Durch das Einbinden von SAPUI5 Apps können sie Fiori Apps direkt in ihre Unternehmenswebseite
einbauen.
Ihre Fragen
Wir laden Sie herzlich ein, Ihre Fragen in den Chat zu schreiben
Unser Service für Sie:
Ab m orgen f inden S ie d ieses Webinar und d ie zugehör igen Fo l ien unter :
academy.ibsolution.de
Nächstes Webinar:
16. März 2017:
Mitarbeiterprozesse und IT-Security auf Knopfdruck
Warum n icht auch I hren Ko l legen ze igen? Anm eldung auf academy. ibsolut ion.de
14. März 2017 academy.ibsolution.de 25