Logo der Baur 3.0 Service GmbH
deutsch english
Kontakt und Impressum
iPhone- und iPad-Apps
Planungsprogramme
Konfiguratoren
Sortimentsberater
Einzelprodukt-Präsentationen
nächstes Referenz-Projekt zeigen

Polstermöbelplaner

Der Besucher kann sich sein persönliches Polsterprogramm zusammenstellen, in dem er im Konfigurationsmodul die Bauart, Bezüge, Armteile, Füße und Kissenqualitäten festlegt und sich danach aus den 12 verfügbaren Korpus-Elementen eine Polsterecke kombiniert und/oder sie als Einzelmöbel bestellt.

 

Internetseite polstermoebelplaner.de öffnen

 

 

Protoyp: Flash-freie HTML5-Umsetzung

 

Konfigurator (HTML 5/Canvas)

 

HTML5/Canvas-Umsetzung des Moduls "Konfigurator". Geplant ist die vollständige Portierung der übrigen Planungsmodule (Polsterecke, Einzelmöbel und Warenkorb) von Flash zu HTML5/Canvas, so dass die gesamte Webseite auch auf dem iPhone/iPad problemlos zu benutzen ist.

 

Prototyp "Konfigurator" in Popup-Fenster öffnen

 

Screenshots

Screenshot Konfiguration
Konfiguration der Bezugsstoffe, Armlehnen, Füße...
Screenshot Polsterecken-Planung
Polsterecken individuell zusammenstellen
Screenshot Einzelmöbel
Einzelmöbel per Stückzahl hinzufügen
Screenshot Warenkorb
Integrierter Warenkorb mit Bestellfunktion

Technische Details

Alle Polstermöbel wurden in der Grundfarbe beige als Einzelstücke ohne Armteile und Füße fotografiert. Die Armteile und Füße wurden hinterher separat in derselben Perspektive und Beleuchtung aufgenommen. Durch das Freistellen in der Bildbearbeitung sind somit alle Elemente frei miteinander kombinierbar. Die perspektivisch korrekte Darstellung und Komposition wird zur Laufzeit vom Planungsprogramm berechnet. Das Umfärben der Polsterbezüge in die verschiedenen Bezugstoff-Varianten wird ebenfalls programmintern durch das Verändern der Polsterbild-Farbwerte erreicht.

 

Für die HTML5/Canvas-Umsetzung des Moduls ”Konfigurator” wurden alle grafischen Elemente aus Flash heraus für CreateJS exportiert, die Programmierung wurde von ActionScript 3 auf JavaScript umgeschrieben.

Technologie Flash 10 (ActionScript 3), EaselJS/CreateJS, JavaScript
Produktionsjahr 2009
Auftraggeber Polstermöbelplaner GmbH (www.polstermoebelplaner.de)
Erstellt von Joachim Baur (Modellbau Georg Baur GmbH)