Oliver Seibert Ringseisstraße 8 80337 München E

Oliver Seibert
Ringseisstraße 8
80337 München
E-Mail: [email protected]
Matrikelnummer: 20082923
Dokumentation zur Projektaufgabe
„Wandertipps für Weissbierfreunde“
http://informatik.fh-brandenburg.de/~seibert/wbtouren.php
im Rahmen des Moduls Webprogrammierung
im Onlinestudiengang Medieninformatik
der FH Brandenburg
29. Juni 2011
Projekt-/Modulbetreuer: Prof. Dr. Thomas Preuss
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 1
INHALT
1. Kurzbeschreibung der Anwendung
3
2. Recherche zum Thema und Copyrightanfragen für die Bildrechte
4
3. Komponenten, Aufbau, Schnittstellen
4
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 2
1. Kurzbeschreibung der Anwendung
Startlink: http://informatik.fh-brandenburg.de/~seibert/wbtouren.php
Das Projekt „Wandertipps für Weissbierfreunde“ ist ein webbasierten Onlinewanderführer,
der Wandertipps nach der auf der Zielhütte ausgeschenkten Weißbiersorte (Weizen) gibt.
Über eine Auswahl vorgegebener Weißbiersorten kann der Wander- und Weißbierfreund
sich sein Ziel suchen. Folgende Daten werden dynamisch in einer Liste nach Auswahl der
Weißbiersorte angezeigt:
 Der Name der Hütte oder des Gipfels
 die Wanderregion
 die Lage (in Höhenmeter) der Hütte, bzw. des Gipfels
 der Startpunkt der Tour
 die Dauer der Wanderung
Unter der angezeigten Tour wird ein Bild der Hütte oder die Umgebung der Hütte
eingeblendet, in einer Picturebar auf der rechten Seite wird unter dem Punkt
„Impressionen“ ein Bild der Wanderregion gezeigt.
Gleichzeitig wird des Logo der jeweiligen Weißbiersorte unter dem linken Auswahlmenü
eingeblendet und ein Bild mit einem frisch gezapften Weißbier der jeweiligen Sorte wird
rechts neben den Tour-Vorschlägen eingeblendet.
Zuerst war eine weitere Funktion geplant, mit der User und Besucher der Seite selbst TourVorschläge eintragen können. Dies ist jedoch verworfen worden, da bei der Einholung der
Rechte für die Verwendung der Logos und Bilder von Brauereien klar wurde, dass diese sehr
darauf achten, dass hier keine falschen Angaben gemacht werden. Es dürfen keine Hütten
angepriesen werden, die ein Weißbier einer anderen Brauerei verkaufen, als die Seite
darstellt.
Dem Nutzer ist eine Möglichkeit im Impressum gegeben worden über ein Formular mit dem
Seitenbetreiber in Kontakt zu treten und dort Vorschläge machen zu können.
Die Formulareinträge werden an eine SQL-Datenbank geschickt und dort bis zur Bearbeitung
gespeichert.
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 3
2. Recherche zum Thema und Copyrightanfragen für die Bildrechte
Ich habe bisher noch keine Internetanwendung gefunden, die Wandertipps nach
Weißbiersorten anbietet. Da ich selbst aber ein intensiver Berggeher bin kenne ich den
Wunsch sich seine Tour auch mal nach dem Getränk aussuchen zu wollen. Auch ist mir
aufgefallen, dass es bei Tourenplanungen immer mindestens einen gibt der fragt: „Welches
Weißbier gibt es auf der Hütte“ - Mit diesem Webmodul kann also die Tourplanung neu
organisiert werden.
Die meisten der angezeigten Wanderungen habe ich selbst durchgeführt und auch die
meisten der verwendeten Bilder selbst gemacht. Ich habe alle Brauereien der auf der Seite
verwendeten Weißbiersorten angeschrieben und über das Projekt informiert und mir auch
von jeder Brauerei die Rechte zur Verwendung des Logos und des Glasbildes schriftlich
geben lassen. Die Reaktionen waren alle positiv, es wurde keine Anfrage abgelehnt, auf
einige Anfragen wurde allerdings nicht (bisher nicht) geantwortet. Diese Sorten habe ich
nicht veröffentlicht.
Die Bilder stammen bis auf wenige Ausnahmen von mir. Von den Hütten bei dem ich auf
Fremdmaterial angewiesen war, habe ich mir auch die Bildrechte schriftlich geben lassen,
dies geschah meist direkt mit dem Hüttenbetreiber.
3. Komponenten, Aufbau, Schnittstellen
Für die Erstellung der Seite habe ich Elemente von
 XHTML
 PHP
 CSS
 SQL
verwendet.
Zur Programmierung hab ich den Dreamweaver der Adobe Creative Suite 4 Web Premium
genutzt.
Gestaltung:
Die Gestaltungsformalien der Seite wurde in eine css-Datei (wbstyle.css) ausgelagert
Datenbank:
Als Datenbank nutze ich eine MySQL-Datenbank, die auf dem Server der FH-Brandenburg
liegt.
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 4
Die Datenbank hat drei Tabellen:
 weissbier (mit den verschiedenen Biersorten)
 touren (mit den jeweiligen Touren und Hüttenangaben)
 anfragen (als Speicherort für die Kontaktanfragen)
Funktionsablauf:
Bei Aufruf der Seite im Webbrowser öffnet sich die php-Hauptseite wbtouren.php, die als
ersts die Funktion include() aufruft. Die Datei dbconnect.php öffnet eine Verbindung mit der
Datenbank
Die Seite ist in vier Bereiche unterteilt:
 Header (mit Titel und Bildleiste)
 Sidebar (mit Auswahlmöglichkeit)
 Picturebar (für Bilder der Wanderregionen)
 Content (für den Hauptinhalt)
 Footer (für Impressum-Link)
Die Aufteilung wurde mit divs umgesetzt.
Der User wählt über ein SELECT-Menü aus einer vorgegebenen List von Weißbieren seine
Lieblingssorte. Die Weißbiere sind in der MySQL-Datenbank abgelegt. Diese Datenbank kann
also jederzeit erweitert werden, ohne dass dabei Code in der PHP-Datei geändert werden
muss.
Die Auswahl wird in einer Variablen gespeichert, da diese Auswahl an mehreren Stellen auf
der Seite gebraucht wird. Folgende Änderungen werden alle nach Auswahl der Sorte
ausgeführt






Das Logo der jeweiligen Brauerei wird, über Datenbankzugriff, direkt unter dem
Auswahlmenü angezeigt.
Der Text im Hauptmenü wird von „Ihre Lieblingsweissbiersorte“ in den Namen der
ausgewählten Sorte geändert.
Darunter werden in einer Liste die zu diesem Weissbier gespeicherten Touren
angezeigt
Als Listenkennzeichen habe ich ein neutrales Weissbierglas verwendet. Dies ist in der
CSS-Datei festgelegt.
Unter dem Text der Tour erscheint ein Bild, das entweder die Hütte oder einen Blick
von der Hütte in die Umgebung zeigt.
Rechts neben den Tourvorschlägen erscheint ein frisch gezapftes Weissbierglas der
ausgewählten Sorte.
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 5

In der Picturebar auf der rechten Seite erscheint ein weiteres Bild, jeweils auf Höhe
der dazugehörigen Tour, dass einen Eindruck vom Wandergebiet geben soll
Die Logos, die Glasbilder, die Hütten und Impressionsbilder sind in dem Ordner images
abgelegt, der Link dorthin ist auf der SQL-Datenbank abgelegt.
Damit beim erstmaligen Aufruf der Seite oder einer Leerauswahl keine Lücken entstehen,
wurde überall wo dynamisch gearbeitet wird „Notfall“-Default-Angaben oder Bilder gesetzt.
Dokumentation zur Projektaufgabe „Wandertipps für Weissbierfreunde“
Seite 6