Nico Steiner - Frontend-Entwicklung und -Architektur

Montag, 23. Februar 2009

Modulare Countdowns

Wie in diesem Artikel bereits vorhergesagt, kommen nun die ersten Frontend-Module in Form von einheitlichen Countdowns zum Einsatz. Diese werden an einer zentralen Stelle als Maven-Modul deployed und können von beliebigen Projekten angezogen und verwendet werden. Dabei stellt das Jasmin-Servlet sicher, daß die zugehörigen Ressourcen (CSS und JavaScript) genau den Seiten zugeteilt werden, welche diese Countdowns darstellen.

In Zukunft sollen dann auch Grafiken über einen Content Delivery Server direkt aus dem Modul geladen werden können.
Durch sogenannte Life-Jars war es während der Entwicklung möglich, Veränderung am CSS vorzunehmen, und diese sofort mit einem Reload zur Anzeige zu bringen - ein erneutes Deployen fällt dadurch weg und macht die Entwicklung solcher Module sehr komfortabel.

Generell werden die Countdowns in verschiedenen Versionen ausgeliefert - zu jeder Version gehört eine Hintergrundgrafik, animierte Tages-Grafiken und auf das Format des Countdowns abgestimmtes CSS. Der Inhalt des Countdowns ist dabei frei wählbar. Weiterhin gibt es ein kleines JavaScript, welches Animationen erlaubt. Über ein spezielles XSL-Template kann das Markup für einen Countdown einer bestimmten Version erzeugt werden. Dabei werden die Resttage und der aktuelle Tag mit Java-Callback-Methoden berechnet. Für bestimmte Tage können Ausnahmen angegeben werden - so ist es möglich, auf spezielle Weise auf die letzten Tage des Countdowns einzugehen.

In Zukunft wird es nur noch nötig sein, die Version des gewünschten Countdowns sowie das Projekt und die Seite zu beauftragen, auf der der Countdown angezeigt werden soll - alle weiteren bisher nötigen Maßnahmen (Anfertigen und Ablegen von entsprechenden Grafiken, Berechnung der Resttage, Anpassungen von Styles etc.) entfallen.

Zu sehen sind die neuen Countdowns für die nächsten Tage in verschiedenen Versionen z.B. hier:

DSL-Neukundenshop, Hosting-Neukundenshop DE, Hosting-Neukundenshop US

Geschrieben von Nico Steiner in Referenzen um 23:29 | Kommentare (0) | Trackback (1)