Bauteildaten an einem 3D-Viewer

Ausgangslage

Ein 3D-Viewer sollte in eine Webanwendung eingebettet werden, sodass ein Klick auf ein sichtbares Bauteil dessen Daten öffnet. Der Viewer war ein Fremdsystem mit eigener API und kannte nur Geometrie. Die Bauteildaten lagen verteilt über mehrere REST-Schnittstellen, jede über OAuth2 gesichert, jede mit eigenem Datenmodell.

Lösung

Umgesetzt in Vue.js, mit einer Vermittlungsschicht zwischen Anwendung und Viewer, damit beide Seiten denselben Zustand kennen. Die eigentliche Arbeit lag im Hit-Mapping. Der Viewer liefert über seine API Koordinaten dazu, was gerade wo liegt, und diese Koordinaten verschieben sich mit jeder Zoomstufe. Wir haben deshalb die Zoomstufe an den Viewer übergeben, die zurückgelieferten Koordinaten gegen die Zeigerposition gerechnet und daraus das getroffene Bauteil bestimmt. Dieselbe Mausbewegung trifft in der Gesamtansicht eine Baugruppe und in der Nahansicht die einzelne Schraube, ohne dass eine statische Clickmap gepflegt werden muss. Für zusammengesetzte Bauteile kam eine eigene Ebene dazu: Ein Klick darauf öffnet nicht das Datenblatt, sondern die Stückliste mit dem Weg zu jedem Einzelteil.

Zu jedem Teil führt die Anwendung anschließend zusammen, was in den verschiedenen Schnittstellen liegt: Lagerbestand, Bezugsquellen über den Händlerverbund und die Kompatibilitätsmatrix, also in welchen anderen Erzeugnissen dasselbe Teil verbaut ist. Die letzte Angabe entscheidet darüber, ob ein Teil wiederverwendet oder neu beschafft wird. Jede Quelle brachte eigene Token-Behandlung und eigene Feldnamen mit, die auf ein gemeinsames Modell normalisiert wurden.

Ergebnis

Aus einem Viewer, der nur Form zeigte, wurde der Einstieg in die Teiledaten. Vom sichtbaren Bauteil zu Bestand, Bezug und Wiederverwendbarkeit sind es zwei Klicks, und die Zuordnung funktioniert über alle Zoomstufen hinweg, ohne dass sie je von Hand gepflegt wird.