23
Arda Maps ein 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 Gutachter Prof. Alexander Urban Prof. Dr. rer. Nat. Martin Christoph Kindsmüller Verteidigung der Masterarbeit FH Brandenburg Curtis Mosters

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

Embed Size (px)

Citation preview

Page 1: 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

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

GliederungStatus Quo

Zeitalter Recherche

FrameworkKartenerstellung

Datenformat Erstellung einer TopoJSON

AnsichtenWebseite

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

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

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

Status Quo canon interaktiv hoher Detailgrad vollständige Welten multiple Zeitalter

Darstellung der Welt um Tolkien gerecht zu werden

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

Übersicht der Zeitalter©Marko Manev

Region of Interest

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

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

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

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

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

Kartenerstellung

QGISArcGIS

GRASS GISMarble

Kosten

Aktive

Entwick

lung

Anmerkunge

n

-

Abstürze und Fehlermeldungen

Kommerzielle Ausrichtung

Unzählige Plugins

Erweiterbarkeit, Zuverlässigkeit und Community

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

Datenformat zur Auswahl:

SVG Rastergrafiken GeoJSON TopoJSON

Gründe für TopoJSON: Vektordarstellung Komprimierung D3.js-Integration

Geringe Dateigröße

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

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

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

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

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

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

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

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

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

Erstellung einer TopoJSON Feld entspricht Spalte einer relationalen DB (z.B. eventname) Schema der Metadaten wird festgelegt

Felder anlegen

Felder des Layers line_text

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

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)

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

Erstellung einer TopoJSON GeoJSON wird als Übergangsformat verwendet beinhaltet Geo- sowie Metadaten speichert Geodaten unkomprimiert

GeoJSON erstellen

Export Dialog in QGIS

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

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

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

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

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

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

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

Ansichten (Direkter Vergleich)

Map (bis 54-fach)

Earth (bis 7-fach)

Ausschnitt Rohans in 7-fachen Zoom

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

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

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

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

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

Ein ganz besonderer Dank geht an alle, die

mich in diesem Projekt unterstützt haben, vor

allem aber …

Ted Nasmith

Cool Blue