Entwicklung einer App mit FIspace – How to get started?

Info Day Bremen –
12.09.2014 – 14:00-18:00 Uhr
Neue Internet-Technologien für
Unternehmer und solche, die es
werden wollen!
Entwicklung einer App
mit FIspace – How to get started?
Norman Gülcü
([email protected])
ATB Institut für angewandte Systemtechnik
Bremen GmbH
Wiener Str. 1; D-28359 Bremen; Germany
http://www.atb-bremen.de http://www.fispace.eu
Entwicklung einer App mit FIspace
1
Was ist eine FIspace-App?
Eine FIspace-App …
• stellt einen Service bereit
• nutzt FIspace-Dienste
• registriert eigene Services
und ermöglicht deren
Nutzung in BusinessProzessen
• besteht üblicherweise aus:
– einem “Front-End”/Widget
(grafische Benutzerschnittstelle)
zur Steuerung und Darstellung
der Anwendung
– einem “Back-End”
(Anwendungslogik) zur
Kommunikation mit FIspace und
z.B. Datenspeicherung
Beispiel: Product Information App (PIA)
Konzept:
•
Austausch von Produktinformationen zwischen Akteuren einer Lieferkette
•
Kollaboration über die FIspace-Plattform
•
Konfigurierbare Stammdaten für unterschiedliche Branchen
Farmer
Products
Trader
PIA
Products
Retailer
PIA
Incoming
Outgoing
Information
PIA
Outgoing
Incoming
Information
2
PIA – Lieferübersicht
Lieferung als
Basiselement und
Referenz für
Produktinformationen
PIA – Architektur
3
Woraus besteht eine FIspace-App?
• App-Front-End
– Das Front-End wird auf die Plattform hochgeladen und innerhalb des
FIspace Front-Ends angeboten
– Anforderungen: HTML 5, JavaScript (Wirecloud- konform, W3CWidget)
• App-Back-End
– Das App-Back-End verbindet sich mit der Platform und registriert seine
Services
– Anforderungen: RESTful API (Web-Services), FIspaceKommunikationsprotokoll
– Keine Restriktion bei Wahl der Programmiersprache
Entwicklungsumgebung – Beispiel: Java
FIspace Software Development Kit als Eclipse-Plugin verfügbar
• Unterstützung bei …
• Front-End- und Back-End-Entwicklung (generiert Projektstruktur als
Gerüst)
• Zukünftig: Erstellung von Business-Prozess-Modellen
• Java Development Kit Version 1.7 Update 21 oder höher
• Eclipse Version 4.2 (Juno) oder höher
4
Getting Started – Beispiel: Eclipse (1)
• Eclipse herunterladen: https://www.eclipse.org/downloads/
• FIspace Plugin installieren: FIspace Update Site verfügbar
Getting Started – Beispiel: Eclipse (2)
• FIspace Perspektive wählen
• FIspace Projekt erstellen
5
Getting Started – Beispiel: Eclipse (3)
Back-End:
Front-End:
•
•
Standard-Maven-Projekt-Struktur,
dadurch importierbar in andere
Entwicklungsumgebungen
“config.xml” und “index.html”
benötigt zum Bau eines
Wirecloud/W3C-konfomen Widgets
Wie lade ich das App-Front-End hoch? (1)
Registrieren und Einloggen in
FIspace-Plattform
Den Upload-Bildschirm des
Wirecloud-GE öffnen
6
Wie lade ich das App-Front-End hoch? (2)
Eine gültige Widget-Datei wählen
(*.wgt) und hochladen
Widget taucht unter “My Resources”
auf
Widget in FIspace – Beispiel: PIA
7
Verbindung von Apps durch
FIspace-unterstützte Business-Prozesse
• Business-Prozess-Definition auf FIspace hinterlegen
• Apps und externe Systeme anbinden und registrieren
• Beispiel: Kommunikation zweier PIA-App-Nutzer über FIspace
Zusammenfassung
FIspace-Apps …
App-Entwickler werden
unterstützt durch …
•
•
•
•
nutzen FIspace-Dienste
bestehen aus Front-End und
Back-End
haben geringe Anforderungen:
– Front-End: HTML 5, JavaScript
– Back-End: RESTful API, FIspaceKommunikationsprotokoll
– grundsätzlich keine Restriktion
bei der Wahl der
Programmiersprache oder
Entwicklungsumgebung
das FIspace SDK:
– Integration als Eclipse-Plugin
– Anlegen von Projektstrukturen
– Einbinden von
Abhängigkeiten/Libraries
– Hilfe bei Erstellung von BusinessProzesse-Modellen
•
•
Bereitstellen von verschiedenen
Testumgebungen
FIspace Wiki und Community
8
Norman Gülcü
ATB Institut für angewandte Systemtechnik
Bremen GmbH
Wiener Str. 1; D-28359 Bremen; Germany
http://www.atb-bremen.de http://www.fispace.eu
9