![Page 1: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/1.jpg)
SAP Cloud Platform, portal serviceErstellen einer Portal Site
14. März 2017
![Page 2: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/2.jpg)
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
![Page 3: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/3.jpg)
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
![Page 4: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/4.jpg)
Ihr heutiger Moderator
Oliver Schmidt
Digital is ierung & Innovation
Junior Consultant
14. März 2017 academy.ibsolution.de 4
![Page 5: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/5.jpg)
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
![Page 6: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/6.jpg)
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
![Page 7: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/7.jpg)
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 7
Freesytle Sites
Freestyle-Sites sind
Webseiten, welche auf
Templates, Widgets und
Themes basieren
![Page 8: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/8.jpg)
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
![Page 9: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/9.jpg)
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 9
Modularität
![Page 10: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/10.jpg)
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 10
Widgets
![Page 11: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/11.jpg)
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 11
Page Templates
![Page 12: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/12.jpg)
Wiederholung der Grundlagen
14. März 2017 academy.ibsolution.de 12
Site Templates
![Page 13: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/13.jpg)
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
![Page 14: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/14.jpg)
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
![Page 15: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/15.jpg)
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
![Page 16: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/16.jpg)
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 .
![Page 17: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/17.jpg)
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.
![Page 18: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/18.jpg)
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
![Page 19: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/19.jpg)
Definition des Use Cases
14. März 2017 academy.ibsolution.de 19
Modularisierung der Mock-ups
![Page 20: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/20.jpg)
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.
![Page 21: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/21.jpg)
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
![Page 22: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/22.jpg)
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
![Page 23: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/23.jpg)
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
![Page 24: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/24.jpg)
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.
![Page 25: SAP Cloud Portal - Erstellen einer Portal Site](https://reader031.vdocuments.pub/reader031/viewer/2022022411/58eb54fb1a28ab9c5d8b46ef/html5/thumbnails/25.jpg)
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