Arda Maps - master's thesis defense - Verteidigung der Masterarbeit (German)

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