Unter anderem lernte ich in einem langwierigen Prozess endlich, was es denn mit diesem ominösen PHP auf sich hatte und machte dabei jeden nur erdenklichen Fehler. Etwa ein Jahr lang versuchte ich erst, die Vorgängerversion um mein neues technisches Wissen zu bereichern, aber nachdem ich merkte, dass Frames mit Tabellenlayout einfach nicht mit simplem Webdesign koalieren wollen, entschied mich schon wieder für einen völligen Neuanfang. Während ich so vor mich hintüftelte, lernte ich immer mehr Handwerk, von der Barrierearmut über Mikroformate bis hin zur Graceful Degradation las ich mir ein Wissen an, das mich zum Teil heute noch erschlägt. So näherte sich die Seite nach und nach optisch genauso wie inhaltlich und strukturell dem an, was sie heute ist.

(Letzte Version der Jugendseite bei Funpic, kurz vor dem Umzug auf den Schwimmverein–Server, etwa Anfang 2008)

Im März 2008 folgte dann der Umzug auf den Server des Schwimmvereins, was eine riesige Arbeitserleichterung bedeutete: endlich keine nervige Werbung mehr, endlich Kontrolle über eine .htaccess–Datei. Aber auch: Konfrontation mit der Realität. Mir wurde wieder bewusst, was ich alles noch machen musste, bevor die Seite wirklich für die Öffentlichkeit freigeschaltet werden konnte. Um selbst ein wenig Perspektive über das Erreichte zu gewinnen, startete ich einen Monat später dieses Blog zur Dokumentation, was meine lieben Jugendausschussmitstreitenden aber nicht davon abhielt, immer wieder in betont unauffälliger Weise nachzufragen, wie weit ich denn wäre und wann die Seite endlich mal online gehen könne. „Schauts euch selbst an“ war alles, was ich darauf antworten konnte. Weitere anderthalb Jahre zogen ins Land, in denen ich mal mehr, mal weniger angestrengt weiterarbeitete, insgesamt aber eher kleine Schritte vollzog und dabei eine ruhige Hand bewies. Richtig hektisch wurde es erst wieder Anfang Oktober 2009, als ich mir fest vornahm, die Herbstfahrer bei ihrer Rückankunft mit einer fertigen Seite zu begrüßen. Also erstellte ich eine Liste mit den Dingen, die ich noch erledigen musste und kam am ersten Abend auf 24 Punkte. Die Liste wuchs dann in den folgenden Tagen auf insgesamt 50 Punkte an, aber immerhin hatte ich nun etwas konkretes, an dem ich mich abarbeiten konnte.
Ich kam gut voran und freute mich über jeden Punkt, den ich als erledigt abhaken konnte. Die Aufteilung der Punkte in „Auf jeden Fall noch vor dem Start“, „Direkt nach dem Start“ und „Och joa, sollte auch irgendwann mal angegangen werden“ brachte mir weitere Motivation, zeigte sie mir doch, wie nah ich meinem Ziel war. Heute, nur elf Tage nach dem angestrebten Termin, ist es nun soweit:

Die neue Jugendseite kann auf eigenen Beinen stehen.

Ja, darauf bin ich einigermaßen stolz. In dieser Seite sind vier Jahre Entwicklung vereint, die ihre Spuren hinterlassen haben. Vom ursprünglichen Forumsgedanken erhielt die Seite immer mehr den Charakter einer Nachrichtenseite oder eines Blogs – vielleicht sogar eines Sozialen Netzwerks. Nutzer können sich selbst Profile anlegen, Kommentare schreiben, miteinander kommunizieren, sich auf Fotos entdecken und verlinken – und das alles in einem aufgeräumten, nutzerfreundlichen und sehr barrierefreien Umfeld. Sicher: Es ist kein spektakuläres Design und hier und da fehlt auch mal ein auflockerndes Foto, aber Eines ist ganz sicher erreicht: eine Seite, die nützlich ist, die technisch auf der Höhe der Zeit ist und auf der man viele Stunden verbringen kann, ohne sich zu verlaufen.
Das heißt keinesfalls, dass die Entwicklung ihr Ende erreicht hat. So sind viele der Netzwerk–Funktionen noch nicht freigeschaltet: Nutzer können sich untereinander noch keine Privatnachrichten schicken, noch nicht selbst Bilder hochladen und die Veranstaltungen auch noch nicht bewerten. Hinter den Kulissen läuft noch nicht alles rund, dem selbstgeschriebenenen CMS fehlt noch die manchmal nötige Flexibilität. Aber diese Funktionen sind für den Betrieb der Seite nicht elementar. Sie funktioniert. Und sie funktioniert dafür, dass ich noch vor zwei Jahren schlechterdings keine Ahnung hatte, wo der Unterschied zwischen client– und serverseitigen Sprachen liegt, erstaunlich gut.

Aber: Die neue Jugendseite funktioniert nur dann wirklich, wenn sie genutzt wird – und deshalb bin ich ganz entscheidend auf euch angewiesen: Diese Seite ist für euch, die Jugendabteilung. Ihr sollt ihr Leben einschenken und sie sinnvoll machen. Das geht nur, wenn ihr euch wohlfühlt und wiederkommen wollt. Also bringt euch ein, verfasst Kommentare, bis euch die Finger schmerzen, macht Spöks und sorgt für Spaß – es ist eure Seite, lasst uns was draus machen.

Los gehts.

* Nachtrag, 4. November: Ich bin soeben zufällig auf einen Gästebucheintrag von Simona vom 27. April 2005 gestoßen: „wann ist eigentlich der neue Teile der Jugend fertig?“. Das heißt, dass ich noch mindestens ein halbes Jahr länger als angenommen an der Seite gearbeitet habe, wahrscheinlich sogar schon seit Ende 2004, wenn ich den vorwurfsvollen Unterton in Simonas Frage richtig interpretiere, in der nur noch ein „endlich“ fehlt. Ich kann Simonas Frage aber ganz eindeutig beantworten: Jetzt.

• Header: Noch vor wenigen Wochen war der Header gar kein Header im eigentlichen Sinn, sondern nur eine Ansammlung von Dingen, die normalerweise in einen Header gehören; ein ohne Sinne, Verstand und vor allem Design zusammengepapptes Konglomerat nützlicher Einzelspieler. Das hat sich geändert. Zwar hält sich die Ausgefallenheit des Designs (wie auch beim Rest der Seite) in Grenzen, aber alles hat seinen festgelegten Platz, an dem man es wiederfinden kann. Der Header hat trotz (vielleicht aber auch wegen) seiner Einfachheit einen hohen Wiedererkennungswert und nimmt trotz der vielen Informationen, die er bereithält, nicht zu viel Platz in Anspruch. Probleme gibt es noch bei der Positionierung der Informationen, die man im eingeloggten Zustand erhält; irgendwie wollen die sich nicht in die rechte untere Ecke quetschen lassen, aber in ein paar Tagen ist mir auch das hoffentlich gelungen.
• Wochenübersicht: Die Wochenübersicht erscheint immer dann, wenn die Autoren eines Textes sich die Mühe gegeben haben, bestimmten Wörtern semantische Metainformationen zukommen zu lassen. Das heißt im Klartext: Wenn wir (zum Beispiel bei der Herbstfahrt, für diese Veranstaltung hab ich die Wochenübersicht – wie der Name schon verrät – hauptsächlich programmiert, weil sie die längsten Texte provoziert) am Mittwoch in einem Museum waren, dann kann man den Begriff „Museum“ als Ereignis kennzeichnen. Die Wochenübersicht schnappt sich nun alle Begriffe, die als Ereignis gekennzeichnet wurden und stellt alle Ereignisse in einer Liste da, sodass Besucher auf einen Blick die Veranstaltungen eines Tages sehen können. Noch ist das Ganze nicht ausgereift, weil im Fließtext selbst natürlich nicht immer der Nominativ (bzw. nicht einmal der eigentliche Kernbegriff) verwendet wurde, der aber für eine Liste nötig wäre. Ich arbeite aber an einer Lösung. Zwischenzeitlich hab ich mir mal die Mühe gemacht, die Herbstfahrten 2003 und 2004 mit diesen Metainformationen zu versehen, hier könnt ihr euch die Wochenübersicht also schon mal in Aktion anschauen.
• Teilnehmer: Wenn ihr angemeldet seid, könnt ihr mit einem einzigen Klick zeigen, dass ihr an einer bestimmten Veranstaltung teilnehmt. Kleines, aber in meinen Augen sehr schickes Zusatzangebot.
• Bildergalerien: Endlich klappen sie. Wie ich heute Mittag schon schrieb, könnt ihr euch beispielsweise die mehr als 800 Fotos der vergangenen Herbstfahrt anschauen. Probleme gibt es hier noch, wenn ein Bild gelöscht oder an eine andere Stelle verschoben werden soll, aber ich arbeite an einer Datenbankanbindung, die auch solche Sachen möglich machen wird.
  Noch im Aufbau befindet sich die Möglichkeit, die auf einem Foto erkennbaren Personen anzugeben.
  Für die Freunde des gepflegten Austausches über Bildinformationen hab ich erst vorgestern ein automatisches Auslesen der EXIF-Informationen eingefügt. Wer also schon immer wissen wollte, wie groß die Brennweite und wie lang die Belichtungszeit eines Fotos war, darf sich nunmehr freuen.
  Kommentare zu bestimmten Bildern sind jetzt ebenfalls möglich, sie sind also nicht mehr allesamt an die zugehörige Veranstaltung gekoppelt.
• Mitgliederseite: Alle Mitglieder (nicht die Vereinsmitglieder, sondern diejenigen, die sich auf der Vereinsseite angemeldet haben) werden auf einer Übersichtsseite angezeigt; ein Klick auf einen Namen öffnet die Mitgliedsseite, die ebenfalls einige Neuigkeiten bietet:
  • Ein Klick auf den Skype-Namen – und ihr ruft (natürlich nur, wenn ihr selbst Skype habt) direkt bei dieser Person an.
  • Die Veranstaltungen, an der die Person teilnimmt, werden in der Seitenleiste angezeigt. Wie so vieles noch nicht ganz ausgereift, weil noch keine Ordnung drin ist, aber das wird noch.

  In den Einstellungen hat sich nicht mehr viel geändert, es klappt nur alles ein wenig besser – insbesondere beim Hochladen eines Benutzerbildes.

Ich glaub, das wars jetzt erst mal, zumindest im Groben. Natürlich werdet ihr – sofern ihr einen Screenshot der Seite vom November 2008 habt – noch viele weitere Änderungen erkennen, aber ich wollte ja – wie versprochen – nicht zu sehr ins Detail gehen.

Ein Punkt noch dazu, warum ich überhaupt jenen längeren Testkommentar geschrieben hatte: Ich wollte alle möglichen Sonderzeichen testen und bei solchen, die nicht (richtig) angezeigt werden, eben dafür Sorge tragen, dass sich das ändert. Leider wurde ich aber durch das obige Problem von der eigentlichen Aufgabe abgelenkt, also weiß ich ja, was ich jetzt zu tun habe.

Was sagen diese ganzen Zahlen nun für die Entwicklung der Jugendseite aus? Nun, zunächst einmal leider weiterhin, dass man den Internet Explorer bei der Entwicklung der Seite immer noch nicht ignorieren kann. Das ist natürlich keine neue Erkenntnis. Aber: Die neue Seite ist sehr auf Interaktion ausgerichtet und spricht gezielt die Mitglieder der Jugendabteilung – also Kinder und Jugendliche – direkt an. Beide Punkte sprechen dafür, dass der Anteil des Internet Explorers bei der Jugendseite nicht allzu hoch ausfallen dürfte, da sich viele Angestellte wohl davor drücken, während ihrer Arbeitszeit mehr als einen schnellen Blick zur Information zu riskieren – das Durchlesen oder -schauen längerer Texte oder Bildergalerien, geschweige denn das Einmischen in Diskussionen wird wohl weniger am Arbeitsplatz stattfinden. Außerdem ist Kinderarbeit in Deutschland verboten und so dürften die wenigsten Kinder und Jugendlichen die Jugendseite vom Arbeitsplatz aus betrachten.
Es ist also durchaus möglich, bei der neuen Jugendseite, zumindest an Stellen, die selten bei der schnellen Suche nach Zahlen, Daten, Fakten aufgerufen werden, neue Techniken zum Einsatz zu bringen, mit denen der Internet Explorer zwar nicht klarkommt, die aber im Sinne des Nutzers für eine moderne, zukunftsorientierte Seite beinahe unerlässlich sind.

Das freut mich ganz persönlich – und hoffentlich bald auch die Nutzer, die eine Menge Spaß auf den Seiten haben werden. So sie denn nicht mit dem Zum-in-die-Tonne-kloppen-Browser hier aufkreuzen.

Update, 18.09.: Durch Zufall bin ich glaub ich grade eben auf den wahren Grund für die plötzlichen, unverhältnis hohen Internet-Explorer-6-Anteile und ihr genauso schnelles Abflauen aus den Statistiken gekommen: Der (zurecht) kaum verbreitete AOL-Browser ist des Rätsels Lösung. Er gibt sich nämlich als Internet Explorer 6 aus, da er auf dessen Rendering Engine aufsetzte.
Das besondere am AOL-Browser: Er generiert bei jedem Seitenaufruf eine neue IP aus dem AOL-IP-Pool (irgendwas mit 195.93.60.???). Da die von meinem Bruder programmierte Statistik aber eine IP mit einem Besucher gleichsetzt, wird ein Besucher, der auf zehn Seiten war, als zehn verschiedene Besucher gewertet. Was die Programmierer des AOL-Browsers sich dabei gedacht haben, ist mir schleicherhaft.

Ein Problem gibt es aber dennoch: Man kann sich jetzt nicht mehr einloggen. Eine detaillierte Beschreibung des Problems würde hier zuweit führen, deshalb nur kurz: Ich musste eine Variable, die dafür sorgt, dass man sich einloggen kann, ausklammern, weil sie – wenn man Cookies nicht aktiviert hat – dafür sorgt, dass die URL schrecklich lang und unleserlich wird und Qualidator mir für diese unschöne URL Punktabzug verpasst hat, was ja verständlich ist, weil sich schön kurze URLs einfach besser merken lassen. Ach Mist, jetzt ist die Erklärung doch ein bisschen länger als kurz und auch ein bisschen unverständlicher als präzise geworden.
Aber Erklärung hin oder her: Wichtig ist jetzt, dass mir eine Lösung für das Problem ein- oder vor die Füße fällt. Wahrscheinlich wartet mein Bruder nur darauf, dass ich ihn morgen mal frage, damit er eine simple Zeile Code aus dem Ärmel schütteln und mich dumm dastehen lassen kann. Vermutlich kann man sich also morgen wieder einloggen.