Entwurf und Implementierung eines WYSIWYG-Web-Editors für SEF-Aufgaben im viaMINT-Projekt

Abstract

Die Bachelorarbeit befasst sich mit dem Entwerfen und Implementieren eines ”What you see is what you get”-Web-Editors, damit es Personen mit unterschiedlichem technischen Fachwissen ermöglicht wird, Aufgaben zu editieren. Dieser Editor wird in eine vorhandene Web-Architektur des viaMINT-Projektes integriert, welche einen Code-Editor und eine Voransicht besitzt. In dem Editor werden Slider-Exercise-Framework-Aufgaben bearbeitet und der Aufgaben-Code über alle Editoren und Ansichten bidirektional synchronisiert. Die technische Implementierung wird mit Django, Vue, JavaScript und Antlr4 umgesetzt, während die Benutzeroberfläche mit Paper Prototyping gestaltet wird. Für die Gestaltung wurden grundlegende Regeln und Heuristiken für das Interface Design und die Usability genutzt.

The bachelor thesis deals with the design and implementation of a ” What you see is what you get ” web editor to offer people with different technical knowledge to edit exercises. This editor is integrated into an existing web architecture of the viaMINT project, which has a code editor and a preview. In the editor, Slider Exercise Framework exercises are processed and the exercises code is synchronized bidirectionally across all editors and views. The technical implementation is done with Django, Vue, JavaScript and Antlr4, while the user interface is designed with paper prototyping. Basic rules and heuristics for interface design and usability were used.