Smart Knowledge Capture: Filter Editor

Boolesche Ausdrücke, welche auf mathematischen Grundlagen, nämlich der booleschen Algebra, basieren, sind in der Informatik allgegenwärtig. Sie können unter anderem genutzt werden, um Filterausdrücke zu definieren, wobei diese beliebig lang werden können. Die dadurch entstehende Komplexität gilt es zu reduzieren. Im Rahmen dieser Arbeit sollen deshalb Konzepte entwickelt werden, welche die Nutzenden bei der Erstellung von Filterausdrücken unterstützen.

Um das Ziel der Arbeit zu erreichen, wurden zuerst voneinander unabhängige Konzepte, welche als Teilfunktionen des zu entwerfenden Filter-Editors angesehen werden können, erarbeitet. Diese Konzepte wurden anschliessend in Form eines Figma Prototyps umgesetzt, welcher über mehrere Iterationen verbessert wurde. Dabei wurde zu Beginn jeder Iteration ein Vorschlag erarbeitet, welcher im Anschluss mit diversen Personen getestet wurde. Das erhaltene Feedback konnte jeweils für die nächste Iteration verwendet werden. Basierend auf dem entstandenen Figma Prototyp konnte dann eine Web Component implementiert werden. Dabei kamen TypeScript und Stencil.js zum Einsatz. Um die Benutzungsfreundlichkeit zu validieren, wurden Usability Tests durchgeführt. Die technische Umsetzung wurde zudem mit End-to-End Tests abgesichert.

Der am Ende gebaute Filter-Editor, in Form einer Web Component, bietet alle grundlegend notwendigen Funktionen, um einen beliebigen Filterausdruck zu erstellen. Für die Darstellung des Filterausdrucks gibt es zwei Ansichten, eine Baumansicht und eine Zeilenansicht. Die Baumansicht ermöglicht es Filterausdrücke auf einfache Weise per Drag & Drop zusammenzustellen und zu verändern.