Sie sind auf Seite 1von 26

Wissen aus erster Hand.

Leseprobe
In dieser Leseprobe lernen Sie, die SAPUI5-Bibliothek auf einem
ABAP-Backend-System zu installieren und die Entwicklungsumge-
bung in Eclipse einzurichten. Auerdem machen wir Sie mit der
cloudbasierten Entwicklungsumgebung SAP Web IDE vertraut.

Kapitel 4:
Entwicklungsumgebung einrichten

Inhaltsverzeichnis

Index

Der Autor

Leseprobe weiterempfehlen

Miroslav Antolovic
Einfhrung in SAPUI5
484 Seiten, gebunden, 2. Auflage 2015
69,90 Euro, ISBN 978-3-8362-3908-0

www.sap-press.de/3986
Kapitel 4

In diesem Kapitel installieren Sie die SAPUI5-Bibliothek


und richten die Entwicklungsumgebung ein.

4 Entwicklungsumgebung
einrichten

SAPUI5-Anwendungen knnen Sie entweder in einer Eclipse-basier-


ten Umgebung oder in der neuen SAP Web IDE entwickeln. Zustz-
lich mssen Sie die SAPUI5-Bibliothek auf dem Backend installieren.
Wie Sie dabei vorgehen und wie Sie die Entwicklungsumgebungen
auf dem Frontend einrichten, zeige ich Ihnen in diesem Kapitel.

Checkliste

Was Sie fr dieses Kapitel brauchen:


S-User fr den SAP Service Marketplace
Zugang zu einem SAP-ERP- und zu einem SAP-Solution-Manager-
System
Fr die SAP Web IDE bentigen Sie einen installierten SAP HANA
Cloud Connector und einen Zugang zur SAP Web IDE.

Sollten Sie ber kein SAP-Backend-System verfgen, knnen Sie Ihre Lokaler Webserver
Anwendungen auch auf einem lokalen Webserver, z. B. einen Apa-
che-HTTPD-Server (als Download von der Homepage apache.org ver-
fgbar), deployen. Sollten Sie keinen Zugang zum SAP Service Mar-
ketplace haben, knnen Sie die bentigten SAPUI5-Dateien unter
https://tools.hana.ondemand.com herunterladen.

Fr die ersten Gehversuche ist es auch ausreichend, wenn Sie ledig-


lich Eclipse und die SAPUI5-Frontend-Tools installieren. In diesem
Szenario knnen Sie die Vorschaufunktion in Eclipse nutzen und
sich das Ergebnis dort anzeigen lassen. In diesem Fall knnen Sie Ab-
schnitt 4.1, SAPUI5-Bibliothek in der SAP Business Suite installie-
ren, berspringen und direkt mit Abschnitt 4.2.1, Entwicklungs-
umgebung in Eclipse einrichten, bzw. Abschnitt 4.2.2, SAP Web

111
4 Entwicklungsumgebung einrichten SAPUI5-Bibliothek in der SAP Business Suite installieren 4.1

IDE einrichten, fortfahren je nachdem, welche der beiden Ent- Es besteht ein hoher Wartungsaufwand.
wicklungsumgebungen Sie verwenden mchten. Der Benutzer muss zum Teil viele URLs zum Aufruf der Anwendun-
gen kennen, da der zentrale Einstiegspunkt des Central Hubs fehlt.
Die Sicherheit zu gewhrleisten ist aufwendig, vor allem beim
4.1 SAPUI5-Bibliothek in der mobilen Datenzugriff. Beim Central Hub mssen Sie lediglich
SAP Business Suite installieren einen Server berwachen, wenn Sie dagegen den mobilen Daten-
zugriff auf allen SAP-Systemlinien zulassen, mssen Sie den Netz-
Systemarchitektur Die Entwicklung von Anwendungen in SAPUI5 ist grundstzlich mit
werkverkehr auf allen Servern verstrkt berwachen.
zwei alternativen Systemarchitekturen mglich:
Aus diesen Grnden hat sich die Central-Hub-Architektur bewhrt Wahl des richtigen
Embedded Deployment Szenarios
und etabliert. Da Sie den Central Hub in aller Regel neu installieren,
Von Embedded Deployment spricht man, wenn die SAPUI5-Res-
installieren Sie damit auch gleich das aktuelle Release des SAP Net-
sourcen auf jedem SAP-System Ihrer Landschaft installiert werden
Weaver Application Servers ABAP (AS ABAP). Zum Zeitpunkt des
und auch direkt in diesen Systemen ausgefhrt werden. Das heit,
Schreibens dieses Buches ist das Release 7.40. Dieser ABAP-Stack
Sie mssen die im Folgenden beschriebenen Schritte fr jedes Sys-
beinhaltet bereits die SAPUI5- und SAP-Gateway-Komponenten, so
tem, z. B. fr SAP ERP HCM, SAP CRM, SAP ERP, durchfhren.
dass Sie keine zustzliche Softwarekomponente installieren mssen.
Central Hub Auf den Backend-Systemen der SAP Business Suite mssen Sie ledig-
Bei der Central-Hub-Architektur installieren Sie eine neue System- lich die Softwarekomponente fr SAP Gateway, IW_BEP, installie-
linie, auf der die Komponente SAP Gateway und alle SAPUI5-Res- ren. In den neueren Enhancement Packages (EHPs) der SAP Business
sourcen liegen. Jede SAPUI5-Anwendung wird auf diesem soge- Suite ist jedoch auch diese Softwarekomponente integriert, nicht
nannten Central Hub deployt und ausgefhrt. Der Central Hub ist zuletzt, weil SAP Fiori auf dieser Architektur aufbaut.
technisch nichts anderes als ein SAP NetWeaver AS ABAP. Die
Datenbermittlung in das jeweilige Backendsystem (SAP ERP SAP Fiori
HCM, SAP CRM usw.) erfolgt ber SAP Gateway ber eine Trusted-/
SAP Fiori ist mehr als nur eine Sammlung von SAPUI5-basierten Apps. Es
Trusting-Beziehung via Remote Function Call (RFC). Abbildung 4.1 handelt sich um eine neue SAP-Philosophie, wie die User Experience (UX)
veranschaulicht diese Architektur. ber strikte Design Guidelines und eine rollen- und aufgabenbasierte
Implementierung von Anwendungen verbessert werden kann. Technisch
handelt es sich um SAPUI5-Anwendungen, die zentral auf dem Central
Hub ber das SAP Fiori Launchpad ausgefhrt werden knnen.
Auch wenn Sie sich als Nicht-SAP-Mitarbeiter nicht an die Design Guide-
lines fr SAP Fiori halten mssen, empfehle ich Ihnen, sich mit diesen zu
SAP ERP beschftigen. Diese Richtlinien wurden von erfahrenen UX-Designern
SAP CRM
erstellt, und Sie knnen von diesem Wissen profitieren. Unter https://
Reverse
Proxy SAP SRM
SAP HANA experience.sap.com knnen Sie sich ber den Ansatz von SAP Fiori und die
ABAP- XS Engine
Central-Hub
daraus resultierenden Design Guidelines informieren.
SAP SCM
(SAP Gateway SAP HANA/
+ beliebige
ABAP-Backend-Server
Datenbank
SAPUI5) (SAP Business Suite) Da so jede SAPUI5-Anwendung auf dem gleichen Server luft, ben-
tigt der Anwender in der Regel nur noch eine URL zum Zugriff auf die
Abbildung 4.1 Central-Hub-Systemarchitektur
Anwendungen. Auch unter Sicherheitsaspekten ist die Central-Hub-
Architektur von Vorteil. Es ist wesentlich einfacher, ein einzelnes Sys-
Das Embedded-Deployment-Szenario hat drei gravierende Nachteile:
tem meistens mit einem vorgeschalteten Reverse Proxy netzwerk-

112 113
4 Entwicklungsumgebung einrichten SAPUI5-Bibliothek in der SAP Business Suite installieren 4.1

technisch abzusichern und zu berwachen, als mehrere Systeme. Der 2. Laden Sie die berechneten Support Packages und das Stack-XML
einzige Nachteil der Central-Hub-Architektur ist der Betrieb der herunter. Entpacken Sie anschlieend die Support Packages in das
zustzlichen Systemlinie mit den damit verbundenen Kosten. EPS-Verzeichnis, und installieren Sie die Pakete mit dem SAP Add-
On Installation Tool (Transaktion SAINT), bzw. fhren Sie ein
Installation mit Viele SAP-Kunden entscheiden sich in der Pilotphase dazu, mit dem
AS ABAP 7.31 Update (Transaktion SPAM) durch. Eine ausfhrliche Installations-
Embedded Deployment zu starten. Damit knnen Sie in einem Proof
anleitung finden Sie im SAP-Hinweis 1747308.
of Concept zunchst einmal die neue Technologie evaluieren und im
Anschluss die neue Central-Hub-Systemlinie aufbauen. Aus diesem Ob die Installation erfolgreich war, knnen Sie durch den Aufruf der SAP UI
Grund beschreibe ich an dieser Stelle zunchst die Installation auf URL http://<HOSTNAME>:<SERVICE>/sap/public/bc/ui5_ui5 ber- Development
Toolkit for HTML5
einem existierenden ABAP-Stack 7.31. Mchten Sie direkt die Cen- prfen, wobei Sie <HOSTNAME> und <SERVICE> durch die Werte
tral-Hub-Architektur umsetzen, knnen Sie diesen Schritt bersprin- Ihres SAP-Systems ersetzen. Ihnen sollte als Ergebnis das SAP UI
gen und einen Central Hub auf der Basis von SAP NetWeaver 7.40 development toolkit for HTML 5 angezeigt werden (siehe Abbil-
installieren. Hier ist, wie bereist erwhnt, die SAPUI5-Komponente dung 4.3).
bereits enthalten.

SAPUI5 ist als Add-on in die SAP Business Suite integriert. Die Instal-
lationspakete finden Sie im SAP Software Download Center (http://
service.sap.com/swdc) unter Installations and Upgrades A-Z-Index
N UI Add-On for NetWeaver <Entsprechendes EHP-/ERP-
Release> Installation. Die dazugehrigen Support Packages fin-
den Sie unter Support Packages and Patches A-Z-Index N UI
Add-On for NetWeaver <Entsprechendes EHP-/ERP-Release>.

1. Starten Sie im SAP Solution Manager den Maintenance Optimizer,


und whlen Sie UI ADD-ON 1.0 FOR NW 7.03 als Produktver-
sion (siehe Abbildung 4.2).

Abbildung 4.3 SAP UI Development Toolkit for HTML 5

Sollten Sie ein anderes Ergebnis erhalten, prfen Sie, ob der entspre- ICF-Service
chende Service aktiv ist. Gehen Sie dazu in die Transaktion SICF, und aktivieren

aktivieren Sie gegebenenfalls den ICF-Service (Internet Communica-


tion Framework) default_host/sap/public/bc/ui5_ui5/ (siehe Abbil-
dung 4.4).

Abbildung 4.2 Maintenance Optimizer im SAP Solution Manager

114 115
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

Die in diesem Buch gezeigten Beispiele basieren auf der zum Zeit- Bei Eclipse handelt es sich um ein Open-Source-Projekt. Eclipse wird
punkt des Schreibens dieses Buches aktuellen Version SAP_UI 740 als Integrated Development Environment (integrierte Entwicklungsum-
SP 0013. Prfen Sie daher mithilfe der Product Availability Matrix gebung, kurz IDE) fr verschiedenste Programmiersprachen genutzt.
(PAM), die Sie unter http://service.sap.com/pam aufrufen knnen, SAP hat auf Basis von Eclipse Plug-ins entwickelt, die es ermglichen,
welches die aktuell untersttzte Version ist, und installieren Sie SAPUI5-Entwicklungen in Eclipse zu programmieren. Die SAP Web
diese. IDE wird in der Cloud zur Verfgung gestellt und als Nachfolger der
Eclipse-Entwicklungsumgebung betrachtet.

In den folgenden Abschnitten zeige ich Ihnen die Einrichtung dieser


beiden Umgebungen. Wir beginnen mit der Eclipse-Umgebung.

4.2.1 Entwicklungsumgebung in Eclipse einrichten


Die UI-Entwicklungstools sind Teil der SAPUI5-Bibliothek. Es han- Eclipse-Tools
delt sich dabei um eine Reihe von Eclipse-basierten Tools und Edito-
ren, die Sie bei der Entwicklung von SAPUI5-Anwendungen unter-
sttzen. Der SAPUI5 ABAP Repository Team Provider untersttzt Sie
beim Einchecken der in Eclipse entwickelten Anwendungen in ein
ABAP-Backend-System.

Die Entwicklerwerkzeuge fr SAPUI5 mssen separat als Eclipse- Installations-


Plug-ins installiert werden. Prfen Sie vor der Eclipse-Installation, ob voraussetzungen

die installierte Laufzeitumgebung Java Runtime Environment (JRE)


mindestens in der Version 1.6 vorliegt, und aktualisieren Sie die JRE
gegebenenfalls vor der Installation des Plug-ins. ffnen Sie das Java
Control Panel ber Start Systemsteuerung Programme Java.
ber den Button Info wird Ihnen Ihre JRE-Version angezeigt.

Eclipse-Umgebung installieren
Welche Eclipse-Version von SAPUI5 aktuell untersttzt wird, erfah-
Abbildung 4.4 UI5-Service aktivieren
ren Sie unter https://tools.hana.ondemand.com. Im Abschnitt SAPUI5
Procedure erfahren Sie, fr welche Eclipse-Versionen eine Update-
Site fr die SAPUI5-Entwicklungswerkzeuge angeboten wird. Von
4.2 Frontend-Tools einrichten
dieser Update-Site knnen Sie die SAPUI5-Entwicklertools installie-
Eclipse oder Nach der erfolgreichen Installation der Backend-Komponente ms- ren (siehe auch Abbildung 4.12). Zum Zeitpunkt des Schreibens die-
SAP Web IDE sen Sie nun noch die SAPUI5-Frontend-Tools installieren. Hier ste- ses Buches wurden die Eclipse-Versionen Luna und Mars untersttzt,
hen Ihnen zwei Mglichkeiten zur Verfgung: die neueste Version Neon noch nicht.

Eclipse-Plug-ins fr SAPUI5 Haben Sie noch keine Eclipse-Umgebung auf Ihrem Rechner instal- Eclipse IDE for
liert, laden Sie als Erstes die Eclipse IDE for Java EE Developers unter Java EE Developers
die SAP Web IDE, eine cloudbasierte Entwicklungsumgebung fr
SAPUI5 www.eclipse.org/downloads herunter. Hat Ihr SAP-Backend-System

116 117
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

den Stand SAP NetWeaver 7.40 Service Pack 7 oder kleiner, mssen sprechende Version vom SAP Service Marketplace herunterladen.
Sie die 32-Bit-Version von Eclipse herunterladen, da der SAPUI5 Aus diesem Grund beschreibe ich an dieser Stelle beide Vorgehens-
ABAP Repository Team Provider nur mit der 32-Bit-Version funktio- weisen.
niert. Ab Service Pack 8 wird auch die 64-Bit-Version untersttzt.
Fr die Entwicklung bentigen Sie die folgenden drei Kernkompo- Kernkomponenten
Eclipse starten Nach dem Entpacken der heruntergeladenen ZIP-Datei knnen Sie nenten, die Sie in der folgenden Reihenfolge installieren: der SAPUI5-Tools

Eclipse direkt mit einem Doppelklick auf eclipse.exe starten. Eclipse


ABAP IN ECLIPSE
luft im Arbeitsspeicher und muss daher nicht installiert werden.
Beim ersten Start von Eclipse werden Sie nach einem Verzeichnis fr SAPUI5 TOOLS IDE PLUGIN
den Workspace gefragt (siehe Abbildung 4.5). Bei der Entwicklung in SAPUI5 TEAM PROV IDE
Eclipse arbeiten Sie in Projekten, und der Workspace ist der Verzeich-
nisort auf Ihrer Festplatte, an dem die Dateien Ihrer Projekte abge- Installation vom SAP Service Marketplace
legt werden. Welche SAPUI5-Version auf Ihrem ABAP-System installiert ist, fin- Komponenten
den Sie am einfachsten heraus, indem Sie das Development Toolkit herunterladen

aus Ihrem System heraus aufrufen, wie in Abschnitt 4.1, SAPUI5-


Bibliothek in der SAP Business Suite installieren, beschrieben (siehe
Abbildung 4.3). Laden Sie dann vom SAP Service Marketplace
zunchst die beiden bentigten SAPUI5-Komponenten SAPUI5
TOOLS IDE PLUGIN und SAPUI5 TEAM PROV IDE herunter. Sie fin-
den die Dateien im SAP Service Marketplace unter Support Packa-
ges and Patches A-Z-Index N UI Add-On for NetWeaver
<Entsprechendes EHP-/ERP-Release>.

Fgen Sie die jeweils aktuelle Version der beiden Komponenten ber
den Button Zum Download Basket hinzufgen zu Ihrem Down-
load-Basket hinzu. Fr den SAPUI5 ABAP Repository Team Provider
Abbildung 4.5 Verzeichnis fr den Eclipse-Workspace angeben
bentigen Sie zustzlich noch das Plug-in fr ABAP in Eclipse. Dieses
finden Sie am einfachsten, indem Sie im SAP Software Download
Sie knnen auch mit mehreren Workspaces arbeiten und den Work- Center nach ABAP in Eclipse suchen. Fgen Sie auch diese Datei
space im Men ber File Switch Workspace jederzeit wechseln. Ihrem Download-Basket hinzu. Laden Sie im Anschluss die drei ZIP-
Dateien mithilfe des SAP Download Managers herunter.
Die SAPUI5-Plug-ins knnen Sie auf zwei Wegen installieren:
Je nachdem, welche Version Sie installieren mchten, bentigen Sie Standard-Plug-ins
ber die Update-Site noch weitere Standard-Plug-ins. So setzt die zum Zeitpunkt des
ber den SAP Service Marketplace Schreibens dieses Buches aktuelle Version von ABAP in Eclipse z. B.
das Eclipse-Grafik-Plug-in Graphiti und einige EMF-Komponenten
Auf der Update-Site knnen Sie immer nur die jeweils aktuelle Ver-
(Eclipse Modeling Framework) voraus. Ich zeige Ihnen an dieser
sion installieren. Sollte sich Ihr ABAP-System auf einem lteren
Stelle einen Weg zur Installation der Komponenten, der fr mich am
SAPUI5-Releasestand befinden und mchten Sie in Eclipse die glei-
besten funktioniert hat. Weitere Informationen zur Installation fin-
che Version wie auf Ihrem Backend installieren, mssen Sie die ent-
den Sie in der Installationsdokumentation.

118 119
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

SAPUI5-Plug-ins Nachdem Sie die Dateien aus dem SAP Service Marketplace herun-
installieren tergeladen haben, knnen Sie diese in Eclipse installieren:

1. In der Eclipse-Oberflche starten Sie dazu im Men ber den Pfad


Help Install New Software den Installationsassistenten (siehe
Abbildung 4.6).

Abbildung 4.8 Archivdatei einbinden

4. Whlen Sie nun ber den Installationsassistenten das gewnschte


Plug-in aus, und bestigen Sie Ihre Auswahl mit Next (siehe Abbil-
dung 4.9).

Abbildung 4.6 Plug-in-Komponenten installieren

2. Da die SAPUI5-Tools lokal auf Ihrer Festplatte gespeichert wur-


den, mssen Sie diese manuell in den Installationsassistenten ein-
binden. Beginnen Sie bei der Installation mit dem Plug-in ABAP in
Eclipse. Klicken Sie hierzu neben dem Eingabefenster Work with
auf den Button Add, und whlen Sie im folgenden Pop-up-Fenster,
das in Abbildung 4.7 zu sehen ist, per Doppelklick die entspre-
chende ZIP-Datei aus.

Abbildung 4.9 Komponenten zur Installation auswhlen

5. Eclipse prft nun die Installationsvoraussetzungen fr das Plug-in.


Abbildung 4.7 SAPUI5-Tools auswhlen In unserem Beispiel fehlt als Voraussetzung fr die Installation des
Plug-ins das Eclipse-Plug-in Graphiti (siehe Abbildung 4.10).
3. Besttigen Sie Ihre Auswahl mit OK (siehe Abbildung 4.8).

120 121
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

7. Whlen Sie das Plug-in aus, und besttigen Sie Ihre Auswahl mit
Next.
8. Akzeptieren Sie im Folgebild die Lizenzvereinbarungen, und star-
ten Sie ber den Button Finish die Installation. Bei manchen Kom-
ponenten erscheint ein Warnhinweis, dass Sie unsignierte Kompo-
nenten installieren. Besttigen Sie dieses Pop-up-Fenster mit OK.
Nach der erfolgreichen Installation mssen Sie Eclipse neu starten.
9. Versuchen Sie im Anschluss, das Plug-in fr ABAP in Eclipse
erneut zu installieren. Sollten Sie eine weitere Fehlermeldung
erhalten, wiederholen Sie das beschriebene Verfahren so lange,
bis Sie alle erforderlichen Plug-ins installiert haben.

Alle vorausgesetzten Plug-ins installieren

Der beschriebene Weg ist zwar sehr mhsam, ist aber die einzige Mg-
Abbildung 4.10 Hinweis auf fehlendes Plug-in lichkeit, eine Version passgenau zu installieren. Fr die von mir verwen-
dete Version musste ich diese Schritte fr die folgenden Plug-ins wieder-
6. Gehen Sie daher ber Back einen Schritt zurck, tragen Sie unter holen:
Work with die Update-Site der verwendeten Eclipse-Version ein, EMF Query
und suchen Sie dann nach dem erforderlichen Plug-in, wie in EMF Validation
Abbildung 4.11 dargestellt. EMF Model Transaction Workbench Integration

Nach der erfolgreichen Installation des Plug-ins fr ABAP in Eclipse


wiederholen Sie den Vorgang fr die beiden Plug-ins fr die SAPUI5-
Tools-IDE und den SAPUI5 ABAP Repository Team Provider. Damit
ist die Installation der Eclipse-Entwicklungsumgebung fr SAPUI5
abgeschlossen.

SAP-Hinweise

Die zum Zeitpunkt des Schreibens dieses Buches aktuelle Version SAPUI5
1.00 SP13 setzt z. B. ABAP in Eclipse in der Version 2.44 voraus. Welche
Versionen Sie jeweils installieren mssen, knnen Sie den SAP-Hinweisen
1747308 und 1718399 entnehmen.

Installation von der Update-Site


Wenn sich Ihr ABAP-Backend annhernd auf dem aktuellen Stand Aktuelle Version
befindet, knnen Sie die SAPUI5-Update-Site fr die Installation nut- installieren

zen. Diese Vorgehensweise hat zwar den Nachteil, dass Sie nur die
gerade aktuellste Version installieren knnen, bringt aber den gro-
en Vorteil mit sich, dass die vorausgesetzten Plug-ins automatisch
Abbildung 4.11 Installation des fehlenden Plug-ins

122 123
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

mit installiert werden. Dadurch vereinfacht sich der Installationspro- Eclipse-Komponenten aktualisieren
zess erheblich. Es wird empfohlen, die Eclipse-Komponente Eclipse IDE for Java EE bersicht der
Developer regelmig zu aktualisieren. Diese Komponente beinhal- installierten
1. Auf der Internetseite https://tools.hana.ondemand.com finden Sie Komponenten
unter SAPUI5 Procedure den Link zu der entsprechenden tet die Codevervollstndigung, die in niedrigeren Versionen zu
Update-Site: https://tools.hana.ondemand.com/<Eclipse-version>, Abstrzen der Anwendung fhren kann. Um eine Komponente zu
also z. B. https://tools.hana.ondemand.com/mars fr die Eclipse- aktualisieren, rufen Sie ber den Menpfad Help About Eclipse die
Version Mars. bersicht der installierten Komponenten auf (siehe Abbildung 4.13).
ber den Button Installation Details knnen Sie sich die Versio-
2. Starten Sie ber den Menpfad Help Install New Software den
nen der installierten Komponenten anzeigen lassen.
Installationsassistenten, und tragen Sie unter Work with die pas-
sende Update-Site ein.
3. Whlen Sie die gewnschten Komponenten aus, wie in Abbildung
4.12 zu sehen, und starten Sie die Installation ber Next.

Abbildung 4.13 Information zu den installierten Eclipse-Komponenten

Um ein Update durchzufhren, markieren Sie die entsprechende Kom- Update der
ponente und klicken auf den Button Update (siehe Abbildung 4.14). installierten
Komponenten

Abbildung 4.12 Installation ber die Update-Site Abbildung 4.14 Installierte Komponenten aktualisieren

124 125
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

Es erscheint nun ein Pop-up-Fenster mit den verfgbaren Updates. Verfgen Sie ber die erforderliche Entwicklerlizenz, knnen Sie An HCP anmelden
Besttigen Sie die Installation mit Next, akzeptieren Sie die Lizenz- sich ber die URL https://account.hana.ondemand.com am HCP Cock-
vereinbarungen, und starten Sie die Installation mit Install. pit anmelden. Starten Sie die SAP Web IDE dann wie folgt:

Als Alternative zu Eclipse stelle ich Ihnen nun die SAP Web IDE vor. 1. Unter Subscriptions finden Sie im Abschnitt Subscribed HTML5
Applications den Eintrag zur SAP Web IDE (siehe Abbildung 4.15).

4.2.2 SAP Web IDE einrichten


Die SAP Web IDE ist eine browserbasierte Entwicklungsumgebung,
die auf der SAP HANA Cloud Platform (HCP) luft. Sie wurde speziell
fr die Entwicklung von SAPUI5- und SAP-Fiori-Anwendungen kon-
zipiert und soll langfristig alle bisherigen Tools und Add-ons fr
Eclipse ersetzen. Die SAP Web IDE stellt u. a. einen WYSIWYG-Edi-
tor (What you see is what you get) zur Verfgung, wie er hnlich in
Eclipse ber das AppBuilder-Plug-in realisiert ist. Auerdem finden
Sie hier einen OData Modeler, der den Funktionen des Ogee-Plug-
ins in Eclipse entspricht.

Einsatzvarianten Grundstzlich haben Sie drei Mglichkeiten, die SAP Web IDE zu
nutzen, wobei nicht jede Variante fr die produktive Nutzung freige-
geben ist:

SAP Web IDE auf der HCP


Diese Mglichkeit ist fr den produktiven Einsatz freigegeben.
Abbildung 4.15 SAP HANA Cloud Platform Cockpit
Testzugang zur SAP Web IDE
Es gibt einen kostenlosen Testzugang, der nicht fr die produktive 2. Klicken Sie in der Spalte Application auf webide, wird Ihnen die
Nutzung freigegeben ist. URL zur SAP Web IDE angezeigt (siehe Abbildung 4.16).
Lokale Version der SAP Web IDE
Auch die Verwendung dieser Variante ist nur zu Testzwecken
erlaubt.

In den folgenden Abschnitten erklre Ihnen die Einrichtung dieser


drei Varianten der SAP Web IDE.

SAP Web IDE auf der SAP HANA Cloud Platform


Entwicklerlizenzen Im Gegensatz zu den Eclipse-Plug-ins ist die SAP Web IDE kosten-
plichtig. Entsprechende Lizenzen knnen Sie ber den SAP Store Abbildung 4.16 Link zur SAP Web IDE
beziehen (https://www.sapstore.com/solutions/60009/SAP-Web-IDE).
3. ber diesen Link erreichen Sie die SAP Web IDE. Beim ersten ff-
nen sehen Sie den Willkommensbildschirm aus Abbildung 4.17
und knnen sofort mit der Entwicklung starten.

126 127
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

Funktionen der SAP Web IDE

In Kapitel 10, Beispielentwicklung einer SAP-Fiori-App, werden wir ein


Anwendungsbeispiel mithilfe der SAP Web IDE implementieren, und Sie
werden die wichtigsten Funktionen dieser Entwicklungsumgebung ken-
nenlernen.

SAP HANA Cloud Connector installieren und konfigurieren


Unabhngig davon, ob Sie sich fr den kostenlosen Testzugang oder
eine produktive SAP Web IDE entscheiden damit diese cloudba-
sierte Webanwendung mit Ihren ABAP-Backendsystemen kommuni-
zieren kann, mssen Sie den sogenannten SAP HANA Cloud Connec-
tor installieren und konfigurieren. Der Cloud Connector stellt eine
sichere Verbindung zwischen der SAP Web IDE in der Cloud und
Ihren On-Premise-Systemen her. Wie in Abbildung 4.18 veranschau-
licht, installieren Sie den SAP HANA Cloud Connector auf einem
separaten Server und verbinden Ihre On-Premise-Systeme ber
einen sicheren SSL-Tunnel (Secure Sockets Layer) mit der Cloud-In-
stanz.

Abbildung 4.17 Startbildschirm der SAP Web IDE

Testzugang zur SAP Web IDE SAP Web IDE SAP HANA
(SAP HANA Cloud Cloud Connector
Der Testzugang zur SAP Web IDE wird ebenfalls ber die HCP bereit- Platform)

gestellt, und der Zugriff erfolgt fast genau so wie beim produktiven
HCP-Account, lediglich die URL zum HCP Cockpit lautet anders: On-Premise-Landschaft
https://trialaccount.hana.ondemand.com. Hier knnen Sie sich fr
einen nicht produktiv nutzbaren Testzugang registieren. Nach Erhalt
der Besttigungs-E-Mail knnen Sie sich genau wie beim produkti-
ven Zugang am HCP Cockpit anmelden und finden die URL zur SAP Abbildung 4.18 Rolle des SAP HANA Cloud Connectors
Web IDE dort ebenfalls unter Subscriptions.
Den SAP HANA Cloud Connector knnen Sie unter der URL https:// Installation
tools.hana.ondemand.com herunterladen. Whlen Sie hier die fr Ihr
Lokale Installation der SAP Web IDE
Betriebssystem passende Version aus (siehe Abbildung 4.19), und
Im SAP Community Network (SCN) knnen Sie den Quellcoude und installieren Sie diese, wie in der Dokumentation beschrieben.
eine Anleitung zur Installation einer lokalen SAP Web IDE unter der
URL http://scn.sap.com/docs/DOC-58926 herunterladen. Auch diese
Version ist nicht fr den produktiven Einsatz freigegeben.

128 129
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

3. Melden Sie sich nun als Administrator am SAP HANA Cloud


Connector an. Sollten Sie nicht ber Administratorrechte verf-
gen, wenden Sie sich fr die nachfolgenden Schritte an den verant-
wortlichen Administrator.
4. Legen Sie eine neue Verbindung an, indem Sie im Bereich
Account Dashboard auf Add klicken (siehe Abbildung 4.21).

Abbildung 4.19 Download des SAP HANA Cloud Connectors

Verbindung Nachdem Sie den SAP HANA Cloud Connector installiert haben, kn-
einrichten nen Sie die Verbindung zur SAP Web IDE ber die Administrations-
oberflche herstellen:

1. Rufen Sie dazu das Cockpit Ihres HCP-Accounts unter der URL Abbildung 4.21 Neue Verbindung anlegen
https://account.hana.ondemand.com/cockpit# (fr produktive In-
stanzen) bzw. https://account.hanatrial.ondemand.com/cockpit# 5. Tragen Sie nun die Verbindungsdaten, wie in Abbildung 4.22 zu se-
(beim kostenlosen Testzugang) auf. hen, ein. Whlen Sie als Landscape Host hana.ondemand.com
2. Dort finden Sie unter Account Account Details Account fr den produktiven Zugang bzw. hanatrial.ondemand.com bei
Name den Namen Ihres HCP-Accounts (siehe Abbildung 4.20). Verwendung des Testzugangs. Als Account Name geben Sie die Ac-
Diese Account-ID bentigen Sie fr die Konfiguration des SAP count-ID ein, die Sie zuvor nachgesehen haben. In den Feldern Ac-
HANA Cloud Connectors. count User und Password geben Sie Ihren Benutzernamen und
Ihr Passwort ein.

Abbildung 4.20 Name des HCP-Accounts abfragen Abbildung 4.22 SAP HANA Cloud Connector konfigurieren

130 131
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

6. Nachdem Sie Ihre Eingaben mit OK besttigt haben, stellt der SAP 3. Als Internal Host und Internal Port tragen Sie die Daten Ihres
HANA Cloud Connector eine Verbindung zur HCP her. Wenn Sie Central Hubs bzw. die Daten des Systems, auf dem SAP Gateway
alle Daten richtig eingegeben haben, erscheint ein neuer Eintrag luft, ein.
im Account Dashboard (siehe Abbildung 4.23). Eine aktive Ver- 4. Sichern Sie Ihre Eingaben.
bindung wird mit einem grnen Symbol angezeigt.
Als nchsten Schritt tragen Sie die erreichbaren Ressourcen auf dem Ressourcen
ABAP-Backend-System ein. Letztlich geben Sie an dieser Stelle ICF- hinzufgen

Pfade bekannt (siehe auch Abschnitt 4.1, SAPUI5-Bibliothek in der


SAP Business Suite installieren), die ber den SAP HANA Cloud
Connector erreichbar sein sollen. Markieren Sie dazu im oberen
Bereich Mapping Virtual To Internal System den Eintrag mit
Abbildung 4.23 Neuer Account im SAP HANA Cloud Connector Ihrem virtuellen Host. Im unteren Bereich erscheint nun eine neue
Tabelle, in der Sie ber Add die Ressourcen hinzufgen knnen,
Virtueller Host Als nchsten Schritt verbinden Sie Ihr ABAP-Backend-System mit wie in Abbildung 4.25 gezeigt.
dem Cloud Connector. Dies geschieht durch einen sogenannten vir-
tuellen Host.

1. Wechseln Sie dazu in den Bereich Access Control, und klicken


Sie auf Add
2. Im folgenden Pop-up-Fenster geben Sie einen virtuellen Host und
einen virtuellen Port an (siehe Abbildung 4.24). Sie knnen hier
Ihrer Kreativitt freien Lauf lassen, Sie mssen sich die Angaben
nur merken, da Sie diese im Folgeschritt wieder bentigen.

Abbildung 4.25 Ressourcen hinzufgen

Wiederholen Sie diesen Schritt fr die folgenden ICF-Knoten:

/sap/bc/ui5_ui5 Path and all sub-paths


/sap/opu/odata Path and all sub-paths
/sap/bc/bsp Path and all sub-paths
Abbildung 4.24 System-Mapping im SAP HANA Cloud Connector
/sap/bc/adt Path and all sub-paths

132 133
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

Als Ergebnis sollten Sie nun vier Eintrge in der Ressourcen-Tabelle 2. Neben der URL mssen Sie noch drei zustzliche Attribute pfle-
mit dem Status resource is enabled sehen, der durch ein grnes gen. Klicken Sie dazu auf New Property, und geben Sie die folgen-
Symbol erkennbar ist (siehe Abbildung 4.26). den Eigenschaften und Werte ein:
WebIDEEnabled: True
WebIDESystem: <System-ID Ihres Central Hubs>
WebIDEUsage: odata_abap.ui5_execute_abap

Nach dem Sichern Ihrer Einstellungen knnen Sie diese nun in der Verbindung testen
SAP Web IDE testen:

1. Starten Sie die SAP Web IDE wie im Abschnitt SAP Web IDE auf
Abbildung 4.26 Anzeige der verfgbaren Ressourcen
der SAP HANA Cloud Platform beschrieben.
SAP Web IDE Damit ist der SAP HANA Cloud Connector konfiguriert und mit dem 2. Legen Sie ber den Menpfad File New Project from Template
anbinden SAP-Gateway-System verbunden. Als nchsten Schritt verbinden Sie ein neues Projekt an. Ein Wizard zum Anlegen eines neuen Pro-
die SAP Web IDE mit dem SAP HANA Cloud Connector: jekts startet.

1. Wechseln Sie dazu wieder in das HCP Cockpit. Legen Sie im 3. Whlen Sie im ersten Schritt zur Demonstration einmal das Template
Bereich Destination eine neue Verbindung an. An dieser Stelle SAP Fiori Full Screen Application aus (siehe Abbildung 4.28), und
kommt der virtuelle Host ins Spiel. Wie Sie Abbildung 4.24 ent- klicken Sie auf Next.
nehmen knnen, habe ich als virtuellen Host sapui5.buch und als
virtuellen Port 6666 gewhlt. Daraus ergibt sich die URL
sapui5.buch:6666, wie in Abbildung 4.27 zu erkennen.

Abbildung 4.28 Template fr eine SAP-Fiori-Anwendung in der SAP Web IDE


auswhlen

4. Geben Sie im Folgebild einen Projektnamen ein, z. B. sapui5-


Abbildung 4.27 SAP Web IDE an den SAP HANA Cloud Connector anbinden Buch, und klicken Sie auf Next (siehe Abbildung 4.29).

134 135
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2

Auch wenn ich mir sehr gut vorstellen kann, dass es Sie jetzt in den
Fingern juckt und Sie dieses Beispiel gerne zu Ende bringen mch-
ten, muss ich Sie leider an dieser Stelle noch ein paar Seiten lang ver-
trsten. Sie knnen den Wizard an dieser Stelle abbrechen, ich kann
Ihnen jedoch versprechen, dass wir in Kapitel 10, Beispielentwick-
lung einer SAP-Fiori-App, wieder an diese Stelle zurckkehren wer-
den und dieses Beispiel zu Ende bringen. Dafr bentigen Sie
zunchst noch ein besseres Verstndnis von OData, SAP Gateway
und natrlich auch SAPUI5.
Abbildung 4.29 Projektnamen fr die Entwicklung eingeben
Bevor Sie die erste SAPUI5-Seite anlegen, erlutere ich Ihnen daher
5. Jetzt kommt der eigentlich spannende Teil: Im Folgebild knnen im folgenden Kapitel die mglichen Entwicklungsszenarien und die
Sie die Datenverbindung auswhlen. Wenn Sie alles richtig konfi- Kommunikation zwischen dem Browser und dem SAP-Backend
guriert haben, knnen Sie wie in Abbildung 4.27 unter Service nher. Im Anschluss daran lernen Sie das Architekturmuster Model
Catalog den Eintrag zu Ihrem Central Hub sehen. Die SAP Web View Controller (MVC) kennen und sind damit bestens gerstet, um
IDE liest nun alle OData-Services von diesem System ein und zeigt mit der Entwicklung von Anwendungen in SAPUI5 zu starten.
diese im unteren Teil des Bildes an (siehe Abbildung 4.30).
Ecplise und SAP Web IDE in diesem Buch
Geschafft! Knnen Sie die Services hier sehen, funktioniert die
Verbindung zwischen der SAP Web IDE und dem SAP HANA Fr mich als Autor war es eine schwierige Entscheidung, ob ich Ihnen die
Beispiele in diesem Buch in Eclipse oder der SAP Web IDE zeige. Die SAP
Cloud Connector sowie zwischen dem SAP HANA Cloud Connec-
Web IDE ist eine zukunftstrchtige IDE, zum Zeitpunkt des Schreibens
tor und dem SAP-Backend-System.
dieses Buches ist Eclipse jedoch nach wie vor sehr stark verbreitet. Bei
einigen Aufgaben, z. B. beim Anlegen eines Projekts, wie in diesem
Abschnitt gezeigt, ist der Unterschied zwischen der SAP Web IDE und
Eclipse gering. Auch bei der eigentlichen Entwicklung unterscheidet sich
die Arbeit in der SAP Web IDE nur geringfgig von der Arbeit in Eclipse.
In der SAP Web IDE ist u. a. die Codevervollstndigung derzeit etwas bes-
ser. Die Strken der SAP Web IDE liegen in den zur Verfgung gestellten
Templates und Plug-ins, die es sehr einfach machen, auch komplexere
Anwendungen gefhrt durch einen Assistenten zu erstellen.
Daher habe ich mich dazu entschlossen, die Beispiele in diesem Buch
zunchst in Eclipse zu zeigen. In Kapitel 10, Beispielentwicklung einer
SAP-Fiori-App, werdern Sie dann eine Genehmigungs-App in der SAP
Web IDE entwickeln. In diesem Kapitel werden Sie die Strken der SAP
Web IDE kennenlernen. Selbstverstndlich knnen Sie auch alle Beispiele
in der SAP Web IDE oder alle Beispiele in Eclipse entwickeln.

Abbildung 4.30 Servicekatalog aus dem Central Hub

136 137
Inhalt

Einleitung .................................................................................. 13

1 HTML5 und CSS3 .................................................... 19

1.1 Einfhrung in HTML5 ............................................. 20


1.1.1 Grundgerst eines HTML-Dokuments ........ 20
1.1.2 Wichtige Sprachelemente .......................... 25
1.2 Einfhrung in CSS ................................................... 35
1.2.1 Allgemeiner Aufbau ................................... 35
1.2.2 CSS in HTML einbinden ............................. 36
1.2.3 Selektoren ................................................. 40
1.2.4 Beispiel ..................................................... 43

2 JavaScript ................................................................ 47

2.1 Grundlagen ............................................................. 47


2.1.1 Protokollierung ......................................... 48
2.1.2 Positionierung von JavaScript-Code ........... 49
2.1.3 Kommentare ............................................. 50
2.1.4 Funktionen ................................................ 50
2.1.5 Objekte ..................................................... 53
2.2 Variablen ................................................................ 59
2.3 Operatoren ............................................................. 62
2.3.1 Rechenoperatoren ..................................... 63
2.3.2 Inkrement- und Dekrementoperatoren ...... 63
2.3.3 Zuweisungsoperatoren .............................. 63
2.3.4 Vergleichsoperatoren ................................. 64
2.3.5 Operator typeof ..................................... 64
2.3.6 Logische Operatoren ................................. 65
2.4 Kontrollstrukturen Bedingungen und Schleifen ..... 66
2.4.1 Anweisung if .......................................... 66
2.4.2 Anweisung switch .................................. 67
2.4.3 for-Schleife ................................................ 70
2.4.4 while-Schleife ............................................ 71
2.4.5 dowhile-Schleife .................................... 73
2.4.6 forin-Schleife .......................................... 74
2.5 Document Object Model ........................................ 76
2.5.1 DOM-Baum .............................................. 77

7
Inhalt Inhalt

2.5.2 Elemente ansprechen ................................. 77


6 SAPUI5-Laufzeitumgebung ..................................... 191
2.5.3 DOM-Manipulation ................................... 78
2.6 Ereignisse ................................................................ 84 6.1 Initialisierung der Anwendung ................................ 191
6.1.1 Bootstrapping ............................................ 192
3 jQuery ...................................................................... 87 6.1.2 Generierung des Model-View-Controller-
Musters in SAPUI5 .................................... 201
3.1 Grundlagen ............................................................. 87 6.2 Modelle zur Datenbindung ..................................... 210
3.2 Selektoren und Ereignisse ........................................ 88 6.2.1 JSON Model .............................................. 214
3.2.1 Selektoren .................................................. 89 6.2.2 XML Model ............................................... 225
3.2.2 Ereignisse ................................................... 94 6.2.3 Resource Model ........................................ 227
3.3 DOM-Manipulation ................................................ 96 6.2.4 OData Model ............................................ 231
3.4 AJAX ....................................................................... 100 6.3 Datenbindungstypen .............................................. 232
6.3.1 Property Binding ....................................... 233
4 Entwicklungsumgebung einrichten ........................ 111 6.3.2 Aggregation Binding .................................. 234
6.3.3 Element Binding ........................................ 239
4.1 SAPUI5-Bibliothek in der SAP Business Suite
6.3.4 Named Binding ......................................... 244
installieren .............................................................. 112
6.3.5 Extended Data Binding .............................. 244
4.2 Frontend-Tools einrichten ....................................... 116
6.3.6 Complex Binding ....................................... 245
4.2.1 Entwicklungsumgebung
6.3.7 Expression Binding .................................... 248
in Eclipse einrichten ................................... 117
6.3.8 Custom Data Binding ................................. 249
4.2.2 SAP Web IDE einrichten ............................ 126

5 Erste Schritte in SAPUI5 ......................................... 139 7 Weitere Techniken in SAPUI5 ................................. 253

7.1 SAPUI5-Datentypisierung ....................................... 253


5.1 Webentwicklung auf dem SAP NetWeaver
Application Server ABAP ......................................... 140 7.1.1 Datum ....................................................... 254
5.2 Model-View-Controller-Architekturmuster .............. 149 7.1.2 Uhrzeit ...................................................... 255
5.3 SAPUI5-Entwicklungsprojekt anlegen ...................... 150 7.1.3 Datum und Uhrzeit .................................... 255
5.3.1 Projekt in Eclipse anlegen ........................... 151 7.1.4 Datentypisierung zur Eingabeprfung
5.3.2 Projekt in der SAP Web IDE anlegen .......... 155 verwenden ................................................ 255
5.4 SAPUI5-Demokit ..................................................... 157 7.1.5 Eigene Datentypen .................................... 258
5.5 Ihre ersten SAPUI5-Anwendungen .......................... 160 7.2 Layoutanpassungen ................................................ 261
5.5.1 SAPUI5-Anwendung auf Basis eines 7.2.1 CSS anpassen ............................................. 261
JavaScript-Views ........................................ 160 7.2.2 Theme Designer ........................................ 265
5.5.2 SAPUI5-Anwendung auf Basis eines 7.2.3 Standardabstnde ...................................... 276
XML-Views ................................................ 167 7.3 Components ........................................................... 278
5.5.3 Anwendung in das Backend laden .............. 171 7.3.1 Component anlegen .................................. 280
5.5.4 Download und Import der Beispiele ........... 180 7.3.2 Automatische Instanziierung des Views ..... 284
5.6 Debugging .............................................................. 181 7.3.3 View kontextabhngig laden ..................... 286
5.6.1 Eigene Ressourcen debuggen ..................... 182 7.3.4 Navigation ................................................. 288
7.3.5 Fehlerseite bei falschem Aufruf .................. 296
5.6.2 Core-Komponenten debuggen ................... 187
7.3.6 View-bergreifende Wertebergabe .......... 299

8 9
Inhalt Inhalt

7.4 Fragments ............................................................... 305 10.3 Anwendungsbeispiel ............................................... 448


7.4.1 Dynamisches Fragment in einem View ....... 306 10.3.1 Grundgerst der Anwendung .................... 448
7.4.2 Fragment als Pop-up-Fenster ..................... 310 10.3.2 Grundgerst erweitern .............................. 452
7.5 Kundeneigene Controls ........................................... 315 10.4 Bereitstellung ber das SAP Fiori Launchpad ........... 456
7.6 Kommunikation mit dem SAP-Backend ................... 321 10.4.1 Launchpad-Rolle anlegen .......................... 458
10.4.2 Semantisches Objekt pflegen ..................... 459
8 Systemanbindung mit SAP Gateway ...................... 327 10.4.3 SAP Fiori Launchpad Administrator ........... 460
10.4.4 Berechtigungen anlegen ............................ 465
8.1 Open Data Protocol ................................................ 327
8.2 SAP Gateway ........................................................... 333
Anhang ............................................................................ 469
8.2.1 Installation ................................................. 334
8.2.2 Konfiguration ............................................. 334 A Weiterfhrende Informationsquellen ................................. 469
8.3 OData-Service implementieren ................................ 336 B ber den Autor ................................................................. 471
8.3.1 Service definieren ....................................... 336
8.3.2 Service implementieren .............................. 344 Index ........................................................................................ 473
8.3.3 Service aktivieren ....................................... 353
8.3.4 Service testen ............................................. 356
8.4 OData-Service konsumieren .................................... 360
8.4.1 Datenbindung ............................................ 360
8.4.2 Query-Optionen ........................................ 365
8.4.3 CRUD-Operationen .................................... 372
8.4.4 Stapelverarbeitung ..................................... 375
8.4.5 Smart Controls ........................................... 381
8.5 Mit Mockdaten arbeiten .......................................... 385

9 Beispielentwicklung einer Portalanwendung ......... 391

9.1 User-Interface-Design entwerfen ............................. 391


9.2 Datenmodell erstellen ............................................. 398
9.3 Benutzeroberflche implementieren ........................ 399
9.3.1 Grundgerst der Portalanwendung ............. 399
9.3.2 Home-View ................................................ 410
9.3.3 Routenplaner ............................................. 414
9.3.4 Aufgabenliste ............................................. 420
9.3.5 Zeiterfassung .............................................. 427
9.3.6 Urlaubsantrag ............................................. 436

10 Beispielentwicklung einer SAP-Fiori-App ............... 439

10.1 SAP Web IDE .......................................................... 441


10.2 Mobile Lsungen mit SAPUI5 entwickeln ................ 445

10 11
Index

/UI5/THEME 265 ABAP-Dictionary-Struktur


<blockquote> 26 importieren 344
<body> 21, 24 Abschnitt 20
<br> 26 Abstand 276
<datalist> 33 action 33
<div> 26, 28 ActionSheet 160
<footer> 24 addEventListener() 85
<form> 33 addStyleClass 261, 264
<h> 25 Adressierbarkeit 328
<head> 21 Aggregation 160, 234
<header> 24 Aggregation Binding 234
<hr> 26 Aggregation Binding, Factory-
<html> 21 Funktion 235
<input type="radio"> 33 AJAX 100, 321
<input> 33 asynchrone Verarbeitung 102
<label> 33 Aufruf 217
<li> 26 Objekt 101, 104
<ol> 26 synchrone Verarbeitung 102
<p> 20 alert 53
<script> 50 Android 439
<section> 24 Anfangs-Tag 20
<select> 33 Anfrage 321
<table> 32 Animation 82
<tbody> 32 Anker 30
<td> 32 Anmeldesprache 228
<textarea> 33 Annotation 364, 383
<th> 32 Annotation Binding 350, 364
<thead> 32 Annotation, OData 227
<tr> 32 Apache Tomcat 166
<ul> 26 API-Referenz 161, 441
$batch 332, 375 App 399, 445
$expand 332 Referenz-App 442
$filter 332 Template 442
$format 332 App Descriptor 279
$metadata 329 App-Control 288, 292
$orderby 332 Applikationsdaten 149
$select 332 apply 285
$skip 332 Architekturmuster 149
$top 332 Argument 52
Array 74, 75, 77
Assoziation 329
A Asynchronous JavaScript and XML
AJAX
ABAP Debugger 148
Atom Publishing 327
ABAP Dictionary 344
Atom Syndication 327
ABAP in Eclipse 119
Attribut 192
ABAP Workbench 352

473
Index Index

Attribut-Binding 226 C Control (Forts.) CSS (Forts.)


Ausdruck 248 HeaderBar 399 Spezifitt 41
Auswahlliste 33 Cache zurcksetzen 314 IconTabBar 197 CSS3 44, 139
Auszeichnungssprache 20 Calendar 436 Input 199, 224, 257, 378 Custom Control 315, 414
Auenabstand 276 Call by Reference 56 kundeneigenes 315, 414 Custom Data Binding 249
Axure 392 Call by Value 56 Layout 200 CustomData-Attribut 250, 454
Callback 102, 217 List 197 Customizing 457
Callstack 183 MassageStrip 377
B Cascading Style Sheet CSS MessagePage 297
Catch-all-Route 297 MessageToast 204, 257, 320 D
Backend Central Hub 112, 334, 353 NavContainer 289
Anwendung einchecken 175 Central Hub Deployment 112, 334 Data Binding Datenbindung
ObjectHeader 197
Deployment 456 Changeset 375 Data Provider Class 352
Page 289, 421
Kommunikation 321 definieren 379 data-Attribut 192
RatingIndicator 227, 245, 395
Basis-Controller 401, 406 ID 377 Date 254
Responsive 201
Basis-Theme 267 Chart 427 Datenbankoperation 333
sap.ui.core 160
Batch Checkbox 421 Datenbankzugriff 149
Search 366
ID 375 Chrome 182 Datenbindung 191, 210, 211,
SearchField 197
OData 375 Class Builder 352 226, 450
Select 429
Verarbeitung 380 Client 149 bidirektionale 211
Shell 281, 399
Benutzeraktion 149 clientseitiges OData Model 232 Binding-Pfad 242
Slider 294
Berechtigung 464 Cloud Connector SAP HANA JSON Model 212
SmartTable 382
Berechtigungsprofil 466 Cloud Connector Kontext 236
SplitApp 197, 289, 446
Berechtigungsrolle 465 Codeschnipsel 282 Muster 212
Table 197, 214, 361
Beschriftung 33 Code-Template 282 OData Model 212
Text 207
Bibliothek einbinden 198 Codevervollstndigung 163 One-Time-Binding 212
Tile 274, 403
Binding Datenbindung ComboBox 235 Resource Model 212
Timeline 395, 420
BlackBerry OS 439 Complex Binding 245 Syntax 220
Blockelement 28 Toolbar 366, 370, 454
Component 278, 399, 400, 404 Two-Way-Binding 211
Blue Crystal 201, 267 ToolbarSpacer 370
Aufbau 279 Typen 211, 232
Bookmark Lesezeichen Tree 236, 237
Navigation 288, 290 XML Model 212
boolescher Wert 62 Vererbung 159
ComponentContainer 279 Datencontainer 234
Bootstrapping 161, 191, 192 ViewSettingsDialog 366, 369
Container 403 Datendefinition 213
Box-Modell 276 Controller 149, 155
Container Padding 276 Datenmodell 149, 344, 398
break 69 Basis-Controller 401
Control 159, 196 Daten-Provider-Klasse 336
Breakpoint 146, 182 Datenbindung 237
ActionSheet 160 Datentyp 253
Breakpoint, Bedingung 183 Struktur ab Version 1.30 204 Date 254
App 288, 292, 399
Browser 19 Struktur bis Version 1.28 204 DateTime 255
Beispiele 158
Anfrage 140 Corporate Design 139 eigener 258
Bibliothek 261
Cache 314 Cross Origin Request 107
Button 161, 185, 196, 209, 261, Time 255
Entwicklertools 48 CRUD-Operation 231, 333
316, 370, 454 Datenbertragung, asynchrone 100
Spezifika 44 implementieren 352
Calendar 436 DateTime 255
BSP-Anwendung 176 OData 372
Chart 427, 431 Datum 254
BSP-Seite 173 CSS 14, 35, 261, 417 Datum, Ausgabeformat 254
ColumListItem 310
BUILD 392 anpassen 261 DDIC 344
ComboBox 235
Button 161, 185, 209, 316, 370, 454 Deklaration 35 Debug-Befehl 186
ComponentContainer 279
Generator 45 Debugging 181, 182
Dialog 311
Hierarchie 37, 40, 41 Debug-Modus 195
Erweiterung 315
Klasse 261 Deklaration, CSS 35
Form 200
Parameter 261 Dekrementoperator 63
GridLayout 307
Selektor 41

474 475
Index Index

Demokit 115, 157 encodeURIComponent 249 function 50 Hybrid-Web-Container 440


Design Guideline 113 Endgert 445 Funktion 57 Hyperlink 29, 84, 328
Desktopanwendung 152 Endgert, Simulation 287 Hypermedia 328
Detailbereich 446, 450 End-Tag 20 Hypertext Markup Language HTML
Detail-Page 289 Entitt modellieren 342 G
Development Paradigm Entwick- Entittsmenge 329, 336, 350, 427
lungsmodell Entittsmenge lesen 411 Gateway-Service OData-Service I
Device-Bibliothek 445 Entittstyp 328, 336, 346 GET 103
DHTML 47 Entity Data Model 328, 399 GET-Methode 33 i18n 227, 280
Dialog 311 Entity Set Entittsmenge Git 177, 444 ICF-Controller 141
Dispatcher 141 Entwicklertools 181, 261 Git-Historie 441 ICF-Knoten 145, 322
dowhile-Schleife 73 Entwicklungsmodell 152, 156 Gold Reflection 201 ICF-Service 115
document 76 HTML 152 Google Maps 397, 414 aktivieren 147
Document Object Model DOM JavaScript 152, 160 GridLayout 307 anlegen 144
Dokumentkompatibilittsmodus 24 JSON 152 Gruppe anlegen 463 Fehleranalyse 148
Dokumentkrper 24 XML 152 GW_CORE 333 ICM 141
Dokumenttypdeklaration 21 Ereignis 84, 94 ICM-Monitor 148
DOM 62, 76 mobile Endgerte 447 ICM-Trace 148
Baum 77 Modell 84
H Icon 316
DOMContentLoaded 89 onAfterRendering 155 ID
HANDLE_REQUEST 142, 145 absolute 207
Eigenschaft 77 onBeforeRendering 155 Hard Reload 314 relative 207
Manipulation 78, 96 onExit 155 HCP 126 IDE 117
Domain Model 280 onInit 155 HeaderBar 399 ID-Selektor 40
Drop-down-Liste 33 vordefiniertes 155 Hierarchie, CSS 37 IF_HTTP_EXTENSION 144
dynamische Webseite 100 Ereignisbehandler Event Handler High Contrast Black 201 if-Anweisung 65, 66
Event Handler 50, 84, 85, 89, 163 Host, virtueller 132 index.html 169, 170
Event Listener Event Handler HTML 14, 19, 139
E Event-Objekt 84, 184 Attribut 192
Indexvariable 70
Inkognito-Modus 314
Expression Binding 248 Dokument 20
Eclipse 116, 117 Inkrementoperator 63, 70
Expression Breakpoint 183 Dokumentkrper 20
32-Bit-Version 118 Innenabstand 276
Extended Data Binding 244 Dokumenttypdeklaration 20
64-Bit-Version 118 innerHTML 78
extend-Funktion 284, 315, 401 Element 20
Code-Template 163 Input 199, 224, 257, 378
Download 117, 118 Kopfbereich 20 Installation
Textabsatz 26 Cloud Connector 129
Project Explorer 174 F Textauszeichnung 29
Projekt anlegen 151 SAPUI5 112, 114, 115
Projekt hochladen 171 Faceless Component 278 berschriften-Tag 25 UI5-Eclipse-Plug-in 120
Projekt importieren 180 Factory-Funktion 89, 235 Validator 19 Integrated Development
Proxy-Einstellungen 324 Favorit Lesezeichen Zeichenkodierung 21 Environment 117
Vorschaufunktion 165 Fehleranalyse 284 HTML5 19, 20 Internationalisierung 227
ECMAScript 48 Feldattribut 349 HTML-View 152, 153 Internet Communication
EDM 328, 398 Filter, OData 366 HTTP_DISPATCH_REQUEST 141 Manager 141
EDMX-Datei 344 Firebug 80 HTTP-Anfrage 141 iOS 439
Eigenschaft, Binding 233 forin-Schleife 74 HTTP-Datenstrom 321 IW_BEP 113, 333
Eingabefeld 33 Formatfehler 254 HTTP-Handler 146 IW_FND 333
Eingabemaske 33 Formatter 246 HTTP-Kommunikation 321
Element Binding 239 Formular 33, 308 HTTP-Methode 328
Elternobjekt 77 for-Schleife 70 HTTP-Request-Handler 141
Embedded Deployment 112, Fragment 305, 370 HTTP-Status setzen 145
114, 334 Fullscreen-App 288 HTTP-Statuscode 103
HTTP-Strom 141

476 477
Index Index

J jQuery-DOM-Funktion Klasse (Forts.) MassageStrip 377


.addClass() 98 sap.ui.base.Event 184 Master-Bereich 446, 450
Java Runtime 117 .after() 98 sap.ui.core.Component 278 Master-Page 289
JavaScript 14, 24, 47, 149 .append() 98 sap.ui.core.Control 164 Math 249
Ablauflogik 51 .appendTo() 98 sap.ui.core.UIComponent 278 MessagePage 297
Argument 52 .css() 98 Klassenselektor 41 MessageToast 204, 320
Bibliothek 87 .insertAfter() 98 Knoten 77 Metadata-Bereich 279
Code einbinden 49 .insertBefore() 98 Kommentar, JavaScript 50 Metadaten 329, 400
dowhile-Schleife 73 .prepend() 98 Kommunikationsschicht 333 method 33
Ereignis 84 .prependTo() 98 Kompressor 187 Methode 57
forin-Schleife 74 .remove() 98 Konditionaloperator 66 Methode, statische 316
for-Schleife 70 .removeClass() 98 Konsole 48, 184 mobile Anwendung 152
Funktion 50, 57 .wrap() 98 Konstruktor 55 Mobile first 152
if 66 jQuery-Ereignis Konstruktorfunktion 162 Mobile Lsung 445
Kommentar 50 .bind 95 Kopfbereich, HTML-Dokument 23 Mobile Visual Identity (MVI) 201
Kompressor 187 .blur 96 kundeneigenes Control 315 Mockdaten 385, 398
Konstruktor 55 .change 96 Mockserver 385, 387, 444
Methode 57 .click 96 Mockup 392
Objekt 53, 57 .dbclick 96 L Model 149
Objekt-ID 208 .hover 96 ID 244
Label 201 Sichtbarkeit 219
Punktnotation 56 .keypress 96
Laufzeit 100 Model View Controller MVC
return 52 .keyup 96
Laufzeitumgebung 191 Model-Provider-Klasse 336, 352
Rckgabe 52 .mousemove 96
Laufzeitversion 195 MVC 149, 150, 155, 201
Sichtbarkeit von Variablen 60 .on 95
Launchpad-Rolle 458, 463 MVC, Webentwicklung 149
switch 68 JScript 47
Layout 261
this 57 JSON 57, 59, 214
Layout Control 200
typeof 64 relativer Pfad 215
Variablendeklaration 59 Validator 223
Layout Editor 443 N
LDML 254
Variablentyp 59 View 152 Lesezeichen 288, 296, 301 Nachfahrselektor 41
Vererbung 286 JSON Model 214 Lesezeichen, Fehler bei Aufruf 297 Named Binding 244
View 152, 160 JSON Model, lokales 424 LESS 261 Named Model 229
while-Schleife 71 JSON with Padding 104 Linie, horizontale 26 Namensraum 181, 197, 246, 401, 450
JavaScript Object Notation JSON JSONP 104 Liste deklarieren 200
JDBC 231 JSON-Validator 409 Drop-down 33 XML-View 200
jQuery 14, 87 JSONView 331 Eintrag 26 Namespace Namensraum
AJAX-Objekt 104 geordnete 26 NaN 62
Bibliothek 87 ungeordnete 26 NavContainer 289
DOM-Manipulation 96 K loadData 321 Navigation 288, 402, 406
einbinden 88 Locale Data Markup Language 254 Negationsoperator 65
Kachel 270
Ereignis 94 Logging Protokollierung null 62
anlegen 461
Factory-Funktion 89 lokale Entwicklung 174
konfigurieren 461
Funktion 90 Loose Typing 60
Katalog anlegen 460
hasAttribute-Selektor 90
Klasse
O
Methoden verketten 92
.sapMBtnInner 261
Objekt 89
CL_HTTP_SERVER 141
M OASIS 327
Punktnotation 92 Objekt 53
CSS 261 main.controller.js 170 Instanz 55
ready-Funktion 89
Margin 277 main.view.xml 169 Konstruktor 54
Referenz 88
Padding 277 manifest.json 279, 400, 404 prototypisches 285, 286
Selektor 89, 90
sap.m.Button 185 Margin 276 semantisches 459

478 479
Index Index

Objekt (Forts.) onmousemove 85 prototypisches Objekt 285, 286 SAP Fiori Launchpad (Forts.)
transportierbares 174 onmouseout 85 Prototyp-Kette 284, 286 Anwendung bereitstellen 456
vordefiniertes 55 onmouseover 85 Proxy-Konfiguration 324 Berechtigung 464
Objektorientierung 53 onmouseup 85 Proxy-Servlet 324, 381 Gruppe 463
OData 231, 327 On-Premise-System 129 Prfbedingung 70, 71, 73 Kachel 461
batch 375 onreadystatechange 102 Publisher 149 Katalog 460
Bibliothek 333 onreset 85 Punktnotation 56, 92, 312 Konfiguration 460
CRUD 372 onsearch 367 Rolle 458
Filter 331, 365 onselect 85 Theme 270
Navigation 331 onsubmit 85 Q SAP Fiori Stencils 392
Objekt 336 onunload 85 SAP Gateway 112, 232, 327
Open Data Protocol OData Query-Option 331, 361, 365
Paging 362 aktivieren 335
Query 331, 365 open() 101 Client 355
SAP-Annotationen 328 Operation 328 Developer Guide 336
Service implementieren 336 Operator 62 R
Fehleranalyse 148
Servicedokument 329 Operator, logischer 65 Komponenten 333
Radiobutton 33
Sorter 365 RatingIndicator 227, 245, 395 Laufzeitobjekt 336
URL 331 ready 89 SAP Gateway Service Builder 334,
OData Channel 333 P 344
readyState 102
OData Model 231, 232, 347, 360 Rechenoperator 63 SAP HANA Cloud Connector 129,
Padding 276
anlegen 341 Referenz-Apps 442 441, 450, 457
Paging 361, 362
Editor 339 RegExp 249 SAP HANA Cloud Connector,
PAM 116
OData Modeler 126, 337, 385 Remote Function Call 112 Installation 129
Paragraph 20
OData-Service 232, 350, 451 Render Manager 316 SAP HANA Cloud Platform 126
Parent-Child-Datenbindung 239
aktivieren 353 renderer 315 SAP HANA Cloud Platform,
parseFloat 246
Annotation 383 Rendering Engine 19 Cockpit 127
Parser 220, 242
Datenmodell 344 Request 141, 321 SAP NetWeaver Application Server
Parser-Fehler 254
Fehleranalyse 148 Request Handler 141, 322 ABAP 100, 113, 140, 321
Pattern 292
Fehlerprotokoll 359 requestCompleted 217, 431 SAP Service Marketplace 119
Pattern, Navigation 288
generieren 350 Resource Model 227, 400 SAP UI Development Toolkit for
Phishing 323
Query-Option 357 Response 103, 141 HTML5 SAPUI5
placeAt 164
testen 353 Responsive Control 201 SAP UI Theme Designer Theme
Platinum 201
ODBC 231 REST 327, 328 Designer
Plattform 139
Oder-Operator 65 return 52, 84 SAP Web IDE 116, 126, 441
Portalanwendung 391
Ogee 337, 398 RFC 112 Backend-Deployment von
Port-Information 142
onabort 84 Roundtrip 141 Anwendungen 456
POST-Methode 33, 103
onblur 84 Route definieren 292 Git 444
Prsentationsschicht 149
onButtonPressed 320 Routing-Objekt 288, 406 Git-Integration 441
Product Availability Matrix 116
onchange 84 RSS-Feed 327, 461 Layout Editor 443
Projekt
onclick 84 Rckgabewert 52, 84 Lizenz 126
anlegen (Eclipse) 151
ondblclick 85 lokale Installation 128
anlegen (SAP Web IDE) 155
onerror 85 Mockdaten 385
importieren 180
One-Time-Datenbindung 212 Template 155
S Mockserver 444
One-Way-Datenbindung 211, 231 OData Model Editor 337, 339
properties-Datei 228
onfocus 85 Same-Origin-Policy 107, 323 Template 449
Property 317, 329
onkeydown 85 SAP Add-On Installation Tool 115 Testzugang 126, 128
ndern 342
onkeypress 85 SAP Fiori 113, 440 Theme Designer 265
hinzufgen 342
onkeyup 85 SAP Fiori Launchpad 113, 279, sap.m 152
Property Binding 233 394, 456
onload 85 sap.m.App 288
Protokollierung 48 Administrator 459, 460
onmousedown 85 sap.m.IconTabBar 197
prototypische Vererbung 286

480 481
Index Index

sap.m.List 197 SAPUI5 ABAP Repository Team switch 67 Transaktion (Forts.)


sap.m.NavContainer 288 Provider 117, 118, 119, 171, Systemalias 335 SAINT 115
sap.m.ObjectHeader 197 176, 323 Systemarchitektur 112 SE24 144
sap.m.SearchField 197 SAPUI5 Tools IDE Plugin 119 SE80 457
sap.m.SplitApp 197 Schleifendurchlauf 70 SEGW 336, 344, 352, 383
sap.m.Table 197 Schlsselfeld 343, 346 T SICF 115, 143, 146
sap.ui.commons 152 screen 76 SMICM 148
sap.ui.core 160 Scroll-Ereignis 447 Tabellenelement 32
SPAM 115
sap.ui.Device.support.touch 445 SDK 157 Tabellenparameter 361
SPRO 335
sap.ui.Device.system.desktop 445 Search 366 Table 214, 361
Transportauftrag 174
sap.ui.Device.system.phone 445 Select 429 Tablet 446
Tree 236
sap.ui.Device.system.tablet 445 Selektor 35, 40, 89 Tag 20
Trennung, semantische 24
sap.ui.getCore().byId() 207, 209 semantische Trennung 24 Target 292
Trusted-/Trusting-Beziehung 112
sap.ui.model.odata.ODataModel 360 semantisches Objekt 459 Target Mapping 463
Trusted-RFC-Verbindung 336
sap.ui.model.Operation- send() 102 Task Handler 141
Two-Way-Datenbindung 211
Mode.Client 232 Server 149 TCP/IP 141
typeof 64
sap.ui.model.Operation- Server-Backend 100 Team Provider SAPUI5 ABAP
Typisierung, dynamische 59
Mode.Server 232 Serverkontrollblock 141 Repository Team Provider
Typkonvertierung 64
SAP-Annotationen 328, 356, 364 Servicedokument 329 Template 155, 234, 442, 449
Typselektor 40
SAP-Backend 321 Servicekatalog 353 Textauszeichnung 29
SAP-Hinweis 123 Serviceverbindung 449 Textbereich 33
SAPUI5 22, 115, 143 setModel() 220, 232 Textknoten 77 U
ABAP-Repository 171 Shell-Control 399 Theme 201, 261, 267
Anwendungsobjekt 160 Simulator 287 einbinden 273, 275 bergabewert 52
Anwendungsprojekt 150 Slider 294 freigeben 272 Uhrzeit 255
API-Referenz 161 Smart Control 227, 350, 357, 381 sichern 272 UI-Component Component
Bibliothek 117, 152, 160 Smartphone 446 Theme Designer 265 UI-Control Control
Bootstrapping 192 SmartTable 382 Basis Theme 267 UI-Mockup 392
Datentyp 254 SMTP 141 Bearbeitungsmodus 269 UI-Prototyping 392
Demokit 157 Snippet 282, 410 Vorschaufunktion 268 undefined 62
einchecken 175 Software Development Kit 157 Theming 191, 261 Und-Operator 65
Grundseite 22 SOP 107, 323 this 57 Universalselektor 40
Installation 112, 117 Sortierung, OData 369 this.getView().byId() 207, 209 Update-Site 117, 123
Klasse 197 Spezifitt 40 Tile 270, 399, 403 Upload, manueller 178
SplitApp 289, 446 Time 255 URL-Parameter 231, 388
Laufzeitversion 195
Split-App-Anwendung 289 Timeline 395, 420 URL-Pattern 292
MVC 167
Sprachabhngigkeit 227 Tomcat-Webserver 165 User Experience 113
Plattformen 139
Sprachdatei 230 Toolbar 366, 370, 454 UX 113
Plug-in installieren 120
Standardaktion unterbinden 84 ToolbarSpacer 370
Programmierbeispiele 157
Stapelverarbeitung, OData 375 Tooltip 160, 185
Ressource 194
Ressourcenpfad 195 Steuerungsschicht 149 Touch-Ereignis 447 V
Style 81 Transaktion
SDK 157 Validierungsfunktion 256
style.css 418 /IWFND/GW_CLIENT 356
Seitenrumpf 155 var 60
Styleguide 140 /IWFND/MAINT_SERVICE 353
Sprache ermitteln 231 Variable 183
Styling 261 /UI2/SEMOBJ 459
Team Provider 119 boolesche 66
Suchfeld 366 /UI2/SEMOBJ_SAP 459
Theme 201 Deklaration 59
Superklasse 286 /UI5/THEME_DESIGNER 266
Update-Site 123 globale 60
Support Package 114 /UI5/THEME_TOOL 273
XML-View 152 integer 70
Swipe Content 447 LPD_CUST 458
Swipe-Ereignis 447 PFCG 465 Sichtbarkeit 60

482 483
Index

Vererbung window 53, 76


Hierarchie 160 Windows Phone 439
klassenbasierte 286 Workspace 118
prototypische 286 World Wide Web Consortium 19, 76
Vergleichsoperator 64 WYSIWYG-Editor 126, 443
Versionsprfung 176
Versionsverwaltungssystem 177
View 149 X
anlegen 290
hinzufgen 290 XML Model 225
initialer 151 XML-Attribut 226
XMLHttpRequest 101
ViewSettingsDialog 366, 369
XML-View 152, 199
View-Typ Entwicklungsmodell
Datennderung 248
virtueller Host 132
Vorschaufunktion 165, 268 Objekt-ID 208

W Y
W3C 19 YUI Compressor 187
W3C-Standard 84
Web IDE SAP Web IDE
Webbrowser 141
Z
Webentwicklertools 39
Zeichenverkettung 63
Webseite, dynamische 100
Zeilenumbruch 26
Webserver, installieren 166
Zustandslosigkeit 328
Wert-Binding 234
Zuweisungsoperator 63
while-Schleife 71

484
Wissen aus erster Hand.

Miroslav Antolovic ist bei der bsc solutions GmbH & Co.
KG als SAP-Entwickler und -Trainer ttig. Er studierte an der
Universitt Heidelberg Pharmazie und arbeitete als Java-
und Webentwickler. 1999 begann er als Anwendungsent-
wickler bei der SAP AG im Product Lifecycle Management,
und 2004 wechselte er zur REALTECH AG, bei der er SAP-
Add-on-Produkte entwickelte. Ab 2007 war er als Leiter
der SAP-Entwicklung bei der SEEBURGER AG ttig, bis er
schlielich 2010 zu bsc solutions wechselte.

Wir hoffen sehr, dass Ihnen diese Leseprobe gefallen hat. Sie drfen sie gerne
empfehlen und weitergeben, allerdings nur vollstndig mit allen Seiten. Bitte
beachten Sie, dass der Funktionsumfang dieser Leseprobe sowie ihre Darstel-
lung von der E-Book-Fassung des vorgestellten Buches abweichen knnen.
Miroslav Antolovic
Diese Leseprobe ist in all ihren Teilen urheberrechtlich geschtzt. Alle Nut-
Einfhrung in SAPUI5 zungs- und Verwertungsrechte liegen beim Autor und beim Verlag.
484 Seiten, gebunden, 2. Auflage 2015
69,90 Euro, ISBN 978-3-8362-3908-0 Teilen Sie Ihre Leseerfahrung mit uns!

www.sap-press.de/3986