Konfigurationshinweise für die Webmodule

Grundlagen

Auf das Design-System wird normalerweise über die URL 'http://designer.weebmeister.de/weebdesign' zugegriffen. Für Konfigurationen mit dedizierten Servern teilen wir die entsprechende URL mit, oder richten Ihnen eine Sub-Domain nach Wunsch ein.

Mittels der Customer-Id wird der Nutzerkontext übermittelt. Das ist die Account-Nummer, unter der Informationen wie Ihre Benachrichtigungs E-Mail Adresse für Bestellungen, sowie Preis- und Modellinformationen hinterlegt sind. Im einfachsten Fall können Sie das Webmodul unter folgender URL in Ihre Seite einbetten:

http://designer.weebmeister.de/weebdesign?customer=26e53f5f5d8f7eb5f72c849ae6d7924b

Dabei ersetzen Sie die Nummer des Test-Accounts "26e53..." durch Ihren eigenen Kundenaccount. Beim Aufruf der Seite wird der Willkommenstext und einige Hinweise dargestellt, beim Klick auf den Button "Mit dem Design beginnen" kann Ihr Kunde den Designer auf Ihren Webseiten starten. Alternativ kann das Applet sofort geöffnet werden, dazu ruft man die Unterseite 'ajax.jsp' wie folgt auf:

http://designer.weebmeister.de/weebdesign/ajax.jsp?customer=26e53f5f5d8f7eb5f72c849ae6d7924b

Sie können entscheiden ob sich ein separates Applet-Fenster öffnen soll, dass Ihr Kunde frei vergrößern und bewegen kann (Standardverhalten) oder ob es mit allen Funktionen in die Webseite integriert wird. Für die Einbettung einfach den Parameter 'nowindow' hinzufügen und die Höhe und Breite mit 'width', respektive 'height' konfigurieren.

http://designer.weebmeister.de/weebdesign/ajax.jsp?customer=26e53f5f5d8f7eb5f72c849ae6d7924b&nowindow&width=860&height=700

Wie Sie sehen, werden die verschiedenen Parameter mit dem Und-Zeichen '&' verknüpft. Auch ist das Aussehen der Komponente anpassbar, weiter unten finden sich die Konfigurationsmöglichkeiten und Bilder der Variationsmöglichkeiten.

Das HTML IFrame-Tag verwenden

Zur Einbindung des Webmoduls lässt sich am besten ein IFrame verwenden. Dieses Feature wird von allen modernen grafischen Webbrowser unterstützt. Es bettet eine externe Seite ein, ohne z.B. die im Browser Ihres Kunden angezeigte Shop-Umgebung zu verlassen.

Das obige HTML-Code Beispiel öffnet den Designer direkt in der anzeigenden Seite, ohne ein zusätzliches Fenster zu öffnen.

Weitere Parameter

Das Webmodul bietet weitere Konfigurationsmöglichkeiten mit der das Aussehen und Verhalten der Komponente gesteuert werden. Im Folgenden sind diese Parameter aufgeschlüsselt.

Parameter	Beschreibung
customer	Die Kundennummer ihres Accounts
art	Dieser Parameter ist optional und wird nur benötigt, sollten Sie mehrere Produkt-Varianten des Systems im Einsatz haben, z.B. die Professional- und die Ultima-Edition
width	Die Breite des Applets in Pixeln, z.B. width=860
height	Die Höhe des Applets in Pixeln
nowindow	nowindow=true, das Programm wird eingebettet im Browser dargestellt weggelassen oder in bestehender session mit nowindow=false neu gesetzt, das Programm öffnet sich in einem separaten Fenster
theme	Wenn dieser Parameter nicht angegeben wird, so wird der Designer wie jedes andere Programm dargestellt. Die Buttons und Fensterleisten sind an das Betriebssystem des Rechners angepasst. Kurz: unter XP hat der Benutzer das gewohnte Aussehen, genau wie unter Vista oder Windows 7 im Aero-Stil, unter Mac OS X wird es im beliebten Aqua-Stil dargestellt. Wenn Sie den Theme-Parameter setzen erreichen Sie eine einheitliche Darstellung auf den unterschiedlichen Plattformen. (Klicken Sie auf die Bilder zum Vergrößern) theme=nimbus Eine moderne Oberfläche mit klaren Linien und gut erkennbaren Bedienelementen. theme=metal Eine freundliche auf das wesentliche beschränkte Darstellung mit guter Bedienbarkeit.
layout	layout=0 Der Standard, die Leiste zur Auswahl der hochgeladenen Bilder ist auf der linken Seite, der Editor befindet sich auf der Rechten Seite des Programmes layout=1 Als Alternative können Sie die Bild- und Clipart-Auswahl auf der rechten Seite positionieren und den Editor links. Sie haben andere Anforderungen an die Aufteilung des Programmes? Schreiben Sie uns, wir können Ihnen sicherlich weiterhelfen und weitere Layouts für Sie definieren.
base	Der Basispreis, ist dieser Parameter gesetzt, wird dieser Preis im Programm bei der Berechnung der Designkosten berücksichtigt. Wenn Sie zum Schutz vor Manipulationen dieses Parameters eine andere Variante benötigen, setzen Sie sich mit uns in Verbindung. Durch Verwendung einer Prüfsumme und eines Passwortes lassen sich in Ihrem Shop-System Schutzmaßnahmen ergreifen (z.B. mit wenigen Zeilen PHP Code).
article	Wenn Sie die Warenkorbfunktion des Designers nutzen, legen Sie hiermit die Artikelnummer fest. Statt des 'Bestellen' Knopfes wird dann die Option 'In den Warenkorb' legen angezeigt. Dies ist die eindeutige Artikelnummer mit der das Produkt in den Warenkorb des Internet-Shops gelegt wird.
colors	Legt die im Designer verfügbaren Basisfarben des Produktes fest. colors=Weiss:#ffffff\|Blau:#2020f0\|Gelb:#e0dd10\|Grau-meliert:#2f2f2f Es werden Werte-Paare getrennt durch ':' übergeben. Das Pipesymbol '\|' trennt die Paare, die Farbe ist voll ausgeschrieben HTML-kodiert (#fff ist genügt nicht). Derzeit werden keine Sonderzeichen unterstützt.
user0-user9	Dies sind Benutzervariablen, sie können so z.B. eine Artikelnummer aus Ihrem Shop zur Identifizierung des Designs festlegen, oder weitere Parameter übermitteln, die bei der Anfrage berücksichtigt werden, z.B.: user0=<artikel_nummer>&user1=Farbe:Gruen&user2=Groesse:L Bitte vermeiden Sie dabei deutsche Umlaute und Sonderzeichen, da die Internet-Browser diese nicht richtig übermitteln.

Design- und Medientechnologie | 'internet applications beyond webdesign'

Konfigurationshinweise für die Webmodule

Software