Gestaltung Navigation Technik Daten Allgemein Arbeiten gliederten sich in zwei Bereiche Website Karte.

Präsentation zum Thema: "Gestaltung Navigation Technik Daten Allgemein Arbeiten gliederten sich in zwei Bereiche Website Karte."—  Präsentation transkript:

1

2 Gestaltung Navigation Technik Daten

3 Allgemein Arbeiten gliederten sich in zwei Bereiche Website Karte

4 Allgemein

5 Karte Grundlage Rasterdaten bis Maßstab 1:10000 Vektordaten ab Maßstab 1:10000

6 Karte Vektordaten Rasterdaten optisch von uns zu gestalten Rasterkarte gab gestalterische Aspekte vor Von Gruppe Daten aus Bildschirmfotos zusammengesetz und georefrenziert Von uns im.tiff-Format als Layer eingefügt

7 Karte Gestaltung der Karte Farbliche Gestaltung Farbliche Anpassung an die Rasterkarte keine großen Variationsmöglichkeiten Gestaltung der Linien Maßstab abhängige Breite Linienbreiten experimentell ermittelt Gestaltung von Signaturen Zwei Zoomstufen: 16X16 Pixel zwischen 1:10000- 1:25000; 30X30 Pixel ab 1:10000 Signaturen sollten sich eindeutig von der Karte abheben

8 Karte 1 : 100.000

9 Karte 1 : 75.000

10 Karte 1 : 50.000

11 Karte 1 : 25.000

12 Karte 1 : 10.000

13 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

14 Website Webdesign (Startseite) Grundlage - Umriß der Stadt Füllung - Foto aus der Stadt Zusammenführung mit Grafikprogramm Motive aus Bonn verwenden Suche mit der Digitalkamera nach geeigneten Bildern aus der Stadt ergibt...

15 Website Webdesign (Routenplaner) Hintergrundfarbe Farbe mußte in Karte vorkommen Farbe sollte nicht zu aufdringlich sein Hintergrund sollte „Fahrrad fahren“ assozieren Logo soll Bonn mit dem Projekt verbinden

16 Website Fensteranordnung

17 Website Fensteranordnung Entwerfen einer neuen Bildstruktur Unterbringen der angestrebten Funktionalität Übersichtliche Struktur Nutzerfreundliche Menüführung Ansprechende Optik Integration der zur Darstellung der Karte benötigten Fenster

18 Toolframe Website Topic Frame Logoframe Mapframe Listen Frame Layer Frame

19 Website Interaktionen Ein- 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 Ausschalten Hinter Ein und Aus liegt ein Javascript

20 Website Meiste Programmierarbeit Javascripte vom Kartenserver für Bedienelemente übernommen Für Routenplanung Javascripte selbst geschrieben Punkt in Route aufnehmen und Route berechnen waren umfangreichsten Aufgaben Interaktionen Bedienungselemente

21 Interaktionen Bedienungselemente (Punkt in Route aufnehmen) Website Layer mit allen Knoten wird aktiviert Von uns modifizierte Kartenserver Funktion wird aufgerufen Informationen des gefundenen Punktes werden an Funktion übergeben Aus Informationen wird die Punkt ID gefiltert und einer Variable zugeordnet Popupfenster gibt Auswahlmöglichkeiten für Punkt vor und wird im Logoframe zwischen gespeichert

22 Gestaltung Navigation Technik Daten