Gestaltung

1. Daten Gestaltung Technik Navigation

2. Allgemein • Arbeiten gliederten sich in zwei Bereiche • Website • Karte

3. Allgemein

4. Rasterdaten bis Maßstab 1:10000 • Vektordaten ab Maßstab 1:10000 Karte • Grundlage

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

6. 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

7. Karte 1 : 100.000

8. Karte1 : 75.000

9. Karte1 : 50.000

10. Karte1 : 25.000

11. Karte1 : 10.000

12. Problem: ArcMap und ArcIms nicht kompatibel Karte mußte neu bearbeitet werden • Problem: Gestaltungswerkzeug des ArcIms kann Bilder nicht darstellen bearbeiten des Quelltextes Karte • Arbeitsschritte • Optische Gestaltung mit ArcMap • Übertragen der Ergebnisse auf den Kartenserver (ArcIms)

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

14. 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

15. Website • Fensteranordnung

16. 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

17. Website LayerFrame Logoframe Toolframe Topic Frame Mapframe ListenFrame

18. Klick auf Thema aktiviert Fenster mit Layern Layer kann ausgewählt werden Website • Interaktionen • Ein- und Ausschalten von Ebenen (Layern) • Topics enthält vier Hauptthemenbereiche, denen die Layern zugeordnet sind • 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

19. 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

20. Website • Interaktionen • Bedienungselemente (Punkt in Route aufnehmen) • 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

21. Daten Gestaltung Technik Navigation