SAP Cloud Portal - Erstellen einer Portal Site

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.


Ihr heutiger Moderator

Oliver Schmidt

Digital is ierung & Innovation

Junior Consultant

ol [email protected]


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


Wiederholung der Grundlagen

Fiori Launchpad Sites

Das Fiori-Launchpad ist ein

grafischer Einstiegspunkt. Es

bietet eine katalogartige Übersicht

über die verfügbaren

Applikationen



Freesytle Sites

Freestyle-Sites sind

Webseiten, welche auf

Templates, Widgets und

Themes basieren



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



Modularität



Widgets



Page Templates



Site Templates

Agenda






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






Definition des Use Cases


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 .



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.



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



Modularisierung der Mock-ups



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




4. Erstellen von Widgets und Templates


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

https://github.com/SAP/hcp-portal-service-samples

Agenda





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


Date post:	10-Apr-2017
Category:	Technology
Upload:	ibsolution-gmbh
View:	64 times
Download:	1 times

SAP Cloud Portal - Erstellen einer Portal Site

Technology