UI5 Entwickler Basic Training

Fiori ist die gesetzte Oberflächentechnologie der SAP. Die dafür verwendeten Entwicklungstools unterscheiden sich jedoch stark von der klassischen ABAP Entwicklung in der SE80. Mit SAPUI5 werden Oberflächen nun in JavaScript und HTML entwickelt. Dieses Training vermittelt ein grundlegendes Verständnis und ermöglicht einen praktischen, praxisnahen Einstieg in die Entwicklung von Fiori Oberflächen.

Schwerpunkte der Schulung

• Überblick SAP UX-Strategie: Warum SAP auf Fiori und SAPUI5 setzt
• Anwendungsentwicklung mit SAPUI5: Von der App-Idee zur lauffähigen Anwendung
• Fiori Oberflächenentwicklung mit SAPUI5
• OData Services Einführung
• Versioning mit Hilfe von Git

Voraussetzung

• Grundlegende Programmierkenntnisse in ABAP OO

Hilfreiche weiterführende Kenntnisse:

• Grundkenntnisse in JavaScript, HTML und CSS

Zielgruppe

Dieses Seminar richtet sich an Entwickler, die Fiori-Oberflächen mit SAPUI5 entwickeln und dafür OData-Services bereitstellen sowie den Umgang mit der SAP WebIDE erlernen wollen.

Detailbeschreibung

Mit SAPUI5 und SAP Fiori setzt SAP konsequent neue Webtechnologien für ihre User Interfaces ein. Ziel ist es dabei, dass die Mitarbeiter in Ihrem Unternehmen mit Anwendungen konfrontiert werden, die ähnlich eingängig sind, wie Anwendungen, mit denen wir tagtäglich privat zu tun haben. Dieser Ansatz ist radikal anders, als die klassischen SAP GUI Anwendungen und bringt dementsprechend viele Herausforderungen für Unternehmen mit, um in die Entwicklung von eigenen SAPUI5 Anwendungen einzusteigen.

Dieser Kurs vermittelt die notwendigen Grundlagen, damit auch Sie mit diesen neuen Technologien Anwendungen für SAP konzipieren und entwickeln können. Dabei richten wir unseren Blick sowohl auf die Architektur im Zusammenhang mit mobilen Anwendungen als auch auf die Entwicklung der Oberflächen mit Hilfe der SAP WebIDE als Entwicklungsumgebung.

Nach Abschluss des Kurses werden Sie in der Lage sein, Desktop-Anwendungen sowie Anwendungen für mobile Endgeräte mit SAPUI5 zu entwickeln. Darüber hinaus vermittelt Ihnen dieser Kurs, wie Sie die Integration Ihrer Daten aus dem SAP-Backend mit Hilfe des SAP NetWeaver Gateway und OData Services gestalten können.

Schulungsthemen und Agenda im Überblick

Schulungstag 1

Wir beginnen den Tag mit einer Vorstellungsrunde und der Sammlung Ihrer individuellen Problemstellungen. Auf diese Weise können wir die Schulung auf Ihre spezifischen Bedürfnisse anpassen und gezielt auf Herausforderungen eingehen, vor denen Sie gerade stehen.

Anschließend steigen wir in den inhaltlichen Teil der Schulung ein. Zunächst beschäftigen wir uns mit den Grundlagen von SAP Fiori und lernen die SAP User Experience (UX) Strategie dahinter kennen. In diesem Rahmen sehen wir uns auch die Fiori Design Prinzipien und ihre Auswirkungen auf die Anwendungen an. Zudem befassen wir uns mit dem SAP NetWeaver Gateway sowie dessen Rolle im Context von SAPUI5 und wie dieser sich zusammen mit dem SAP Cloud Connector in die IT Systemlandschaft eingliedert.

Anschließend beschäftigen wir uns detaillierter mit JavaScript und HTML5 und unternehmen unsere ersten Schritte mit SAPUI5. Dabei steigen wir auch in die SAP WebIDE ein und lernen diese als Entwicklungsumgebung zu nutzen.

Den Abschluss des Tages stellt die Versionsverwaltung Git dar, welche im Umfeld der SAP Cloud Platform bereits als integriertes Versionierungstool angeboten wird.

Schulungstag 2

Am zweiten Tag steigen wir tiefer in die UI5-Entwicklung ein und beschäftigen uns mit Grundtechniken wie der Navigation zwischen Seiten und der Gestaltung der Oberflächenelemente. Auch die Fehlerbehandlung im Frontend wird hierbei vorgestellt.

Dabei beginnen wir auch die Entwicklung unserer OData Services im ERP Backend, mit dessen Hilfe wir Daten auslesen und zurückschreiben können. Sie lernen, wie Sie selbst OData Services und Entitäten definieren und diese dann über den Gateway Server nach außen anbieten können.

Am Ende des zweiten Tages werden Sie bereits Ihre erste SAPUI5 App entwickelt haben, welche Daten aus dem ERP Backend ausliest und anzeigt.

Schulungstag 3

Am dritten und letzten Tag beschäftigen wir uns noch einmal genauer mit JavaScript Frameworks und welche Rolle diese spielen. Dabei lernen Sie auch einige komplexere Oberflächenelemente wie Smart-Controls kennen.

In einem umfangreichen Praxisbeispiel entwickeln wir unsere App weiter und erweitern diese um zusätzliche Funktion. Dazu zählen beispielsweise das Bearbeiten und Aktualisieren von Daten sowie die Validierung von Eingaben. Ziel ist es, dass Sie ein möglichst breites Spektrum der Möglichkeiten von SAPUI5 kennenlernen und in Ihre Anwendung integrieren. Diese Fallstudie stellt zugleich den Abschluss der Schulung dar.