Esri Story Maps: Multimediale, interaktive - Esri Deutschland/media/esri-germany-group/...Niederlassung Münster Martin-Luther-King-Weg 20 48155 Münster Telefon +49 89 207 005 1460

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


Einführung

Esri Story Maps


Esri Story Maps

Charles Darwin and the Voyage

of the HMS Beagle

Mapping Renewable Energy

around the World

http://esripm.maps.arcgis.com/apps/MapTour/index.html?appid=dee8797954fe4526953075225c26646c&webmap=76376de01e52424f873862c8226c75b0

http://esripm.maps.arcgis.com/apps/MapTour/index.html?appid=dee8797954fe4526953075225c26646c&webmap=76376de01e52424f873862c8226c75b0

http://storymaps.esri.com/stories/2013/energy/

http://storymaps.esri.com/stories/2013/energy/

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?


http://storymaps.esri.com/stories/2013/full-and-empty/

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/


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


http://www.arcgis.com/features/


+ Müssen im Web gespeichert sein (URL)!


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


+ 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


Verortung von Objekten/Bildern

http://www.findlatitudeandlongitude.com/batch-geocode/.Uxt2L-JYeVI

12

Demo I:

Klassenfahrt Berlin



+ 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



+ 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


20


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


23

Demo III:

Jung und alt in

Deutschland


24

Story Map: Jung und alt in Deutschland

Übersicht


25


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


26


App konfigurieren

+ Unter Webmap IDs die IDs einfügen

+ Evtl. weitere Konfigurationen treffen

und App speichern


27

Demo IV:

Anpassung

Quellcode, Hosten

von Story Maps


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


http://storymaps.arcgis.com/en/app-list/

29


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


30


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



Ausblick

32

Webinar-Serie ‚Digitale Geomedien und Web-GIS in der

Schule‘


… und weitere Webinare

siehe GIS IQ

http://gisiq.blogs.esri.de/2014/01/webinar-serie-digitale-geomedien-und.html


+ 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

mailto:[email protected]

mailto:[email protected]

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


Documents

Esri Story Maps: Multimediale, interaktive - Esri Deutschland/media/esri-germany-group/...Niederlassung Münster Martin-Luther-King-Weg 20 48155 Münster Telefon +49 89 207 005 1460