nw  

Web UI zur Verwaltung von Image Processing Pipeline Workorders

Zusammenfassung

Ein webbasiertes UI um eine bereits vorhandene Image Processing Pipeline zu verwalten. Es ist möglich neue Tasks zu erstellen, Tasks zu stoppen sowie die zugehörigen Details einzusehen.

Schlüsselbegriffe

Elixir, Erlang, Html, JavaScript, Functionalprogramming

Zielsetzung

Das Ziel ist eine Web Applikation zur Verwaltung einem Image Processing Pipeline System. Es soll möglich sein neue parametrisierte Tasks in die Pipeline zu erfassen. Erstellte Tasks können abgebrochen werden, während bei laufenden Tasks die zurzeit benutzten Systemressourcen überwachen kann. Die ganze UI soll responsive aufgebaut sein und so gut wie möglich an die bereits existierenden Systemen angepasst sein.

Ausgangslage

Es existiert das Image Processing Pipeline System, sowie eine API mit den wichtigsten Funktionalitäten. Viele Funktionalitäten sind jedoch noch emuliert auf der Kundenseite. Als Programmiersprache findet Elixir und Erlang den meisten Einsatz beim Kunden.

Ergebnisse

Es ist möglich alle erfassten Tasks einzusehen und diese via Sortierbuttons auch beliebig geordnet werden. Über den Load-More Button können weitere Task dazugeladen werden. Auf der Detailansicht eines einzelnen Task wird eine Websocket-Verbindung aufgemacht über die via dem Backend kontinuierlich live Ressourcen-Verbrauch Daten gesendet werden. Es ist möglich ein Task direkt auf der Startseite oder via der Detailansicht abzubrechen. Alle benötigten Parameter um einen Task zu erstellen werden nicht nur Client-Seitig, sondern wie gewohnt auch Server-Seitig validiert. Eine der grösseren Challenges war es, die funktionale Programmiersprache Elixir mittels des Phoenix Frameworks anzuwenden, sowie einen State in ein sonst Stateless System zu bringen. Jede Aktion mit den Task kommuniziert mit der API im Hause des Kunden.


Projektdaten

Projektdauer: 18. September 2017 - 19. Januar 2018
Aufwand in Personenstunden: 360h
Teamgrösse: 2 Personen

Auftraggeber

Nomoko AG, Röschibachstrasse 24, 8037 Zürich
https://www.nomoko.world

Projektteam

Yannick Sutter, Nick Thommen

Kontakt

Simon Schubiger
simon.schubiger@fhnw.ch

Moritz Dietsche
moritz.dietsche@fhnw.ch

<< zurück