Gestaltung

NavigationTechnik

Daten

Allgemein

Arbeiten gliederten sich in zwei Bereiche

WebsiteKarte

Layerframe

Mapframe

Postframe

Route

Unsichtbar für den User

Logoframe

Topics

Listenframe

Toolframe

Allgemein

Karte

GrundlageRasterdaten bis Maßstab 1:10000Vektordaten ab Maßstab 1:10000

Karte

Vektordaten

Rasterdaten

optisch von uns zu gestalten Rasterkarte gab gestalterische Aspekte vor

Von Gruppe Daten aus Bildschirmfotos zusammengesetz und georefrenziertVon uns im .tiff-Format als Layer eingefügt

Karte

Gestaltung der KarteFarbliche Gestaltung

Farbliche Anpassung an die Rasterkartekeine großen Variationsmöglichkeiten

Gestaltung der LinienMaßstab abhängige BreiteLinienbreiten experimentell ermittelt

Gestaltung von SignaturenZwei Zoomstufen: 16X16 Pixel zwischen 1:10000-1:25000; 30X30 Pixel ab 1:10000Signaturen sollten sich eindeutig von der Karte abheben

Karte 1 : 100.000

Karte1 : 75.000

Karte1 : 50.000

Karte1 : 25.000

Karte1 : 10.000

Karte

Problem: ArcMap und ArcIms nicht kompatibel Karte mußte neu bearbeitet werden

Problem: Gestaltungswerkzeug des ArcIms kann Bilder nicht darstellen bearbeiten des Quelltextes

Arbeitsschritte

Übertragen der Ergebnisse auf den Kartenserver (ArcIms)

Optische Gestaltung mit ArcMap

Website

Webdesign (Startseite)

Grundlage - Umriß der StadtFüllung - Foto aus der Stadt

Zusammenführung mit Grafikprogramm

Motive aus Bonn verwendenSuche mit der Digitalkamera nach geeigneten Bildern aus der Stadt

ergibt ...

Website

Webdesign (Routenplaner)Hintergrundfarbe

Farbe mußte in Karte vorkommenFarbe sollte nicht zu aufdringlich sein

Hintergrund sollte „Fahrrad fahren“ assozieren Logo soll Bonn mit dem Projekt verbinden

Website

Fensteranordnung

Website

FensteranordnungEntwerfen einer neuen Bildstruktur

Unterbringen der angestrebten FunktionalitätÜbersichtliche StrukturNutzerfreundliche MenüführungAnsprechende Optik

Integration der zur Darstellung der Karte benötigten Fenster

Layerframe

Mapframe

Postframe

Route

Unsichtbar für den User

Logoframe

Topics

Listenframe

ToolframeToolframe

Website

Topic Frame

Logoframe

MapframeListenFrame

LayerFrame

Website

InteraktionenEin- und Ausschalten von Ebenen (Layern)

Topics enthält vier Hauptthemenbereiche, denen die Layern zugeordnet sind

Klick auf Thema aktiviert Fenster mit Layern Layer kann ausgewählt werden

Klick auf ein Layer aktiviert eine Liste mit allen in dem Layer enthaltenden Punkte, sowie der Möglichkeit des Ein- und AusschaltenHinter Ein und Aus liegt ein Javascript

Website

Meiste ProgrammierarbeitJavascripte vom Kartenserver für Bedienelemente übernommenFür Routenplanung Javascripte selbst geschriebenPunkt in Route aufnehmen und Route berechnen waren umfangreichsten Aufgaben

InteraktionenBedienungselemente

InteraktionenBedienungselemente (Punkt in Route aufnehmen)

Website

Layer mit allen Knoten wird aktiviertVon uns modifizierte Kartenserver Funktion wird aufgerufenInformationen des gefundenen Punktes werden an Funktion übergebenAus Informationen wird die Punkt ID gefiltert und einer Variable zugeordnetPopupfenster gibt Auswahlmöglichkeiten für Punkt vor und wird im Logoframe zwischen gespeichert

Gestaltung

NavigationTechnik

Daten