HSI

Multidimensionales Filtersystem für die aWall (Hybride Agile Collaboration Wall)

Ein neues Filtersystem sorgt dafür, dass Teams auf der aWall, auch bei komplexen Projekten jederzeit den Überblick behalten. Die Agile Collaboration Wall, aWall, ist ein Software-System für die hybride agile Projektkollaboration mittels extra-grosser interaktiver Displays.

aWall Teaser image

Ausgangslage

Die aWall ist ein am Institut für Mobile und Verteilte Systeme (IMVS) der FHNW entwickelte Software, konzipiert für grosse Multi-Touch-Displays, auf dem agile Teams gemeinsam ihre Projektdaten aus Systemen wie Jira verfolgen. Die aWall unterstützt fünf Board-Ansichten: Daily-Scrum, Sprint-Planning, Release-Planning, Multiproject und Kanban. Weil jede dieser Ansichten die Daten anders strukturiert und laufend neue Informationen dazukommen, wird das Board schnell unübersichtlich. Bisher liess sich nur eingeschränkt filtern, wodurch es schwierig war, schnell an die gerade relevante Information zu kommen, etwa zur Auslastung von Teammitgliedern, zu Risiken wie überfälligen Aufgaben oder zum aktuellen Projektfortschritt.

Zielsetzung

Ziel dieser Arbeit war die Konzeption, Implementierung und Evaluation eines neuen Filtersystems für die aWall, das sowohl auf dem grossen Multi-Touch-Display als auch am gewöhnlichen Desktop-Gerät funktioniert. Im Zentrum stand die Frage, welche Kombination aus Filter- und Suchfunktionen den grössten Mehrwert, bei der gemeinsamen Exploration auf der aWall, bietet.

Aktiver Filter auf dem Daily Board

gallery-1

Aktiver Filter auf dem Release-Planning-Board

image description

Aktiver Filter auf dem Sprint-Planning-Board

image description

Der Filterkonfigurator mit der querybasierten Filterung

image description

Das Filterwidget im kleinen Modus (angedockt)

image description

Aktiver Timebox-Filter (separates Widget)

gallery-1

Ergebnisse

Entstanden ist ein Filtersystem, das sich nahtlos in das bestehende Widget-System der aWall einfügt. Es basiert auf einer State-of-the-Art-Analyse bestehender Tools wie Jira, GitLab und Trello und wurde direkt im aWall-Technologie-Stack (Angular, Flask, PostgreSQL) umgesetzt:

  • Kombination aus Facetten- und querybasierter Filterung mit vordefinierten Werten, ganz ohne eigene Abfragesprache
  • Speicherbare, benannte Filter pro Board-Ansicht, inklusive vorbereiteter Default-Filter und eigener Custom-Filter
  • Timeboxed Filtering als neuartige Erweiterung: ein Filterattribut rotiert automatisch über die Zeit, z. B. um während eines Daily Standups automatisch durch die Teammitglieder zu wechseln
  • Einheitliche Bedienung für Touch am grossen Display sowie am Desktop-Gerät dank ausgeklügeltem Interaktionskonzept

Technische Schlüsselbegriffe

  • FrontendAngular 16, TypeScript, RxJS
  • BackendFlask (Python), Socket.IO
  • DatenbankPostgreSQL
  • Filtersystem zeigt aus einer grösseren Datenmenge anhand festgelegter Kriterien nur die gerade relevanten Elemente an
  • Timeboxed Filtering automatische, zeitbasierte Rotation von Filterwerten
  • Multi-Touch-Display extra-grosses interaktives Display für gemeinsame Kollaboration
  • Widget ein eigenständiger, andock- oder frei platzierbarer UI-Baustein der aWall
  • User Testing eine UX-Methode, bei der echte Nutzerinnen und Nutzer eine Anwendung durchlaufen, während ihr Verhalten und Feedback beobachtet werden, um Usability-Probleme aufzudecken und das Design zu verbessern

Team

Marco Jucker
Michel Scherer

Betreuer
Martin Kropp,
Fabian Affolter

Institut

Institut für Mobile und Verteilte Systeme

4