3D-Online-Konfigurator

Ausgangslage und Ziel

Aufgabe war es, eine Internetseite mit Formular zu erstellen, auf der Endkunden der Algra sich ein Produkt (genauer eine Leiterplatte) vor dem Bestellen anschauen und je nach Verwendungszweck personalisieren und anpassen können. Besondere Herausforderungen waren das Einbauen eines 3D-Viewers sowie die Validierung einer Tabelle, in welcher der Benutzer die Koordinaten der Drucksensoren und LED’s auf der Leiterplatte angeben kann. Die eingegebenen Werte mussten auf dem 3D-Viewer auf Knopfdruck sichtbar gemacht werden können. Der Endkunde kann nach der Parametrierung direkt ein STEP-File herunterladen mit den 3D-Daten des digitalen Zwillings, welche er für seine weiteren Entwicklungsarbeiten verwenden kann, ohne das Produkt schon im Hause zu haben.

Lösung

In Vorgesprächen mit dem Kunden wurde ein grobes Vorgehen skizziert, woraufhin der Kunde ein einfaches Anforderungsdokument erstellt und mit uns besprochen hat. Der Kunde hat uns vorbearbeitete STEP-Files und einen Prototypen in LabVIEW geliefert, in welchen die Parameter des Produkts im Textfile einfach ersetzt werden konnten. 

Aufbauend auf diesen Informationen haben wir eine reine Frontend-Lösung auf Basis von Angular entwickelt. Für die Darstellung der 3D-Modelle haben wir Three.js mit WebGL verwendet. In mehreren kurzen Iterationen wurde die Lösung verfeinert bis zum heutigen Stand.

Das führt dazu, dass durch die Digitalisierung des Bestellprozesses Kunden Produkte vorab betrachten und 3D-Daten herunterladen können. Dies zieht mehr Besucher an und ermöglicht sofortiges Feedback durch den 3D-Online-Konfigurator. Die kostengünstige Umsetzung erfolgt durch enge Kundenkooperation und die Betreuung eines Junior Software Engineer - aus unserem Cross-Company-Programm - durch einen Senior Engineer. Dies steigert den Umsatz, vereinfacht die Abwicklung und stärkt das Image.

Der ALGRA 3D-Konfigurator ist online verfügbar