Relaunch Weingut Apotheker Bartz

Den ein oder anderen Kontakt von meiner Zeit an der Mosel habe ich ja noch und manch einer ist auch noch Kunde. Wie das Weingut Apotheker Bartz. Und für die Homepage stand jetzt der Relaunch an.

Es galt nicht nur, das alte Layout durch ein neues, frisches und gleichzeitig edel aussehndes optisches Erscheinungsbild zu ersetzen, sondern auch die im Hintergrund werkelnde veraltete Technik mit Frames endlich ins 21. Jahrhundert zu bringen. Darüber hinaus musste noch der Shop mit übernommen werden, der technisch nicht modifiziert wurde und noch aus einer Zeit stammt, in der php4 der letzte heiße Scheiß war. Legacy-Code wie aus dem Bilderbuch quasi.

Als technische Grundlage wurde WordPress gewählt, die Texte wurden aus dem bestehenden Auftritt übernommen. Für den Shop wurde ebenfalls ein der neuen Optik angepasstes Template entwickelt.

Gehostet wird auf Uberspace und damit ist es mein erstes Kundenprojekt dort. Ich bin jedes Mal wieder begeistert vom Uberspace-Hosting. Es fühlt sich etwas an wie zu seligen Bürgernetzzeiten. Alles ist da, man kann sich fast nach belieben austoben, darüber hinaus ist alles spitzenmäßig dokumentiert und selbst den Legacy-Code vom Shop zum laufen zu bekommen, war, inklusive dem Nachinstallieren diverser PEAR-Pakete, so unglaublich einfach und schmerzfrei, man muss es selber gemacht haben, um es zu glauben.

Baseball-Bundesliga.de

Es war ruhig hier die letzten Wochen. Die Baseballsaison 2012 wirft ihren Schatten voraus und in ihrem Windschatten kommt eine neue Website mit. Und diese Website war in den letzten Wochen mein liebstes Betätigungsfeld. Meistens jedenfalls.

Grundlage

Die Seite basiert auf WordPress. Was anderes darf man von mir derzeit auch nicht wirklich erwarten. Aufgrund des strammen Zeitplans (ein Monat, ein Entwickler, der zu allem Überfluss auch noch einem Beruf nachgeht) wurde ein fertiges Template als Grundlage herangezogen, das durch den grandiosen Christian Swoboda für die eigentliche Aufgabenstellung umgestaltet wurde.

Ausschlaggebend für die Wahl des Mediaflux-Templates war nicht nur die grundsätzliche optische Ausrichtung, sondern auch die Tatsache, dass es mehr oder weniger moderne WordPress-Features wie Menüs von Haus aus unterstützt. Der Quelltext ist aber leider nicht besonders hübsch und vor allem das CSS ist dermaßen überspezifiziert, da kann man mitunter schon mal zu viel bekommen.

Besonderheiten

Es gibt für WordPress ja Plugins für jeden (un)möglichen Anwendungsfall. Es gibt aber nichts für eine Ligaverwaltung. Aus diesem Grund ist der komplette spielbetriebsrelevante Teil selbst geschrieben. Für Spielpläne und Tabellen werden Schnittstellen verwendet, die ich bereits vor einigen Jahren in die Spielbetriebssoftware des DBV integriert habe und die für die neue Website entsprechend erweitert wurden. Gleiches gilt für Daten, die aus der Spielerpasssoftware opaso kommen. Auch hier wurden die Schnittstellen zum Teil beträchtlich erweitert und stehen in Kürze vermutlich auch allen Landesverbänden zur Verfügung.

Zum ersten Mal in einem meiner Projekte kommt auf dieser Seite leaflet zum Einsatz, nicht nur optisch das bessere Google Maps.

Eine besondere Herausforderung war die Anbindung des Livescoring und der daraus resultierenden Statistiken, bietet doch GameChanger keine API an. Ein Teil der Daten steht zwar als JSON zur Verfügung, manchmal hilft dann aber nur ein beherzter Griff zu PHP Simple HTML DOM Parser, um an die gewünschten Informationen zu kommen.
Ob und wie performant diese Lösung ist wird sich am 30. April zeigen, wenn die Saison mit dem Nightgame Mainz Athletics gegen die Buchinder Legionäre beginnt. Und ich werde am Mikro sitzen, also macht’s nicht gleich kaputt.

Geschwindigkeit

Performance ist natürlich ein gutes Stichwort.
Neben Caching- und Expire-Einstellungen, die man im Detail in meiner Artikelserie „xtcModified on steroids nachlesen kann, ist hier die Plugin-Schatulle von WordPress reich gefüllt:
Als Cache-Plugin kommt, wegen guter Erfahrungen bei Mister Baseball, WP Super Cache zum Einsatz.
Um Minimierung und Verknüpfung von Javascript- und CSS-Dateien kümmert sich Better WordPress Minify, das überragende Konfigurationsmöglichkeiten bietet, mir deren Hilfe man einstellen kann, was wie und wo minimiert wird.
Diese Maßnahmen bringen die Seite auf respektable 92 von 100 möglichen Page-Speed-Punkten.
Darüber hinaus werden die Informationen, die aus den APIs bezogen werden, mit Hilfe der Transients API von WordPress gechached.

Und jetzt: Play Ball!

Startseite


Clubs


Clubinfo


Roster


Liveticker

Relaunch der vhs Kreis Kronach

Im frischen Look präsentiert sich seit dem Herbstsemster 2011 der Internetauftritt der vhs Kreis Kronach. Moderner geht es dabei aber nicht nur bei der Optik zu, sondern auch unter der Haube.

Erstmals kommt bei einem Webauftritt das HTML 5 Boilerplate zum Einsatz, das einfach schon von vornherein viele Stolpersteine aus dem Weg räumt. Damit einher geht dann aber auch der Wechsel vom antiquierten ISO-8859-1 hin zu UTF-8 und HTML5. Obwohl nicht zwingend notwendig, aber natürlich absolut sinnvoll, kommt jetzt auch php5 zum Einsatz.

Von 1999 bis 2011 das Online-Gesicht der vhs

Dank HTML5 konnte das schon vorhandene, semantische Markup weiter optimiert werden, CSS3 sorgt, sofern es der Browser unterstützt, mit Schatten und abgerundeten Ecken für ein bisschen Pep in der Optik. Und weil das ganze eben nicht aus dem Baukasten kommt sieht es auch nicht aus wie Baukasten.

Mit frischer Optik ins neue Jahrzehnt

Der Besucher findet auf der neuen Homepage vor allem mehr Information. War die alte Seite eher eine digitale Version des Programmheftes zeigt der neue Auftritt, was die vhs Kreis Kronach neben dem klassischen Unterrichtsprogramm sonst noch tut – von internationalen Projekten bis hin zu Firmenkooperationen. Damit das auch alles aktuell bleibt werkelt im Hintergrund als CMS WordPress. Da man als vhs auch im Bloggingbereich, bei Youtube und bei Facebook stärker vertreten sein will erlaubt es der Einsatz von WordPress für den Internetauftritt, ohne doppelten Schulungsaufwand gleich zwei Kanäle zu bedienen.

Und nicht nur in Sachen Web 2.0 wird in Zukunft noch das ein oder andere zu sehen sein, eine für den mobilen Einsatz optimierte Version der Homepage ist bereits in Arbeit und über den Winter wird auch in Sachen Barrierefreiheit noch das ein oder andere verwirklicht werden.