Darstellung

Die WebApp basiert auf Bootleaf. Da das Template bereits etwas älter ist, habe ich es geforkt und die Bibliotheken aktualisiert: weberius/bootleaf. Mit Start der WebApp wird der verbundene Kulturpfad angezeigt und die passenden Sehenswürdigkeiten. Durch Klick auf ein Icon werden Informationen zu den Sehenswürdigkeiten in einem modalen Dialog vorgeblendet. Die Eigenschaften der WebAnwendung sind in der folgenden Liste aufgeführt:

Features

• Der Überblick zeigt den Weg und die Anzahl der Sehenswürdigkeiten entlang einer Route. Der Verlauf des Weges entspricht bestmöglich der ursprünglichen Streckenführung des Kulturpfades.
• Die Kartenansicht zeigt Details entlang des Pfades an. Die Sehenswürdigkeiten werden durch rote Marker mit ihren Nummern angezeigt. Ein modaler Dialog zeigt Informationen zu den Sehenswürdigkeiten. Die Texte sind den Heften entnommen, die für die Kulturpfade veröffentlicht wurden. Ein Foto illustriert den Eintrag.
• Die Route wird mit einem für dieses Projekt entwickelten Routingsystem berechnet. Dadurch ist es möglich, nicht nur die Länge der Strecke, sondern auch die benötigte Zeit anzuzeigen.
• Die Informationen im Dialog zu den Sehenswürdigkeiten enthalten den Hinweis auf die Quelle. Weitere Informationen sind verlinkt. Jedem Kulturpfad ist ein Text vorangestellt, der die Besonderheiten der Route betont. Diese Texte finden sich im Menüpunkt ‚About‘.
• Es können unterschiedliche Sprachen angezeigt werden. Eigennamen werden nicht übersetzt. Jede weitere Sprache ist mit zusätzlichem redaktionellen Aufwand verbunden.
• Das Locate Tool ermöglicht es den Standort an den Browser zu übermitteln. Die aktuelle Position wird als blauer Punkt der auf der Karte angezeigt.
• Mit Aufruf der Seite werden alle Daten in den Browser übertragen. Die Verarbeitung erfolgt auf dem Smartphone. Es werden keine Daten über Personen, ihr Nutzungsverhalten oder ihre Position erhoben oder gespeichert.
• Jeder Kulturpfad hat seine eigene Seite. Die Pfade des Bezirks können über den Menüpunkt ‚About/ Links‘ gefunden werden. Die Seite ‚Über das Projekt‘ beschreibt die Zusammenhänge. Hier ist es möglich Kontakt zum Entwicklungsteam aufzunehmen.

modale Dialoge

Die modalen Dialoge liegen als Markt-Down Fragmente vor und werden mit Hilfe von Marked Documentation in html Code umgewandelt und per Javascript in den DOM-Tree eingefügt. Dadurch kann die vereinfachte Notation von MarkDown verwendet werden, aber auch die Anwendung in mehreren Sprachen dynamisch ohne reload der Seite zur Verfügung gestellt werden.