OUTFLEXX^® Loungeplaner

Mit diesem Planungsprogramm für Outdoor-Rattanmöbel kann sich der Kunde aus den 18 Elementen des OUTFLEXX-Modulsystems seine persönliche Wunschkonfiguration zusammenstellen und diese in einer Echtzeit-3D-Darstellung aus allen Perspektiven betrachten. Die Terrassen-Grundfläche kann dabei in Form und Größe (von 2x2 m bis 10x10 m) angepasst werden. Zusätzlich zur automatischen Speicherung der aktuellen Planung können beliebig viele weitere Planungen benannt, lokal gespeichert und wieder geladen werden. Die Rattan- und die Polsterfarben lassen sich sowohl in der 2D-Grundriss-Ansicht als auch in der 3D-Darstellung jederzeit umschalten. Ein virtuelles Maßband und ein zuschaltbares Hilfslinien-Gitter erleichtern die Planung. Bei allen ausgewählten Artikeln wird zusätzlich zum Preis auch die aktuelle Verfügbarkeit im Online-Shop mit einem Ampelsystem angezeigt.

• Möbel werden durch Drag&Drop von der unteren Leiste auf die Grundfläche platziert.
• „Kollisions-Kontrolle”: Beim Platzieren, Verschieben und Drehen wird sichergestellt, dass sich die Möbel nicht überlappen können (korrekt nebeneinander stehen) und so die Gesamtmaße der Planung später auch beim Kunden eingehalten werden. Diese für die Praxis entscheidende Funktion ist bei vielen Grundriss-Planungsprogrammen von Mitbewerben leider nicht implementiert: dort können sich z.B. ein Schrank und ein Bett in der Planung überlappen – später beim Kunden vor Ort ist dann nicht genügend Platz, um die realen Möbel auch aufzustellen...
• Platzierte Möbel zeigen nach dem Anklicken ein Kontextmenü, mit Hilfe dessen sie verschoben, gedreht oder gelöscht werden können.
• Eine „Auto-Snap”-Funktion beim Platzieren der Artikel richtet die Ecken der Möbel aneinander aus, wenn diese eine bestimmte Entfernung unterschreiten.
• Eine „Smart-Snap”-Funktion beim Platzieren der Artikel richtet vorher festgelegte Möbel-Kombinationen (z.B. Mittelelement an Eckelement) auch dann korrekt aneinander aus, wenn die Möbel gedreht wurden.
• Sobald sich der Mauszeiger über einem Möbelstück befindet (in der Auswahlleiste oder in der Grundriss-Planung), werden rechts statt der Artikel-Aufsummierung die Detailinformationen zu diesem Artikel angezeigt.
• Sowohl die 2D-Grundriss-Planung als auch die Echtzeit-3D-Darstellung kann jederzeit ausgedruckt werden.
• Ein Maßband ist ein- und ausschaltbar, mit dem beliebige Strecken in der Planung vermessen werden können.
• Ein Hilfslinien-Gitter mit einem konstanten Abstand der Linien von 20 cm erleichtert die Ausrichtung nicht-benachbarter Elemente.
  
• Die Textur der Terrasse kann geändert werden.
• Die Gesamtlänge und -breite der aktuellen Planung wird jederzeit angezeigt (auch während des Verschiebens/Drehens von Möbeln).
• Die 3D-Darstellung kann um 360° gedreht sowie ein- und ausgezoomt werden.
• Autosave: Die aktuelle Planung wird im Hintergrund laufend auf dem Rechner des Benutzers gespeichert und staht so beim nächsten Start des Planers sofort wieder zur Verfügung
• Beliebig viele Planungen können benannt, auf dem PC des Benutzers gespeichert und wieder geladen werden
• Die Preise und Verfügbarkeit der Artikel werden beim Programmstart aus dem Online-Shopsystem ausgelesen.
• Die Einzelpreise der ausgewählten Artikel werden automatisch summiert.
• Alle ausgewählten Artikel (Einzelmöbel und Polsterecken-Elemente) werden mit einem Buttonklick in den Warenkorb des Onlineshops übernommen.

 

Screenshots

Einrichten der Terrassen-Grundfläche	Planung der Elemente auf dem 2D-Grundriss
3D-Darstellung der Planung mit Flash	3D-Darstellung mittels Unity Browser-Plugin

Technische Details

Der Loungeplaner ist ein technisch weiterentwickelter Einrichtungsplaner auf Basis des Raumerlebnis3D-Projekts. Die Rattanmöbel wurden einmal in Flash selbst als Away3D-Modelle aufgebaut (bestehend aus einzeln definierten Planes, die sich mittels UV-Mapping eine gemeinsame Rattan-Bitmaptextur teilen) als auch in Blender für den späteren Import in Unity modelliert. Die Kommunikation zwischen dem Flash-Planungsprogramm und dem Unity-3D-Visualierungsmodul erfolgt mittels des auf der HTML-Seite eingebundenem uniTool-Frameworks. Die Unity-3D-Darstellung wurde in C# programmiert. Beim Klick auf den „Drucken”-Button bei aktiver Unity-3D-Darstellung wird innerhalb von Unity ein Screenshot der aktuellen 3D-Ansicht generiert und per PHP auf den Webserver hochgeladen – der Flashfilm lädt sich dann wiederum diese PNG-Datei herunter und kann so die Flash-Oberfläche mit den Artikelinformationen zusammen mit der Unity-Szene ausdrucken.

Beim Starten des Loungeplaners werden aus einer vom OXID-Shopsystem speziell generierten XML-Datei die aktuellen Preise und Verfügbarkeit der im Planer integrierten Artikel ausgelesen. Beim Aufruf des Warenkorbs wird wiederum eine eigens (von der Firma „D³ Data Development” – www.shopmodule.com) programmierte OXID-Shop-Funktion aufgerufen, die alle ausgewählten Artikel auf einen Rutsch in den Warenkorb des Shopsystems legt.