ALGRA: 3D-Online-Konfigurator
Über das Projekt
Produkt: 3D-Online-Konfigurator
Kunde: ALGRA GROUP
Projektdauer: ca. 2 Monate
Projektleitung & Umsetzung: Frank Jordi, Marco Schiltknecht, Ruedi Steinmann
Verwendete Technologien: Angular | Three.js | WebGL | Jasmine | Karma | Typescript | HTML5 | CSS3
Das Kundenstatement
"Für unsere neuen, konfigurierbaren Dynaforce-Module wollten wir dem Kunden auch eine innovative Möglichkeit zur Konfiguration der Module bieten. Die Module sollten Online konfiguriert werden können und unmittelbar als 3D-Modell dargestellt werden. Dafür gab es bisher noch keine Lösung.
In kreativer und unkomplizierter Zusammenarbeit mit M&F Engineering entstand zuerst ein Prototyp und anschliessend die fertige Lösung. Dank dem grossen Know-how von M&F ist uns ein innovativer «Hingucker» gelungen."
Niederberger Thomas, CTO bei ALGRA GROUP
Der Kundennutzen
-
Die Digitalisierung des Konfigurations- und Bestellprozesses ermöglicht dem Kunde das Produkt vorab zu betrachten und 3D-Daten herunterzuladen
-
Mehr Besucher und sofortiges Feedback durch den 3D-Online-Konfigurator auf der Webseite
-
Kostengünstige Realisierung dank enger Zusammenarbeit mit dem Kunden und die Implementierung durch einen Software-Trainee mit der Betreuung von einem Senior Engineer
-
Gesteigerten Umsatz, einfachere Abwicklung und ein stärkeres Image durch die Digitalisierung des Bestellprozesses
Das Projekt
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.
Die 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.
Der ALGRA 3D-Konfigurator ist online verfügbar: algragroup.ch/dynaforce-eingabemodule-konfigurator
Weitere Projektbilder