Entwicklung einer App mit FIspace How to get started?

Transkript

1 Info Day Bremen :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ü ATB Institut für angewandte Systemtechnik Bremen GmbH Wiener Str. 1; D Bremen; Germany Entwicklung einer App mit FIspace 1

2 Was ist eine FIspace-App? Eine FIspace-App stellt einen Service bereit nutzt FIspace-Dienste registriert eigene Services und ermöglicht deren Nutzung in Business- Prozessen 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 Products Products Farmer Trader Retailer PIA PIA PIA Outgoing Incoming Outgoing Incoming Information Information 2

3 PIA Lieferübersicht Lieferung als Basiselement und Referenz für Produktinformationen PIA Architektur 3

4 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, W3C- Widget) App-Back-End Das App-Back-End verbindet sich mit der Platform und registriert seine Services Anforderungen: RESTful API (Web-Services), FIspace- Kommunikationsprotokoll 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

5 Getting Started Beispiel: Eclipse (1) Eclipse herunterladen: FIspace Plugin installieren: FIspace Update Site verfügbar Getting Started Beispiel: Eclipse (2) FIspace Perspektive wählen FIspace Projekt erstellen 5

6 Getting Started Beispiel: Eclipse (3) Back-End: Standard-Maven-Projekt-Struktur, dadurch importierbar in andere Entwicklungsumgebungen Front-End: 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

7 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

8 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 nutzen FIspace-Dienste bestehen aus Front-End und Back-End haben geringe Anforderungen: Front-End: HTML 5, JavaScript Back-End: RESTful API, FIspace- Kommunikationsprotokoll grundsätzlich keine Restriktion bei der Wahl der Programmiersprache oder Entwicklungsumgebung App-Entwickler werden unterstützt durch das FIspace SDK: Integration als Eclipse-Plugin Anlegen von Projektstrukturen Einbinden von Abhängigkeiten/Libraries Hilfe bei Erstellung von Business- Prozesse-Modellen Bereitstellen von verschiedenen Testumgebungen FIspace Wiki und Community 8

9 Norman Gülcü ATB Institut für angewandte Systemtechnik Bremen GmbH Wiener Str. 1; D Bremen; Germany 9