Upload
sven-bernt-acker
View
216
Download
1
Embed Size (px)
Citation preview
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