Geben Sie Ihren Kunden die Möglichkeit, nicht nur Artikel anhand von Bildern und Texten auszuwählen, sondern diese auch intuitiv zu konfigurieren, sie interaktiv in einer 2D-Planung zusammenzustellen oder realitätsnah in einer 3D-Ansicht von allen Seiten zu erleben.
Die eigentliche Planung findet normalerweise in einer 2D-Grundriss-Darstellung statt, die Planungsgröße kann dabei frei gewählt werden. Eine 3D-Darstellung der Planung ist optional und hängt von der Verfügbarkeit von 3D-Dateien der Artikel ab. Viele Funktionen im Hintergrund sorgen für eine reibungslose Kommunikation mit dem Server der Internetseite bzw. dem eCommerce/CMS-System, um jederzeit aktuelle Artikeldaten und -preise einzulesen und die platzierten Artikel in den Warenkorb zu übernehmen.
Die Programmierung basiert komplett auf JavaScript, für die 2D-Planung wird die Canvas-Technologie, für die 3D-Darstellung die WebGL-Technologie verwendet. Dadurch laufen die Planer in allen gängigen Browsern auf allen Systemen – vom Desktop-PC bzw. iMac über Laptops und MacBooks bis hin zu Mobilgeräten (iOS und Android).
Wir legen großen Wert auf einen einfachen, intuitiven Planungsvorgang, der es dem Benutzer ermöglicht, schnell eine ansprechende und exakte Zusammenstellung seiner Wunschartikel zu erstellen. Dazu setzen wir die folgenden Bedienkonzepte ein (nicht jeder der von uns erstellten Planer weist alle dieser Features auf):
Artikel werden durch einfaches Anklicken und Ziehen mit der Maus platziert oder verschoben. Das Anklicken eines platzierten Artikels (ohne verschieben) aktiviert diesen nur und lässt die Icons zum "Drehen", "Löschen" (und ggf. "Konfigurieren", "Duplizieren" oder "Ändern") erscheinen. So kann der Benutzer schnell und einfach seinen Grundaufbau vornehmen.
Falls 3D-Modelle der Artikel vorhanden sind, kann eine 3D-Visualisierung der Planung integriert werden. Diese 3D-Darstellung basiert auf der "WebGL"-Technologie und ist daher auch auf Apple Mobilgeräten (iPhone, iPad) verfügbar. Der Benutzer kann die 3D-Ansicht drehen, verschieben oder ein- und auszoomen, er kann aber in der 3D-Ansicht die Planung selbst nicht ändern/erweitern.
Beim Verschieben und Drehen von platzierten Artikeln ist es wichtig, dass es zu keiner Überschneidung kommt, dass also Artikel nicht einfach "ineinander" platziert werden können. Daher haben wir eine formgenaue Kollisionserkennung integriert, die Überlappungen nicht zulässt. So kann eine realitätsnahe Gesamtplanung erstellt werden, bei der alle Möbel auf der Planungsgrundfläche korrekt Platz finden.
Besonders für Möbelstücken mit schrägen Kanten ist die Magnetfunktion beim Bewegen eines Artikels auf der Grundfläche wichtig. Diese lässt das aktuell bewegte Teil an bereits platzierten Elementen "andocken", sobald eine Ecke den eingestellten Mindestabstand unterschreitet. Dabei kann auch die Drehung des platzierten Möbels berücksichtigt werden, so dass ein nahtloses Anfügen ohne separates Drehen möglich ist.
Wenn mehrere bereits platzierte Artikel zusammen verschoben oder gedreht werden sollen, muss eine Mehrfachauswahl erstellt werden. Dies kann entweder durch das Aufziehen eines die Artikel umschließenden Rechtecks geschehen, dann werden alle im Rechteck platzierten Artikel aktiviert. Oder die Mehrfachauswahl geschieht durch das Anklicken von einzelnen Artikeln mit gedrückter "Shift"-Taste, dann können beliebige Einzelartikel kombiniert werden.
Oft ist es sinnvoll, einzelne oder mehrere bereits platzierte Artikel in der Planung zu duplizieren, um z.B. mehrere identische Sitzgruppen oder Arbeitsplätze zu planen.
Für Artikel mit einer überschaubaren Anzahl von Konfigurations-Optionen können die Einstellungen direkt in der 2D-Ansicht vorgenommen werden. Nach dem Anklicken/Aktivieren des Artikels auf der Grundfläche werden alle Optionen als kleine auswählbare Icons direkt über/unter der Zeichnung dargestellt.
Bei komplexen Artikeln mit vielen verfügbaren Optionen ist es sinnvoll, eine Basisversion des Artikels in der Planung zu platzieren und diese mit Hilfe eines separaten Dialogs zu konfigurieren. Dabei können wiederum kleine "Mini-Planer" zum Einsatz kommen, oder es werden Options-Felder und -Listen für die Auswahl angezeigt.
Da alle Grundriss-Zeichnungen maßstabsgerecht hinterlegt sind, kann jederzeit auch die Gesamtgröße der aktuellen Planung berechnet und angezeigt werden. Auch eine Maßband-Funktion zum Vermessen beliebiger Abstände in der Planung ist möglich.
Die Größe der zur Verfügung stehenden Planungs-Grundfläche kann vom Benutzer seinen Wünschen gemäß angepasst werden. Dabei sind Mindest- und Höchstwerte für die einzelnen Maße vorgegeben.
Bei großen Planungsflächen mit vielen detaillierten Artikeln ist eine Zoomfunktion in der 2D-Grundrissdarstellung möglich, die ein exakteres Arbeiten ermöglicht.
Bei Artikeln, die Zusatzfunktionen haben, wie der Ausziehtisch in diesem Beispiel, können separate Buttons angezeigt werden, mit denen diese Zusatzfunktionen ausgelöst werden. Beim Anklicken des Buttons wird sowohl die Grundriss-Darstellung als auch die 3D-Visualisierung entsprechend angepasst.
Falls die Planung von Artikeln von umgebenden Grundriss-Elemente abhängig ist (Position von Wänden, Türen, Fenstern), kann auch ein Grundriss-Editor integriert werden. Dieser erlaubt das Ziehen von Wänden und das Anlegen von einfachen Strukturen wie Fenstern, Türen oder Treppen.
Vordefinierte Artikelgruppen, wie die Sitzgruppe in diesem Beispiel, können als Einheit auf die Grundfläche gezogen und dort platziert werden. Nach dem Platzieren sind alle Artikel der Gruppe wieder einzeln verschieb- und drehbar.
Beliebig viele Planungsvarianten können entweder lokal auf dem Rechner des Benutzers oder in einer Datenbank auf dem Server abgespeichert und wieder geladen werden.
Wie können diese Planungsprogramme für IHREN Internet-/Firmenauftritt umgesetzt werden? Beispiele für die Integration von konfigurierbaren Echtzeit-3D-Darstellungen im Web und als Mobil-App sehen Sie hier:
ANWENDUNGEN ZEIGENZusätzlich zu diesen Bedienungs-Funktionalitäten für einen einfachen und intuitiven Planungsvorgang können "unter der Haube" eines Planers noch weitere Hintergrund-Prozesse integriert werden, die für eine möglichst umfassende und nahtlose Anbindung des Planers an die Internetseite, in die er eingebettet ist, sorgen:
Die in den Planern angezeigten Artikel-Daten (Bezeichnung, Maße, Preise) können von einem Shopsystem-Server ausgelesen werden. Fertige Planungen können als Einzelartikel zurück an das Shopsystem / den Warenkorb der Internetseite übergeben werden.
Die Planungsprogramme speichern im Hintergrund laufend die aktuelle Planung des Benutzers lokal auf dessen Rechner. Wird der Browser geschlossen und später die Seite erneut aufgerufen, wird die zuletzt gespeicherte Planung automatisch wieder hergestellt, so als hätte der Benutzer die Seite nie verlassen.
Für den Ausdruck kann eine HTML-Seite auf Grund einer beliebigen Vorlage erstellt werden, die außer dem Bild der Grundriss-Planung (oder der 3D-Darstellung) auch ein Firmenlogo, eine Artikelliste mit Preisen oder sonstige Zusatzinformationen enthält.
Außer der 2D-Grundrissplanung und der 3D-Visualisierung können auch Übersichts-Listen der platzierten Artikel angezeigt, versendet und gedruckt werden. Damit können zusätzliche Daten, wie z.B. Maße oder Farbbezeichnungen, einfach integriert werden.
Eine Planung kann auch per E-Mail an den Host gesendet werden, falls keine Shopsystem-Anbindung möglich oder gewünscht ist. Dabei werden alle Planungsdaten und Artikel erfasst und die Planung kann auf dem Hostsystem auch wieder eingelesen und dargestellt werden.
Fertige Planungen können per E-Mail bzw. per Server-Scripts vom Ersteller der Planung an andere E-Mail-Adressen gesendet werden. Wird der Link in der E-Mail angeklickt, öffnet sich direkt die Planer-Seite und die Planung wird automatisch geladen und dargestellt.
Beim Versenden einer Planung kann ein Import-Script erstellt werden, so dass die Artikel der Planung direkt aus der E-Mail heraus in ein 3D-Programm wie z.B. Blender oder Autodesk Inventor® importiert und dort weiter verarbeitet werden können.
Alle Texte können in mehreren Sprachen hinterlegt werden, so dass die in den Planern dargestellten Texte entweder beim Start oder während der Bedienung umgeschaltet werden können.
