Upload
curtis-mosters
View
1.036
Download
0
Embed Size (px)
Citation preview
Arda Mapsein interaktiv bedienbarer und netzbasierter Führer durch die Bücher von J.R.R. Tolkien, unter Einbeziehung der Techniken der Georeferenzierung und unter Verwendung vektorbasierter Karten
am 18.09.2015
GutachterProf. Alexander Urban
Prof. Dr. rer. Nat. Martin Christoph Kindsmüller
Verteidigung der Masterarbeit
FH Brandenburg Curtis Mosters
GliederungStatus Quo
Zeitalter Recherche
FrameworkKartenerstellung
Datenformat Erstellung einer TopoJSON
AnsichtenWebseite
Projektname Mittelerde
nur ein Kontinent Ea
zu viele Bedeutungen Arda
„die Erde [...] und die Wohnung der Kinder Illuvatars“ am geeignetsten und gebräuchlichsten
Arda Maps
Status Quo canon interaktiv hoher Detailgrad vollständige Welten multiple Zeitalter
Darstellung der Welt um Tolkien gerecht zu werden
Übersicht der Zeitalter©Marko Manev
Region of Interest
Recherche geografisches Verständnis (z.B. Weltbild) Auswahl sonstigen Inhalts (z.B. Reisen) kulturelle Aspekte und Längenangabe Tolkien Gateway Historischer Atlas von Mittelerde
J.R.R. TolkienKaren Wynn Fonstad Tolkien Gateway
Flache oder runde Welt
bedeutendster Tolkien-bezogener Werke
Framework
D3.jsLeaflet
jQuery Vector MapsKarthograph
MapboxjVectorMap
Letzt
er Release
Kosten/Li
zenz
anpassb
ar
selbst definierbar
SVG
Mapdaten Eigene Karten
GeoJSON
TopoJSO
N
Rastergr
afik
Aktive
Community
aktuell
aktuell
aktuell
2014
2013
2015
Geringster Aufwand und hohe Flexibilität
Kartenerstellung
QGISArcGIS
GRASS GISMarble
Kosten
Aktive
Entwick
lung
Anmerkunge
n
-
Abstürze und Fehlermeldungen
Kommerzielle Ausrichtung
Unzählige Plugins
Erweiterbarkeit, Zuverlässigkeit und Community
Datenformat zur Auswahl:
SVG Rastergrafiken GeoJSON TopoJSON
Gründe für TopoJSON: Vektordarstellung Komprimierung D3.js-Integration
Geringe Dateigröße
Erstellung einer TopoJSON Leeres Projekt
ohne Gesamtkarte wird mit leerem Projekt gestartet Gesamtkarte später durch Teilgrafiken gebildet
Rastergrafik importieren
Gesamtkarte existiert bereits Teilgrafiken erhöhen später lediglich den Detailgrad
Leeres Projekt / Rastergrafik importieren
Erstellung einer TopoJSON definiert geografische Eigenschaften der Karte systematische Transformation von Latitude/Longitude Ziel: flache Repräsentation Tolkiens Welt inkonsistent einfachste Form gewählt
Projektion festlegen
h tt p s : / / e n . w i k i p e d i a . o r g / w i k i / L i s t _ o f _ m a p _ p r o j e c ti o n s
Equirectangular
Einfach
Boggs eumorphic
Speziell
Erstellung einer TopoJSON Teilkarten bilden Gesamtkarte oder versehen sie mit mehr Details über 100 Teilkarten in Arda Maps
Teilkarten
1 Gesamtkarte
3 Transformierung
1 oder
2
3
2 Teilkarte laden
4 Georeferenz
rote Punkte festlegen
Vorhandensein prüfen
Transformationsart wählen
Transformierung ausführen
4
Erstellung einer TopoJSON Ebene legt Typ und Felder der Merkmale fest Genutzte Typen:
polygon – Bereiche (z.B. Seen) point – x- und y-Koord. (z.B. Städte) line – Linie (z.B. Flüsse) categorized – Ebene in Unterebenen (z.B. Wegpfad) georeference – Teilgrafiken (z.B. Beleriand) raster – Bild als Grundlage (Gesamtkarte)
Umrissebenen erstellen (Layer)
QGIS – Erstes Zeitalter
Erstellung einer TopoJSON Feld entspricht Spalte einer relationalen DB (z.B. eventname) Schema der Metadaten wird festgelegt
Felder anlegen
Felder des Layers line_text
Erstellung einer TopoJSON Merkmal entspricht Zeile einer relationalen DB vorteilhaft Ebenen einmalige Farben zuzuweisen Geodaten (Merkmale) und Metadaten (Felder) entgekoppelt
Merkmale zeichnen und Feldeigenschaften setzen
Alle Merkmale des Ersten Zeitalters
Ausschnitt vom hoch-aufgelöstem Beleriand
Teiglin-Merkmalsfenster (QGIS)
Erstellung einer TopoJSON GeoJSON wird als Übergangsformat verwendet beinhaltet Geo- sowie Metadaten speichert Geodaten unkomprimiert
GeoJSON erstellen
Export Dialog in QGIS
Erstellung einer TopoJSON vom D3.js-Projekt entwickelt verlustfreie Komprimierung (ca. 80%)
GeoJSON in TopoJSON konvertieren
GeoJSON
TopoJSON
Beispiel: Erstes Zeitalter
1,73 MB 0,36 MBum ~77% verringert
Ansicht Map (topografisch)Wegpunkt/Wegpfad
Punkte
Beschriftungen
Innere Inseln, Straßen
Seen
Flüsse
Wälder, Moore
Bergspitzen
Bergketten
Hochland
Umrisse
Meer
Hintergrund
vergleichbar mit Google Maps® vereinfachte Ansicht der Oberfläche Anordnung der Ebenen entscheidend für das korrekte Anzeigen
Abstrakte Weltansicht
Ansicht Earth (Satellit) statt Ebenen nur ein Bild ein hochaufgelöstes Bild pro Zeitalter 5000 x ~3000 Pixel JPEG 3 bis 4 MB maximale Details
Authentische Darstellung
Ansichten (Direkter Vergleich)
Map (bis 54-fach)
Earth (bis 7-fach)
Ausschnitt Rohans in 7-fachen Zoom
Webseite 3 hochaufgelöste Karten
interaktive Legende frei explorierbar Ansichten (Map/Earth) Reisen und Regionen direkte Links zu Orten
882 Personen + 900 Bez.
796 Orte
1624 Zeitleisten-Events
> 500 lizensierte Grafiken
34 Illustratoren
Open Source
Weiterer Inhalt: Familienstammbaum Info Box Zeitleiste Suchfunktion
w w w . a r d a -m a p s . o r g
Technologien & Links
Verwendete Technologien: HTML5, CSS3, JavaScript, jQuery, SVG D3.js AngularJS SCSS, SMACSS QGIS GeoJSON/TopoJSON Timeglider OrientDB
Links:
Source Codegithub.com/kwoxer/Arda-Maps
Datenbankarda-maps.org:2480
Ein ganz besonderer Dank geht an alle, die
mich in diesem Projekt unterstützt haben, vor
allem aber …
Ted Nasmith
Cool Blue