Upload
others
View
13
Download
0
Embed Size (px)
Citation preview
Esri Story Maps: Multimediale, interaktive
(Geo-)Präsentationen mit Bild, Text, Zeit und
RaumbezugTeil III der Webinar-Serie „Digitale Geomedien und
Web-GIS in der Schule“
Susanne Tschirner, Dr. Jan Wilkening
Esri Deutschland GmbH
11. März 2014
3 © 2014 Esri Deutschland GmbH
+ Webinar Präsentatoren:
> Dr. Jan Wilkening (Kranzberg)
> Susanne Tschirner (Berlin)
+ Übertragung des Webinars
> Bildschirm
> Audio über Computer oder Telefon
+ Kommunikation mit den Moderatoren
> Ihre Fragen und Kommentare über Chat an Gastgeber und
Moderatoren
Technische Anmerkungen zum Webinar
4
Agenda
+ Einführung
> Definition Story Map
> Vorhandene Vorlagen
> Grundsätzliches Vorgehen
+ Demos
> Exkursion Berlin: Story Map mit Bildern und Texten
> Stolpersteine Bremerhaven: Story Map mit ArcGIS Desktop Datensatz,
Bildern und Texten
> Jung und alt in Deutschland: Story Map mit Webkarten
> Anpassung Quellcode, Hosten von Story Maps
© 2014 Esri Deutschland GmbH
5 © 2014 Esri Deutschland GmbH
Einführung
Esri Story Maps
6 © 2014 Esri Deutschland GmbH
Esri Story Maps
Charles Darwin and the Voyage
of the HMS Beagle
Mapping Renewable Energy
around the World
7
Esri Story Maps
sagen WEITAUS mehr als tausend Worte
+ Interaktive Webkarten kombiniert mit Bildern, Texten, Videos, Links etc.
+ Konzipiert für Nicht-GIS-Spezialisten
+ Basieren auf Vorlagen
+ Informieren, bilden, unterhalten und inspirieren
+ Zahlreiche Links zu interessanten Story Maps: Webinar I
+ Übersetzung (Is the World Full or Empty?) in Bearbeitung
Stationen der Exkursion?
Interessante Orte einer Stadt
(Denkmäler, touristische
Attraktionen, Bäume)?
Thematische Daten einfach
betrachten?
© 2014 Esri Deutschland GmbH
8
Esri Story Map Vorlagen
Map Tour
Bildgeschichten von
Punkt zu Punkt
Short List
Liste mit interessanten
Punkten innerhalb eines
begrenzten Umfeldes
Countdown
Liste von Orten in
einer Reihenfolge
Playlist
Orte auf einer Karte
und einer Preview-Liste
Tabbed Viewer
Zwei oderer mehrere
Webkarten in
Registerkarten
Side Accordion:
Abfolge von Webkarten
mit interaktivem
Inhaltsverzeichnis
Swipe
Vergleich zweier
Webkarten mit einem
Schieber
Spyglass
Vergleich zweier
Karten mit einer Lupe
http://storymaps.arcgis.com/en/app-list/
© 2014 Esri Deutschland GmbH
9
Erstellung einer Story Map
Übersicht
Webkarte(n)
Vorlagen
Text
Multi-Media Inhalte
z. B. Fotos, Videos
Voraussetzung: ArcGIS Online - Public Account
(kostenfrei) oder Organisational Account (Subskription)
ArcGIS Online Daten
Grundkarten, thematische Daten
Externe Datendienste
z. B. WMS, WFS, KML
ArcGIS for Desktop
Lokale Daten
z. B. Shape, CSV, GPX
Microsoft Excel
© 2014 Esri Deutschland GmbH
10 © 2014 Esri Deutschland GmbH
+ Müssen im Web gespeichert sein (URL)!
Erstellung einer Story Map
Bilder werden unter
Eigene Inhalte in
die ArcGIS Online
Subskription
geladen
Internetdienste
zum Speichern
von Fotos/Videos:
z. B. Flickr,
Facebook,
Picasa, YouTube
URLs in
csv-Dateien
Integration von Bildern/Videos
https://lh4.......Rotes_Rathaus_B.JPG
11 © 2014 Esri Deutschland GmbH
+ Manuell
+ Bereits georeferenziert, z. B.
> Bilder bereits beim erstellen geotagged (Smartphone)
> manuell z. B. bei Picasa georeferenziert
> mit GPS-Kamera aufgenommen
> Punktdatensatz aus ArcGIS Desktop
+ Geografische Koordinaten in csv-Datei (lat, long)
> z. B. kostenfreier Batch-Geocodingdienst
Eingabe: eine oder eine Liste von Adressen; Ausgabe: lat/long für
die Adresse(n)
+ Adressen in csv-Datei
Erstellung einer Story Map
Verortung von Objekten/Bildern
12
Demo I:
Klassenfahrt Berlin
© 2014 Esri Deutschland GmbH
13 © 2014 Esri Deutschland GmbH
+ Dokumentation einer Klassenfahrt
+ Umsetzung mit Map Tour Template
+ Input:
> Text: Eingabe in den Wizard (Copy & Paste)
> Ort: manuelles Setzen der Punkte
> Fotos: auf z. B. Picasa hochladen
Story Map: Klassenfahrt Berlin
Übersicht
17
Demo II:
Stolpersteine
Bremerhavens
18
Story Map: Stolpersteine Bremerhaven
Einführung
+ Alica Martin und Viona Riedel vom Lloyd
Gymnasium Bremerhaven, Profilkurs Geografie,
Lehrerin Frau Dr. Breyer
+ Kartierung der Stolpersteine inkl. Fotos
und Geschichten zu den Betroffenen
+ Ziel: Veröffentlichung der Projektergebnisse in einem interaktiven,
multimedialen Format
+ Ausgangssituation: Punktdatensatz (Stolpersteine) im Shape-Format
+ Umsetzung: Map Tour Template
© 2014 Esri Deutschland GmbH
19 © 2014 Esri Deutschland GmbH
+ Umsetzung mit Map Tour Template
+ Input:
> Text: z. T. im Shape-File gespeichert und zusätzlich Eingabe in den Wizard
Ort: bereits verortet im ArcGIS for Desktop
> Fotos: auf z. B. Picasa hochgeladen, URLs in Attributtabelle des Shapefiles
eingefügt
Story Map: Stolpersteine Bremerhaven
20
Story Map: Stolpersteine Bremerhaven
Aufarbeitung des Shape-Datensatzes
+ Projektion des Datensatzes in Web Mercator
+ Hinzufügen von Feldern
> Hinzufügen von Feldern mit Feldnamen gemäß:
> Automatisches Ausfüllen der neuen Felder basierend auf den alten
Felder der Attributtabelle (Feldwertberechnung)
+ Hinzufügen der Bilder-URLs
© 2014 Esri Deutschland GmbH
23
Demo III:
Jung und alt in
Deutschland
© 2014 Esri Deutschland GmbH
24
Story Map: Jung und alt in Deutschland
Übersicht
© 2014 Esri Deutschland GmbH
25
Story Map: Jung und alt in Deutschland
Vorbereitung
+ Web Map IDs aus dem Browser
kopieren, mit Komma trennen
+ Eine Webkarte in ArcGIS Online
öffnen und freigeben als
„Storytelling – Text und Legende“
+ „Veröffentlichen“ klicken und
Metadaten angeben
© 2014 Esri Deutschland GmbH
26
Story Map: Jung und alt in Deutschland
App konfigurieren
+ Unter Webmap IDs die IDs einfügen
+ Evtl. weitere Konfigurationen treffen
und App speichern
© 2014 Esri Deutschland GmbH
27
Demo IV:
Anpassung
Quellcode, Hosten
von Story Maps
© 2014 Esri Deutschland GmbH
28
Anpassung Quellcode, Hosten von Story Maps
Vorbereitung
+ Gewünschte Vorlage bei
storymaps.arcgis.com/en/app-list/
auswählen und herunterladen
+ Heruntergeladenes
ZIP-Archiv entpacken
+ Tutorial im Internet und
Readme-Datei lesen
© 2014 Esri Deutschland GmbH
29
Anpassung Quellcode, Hosten von Story Maps
Anpassen der csv-Datei mit den Fotos
+ csv-Datei (meistens unter „samples“) öffnen, anpassen
(z. B. Titel, Adresse/Koordinaten, Foto-URL) und speichern
+ csv-Datei per Drag and Drop in Webkarte in ArcGIS Online
laden
© 2014 Esri Deutschland GmbH
30
Anpassung Quellcode, Hosten von Story Maps
Webkarte erstellen und referenzieren
+ In ArcGIS Online Webkarte erstellen, speichern und
freigeben
+ Web Map ID aus dem Browser kopieren
+ In Startseite der App (index.html) Anpassungen gemäß
Dokumentation durchführen
+ App auf eigenem Webserver veröffentlichen
© 2014 Esri Deutschland GmbH
31 © 2014 Esri Deutschland GmbH
Ausblick
32
Webinar-Serie ‚Digitale Geomedien und Web-GIS in der
Schule‘
© 2014 Esri Deutschland GmbH
… und weitere Webinare
siehe GIS IQ
33 © 2014 Esri Deutschland GmbH
+ Mit einer Mailingliste speziell für GIS an Schulen Interessierte
> informieren wir über aktuelle Termine wie Lehrerfortbildungen,
Konferenzen etc. und neue Ressourcen für GIS an Schulen, zum
Beispiel Apps, Anleitungen und Anwendungsbeispiele
> haben die Listenmitglieder die Möglichkeit, Ihre Fragen und Hinweise
an die deutschsprachige Anwendergemeinschaft im Bereich GIS an
Schulen zu stellen und vom Wissen der KollegInnen zu profitieren
+ Wir versenden keine Produktwerbung über diese Mailingliste und
erwarten dies auch von den Listenmitgliedern.
+ Der Liste beitreten: E-Mail an [email protected]
mit dem Text SUBSCRIBE SCHULE-L
+ Die Liste abbestellen: E-Mail an [email protected]
mit dem Text UNSUBSCRIBE SCHULE-L
Informationsaustausch
34
Niederlassung Münster
Martin-Luther-King-Weg 20
48155 Münster
Telefon +49 89 207 005 1460
Niederlassung Köln
Konrad-Adenauer-Ufer 41-45
50668 Köln
Telefon +49 89 207 005 1760
Niederlassung Bonn
Rheinallee 24
53173 Bonn
Telefon +49 89 207 005 1720
Niederlassung Wiesbaden
Dwight-D.-Eisenhower-Straße 9
65197 Wiesbaden
Telefon +49 89 207 005 1620
Niederlassung Hannover
Schiffgraben 11
30159 Hannover
Telefon +49 89 207 005 1520
Niederlassung Leipzig
Fechnerstraße 8
04155 Leipzig
Telefon +49 89 207 005 1420
Kranzberg
Ringstraße 7
85402 Kranzberg
Telefon +49 89 207 005 1200
Esri Deutschland GmbH
© 2014 Esri Deutschland GmbH