Dienstag, 31. Juli 2007

Mein Blog bei cssNeustart

Die B-Probe hat es ans Licht gebracht. nicosteiner.de ist gedopt! Nachgewiesene Substanzen sind unter anderem semantisches Markup und valides XHTML. Ein dickes Hallo an alle Besucher von cssNeustart. Also entweder ich bin einen Tag zu früh dran (1. August 0:00 Uhr, mhm - kann man sich streiten) , oder die Jungs von cssNeustart haben 1/2 Stunde vor dem Start ihres Projekts noch keine neuen Meldungen auf ihrer Seite. Wie auch immer, ich habe jetzt umgeschalten und meine Seite ist im frischen, neuen Gewand zu bestaunen - mit vielen tollen grünen Häkchen von den entsprechenden Firefox-Plugins ;-) In diesem Blog plane ich aktuelle Referenzen meiner Arbeiten in Form von Artikeln und Screencasts vorzustellen.

Mittwoch, 18. Juli 2007

Screencast Bankleitzahl-Suche

Hat der Kunde die Bankleitzahl seiner Bank nicht zur Hand, kann er diese im DSL-Bestellprozeß mit einem AJAX-Feature ermitteln. Bei der entsprechenden Aktion wird eine YUI-Dialogbox eingeblendet, in der er seine Bankdaten eintragen kann. Der zugehörige Webservice versucht darauf hin alle Bankleitzahlen zu ermitteln, die den eingegebenen Daten entsprechen.

Hier geht's zum Screencast

XSLT für Domainbestellung

Die Domainbestellung bei 1&1 Hosting Deutschland barg die Schwierigkeit, dass sich aufgrund von vielen verschiedenen Anforderungen an diese Bestellung eine recht komplexe logische Struktur zur Abdeckung aller dieser Vorgaben ergab. Die Herausforderung lag darin, diese komplexe Struktur sowohl in der Business Logic als auch im Frontend abzubilden.

Hosting Domainbestellung

Hosting Domainbestellung

Montag, 16. Juli 2007

Screencast Adressdaten-Autocompletion

In den 1&1 Bestellprozessen werden die Kunden bei der Eingabe ihrer Adressdaten unterstützt. Sobald eine gültige Postleitzahl feststeht, werden Vorschläge für Ort und Straße ermittelt und mit Hilfe der YUI-AutoComplete-Komponente angezeigt.

Hier geht's zum Screencast

Screencast DSL Partner-SIM-Auswahl

Der Screencast zeigt, wie bei der Partner-SIM-Auswahl per JavaScript sichergestellt wird, dass nicht mehr Handys als SIM-Karten gewählt werden können. Technisch ist diemal kein AJAX beteiligt - sämtliche Logik wird im JavaScript selbst vorgehalten.

Hier geht's zum Screencast

Sonntag, 15. Juli 2007

XSLT für Checkliste

Auch die Checkliste (Warenkorb) des 1&1 DSL-Bestellprozesses wird mit XSLT transformiert. Hierfür wird eine spezielle XML-Struktur zur Verfügung gestellt, die den Aufbau der Checkliste vorgibt.

DSL Checkliste

Für den deutschen 1&1 Hosting-Bestellprozeß gibt es ebenfalls eine Checkliste,. Optisch als auch technisch weicht diese von der oben genannten ab und ändert ihr Aussehen nochmals komplett im Kundendaten-Teil.

Hosting Checkliste

Hosting Kundendaten Checkliste

XSLT für Kostenübersicht

Die Kostenübersichten der 1&1 Bestellprozesse werden für das Frontend mit XSLT generiert. Die Templates sind dabei so flexibel, dass sich sämtliche Anforderungen an die Darstellung mit einem Template generisch abdecken lassen.

Kostenübersicht

XSLT für DSL Preisvergleich

Der DSL-Preisvergleich kann mit einem Admin-Tool gepflegt werden. Das exportierte XML wurde von mir mit XSLT zu dem hier dargestellten Layout transformiert. Als Besonderheit lassen sich die Parameter des Preisvergleichs mit einem Link ändern.

DSL Preisvergleich

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Juli '07 Vorwärts
Mo Di Mi Do Fr Sa So
            1
2 3 4 5 6 7 8
9 10 11 12 13
17 19 20 21 22
23 24 25 26 27 28 29
30          

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1