Susanne Tschirner, Dr. Jan Wilkening Esri Deutschland GmbH. 11. März 2014

Transkript

1

2 Esri Story Maps: Multimediale, interaktive (Geo-)Präsentationen mit Bild, Text, Zeit und Raumbezug Teil 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 Technische Anmerkungen zum Webinar + 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 3

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 4

5 5 Einführung Esri Story Maps

6 Esri Story Maps Charles Darwin and the Voyage of the HMS Beagle Mapping Renewable Energy around the World 6

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? 7

8 Esri Story Map Vorlagen Map Tour Bildgeschichten von Punkt zu Punkt Short List Liste mit interessanten Punkten innerhalb eines begrenzten Umfeldes Playlist Orte auf einer Karte und einer Preview-Liste Spyglass Vergleich zweier Karten mit einer Lupe Tabbed Viewer Zwei oderer mehrere Webkarten in Registerkarten Side Accordion: Abfolge von Webkarten mit interaktivem Inhaltsverzeichnis Swipe Vergleich zweier Webkarten mit einem Schieber Countdown Liste von Orten in einer Reihenfolge 8

9 Erstellung einer Story Map Übersicht ArcGIS Online Daten Grundkarten, thematische Daten Webkarte(n) Externe Datendienste z. B. WMS, WFS, KML Lokale Daten z. B. Shape, CSV, GPX Microsoft Excel Vorlagen ArcGIS for Desktop Multi-Media Inhalte z. B. Fotos, Videos Text Voraussetzung: ArcGIS Online - Public Account (kostenfrei) oder Organisational Account (Subskription) 9

10 Erstellung einer Story Map Integration von Bildern/Videos + Müssen im Web gespeichert sein (URL)! Internetdienste zum Speichern von Fotos/Videos: z. B. Flickr, Facebook, Picasa, YouTube URLs in csv-dateien Bilder werden unter Eigene Inhalte in die ArcGIS Online Subskription geladen 10

11 Erstellung einer Story Map Verortung von Objekten/Bildern + 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 11

12 Demo I: Klassenfahrt Berlin 12

13 Story Map: Klassenfahrt Berlin Übersicht + 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 13

14 17 Demo II: Stolpersteine Bremerhavens

15 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 18

16 Story Map: Stolpersteine Bremerhaven + 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 19

17 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 20

18 Demo III: Jung und alt in Deutschland 23

19 Story Map: Jung und alt in Deutschland Übersicht 24

20 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 25

21 Story Map: Jung und alt in Deutschland App konfigurieren + Unter Webmap IDs die IDs einfügen + Evtl. weitere Konfigurationen treffen und App speichern 26

22 Demo IV: Anpassung Quellcode, Hosten von Story Maps 27

23 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 28

24 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 29

25 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 30

26 31 Ausblick

27 Webinar-Serie Digitale Geomedien und Web-GIS in der Schule und weitere Webinare siehe GIS IQ 32

28 Informationsaustausch + 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: an listserv@esri.com mit dem Text SUBSCRIBE SCHULE-L + Die Liste abbestellen: an listserv@esri.com mit dem Text UNSUBSCRIBE SCHULE-L 33

29 Esri Deutschland GmbH Niederlassung Münster Martin-Luther-King-Weg Münster Telefon Niederlassung Hannover Schiffgraben Hannover Telefon Niederlassung Köln Konrad-Adenauer-Ufer Köln Telefon Niederlassung Leipzig Fechnerstraße Leipzig Telefon Niederlassung Bonn Rheinallee Bonn Telefon Kranzberg Ringstraße Kranzberg Telefon Niederlassung Wiesbaden Dwight-D.-Eisenhower-Straße Wiesbaden Telefon