Erik Barz
22. November 2014

In 7 Schritten zum Custom Neptune Theme mit dem UI5 Theme Designer

Neptune Custom Theme

Das Standard UI5 Design Blue Crystal sieht aus meiner Sicht nicht unbedingt schlecht aus. Viele Unternehmen wollen dennoch ihr Corporate Design in Apps umsetzen, um ein einheitliches Bild vor dem Anwender zu realisieren.

Wie mein Kollege Kai Wedig bereits vor einigen Monaten berichtet hat, gibt es nun eine neue einfache Möglichkeit Custom Themes für Neptune zu nutzen. Hierfür wird der UI Theme Designer der SAP verwendet. Das dort erzeugte Theme kann im Anschluss in Neptune importiert werden. In diesem Blog erkläre ich Ihnen Schritt für Schritt, wie das geht.

Unser E-Book zum Thema Neptune User Experience Platform

E-Book: Neptune Platform

Was ist Neptune? Welche Vorteile es Ihnen bringt und wie Sie es in Ihrer Systemlandschaft einführen.

Anleitung

1. Anwendung öffnen

Als erstes öffnen Sie die Webseite des SAP UI-Theme-Designers.

2. Grundlage für neues Theme wählen

Im nächsten Schritt wählen Sie ein Theme aus, auf dessen Basis Sie das neue aufbauen wollen – z.B. BlueCristall.

ui5 theme designer neptune

ui5 theme designer neptune

3. UI Elemente wählen um Ansicht zu prüfen

Wenn Sie das erledigt haben, können Sie sich Controlls auswählen, die Ihnen im WYSIWYG-Editor im neuen Style angezeigt werden.

UI Elemente wählen um Ansicht zu prüfen

UI Elemente wählen um Ansicht zu prüfen

4. Theme designen

Der Hauptteil der Arbeit besteht darin das Theme zu erstellen. Die Benutzung ist intuitiv und das Theme ist schnell erstellt.
Tipp:Für den ersten Design-Entwurf ist es oft schon ausreichend, wenn Sie 3 Firmen-spezifische Farben von Ihrer Internet-/Intranet-Seite nutzen.

5. Entwurf speichern und zip-File exportieren

Wenn Sie mit Ihrem Theme zufrieden sind und sehen wollen, wie Ihre eigenen Apps damit aussehen, exportieren Sie ihr Theme und speichern es.

Entwurf speichern und zip-File exportieren

Entwurf speichern und zip-File exportieren

ui5 theme designer neptune

ui5 theme designer neptune - save draft

ui5 theme designer neptune – save draft

6. Import im SAP

Import im SAP

Import im SAP

Fast geschafft: Das aus dem UI-Theme-Designer exportierte zip-File können Sie nun in Ihr SAP-System importieren. Neptune bietet hierfür eine eigene transaktion an.

7. In der App Theme wählen

Der letzte Schritt besteht darin das Theme in der gewünschten App auszuwählen. Fertig ist das eigene Custom Neptune Theme 🙂

Welche Erfahrungen haben Sie mit Neptune und dem UI-Theme-Designer gemacht? Schreiben Sie uns gerne ein Kommentar!

Unser Video-Kurs „ODATA Services im SAP UI5 Umfeld“

OData Services im SAPUI5 Umfeld

Limitierte Rabattaktion für unseren Kurs “OData Services im SAPUI5 Umfeld”.

Für Besucher von Mission Mobile können wir unseren Kurs „ODATA Services im SAP UI5 Umfeld“ mit kräftigem Rabatt anbieten:

Kurs: “ODATA Services im SAP UI5 Umfeld

PS: Wir haben den Rabatt nur für 20 Käufe erhalten. Falls Sie den Link klicken und keine Vergünstigung mehr angezeigt werden, ist unser Kontingent bereits aufgebraucht.

Erik Barz

Erik Barz

Meine Schwerpunktthemen im mobilen Umfeld: Im mobilen Umfeld beschäftige ich mich hauptsächlich mit dem „Neptune Framework“, HTML5, SAPUI5, JavaScript und jQuery. Weiterhin begeistere ich mich für native Apps in Java (Android) und C# (Windows Phone). Fachlich liegt mein Schwerpunkt auf Apps für die SAP-Logistik in WM und LE. Gerne stelle ich mich jedoch auch neuen Herausforderungen im mobilen Umfeld. weitere Schwerpunktthemen im SAP Umfeld: Neben der Entwicklung von mobilen Anwendungen liegen meine Schwerpunkte in der Entwicklung von individuellen Web-Anwendungen mittels Webdynpro und der Anwendungsintegration mittels SAP Portal.

Sie haben Fragen? Kontaktieren Sie mich!



Das könnte Sie auch interessieren

Die erste Entwicklungsumgebung für SAP-Experten mit ABAP-KnowHow für mobile und plattformunabhängige HTML5-Apps.

weiterlesen

In den letzten Jahren haben sich Tablets wie das iPad von Apple immer mehr durchgesetzt. Durch ihr, verglichen mit einem Notebook, niedriges Gewicht und ihrer geringen Größe sind Tablets ein […]

weiterlesen

Der Neptune Application Designer 2.20 ist eine der kosten-effektivsten und robustesten Lösungen auf dem Markt. Aktuell setzen 41 Unternehmen mit über 140.000 lizenzierten Nutzern zusammen mit 42 Neptune Partner in […]

weiterlesen

Schreiben Sie einen Kommentar

Bitte füllen Sie alle mit * gekennzeichneten Felder aus. Ihre E-Mail Adresse wird nicht veröffentlicht.





Kontaktieren Sie uns!
Sophie Weber
Sophie Weber Kundenservice