SENFKoRN Technik

Grundsätzliches

Diese Seiten wurden konform zu den aktuellen Standards des W3C, XHTML 1.1 sowie CSS level 3, erstellt. Der RSS Newsfeed ist konform zur RSS-Version 2.0. Aktuelle Standard-konforme Web-Browser und RSS-Feed-Reader sollten die Seiten daher problemlos und fehlerfrei anzeigen.

Für die Anzeige des Kalenders bei aktuell und für die Auswahl der Design-Varianten beim Season Style Switch benötigen Sie JavaScript. Falls Sie ohne JavaScript durch das Internet surfen, lassen sich diese Seiten aber dennoch fehlerfrei (allerdings dann natürlich ohne die Anzeige des besagten Kalenders bzw. mit eingeschränkter Funktionalität) anzeigen bzw. nutzen.

Speziell für die schnelle Anzeige von Photos ("The Big Image") auf allen Seiten, welche Photos beinhalten (z.B. die Bildergalerie), benötigen Sie sowohl JavaScript als auch einen modernen CSS-fähigen Browser neben Cookies. Aber auch hier gilt, dass Sie alle Seiten selbstverständlich auch ohne diese Techniken nutzen können. Sie müssen dann eben nur auf die schnelle Anzeige der Photos verzichten und diese wie auf jeder "normalen" WebSite einzeln aufrufen.

Ein weiteres Feature dieser WebSite, nämlich die dynamische Anzeige von Panorama-Photos, ist ausschließlich per JavaScript nutzbar. Solche Panoramen finden Sie auf den Seiten zu Karlsruhe, zum CityPark und über das SENFKoRN. Ohne JavaScript sehen Sie zwar die kleinen Panorama-Übersichten, aber eine große Anzeige der Panoramen im Hintergrund mit Navigation durch das jeweilige Panorama per Mausbewegung ist damit nicht möglich.

Falls Sie (oder Ihr Browser) Probleme mit den CSS-basierten Pulldown-Menüs haben, so können Sie alle Seiten direkt über die Sitemap erreichen. Außerdem können Sie die Darstellung dieser WebSite durch Aufruf der Seite Season Style Switch noCSS auf CSS-arme Funktionalität unter Verzicht auf JavaScript (geeignet für alle alten Browser) umstellen. Durch Aufruf der Seite Season Style Switch Mobile können Sie außerdem eine Variante dieser Darstellung mit mäßigem Gebrauch von JavaScript einstellen, welche speziell für mobile Geräte mit kleinem Bildschirm (und insbesondere mit Touchscreen) empfohlen wird und dort auch als Default-Einstellung Verwendung findet. Gelöscht werden diese beiden Einstellungen wie alle anderen Einstellungen des Season Style Switch durch Aufruf der Seite Season Style Switch Clear.

Der Aufruf von Season Style Switch noCSS, Season Style Switch Mobile und Season Style Switch Clear funktioniert auch ohne JavaScript.

Für alle Einstellungen des Season Style Switch werden Cookies verwendet, welche die von Ihnen gewählten Einstellungen auf Ihrem Rechner abspeichern.

Für Web-Design sowie technische Umsetzung ist Jürgen Röthig verantwortlich. Per EMail unter juergen.roethig@ladenkirche-senfkorn.de werden gerne Anregungen, Kritik und Lob entgegengenommen

Hintergründiges

Diese WebSite wird komplett "von Hand" erstellt. Der technisch Verantwortliche für diese WebSite, Jürgen Röthig, betreut die WebSite in seiner Freizeit. Hauptberuflich liest er Studierenden der Informatik an der Dualen Hochschule Baden-Württemberg in Karlsruhe vor, und zwar unter anderem zum Themengebiet "WebEngineering". Insofern nutzt er diese WebSite immer wieder gerne, um seinen Studierenden zu zeigen, was im Web so alles auch mit teilweise recht einfachen Mitteln technisch möglich ist.

Entstanden ist die WebSite kurz nach der Gründung der Evangelischen Ladenkirche SENFKoRN in der Weihnachtszeit des Jahres 2008. Natürlich braucht eine Ladenkirche einen Telefonanschluss, und auch ein Internetanschluss wäre nett, da die Chefin der Ladenkirche, Kerstin Huber, diese auch als Büro nutzt. So wurde ein günstiger DSL-Anschluss mit VoIP-Telefonanschluss bestellt und gelegt. Und da dieser gleichzeitig ohne Mehrkosten das Hosting einer Web-Präsenz inklusive eigenem Domainnamen beinhaltete, war schnell klar, dass das SENFKoRN ins Web kommt. Andererseits war aber auch klar, dass für die Umsetzung dieser Web-Präsenz nur die technischen Möglichkeiten genutzt werden konnten, die in dem zusatzkostenfreien Angebot bereits enthalten waren. Daher musste auf eine Datenbankanbindung oder auf die Nutzung von serverseitigen dynamischen Webtechniken wie PHP oder CGI verzichtet werden. Einzig und allein die einfache SSI-Technik war möglich.

Inhaltlich sollte die WebSite natürlich zunächst einmal über die Existenz der Ladenkirche informieren. Allerdings werden im kurzlebigen Internet statische Inhalte, die sich nicht ändern, sehr schnell unattraktiv. Deshalb war die nächste Idee, einen Veranstaltungskalender miteinzubinden, welcher tagesaktuell über die laufenden Veranstaltungen informiert. Dieser wurde dann nicht nur auf der WebSite, sondern auch über einen RSS-Newsfeed angeboten. Integriert wurde darin auch die Möglichkeit, Photos von den Veranstaltungen einzubinden, welche im Gegensatz zur Information über kommende Veranstaltungen natürlich erst im Nachhinein interessant werden. Diese Idee resultierte in der Bildergalerie. Später kam dann noch ein Feiertagskalender hinzu, welcher über die Feiertage hauptsächlich christlichen Ursprungs hierzulande und insbesondere im SENFKoRN informieren soll. Schließlich gibt es noch die Möglichkeit, einzelne besonders wichtige Termine und Ereignisse unter dem Motto "SENFKoRN Speziell und Aktuell" direkt auf der Startseite hervorzuheben.

Viele der Informationen auf dieser WebSite sind also in der einen oder anderen Weise mit dem Terminkalender verknüpft. Statt nun die ganzen Informationen jeweils individuell und mit viel Aufwand in die verschiedenen Web-Seiten einzufügen und auch wieder herauszunehmen, wurde ein Weg gesucht, der dies automatisch erlaubt. Als Lösung wurde schließlich ein universelles (abstraktes) XML-Format ersonnen, in welchem die ganzen Termine und Informationen abgelegt werden. Dieses wird mit Hilfe von XSLT in die jeweiligen spezifischen Formate auf dem WebServer übersetzt. Und schließlich sorgt die Auslieferung der Seiten mit SSI dafür, dass auf diesen Seiten jeweils nur tagesaktuelle Informationen oder die Daten von ausgewählten Terminen und Bereichen angezeigt werden.

Um die komfortable Auswahl von Terminen anzubieten, wurde die Anzeige eines Monatskalenders und Auswahl der Termine bei aktuell per JavaScript integriert. Da der Betreuer dieser WebSite zu dieser Zeit gerade der Meinung war, alle erdenklichen Panoramamotive in Einzelbildern ablichten und im Panoramaformat zusammensetzen zu müssen und da JavaScript nun bereits im Einsatz war, kam die Idee dazu, Panoramaphotos von SENFKoRN und Umgebung auf der WebSite anzubieten und über einen eigenen JavaScript-Viewer zu visualisieren, beispielsweise auf der Seite über den CityPark. Bei der Vielzahl der angebotenen "normalen" (also nicht Panorama-)Photos wird es außerdem schnell ermüdend, diese über das normale Bedienmodell im Web (Bild anklicken, anschauen und zurück, nächstes Bild anklicken, anschauen und zurück, ... ) zu betrachten. Deshalb kam dann auch noch ein eigenes Bedienmodell zur Bildanzeige ("The Big Image") hinzu, welches ebenfalls mit JavaScript realisiert wurde und unter anderem bei der Bildergalerie verwendet werden kann.

Zu JavaScript ist grundsätzlich zu sagen, dass dessen Einsatz auf einer WebSite natürlich sowohl Vor- als auch Nachteile aufweist. Der größte Nachteil ist sicher, dass JavaScript aus verschiedensten Gründen bei manchen Internet-Nutzern deaktiviert (Stichwort Sicherheitsaspekte) und in manchen Internet-Browsern gar nicht implementiert und verfügbar ist (Stichwort Screenreader für sehbehinderte und blinde Nutzer). Außerdem implementiert fast jeder Browser-Hersteller seine eigene JavaScript-Variante, so dass es schwer ist, JavaScript-Code zu schreiben, der fehlerfrei und in der gleichen Weise auf möglichst vielen Web-Browsern arbeitet. Aus diesen Gründen wurde versucht, JavaScript immer nur für zusätzliche nette Features einzusetzen, wobei alle Informationen auch ohne JavaScript verfügbar und zugänglich sein sollen (Stichwort Unobtrusive JavaScript). Insgesamt ist das heutige Internet in Zeiten von Web 2.0 und mancher schicke Effekt (vor allem visueller Art) ohne JavaScript allerdings nicht denkbar und machbar, weshalb man in zunehmendem Maße von einer Verfügbarkeit von JavaScript beim Nutzer ausgehen kann.

Die gesamte WebSite sollte natürlich eine eigene Identität bekommen, und diese macht sich insbesondere durch ein individuelles Aussehen (das sogenannte "Corporate Design") bemerkbar. Das Aussehen wurde zunächst und im wesentlichen übernommen vom allerersten Flyer, welchen ein Grafikbüro in Zusammenarbeit mit Kerstin Huber zur Eröffnung des SENFKoRNs entworfen hatte. Mit Hilfe der aktuellen Möglichkeiten von CSS wurde dieses Design für die WebSite umgesetzt. Schnell kamen dann verschiedene Designvarianten für verschiedene Jahreszeiten und Festtage hinzu, welche in Kombination mit dem Terminkalender und der dafür bereits verwendeten Technik SSI ebenfalls automatisch datumsabhängig geschaltet wurden. Außerdem lässt sich mit dem Season Style Switch jedes der verfügbaren Designs als Standarddesign auswählen. Hier stehen neben den Jahreszeiten- und Feiertags-Varianten auch spezielle Varianten mit maximaler Lesbarkeit und Varianten für alte leistungsschwache oder für moderne mobile Geräte zur Wahl.

Nachdem es nun eine spezielle Design-Variante für moderne mobile Geräte gab, kam als bislang letztes technisches Feature die Umsetzung des Bedienmodells zur schnellen Anzeige von Bildern ("The Big Image") für Geräte mit Touchscreen hinzu. Damit kann man auch unterwegs problemlos die aktuellen Photos betrachten und verliert nie die Verbindung zum SENFKoRN .

Diese WebSite wird nicht nur inhaltlich ständig gepflegt, sondern auch technisch kontinuierlich weiterentwickelt. Dabei ist manches Feature durchaus als experimentell zu betrachten. Außerdem ist aufgrund der Vielzahl der verschiedenen Geräte, mit denen das Betrachten von WebSites möglich ist, und aufgrund der darauf implementierten unterschiedlichen und teilweise unvollständigen Unterstützung von aktuellen und in Entwicklung befindlichen Web-Standards ein Test der Seiten leider nicht unter allen Bedingungen möglich. Wenn also etwas einmal nicht so funktioniert, wie es funktionieren sollte, üben Sie bitte vor allem Nachsicht! Und schreiben Sie mir, damit ich den Fehler korrigieren kann! Mit Fehlerhinweisen, Kritik, Anmerkungen oder Verbesserungsvorschlägen wenden Sie sich am besten per EMail unter juergen.roethig@ladenkirche-senfkorn.de an mich! Ich werde Ihnen schnellstmöglich antworten. Und wenn Ihnen das alles hier viel zu viel an Technik ist, dann konzentrieren Sie sich am besten ganz einfach auf den Inhalt der SENFKoRN-WebSite ...