Zum Hauptinhalt springen

Studierendenprojekte

Entwicklung plattformunabhängiger Apps

Entwicklung einer Workflow-Webapp für alle gängigen Betriebssysteme

Im Vollzeit-Studiengang Informationstechnik & System-Management 2017 wurde eine plattformunabhängige PWA (progressive Webapplikation) zur Ausführung von Workflows auf Basis von BPMN entwickelt. Bei BPMN handelt es sich um eine Diagrammnotation welche über vordefinierte Symbole den Ablauf eines Prozesses wiedergibt. Am Beispiel eines eigens entwickelten Workflows, der den Ablauf einer Online-Pizzabestellung simuliert, wurde eine Webapplikation entwickelt, die diesen Ablauf ausführt und mit dem User interagiert.

Die Grundidee lag dabei darauf, die Workflows die in BPMN gestaltet wurden und normalerweise am Server ausgeführt werden, auch auf Mobile Clients zu bringen und eine Ausführung dort zu ermöglichen. Die Herausforderung dabei war nicht nur die Wahl einer geeigneten Programmiersprache, sondern auch die korrekte Ausführung des BPMN-Diagramms, dessen Symbole sowohl grafisch als auch in Form einer XML-Datei repräsentiert werden können. Zudem sollte die Applikation installierbar und auch offline ohne Internetverbindung voll funktionstüchtig sein.

In der XML-Datei liegen alle Informationen bezüglich der Verhältnisse der Symbole zueinander, als auch deren Attribute, wie Beispielsweise Typ von Symbol, Symbol ID, Benennung, etc. Diese Eigenschaften wurden aus dem XML ausgelesen und anhand vordefinierter Abläufe je Symbol konnte darauf sinnvoll reagiert werden.

Aufgebaut wurde die Applikation mittels JavaScript, CSS3 und HTML5. JavaScript - eine Interpreter Sprache - ist ohne Vorbereitungen auf jedem gängigen Browser lauffähig. Auch für die Offline-Funktionalitäten bietet diese Sprache einfache Lösungen, den Serviceworker. Dieser Worker cached alle nötigen Dateien und Ergebnisse und ist somit für die Offline-Funktionstüchtigkeit verantwortlich. Die Grundstruktur des Userinterfaces wurde mit HTML5 beschrieben. Mit Hilfe des Bootstrap-Frameworks und CSS3 wurden Eingabefelder und Auswahlmöglichkeiten für die Bestellung kreiert und gestaltet.

Das Hauptaugenmerk fällt bei dieser Applikation auf die Ausführung auf iOS und Android Geräten, wie auch auf Desktop PCs (Windows, Linux, Mac OS) unter Verwendung von Google Chrome.

Ein Nachteil bei der Implementierung des Projekts ist allerdings, dass bei einer Änderung eines Symbols im BPMN-Workflow, die dazugehörige Funktion im Quellcode mit verändert werden muss. So könnten etwa in zukünftigen Arbeiten Flexibilität und die Verwendung andere Arten von Anwendungssymbolen (Tasks) in den Vordergrund gerückt werden.

Facts:
Typ: Bachelorprojekt
Studiengang: Bachelor Informationstechnik & System-Management

Workflow-Webapp

Foto: FH Salzburg