direkt zur Navigation springen
Feuerwehr Schwallungen online wurde grundlegend modernisiert
Große Homepage-Party zum gelungenen Neustart
Artikel im "Freien Wort" vom 21.06.2011. Über mehr als 500.000 Besucher konnte sich das Webteam
bereits Ende 2010 freuen.
Vorwort
Die Homepage der Feuerwehr Schwallungen, welche sowohl die Freiwillige Feuerwehr Schwallungen
als Behörde als auch den Feuerwehrverein Schwallungen e.V. als privatrechtliche Vereinigung vorstellt,
ging im Jahr 1999 als erste Online-Feuerwehr des Landkreises Schmalkalden-Meiningen "ans Netz". Folgen Sie diesem Link, um weitere Details zur
Geschichte und Entwicklung der Homepage zu erfahren.
Der damalige Programmiercode wurde von drei Studenten der TU Ilmenau Thomas Krech aus Fambach, Stefan Bleuel
aus Altenburg und Tobias Erb aus Schwallungen geschrieben. Über die Jahre haben sich der Internetsektor
und die damit verbundenen Programmierungen schnell weiterentwickelt, so dass die Homepage vor allen in ihren
Hintergrundfunktionen nicht mehr zeitgemäß, umständlich und zeitintensiv zu bedienen sowie zu aktualisieren war. Letztlich waren
die verwendeten Programmiercodes so veraltet, dass Suchmaschinen, wobei hier GOOGLE an erster Stelle zu nennen ist, die Seite nicht mehr in ihrem Index führten und so weder Textinhalte noch Bilder über Suchbegriffe gefunden werden konnten. Dadurch sind die Zugriffe von zuletzt ca. 400 Besuchern täglich auf unter 100 Besucher täglich
zurückgegangen.
Es stand damit die Frage im Raum, ob die erfolgreiche Geschichte in über 10 Jahren Homepageberichterstattung fortgesetzt werden sollte oder nicht. Das Webautorenteam, unterstützt von der Wehr- und Vereinsleitung und einigen
Helfern, hat sich für eine Fortsetzung entschieden. Dies bedeutete, dass die Homepage
grundlegend in ihren innersten Funktionen umgestaltet bzw. stellenweise auch neu erfunden werden musste.
Die Ziele der Neugestaltung
- Übernahme der zahlreichen Veranstaltungs- und Einsatzberichte seit 1999 und der dazugehörigen Bilder,
da diese mittlerweile den Umfang einer Feuerwehr-Chronik im Internet haben und dadurch einen wesentlichen
Kernbestandteil des Internetauftrittes ausmachen.
Im Detail wurden übernommen:
- 200 Berichte zu Veranstaltungen und Aktivitäten
- 100 Einsatzberichte
- 1500 Bilder
Die Homepage umfasst derzeit 304 HTML-Dateien mit einer Speichergröße von insgesamt rund 2,6 MB. Dies entspricht ca. 2,6 Millionen Zeichen (Buchstaben, Zahlen usw.). Die 2,6 MB sind ohne die Speichergröße der 1500 Bilder gerechnet.
- Erhaltung aller Sonderberichte über z.B. "Rauchgas", "Erste-Hilfe" und "Löschangriff" sowie von
Besonderheiten wie dem "Feuerwehr-Quiz", dem "Intern-Bereich", dem "Gästebuch" und des "Videoarchivs" in aktualisierter Form.
- Die Vorstellung der verschiedenen Abteilungen der Freiwilligen Feuerwehr als Behörde und des Feuerwehrvereins Schwallungen e.V. sollten übernommen, ausgebaut und aktualisiert werden.
- Spezialanwendungen und Dienstleistungen für unsere Bürger wie das "Unwetterwarnsystem" oder der "Fernseh-Infokanal" sollten ohne Ausfallzeiten weiterhin zur Verfügung stehen.
- Die Homepageprogrammierung sollte insgesamt auf moderne Beine gestellt werden. D.h. ein Content-Managment-System (CMS), [engl.] Inhalts-Management-System, sowie Cascading Style Sheets (CSS) sollten die Inhalte und
das einheitliche Layout regeln.
- Die Seite sollte für Suchmaschinen optimiert gestaltet werden, damit die Inhalte schnell und einfach
durch eine passende Stichwortsuche gefunden werden können.
- Das grundsätzliche Layout ("roter Rahmen") der Seite sollte übernommen werden, um den Wiedererkennungswert
der Homepage im ganzen zu erhalten.
Um diese Ziele umsetzen zu können, war schnell klar, dass umfangreiche Arbeiten zu bewältigen waren. Insbesondere galt es, die vielen Homepageberichte seit der Onlinestellung im Jahr 1999 von ihrer bislang statischen Form
in eine dynamische neue HTML-Struktur umzuschreiben.
Ohne Helfer ging es nicht
Dank der Unterstützung von fleißigen Helfern, welche in "LAN-Partys" der anderen Art an einigen Freitagabenden ihr bestes gaben, konnten die alten Inhalte übertragen werden. Von 18.00 Uhr bis nachts um 03.00 Uhr wurde konzentriert im Rundumlaufverfahren jede einzelne Datei behandelt. Hierbei hatte jeder Helfer eine gewisse Aufgabe mit seinem Laptop zu erledigen. Als brauchbarer Nebeneffekt für z.B. den Informatikunterricht in der Schule oder die Erstellung einer eigenen Homepage konnte sehr viel über die Programmierung von Internetseiten gelernt werden. Stets kam aber auch der Spaß nicht zu kurz.
Ein großes Dankeschön geht für das ehrenamtliche Engagement im Rahmen des Umschreibens der Homepageinhalte an:
- Christian Pfannstiel
- Roberto Kassel
- Sascha Eichhorn
- Marcus Rumpel
- Alexander Hartung
- Adrian Stützer
- Franziska Jähnig
- Sven Kampke (nicht Mitglied der Feuerwehr)
- Andrea Erb (logistische Unterstützung)
- Tobias Erb
Bilder zu diesen "Freitag-LAN-Partys" sind weiter unten im Bericht zu finden. Erfreulich war,
dass auch Mitglieder der Jugendfeuerwehr entsprechend ihrer Möglichkeiten mitgeholfen haben.
Für die meist nicht sichtbaren Arbeiten im Hintergrund zeigte sich insbesondere das ursprüngliche
Webteam, welches bereits seit 1999 die grundlegenden Funktionen der Homepage gestaltet, verantwortlich.
Da diese Arbeiten zugleich einen Kernbestandteil der Neugestaltung ausmachten und von eher technischer Natur sind, sollen dennoch für Interessierte einige Erläuterungen erfolgen.
So wurde als wesentlicher Punkt der Neuerungen ein
Inhalts-Management-System auf Datenbankbasis für
die Verwaltung der einzelnen Internetdateien, die u.a. die textlichen Inhalte und Befehle
der Veranstaltungsberichte enthalten, erstellt. Das bedeutet, dass nicht wie früher jede einzelne Datei
separat auf dem Feuerwehrserver vorhanden ist, sondern die Inhalte in einer quasi großen "Tabelle"
gespeichert sind, und nur bei Bedarf aktuell zusammengestellt werden. Weiterhin werden auf der gesamten
neuen Homepage
Style Sheets (CSS)
verwendet. Dieses heute auf vielen Internetseiten zur Anwendung kommende System besteht aus festen Vorgaben, wie das Design auf der gesamten Homepage aussehen soll. Die Style Sheets legen sich bei der Abfrage einer Homepageseite aus der Inhalts-Management-Datenbank automatisch über Text, Bilder, Tabellen usw. und generieren dabei das Layout. So wird gewährleistet, dass grundsätzlich das selbe Design homepageweit angewendet wird.
Ein sehr nützlicher Nebeneffekt ist, dass das Inhalts-Management-System sehr einfach zu verwalten ist.
Hierdurch können auch andere Personen ohne spezielle technische Kenntnisse in der Webseitengestaltung neue
Homepageberichte verfassen.
Für das ehrenamtliche Engagement im Rahmen dieser grundlegenden Programmierarbeiten im "Hintergrund" geht ein großes Dankschön an:
- Thomas Krech (Fambach)
- Stefan Bleuel (Ilmenau)
- Tobias Erb (München)
Alles was früher umständlich war, geht jetzt schneller, leichter und einheitlich - zusätzlich werden neue Dinge möglich
- Vier Überschriftsklassen mit entsprechenden Formatierungen sind schnell und einfach anzuwenden.
Haupt-Überschrift - Typ: H1 (zentriert, größer, fett, unterstrichen)
Unter-Überschrift - Typ: H2 (größer, fett, unterstrichen)
Unter-Unter-Überschrift - Typ: H3 (fett)
bzw. diese
besonders hervorgehobene Überschrift für Leit- und Grundsatzartikel - Typ: H2
Durch die Verwendung der fest definierten und im gesamten Internet einheitlichen Überschriftstypen H1, H2 und H3 können Suchmaschinen wie
GOOGLE besser Stichworte und die Relevanz bestimmter Ausdrücke zuordnen und so die Suchergebnisse optimieren.
-
Alle Bilder stehen auch zukünftig in einer Bildergalerie zur Verfügung. Diese musste in der alten Homepagefassung manuell
gepflegt werden, was zusätzliche Arbeit bedeutete. Auf der neuen Homepage wird dies automatisch geschehen,
indem das System selbstständig erkennt, wenn ein neuer Bericht ein Bild enthält und dieses dann dem
Bildarchiv hinzufügt.
-
Die Zusammenfassung aller Bilder in einer automatisieren Bildergalerie hat die Möglichkeit eröffnet, auf der Homepage ein "Zufallsbild"
anzuzeigen, welches damit den Blick in das Feuerwehrarchiv auf einfache Art schafft. Durch Anklicken des Bildes
ist man direkt bei dem entsprechenden Bericht, der z.B. natürlich auch in der Vergangenheit bis 1999 zurückliegen kann.
-
Alle Bilder werden durch einfache Befehle standardisiert eingebunden, erhalten automatisch einen Schatteneffekt
und werden direkt mit der Bildunterschrift bzw. Bildnebenschrift verknüpft. Suchmaschinen wie GOOGLE können
dadurch die Wörter der Bildbeschreibung in direkte Beziehung zum Bildinhalt setzen, was die Suchergebnisse
bei einer Bildersuche verbessert.
-
v.l. Webmaster Tobias Erb dankt Thomas Krech mit einem Wurst-Präsentkorb während einer kleinen Homepagefeier
mit allen Helfern am 18.03.2011.
Verschachtelte Bilderanordnungen, die über die Standardausrichtung
"Bild und Bildunterschrift über die komplette Seite zentriert" hinausgehen,
werden möglich. So können Bilder mit der Bildunterschrift "rechtsbündig" und daneben Texte oder
weitere Bilder angeordnet werden.
Der "Wurst"-Korb für Thomas Krech.
Thomas Krech unterstützt die Homepage seit deren Erstellung im Jahr 1999 durch Programmierarbeit,
Layout- und Bildarbeit sowie durch die Umsetzung kreativer Ideen.
(Natürlich können Bilder auch ohne Schatteneffekt dargestellt werden.)
Ein weiterer Name der im Zusammenhang mit der Gestaltung der Homepage
genannt werden muss, ist Stefan Bleuel. Das Aufgabenfeld des Diplom-Informatikers, der an der TU Ilmenau studiert hat und aus Altenburg in Thüringen stammt, erstreckt sich insbesondere auf die PHP-Programmierung von Sonderprojekten wie z.B. dem "Feuerwehr-Online-Quiz" oder dem "Fernseh-Infokanal".
v.l. das vollständige Webteam: Thomas Krech, Tobias Erb und Stefan Bleuel werden während des Sommerfestes des Feuerwehrvereins Schwallungen e.V. im Jahr 2009 anlässlich
"10 Jahre Homepage der Feuerwehr Schwallungen" ausgezeichnet.
-
Aber z.B. auch eine abwechselnde und überlappende Bilder- und Textanordnung "links/rechts" ist möglich.
-
Erster "LAN-Party-Freitagabend am 11.02.2011", v.l. Tobias Erb, Sascha Eichhorn, Adrian Stützer,
Roberto Kassel, Christian Pfannstiel, Marcus Rumpel. Die Arbeitsschritte wurden mit einem Beamer
verdeutlicht.
-
Zweiter "LAN-Party-Freitag am 25.02.2011", v.l. Sven Kampke, Sascha Eichhorn, Marcus Rumpel, Roberto Kassel, Christian Pfannstiel. Ein Beamer war bereits nicht mehr notwendig, da alle ihre Aufgaben
vom ersten Mal noch beherrschen.
-
An allen Arbeitsabenden war für Speisen und Getränke gesorgt. So gab es Pizza, heiße Knacker
oder hier zum zweiten Treffen bereitet Andrea Erb belegte Brote vor.
-
Getreu dem Motto "Was macht ein Feuerwehrmann wenn er nichts isst - er macht was kaputt! ;-)"
machte sich die Meute über die Brote her... Der Spaß kam natürlich nie zu kurz.
-
Und danach...Alle sind satt, dennoch wurden die letzten der Brote natürlich auch noch gegessen.
-
Dritter "LAN-Party-Freitag am 12.03.2011", v.l. Tobias Erb, Alexander Hartung, Sascha Eichhorn, Sven Kampke, Marcus Rumpel, Roberto Kassel, Christian Pfannstiel.
In Aktion kann diese neue Funktion, welche die Anordnung solcher Elemente wesentlich erleichtert hat, z.B.
auch in diesem Bericht über die
Modernisierung des LF8-TS8-STA gesehen werden. In der alten Fassung der Homepage wurden solche Anordnungen kompliziert, umständlich und zeitraubend durch
ineinander verschachtelte Tabellenstrukturen umgesetzt, wobei Tabellen von den Erfindern der Internet-HTML-Sprache für eine derartige Nutzung nicht vorgesehen waren.
-
Tabellen finden in der neuen Homepage jedoch als fest definierte Elemente Verwendung, wodurch stets ein einheitliches Layout erzeugt wird und zugleich nur wenige Programmierbefehle notwendig sind.
| Überschriften von Tabellen sind fett, blau und zentriert |
| Andere Zellen können linksbündig... |
oder zentriert |
oder rechtsbündig |
angeordnet werden.
|
| Spaltenzusammenfassungen mit Überschriftsfunktion |
oder ohne Überschriftsfunktion |
| oder Zeilenzusammenfassungen, alles war natürlich früher möglich, nur jetzt ist es wesentlich einfacher. |
|
|
|
|
|
|
Tabellenunterschriften, sofern erforderlich, werden wie bei Bildern auch automatisch mit der Tabelle verknüpft und helfen Suchmaschinen wie GOOGLE bei der Einordnung der Inhalte.
-
Automatische Aufzählungsfunktionen mit verschiedenen Untergliederungsmerkmalen sorgen für Übersichtlichkeit.
Momentan lesen Sie die Hauptgliederung, welche die Punkte der Neuerungen mit Ziffern (1, 2, 3 usw.) fortlaufend
aufzählt.
- Natürlich sind auch
- Unterpunkte möglich,
- die aus Stichpunkten bestehen
- oder in einer weiteren Ebene
- mit anderen Elementen unterschieden
- werden.
- Auch Ziffern sind
- erneut möglich
- Autorenhinweise, Bildernachweise bzw. weitere rechtliche Dinge werden grundsätzlich und automatisiert
aus der Datenbank heraus am Ende jeder Seite angezeigt (s.u.).
- Durch die Verwendung einer fest definierten Struktur der Inhalte in dem geschaffenen Inhalts-Management-System
ist die Homepage für Suchmaschinen optimiert, wodurch eine schnelle und umfassende Indizierung
der Texte und Bilder bei z.B. GOOGLE möglich wird.
-
Alle genannten Layoutformatierungen und noch weitere sind durch die Verwendung der Style Sheets (CSS)
auf der gesamten Homepage identisch. Sollte sich das Webteam für ein neues Layout oder eine neue
Darstellung entscheiden, sind Änderungen nur noch an einer Stelle in den Style Sheets (CSS) vorzunehmen
und finden damit sofort Anwendung auf allen Homepageseiten.
- Die Homepage wurde in vielen Bereichen "barrierearm" gestaltet. Wikipedia erklärt die Barrierefreiheit von Internetseiten
wie folgt: "Barrierefreiheit schließt sowohl Menschen mit und ohne Behinderungen, als auch Benutzer mit technischen (z. B. Textbrowser oder PDA) oder altersbedingten Einschränkungen (z. B. Sehschwächen) sowie Webcrawler ein, mit denen Suchmaschinen den Inhalt einer Seite erfassen. Da dies aufgrund der unzähligen weichen, individuell geprägten Barrieren nicht vollständig erreicht werden kann, spricht man auch von barrierearm oder zugänglich."
Beispielsweise können auf dieser Homepage im "Mozilla Firefox" die Menüfunktionen über die Tastenkombination "Shift+Alt+Buchstabe/Zahl", also z.B. "Shift+Alt+e" für das Menü "Einsatzabteilung" (siehe unterstrichenen Buchstaben), aufgerufen werden. Die Barrierefreiheit von Internetseiten wird Behörden durch eine Verordnung vorgeschrieben und zukünftig weiterhin an Bedeutung gewinnen.
- Die Menüstruktur zum Aufruf der verschiedenen Themen muss nicht wie früher manuell erstellt werden,
sondern wird durch das Inhalts-Management-System automatisch erstellt.
- Das Rundmailsystem, mit welchem z.B. Einsatz- und Veranstaltungsnewsletter als auch der interne Feuerwehr Schwallungen Info-Newsletter verschickt werden, wurde aktualisiert. Die neu verwendete Software überzeugt durch erweiterte Möglichkeiten als auch durch erhöhte und vom Internetrecht geforderte Sicherheitsstandards.
-
Der Bereich "Feuerwehr Schwallungen online - INTERN", welcher durch ein Zugangspasswort nur Mitgliedern
der Feuerwehr Schwallungen zur Verfügung steht, wurde um z.B. Dienstanweisungen und zusätzliche
Lehrunterlagen erweitert.
-
Die Style Sheets (CSS), welche das Homepagedesign erzeugen, wurden so gestaltet, dass eine ähnliche
Homepagedarstellung in denen am häufigstens verwendeten Internetbrowsern ermöglicht wird. Getestet wurde
die neue Homepage auf den Browser "Mozilla Firefox", "Google Chrome", "Apple Safari", "Opera" und "Microsoft Internet Explorer".
Viele der genannten Punkte wurden bereits umgesetzt, einige sind noch in der Bearbeitung.
Die Homepage steht damit auf aktuellen und modernen Beinen. Klicken Sie sich doch einfach mal durch. Gerne
nehmen wir Anregungen in unserem Gästebuch (siehe unten) entgegen.
Wie die Suchmaschine GOOGLE die neue Homepage sieht und wie sich die Besucherzahlen entwickeln
Das Webteam sowie die Kameradinnen und Kameraden der Feuerwehr Schwallungen freuen sich auf Ihren Besuch!
Wollen Sie bei einem neuen Bericht über eine Veranstaltung eine e-mail Benachrichtigung?
Klicken Sie
hier, um zum Anmeldeformular für diesen kostenlosen Service zu gelangen.
Text: Tobias Erb
Bilder: Tobias Erb
Presseartikel: 21.06.2011, Freies Wort, Erik Hande
Stand: 22.06.2011