Intuitiver Konfigurator für Schalldämmmaterialien in der Baubranche

Der Webkonfigurator der HBT-ISOL AG führt Anwendende Schritt für Schritt zum passenden Produkt gegen Lärm und Erschütterungen. Bisher musste jedes neue Anwendungsszenario programmiert werden. Diese Bachelorarbeit macht Szenarien zu pflegbaren Daten: Mit dem Scenario Builder legen Fachpersonen sie selbst an, ohne eine Zeile Code.

Der Scenario Builder: links der strukturierte Editor, rechts läuft der echte Konfigurator als Live-Vorschau.

Ausgangslage

Die HBT-ISOL AG entwickelt Produkte zur Schwingungs- und Schalldämmung, etwa elastische Lagerungen für Maschinen, Gebäude und Holzbau. Ein webbasierter Konfigurator führt Anwendende anhand weniger Eingaben zu einer passenden Produktempfehlung samt technischer Kennwerte. Die Anwendungsszenarien waren jedoch fest im Quellcode verankert: Jede Erweiterung um einen neuen Anwendungsfall erforderte Softwareentwicklung, obwohl das nötige Fachwissen bei den Fachpersonen des Unternehmens liegt. Der Konfigurator wuchs dadurch langsamer als das Anwendungswissen des Auftraggebers.

Zielsetzung

Die Arbeit entkoppelt das Anlegen neuer Szenarien von der Programmierung. Aus der Literatur zu End-User Development, Low-Code und domänenspezifischen Sprachen werden die Merkmale eines für Fachpersonen geeigneten Ansatzes abgeleitet und in ein deklaratives, schema-getriebenes Szenarioformat überführt. Ein generischer Interpreter führt es zur Laufzeit aus, die geprüfte Berechnung bleibt unangetastet im Backend. Der Scenario Builder ergänzt den Ansatz als Autorenwerkzeug mit strukturiertem Editor, Live-Vorschau und fortlaufender Validierung. Ob der Ansatz Fachpersonen tatsächlich befähigt, eigene Szenarien korrekt anzulegen, wurde empirisch mit einer Fachperson des Auftraggebers geprüft.

Ergebnisse

Entstanden ist ein durchgängiger End-User-Development-Ansatz an einem realen Industriesystem, umgesetzt im bestehenden Konfigurator der HBT-ISOL AG:

• Szenarien sind deklarative Daten statt Quellcode. Ein generischer Interpreter führt sie zur Laufzeit aus.
• Der Scenario Builder bietet strukturierte Editoren, eine Live-Vorschau mit dem echten Konfigurator, fortlaufende Validierung und einen interaktiven Guide.
• Gespeicherte Szenarien und Änderungen sind ohne Auslieferung sofort in der Anwendung wirksam.
• Fachliche Regeln, etwa die Einschränkung auf wasserbeständige Produkte bei anstehendem Wasser, bilden Fachpersonen selbst ab.
• Die geprüfte Produktberechnung bleibt unangetastet im Backend. Das sichert die fachliche Korrektheit der Empfehlungen.

In der aufgabenbasierten Fallstudie legte eine Fachperson der HBT-ISOL AG ein real geplantes Szenario selbständig im Builder an und löste alle drei Aufgaben fachlich korrekt. Die wahrgenommene Gebrauchstauglichkeit erreichte einen SUS-Wert von 82.5 von 100 Punkten. Dem Aufwand von rund 30 Personenstunden für die programmierte Umsetzung eines vergleichbaren Szenarios stehen rund 30 Minuten im Builder gegenüber. Eine nachträgliche Änderung gelang in gut zwei Minuten und war sofort wirksam. Hürden traten vor allem bei entwicklungsnahen Begriffen auf. Diese Befunde flossen unmittelbar in die Weiterentwicklung des Werkzeugs ein.

Technische Schlüsselbegriffe

• End-User DevelopmentFachpersonen erweitern die Anwendung selbst, ohne zu programmieren
• Low-Codevisuelles Autorenwerkzeug, JSON-Ansicht als Expertenmodus
• Domänenspezifische Sprachedeklaratives, schema-getriebenes Szenarioformat
• Generischer Interpreterein einziger Wizard rendert alle Szenarien zur Laufzeit
• Live-Vorschauder echte Konfigurator läuft beim Bearbeiten mit
• React, Next.js, TypeScriptFrontend von Konfigurator und Scenario Builder
• Strapi (Headless CMS)Ablage der Szenarien, Rollen und Zugriffsrechte
• System Usability ScaleGebrauchstauglichkeit in der Fallstudie: 82.5 von 100

Kund:in

HBT-ISOL AG
Schwingungs- und Schalldämmung
hbt-isol.com

Team