Herzlich willkommen zum zweiten Teil der Tutorialreihe SAP Fiori Customization Samples. In diesem Video zeigen wir Dir, wie Du Dein Fiori Launchpad für Dich anpassen kannst. Lass uns anfangen!

In dem Portal der SAP Cloud Plattform, kann man das Fiori Launchpad anpassen so dass es ein einzigartiges Erlebnis rundum dem Benutzer anbietet. Das Ziel der Anpassung ist, dass der Benutzer das Launchpad mit dem jeweiligen Unternehmen verknüpfen kann. 

Das Launchpad auf dem Portal der Cloud Plattform bietet diverse Werkzeuge und Lösungen für Personalisierungen an. 

Man kann auf dem Link „Services“ im SAP Cloud Plattform Cockpit zugreifen, wie in Abb. 1. Zu sehen ist. 

SAP Cloud Platform Overview

Abb. 1: Man kann den Servicebereich im Seitenmenü auf der linken Seite finden.

In dem “Services” Sektion gibt es das „Portal Service“, der Aktiviert sein soll, wie in Abb. 2. 

SAP Cloud Platform

Abb. 2: Man kann hier die Portal Bedienung mit dem „Aktiviert (Enabled)“ Etikette sehen 

Im Abschnitt „Übersicht“ unter der Sektion „Portal“ findet man eine kurze Beschreibung des Service und eine Reihe von Aktionen, die wir ausführen können. Um auf das Launchpad und das Anpassungswerkzeug zuzugreifen, haben wir die Aktion „Gehe zu Service (Go to Service)“ ausgewählt, wie in Abb. 3 gezeigt. 

SAP Cloud Platform Overview

Abb. 3: Überblick über den Portal Service und Aktionsleiste 

Der Link „Gehe zu Service“ öffnet das Cloud Plattform Portal. Hier im Menü, kann durch Klicken auf die Schaltfläche „Site Directory“, wie in Abb. 4 zu sehen, öffnet das Portal die Dashboards mit allen Sites und Launchpads. 

Site Directory on SAP Cloud Platform

Abb. 4: Seitenmenü wo man die Schaltfläche “Site-Verzeichnis (Site Directory)“ finden kann 

Wenn Sie mit dem CPP noch nicht vertraut sind oder noch kein Launchpad erstellt haben, erstellen Sie ein Launchpad, damit Sie es anpassen können (siehe Abb. 5). 

SAP Cloud Launchpad

Abb. 5: Der Pfeil zeigt die Schaltfläche an, um ein neues Launchpad zu erstellen 

Wenn Sie bereits ein Launchpad erstellt haben, wählen Sie dasjenige aus, dass Sie personalisieren möchten. In meinem Beispiel wähle ich das Launchpad „GPE_DEMO“ und den Editierbereich. Dies öffnet das „Fiori Configuration Cockpit“, wie in Abb. 6 zu sehen ist. 

Fiori Configuration Cockpit

Abb.6: Das “Configuration Cockpit” für ein Launchpad im CPP 

Um das Anpassungstool zu finden, muss man im Cockpit den Abschnitt „Dienste und Werkzeuge (Services and Tools)“ aus dem Menü aufrufen, wie in Abb. 7.

Fiori Cockpit Theme Configuration

Abb. 7: Schaltfläche für den Zugriff auf das Thema Bearbeitungswerkzeug 

In dem „Dienst und Werkzeuge (Services and Tools)“ Abschnitt kann man der „UI Theme Designer“ anrufen, wie in Abb. 8. zu sehen. Wenn Sie mit dem Theme Designer nicht vertraut sind, dann die Liste der Themen leer ist.

Fiori Theme Designer

Fig.  8: Das Dashboard für dem „Theme Designer“ mit einigen Themen bereits erstellt 

Der Benutzer kann von diesem Dashboard neuen personalisierten Themen erstellen, indem er diese Schritte wie folgt ausführt:

1.Klicken Sie auf „Erstellen neues Thema (Create New Theme)“ und wählen Sie ein Basisthema (in meinem Beispiel wählte ich „SAP Belize“) 

Fiori Belize Theme

 2.Fügen Sie ein ID und Titel hinzu

Configuration of Belize Theme

3.Fügen Sie den URL und Name von eine Launchpad (URL gehört zu dem Launchpad von CPP) 

Fiori Launchpad

4.Der Launchpad-Editor ist jetzt geöffnet und Sie können verschiedene Aspekte bearbeiten

Fiori Launchpad

Mit dem Schnellbearbeitungswerkzeug habe ich ein paar grundlegende Elemente aus dem LaunchpadThema geändert:

a) Firmenlogo

Fiori Launchpad Customization

b) Hintergrundbild und Textfarbe

Fiori Launchpad: colors customization

c) Die Ansicht der „Titel“

Fiori Launchpad: Title Customization

Am Ende haben wir ein neues einzigartiges Thema für unser Launchpad. In dem letzten Teil, das Thema soll gespeichert und veröffentlicht sein. In der oberen linken Ecke des Themendesigner wählen Sie einfach („Speichern und veröffentlichen (Save and Publish)“.

Nachdem Sie fertig sind, gehen Sie zurück zum „Fiori Configuration Cockpit“ zum „Services and Tools“ Bereich und geben Sie den „Theme Manager“ ein. Hier finden Sie Ihr neu erstelltes Thema und weisen es Ihrem Launchpad zu (siehe Abb. 9).

Fiori Launchpad: new theme costumization

Abb. 9: Man kann alle erstellten Themen in dem „Theme Manager“ sehen

Nach diesem Schritt veröffentlichen und öffnen Sie das Launchpad. Das neue Design wurde noch nicht auf das Launchpad angewendet. Wählen Sie in den Launchpad-Einstellungen im Abschnitt Darstellung“ Ihr neues Design aus (siehe Abb. 10).

SAP Fiori Launchpad: Theme Customization

Ab. 10: Einstellungen im Launchpad zum Ändern des Themas.

Nachdem die Änderungen angewendet wurden, können wir das neue Launchpad-Thema sehen (siehe Abb. 11).

Fiori Launchpad: new theme

Abb. 11: Das Launchpad nach dem neuen Thema wird angewendet.

Jetzt, da Du weiss , wie Du Dein Fiori Launchpad anpassen kannst, kannst Du verschiedene Designs ausprobieren!

Wie am Anfang des Beitrags erwähnt, ist dieses Video der zweite Teil der Tutorialreihe SAP Fiori Customization Samples.

Den ersten Teil der Tutorials  findest Du hier.  Dieses Video zeigt Dir, wie Du ein SAP Fiori Launchpad auf der SAP Cloud-Plattform erstellst und Apps auf dem Fiori Launchpad hinzufügst.

Verpasse nicht die folgenden 3 Teile.

Solltest Du Fragen zu diesem Tutorial haben, zögere nicht, mich einfach zu kontaktieren. Ich beantworte Dir diese Fragen gerne.

Quellenangabe der Bilder: Inspiricon AG

Autor dieses Beitrags
Gellert Peter-Siskovits Associate
Tel.: +49 (0) 7031 714 660 0
E-Mail: cluj@inspiricon.de