Travelmap
Sara und ich reisen gerne. In den Sommerferien geht das auch mal international, doch dazu kommt man nun mal nicht immer. Dementsprechend machen wir hin und wieder den einen oder anderen Trip quer durch die Schweiz.
Nun sind wir nicht beide mit demselben Sinn für Orientierung gesegnet. Ich bin so sehr Kartenenthusiast, dass ich Google Maps schon fast als eines meiner Hobbys bezeichnen würde. Sara hingegen freut sich, neue Destinationen kennenzulernen, unabhängig davon, wo auf der Karte sie sich befinden. So kommt es ab und zu zu Konversationen wie: «Oh, da waren wir ja schon mal» oder «WAS?! Das ist ja in der Nähe von dem?».
Also beschloss ich, unsere Ausflüge mal kartografisch zu erfassen. Als MMP-Student liess ich es mir nicht nehmen, dies multimedial und interaktiv zu gestalten. Ich begann, unsere Travelmap zu programmieren. Diese besteht aus einer Schweizer Karte mit den wichtigsten Strassen des Landes und Links zu aktuell sechs Unterseiten.
Auf diesen Unterseiten habe ich unsere Ausflüge erfasst. Zu jedem Ausflug gibt es eine Karte, auf der die Route eingezeichnet ist, eine Infobox mit unseren Destinationen und Verkehrsmitteln sowie ein paar Fotos, die auf dem Trip entstanden sind.
Bisher sind sechs Ausflüge auf der Webseite erfasst, ich habe jedoch noch einen Backlog an Fotos, die den Weg auf die Seite finden sollten.
(eli)
Ich hatte beim Start des Programmierens hohe Ambitionen, dass am Schluss alles mit nur einer HTML-Seite und einer Menge JavaScript funktioniert. Im Laufe des Codens kam ich mit meinen JavaScript-Ideen jedoch einfach auf keinen grünen Zweig und musste somit sechs HTML-Seiten anlegen.
Die Karten habe ich selbst mit Illustrator erstellt. Dafür habe ich einmal eine Straße gezeichnet und diese dann als Linientyp hinterlegt. Es war noch tricky zu entscheiden, welche Straßen ich alle abbilde und welche nicht. Ich habe mich dabei natürlich auch ein bisschen davon leiten lassen, welche Routen wir schon verwendet haben und welche nicht.
Insgesamt ist es sicherlich weder anspruchsvoll noch hochstehend designt oder programmiert. Nichtsdestotrotz funktioniert die Seite und erfüllt ihren Zweck.