1

Ilmu data spasial MOOC Esri

Workshop

Buat cerita dengan ArcGIS

StoryMaps

Nadira Nuri Auliani

Education@esriindonesia.co.id

1
 2

Perkenalan
Salah satu langkah terpenting dalam ilmu data spasial adalah bagaimana cara
mengkomunikasikan hasil dari analisis Anda. ArcGIS StoryMaps merupakan salah satu alat
paling kuat yang dapat Anda gunakan untuk menjelaskan dan dilibatkan dalam
pengambilan keputusan. Dapat mengintegrasikan teks, gambar, peta, dan multimedia
lainnya untuk membantu Anda untuk memvisualisasikan cerita Anda.

Tapi, bagaimana Anda menceritakan sebuah cerita yang bagus? Dalam latihan ini, Anda
akan menggunakan story builder baru untuk mempelajari cara menerjemahkan informasi
ke dalam cerita yang menarik, menggunakan teks, Gambar, dan peta.

Pada modul ini, anda akan belajar bagaimana membuat peta online dan menceritakannya
dalam sebuah Story Map.

Pengenalan Story Map

https://storymaps.arcgis.com/stories/8d73ac93ef8f43878a8b38841af79ca4
Peta online dan Story Map yang sudah selesai akan nampak seperti ini :
https://storymaps.arcgis.com/stories/a800c57f371c43f58faff9e8032fe349
Silahkan unduh materi melalui
http://bit.ly/WorkshopStoryMap2
Modul ini akan berisi konten sebagai berikut :

1. Pengenalan ArcGIS Online

2
 3

2. Menambahkan data dari file CSV

3. Melakukan pemetaan cerdas dan bagaimana mengganti visualisasi data

4. Mengganti Peta Dasar (Base Map)

5. Mengkonfigurasikan pop up

6. Menambahkan data dari ArcGIS Online

7. Melakukan penyimpanan peta online (Web Map)

8. Membuat StoryMap

Contents
Perkenalan .................................................................................................................................................. 2
Langkah Pertama .................................................................................................................................... 4
Pengenalan ArcGIS Online .................................................................................................................. 4
Langkah Kedua ........................................................................................................................................ 5
Membuat Peta Online ......................................................................................................................... 5
1. Menambahkan data dari tabel CSV ............................................................................................. 5
2. Melakukan pemetaan cerdas dan bagaimana mengganti visualisasi data .................................. 7
3. Cara mengganti Basemap (Peta Dasar) ....................................................................................... 9
4. Cara Konfigurasi Pop Up .............................................................................................................. 9
5. Menambahkan data dari ArcGIS Online .................................................................................... 14
6. Melakukan penyimpanan peta online (Web Map) .................................................................... 17
Langkah Ketiga ...................................................................................................................................... 17
Membuat StoryMap .......................................................................................................................... 17
1. Merancang Outline ................................................................................................................... 17
2. Akses StoryMaps dan membuat cerita pertama ....................................................................... 20
3. Memasukkan peta online (web map) yang sudah dibuat.......................................................... 22
4. Tambahkan blok immersive ...................................................................................................... 24
5. Masukkan Credit ....................................................................................................................... 31
6. Tinjau kisahnya ......................................................................................................................... 32
7. Publikasikan dan Bagikan .......................................................................................................... 33

3
 4

Langkah Pertama
Pengenalan ArcGIS Online

Buka jendela web browser dan akses https://www.arcgis.com/

ArcGIS online adalah website dinamis, tampilan yang muncul dapat berbeda dari gambar
yang terlihat pada modul.

Klik sign in, kemudian ketik username dan password Anda.

Bagi yang tidak memiliki username dan password dapat menggunakan username learn
https://learn.arcgis.com/en/become-a-member/ (akun ini aktif hingga 31 Desember 2020)
dengan mengikuti 4angkah-langkah modul pembuatan akun learn gis , atau menggunakan
akun contoh :
Username : 0124538_LearnArcGIS
Password : esriindonesia2020
Username : UNGorontalo_Workshop_LearnArcGIS
Password : esriindonesia2020
Username : UNG_Workshop_LearnArcGIS
Password : esriindonesia2020

4
 5

Langkah Kedua
Membuat Peta Online
1. Menambahkan data dari tabel CSV

1. Masuk pada konten

2. Pilih add item, kemudian from your computer

3. Masukkan data yang tersimpan dalam bit ly yang diberikan atau unduh dari
https://earthquake.usgs.gov/earthquakes/feed/v1.0/csv.php
Pilih past 30 days

5
 6

Data dalam format CSV dan memiliki Informasi yang memuat latitude, longitude, waktu,
kedalaman gempa, kekuatan gempa, dan Informasi lainnya mengenai gempa yang terjadi pada
30 hari terakhir.

4. Masukkan data csv yang sudah disimpan dalam computer masing-masing.

5. Masukkan Tags GIS for School , Gempa Bumi , ikuti saja yang sudah default untuk centang
dan locate feature berdasarkan kordinat yang sudah ada dari data csv.
Klik Add Item
6. Klik Open in Map Viewer Ketika screen terbuka

6
 7

- Peta seperti dibawah ini akan terbuka, pilih zoom in dan zoom out untuk bisa melihat
gempa-gempa yang terjadi di dunia

2. Melakukan pemetaan cerdas dan bagaimana mengganti visualisasi data

Setelah Anda menambahkan data ke peta, peta akan menggunakan pemetaan cerdas untuk
melihat data apa dan cara terbaik untuk menyajikannya di peta,
Contoh :
- Nilai unik seperti jenis objek atau numerik seperti magnitudo gempa yang berbeda

7
 8

- Tab pertama yang akan Anda lihat adalah dropdown nilai untuk kolom di file csv yang
Anda tambahkan:

- Dalam contoh ini, pemetaan cerdas akan menggunakan hitungan dan jumlah untuk
melambangkan data di peta
- Anda dapat memilih untuk menampilkan nilai dengan nilai magnya di dropdown,
(terlihat pada gambar di bawah)
- Pilih Done
Nilai mag menunjukkan magnitudo yang tercatat untuk kejadian gempa, informasi lebih lanjut
tentang data dapat ditemukan disini

8
 9

3. Cara mengganti Basemap (Peta Dasar)

Klik Base Map (Peta dasar) dan pilih peta dasar Topografi atau yang lain sesuai keinginan
masing-masing, (seperti yang terlihat pada gambar)

4. Cara Konfigurasi Pop Up

1. Arahkan kursor ke atas layer Gempa Bumi dan klik pada tiga titik dan klik konfigurasi pop
up (pop up adalah informasi yang akan Anda lihat ketika Anda mengklik objek di peta)

9
 10

2. Anda dapat mengatur gaya pop-up tergantung pada apa dan seberapa banyak informasi
yang ingin Anda tampilkan tentang suatu objek di peta ketika Anda atau orang lain
mengkliknya
3. Anda dapat mengklik Configure Attributes dan mematikan bidang yang Anda inginkan
- Tick off:
Latitude
Longitude
Dan seterusnya

4. Klik pada satu titik di peta dan perhatikan bahwa bidang informasi ini tidak lagi ditampilkan
5. Cara lainnya, Anda dapat mengeklik tarik-turun di samping opsi Tampilan dan mengeklik
tampilan custom attribute display dan mengeklik konfigurasikan

6. Ikuti gambar di bawah ini untuk contoh yang bisa Anda isi

10
 11

Untuk mendapatkan nilai individual untuk setiap titik di peta, klik ikon plus di samping bidang
tarik-turun Ukuran dan ini akan memungkinkan Anda menambahkan bidang nilai untuk setiap
titik di peta

- Misalnya, magnitudo atau kedalaman (depth) yang unik

- Kami ingin pop up untuk membaca: (silahkan lakukan hal yang sama)

7. Klik Oke
8. Selanjutnya tambahkan gambar pop-up dan tautan untuk informasi lebih lanjut, untuk
melakukan ini, klik tombol tambah di bawah Media Pop-up dan klik gambar

11
 12

Isi dengan menggunakan tautan dan gambar di bawah ini:

For Title masukkan :
Informasi Gempa Lainnya
For the caption masukkan :
Silakan klik gambar untuk informasi gempa lebih lanjut
For the URL masukkan link gambar :
http://northwestlibertynews.com/wp-content/uploads/2018/05/earthquakeimage-
e1527164684894.png
Untuk Link (opsional) - Link yang membawa Anda ke situs web untuk penggunaan informasi
lebih lanjut:
https://earthquake.usgs.gov/earthquakes/map/

12
 13

- Klik OK dan OK
- Klik pada titik gempa di peta. Anda akan melihat pop up seperti gambar di bawah ini:

13
 14

5. Menambahkan data dari ArcGIS Online

1. Selanjutnya, kita akan menambahkan lebih banyak data yang sudah tersedia di ArcGIS Online
ke peta untuk mendapatkan lebih banyak konteks tentang gempa bumi di peta dan mengapa itu
terjadi di lokasi tersebut
2. Untuk melakukan ini, klik Tambahkan dan Search for Layers

3. Setelah sudah klik search for layers, lalu klik ArcGIS Online

4. Ketikkan “plate boundaries” pada field text dan ketik enter. Data pertama yang keluar adalah
Tectonic_Plate_Boundaries

14
 15

5. Klik ini, lihat deskripsi dan klik simbol plus atau tombol add ke peta dan datanya akan
ditambahkan ke peta. Lapisan ini mewakili perkiraan lokasi batas lempeng tektonik bumi. Atribut
Type menunjukkan apakah bagian batas konvergen, ridge, menyebar, atau transform.
- Perhatikan bahwa batas lempeng global akan muncul di peta

6. Klik Konten dan Anda akan melihat layer Batas Gempa Bumi dan Lempeng Tektonik (Tectonic
Plate Boundaries)
7. Klik pada titik-titik di samping layer gempa untuk menaikkan layer gempa di atas layer Batas
Lempeng Tektonik

8. Arahkan kursor ke atas layer Batas Lempeng Tektonik dan klik ikon ketiga, yang mengubah
style, layar berikut akan muncul:

15
 16

9. Klik panah tarik-turun di samping Pilih atribut untuk ditampilkan dan pilih TYPE (JENIS)
10. Perhatikan pembaruan peta untuk menunjukkan jenis yang berbeda pada Batas Lempeng di
peta
Klik Done

11. Klik Legenda dan catat berbagai jenis gempa bumi dan Batas Lempeng
12. Gulir di antara peta dasar yang berbeda untuk mendapatkan gambaran di mana gempa bumi
terjadi di seluruh lanskap bumi

16
 17

6. Melakukan penyimpanan peta online (Web Map)

1. Klik Save and save as

2. Simpan peta Anda sebagai berikut menggunakan gambar di bawah ini:

Langkah Ketiga
Membuat StoryMap

1. Merancang Outline

Cara Membuat Cerita yang Bagus

Cerita mudah dibuat, tetapi butuh pemikiran dan latihan untuk membuat cerita yang hebat.
Beberapa langkah harus diambil untuk membuat cerita yang sukses.

17
 18

Langkah pertama dalam membuat cerita adalah membuat garis besar yang mengintegrasikan
teks dan media dan data yang sudah terkumpul di langkah sebelumnya. Ada berbagai format
garis besar yang dapat Anda gunakan, termasuk daftar poin sederhana, dek geser, atau bahkan
koleksi kartu indeks yang dapat dikelola pada komputer Anda. Format yang tepat tidak terlalu
penting, yang paling penting adalah bahwa Anda memilih format yang cocok dengan Anda.

Diagram diatas memberikan deskripsi tingkat tinggi dari setiap langkah. Langkah-langkah ini tidak
selalu linier; banyak yang bersifat berulang sehingga Anda mungkin perlu kembali ke langkah
sebelumnya untuk menyempurnakan cerita Anda dengan lebih baik. Berikut merupakan
penjelasan setiap langkah.

Step Considerations

Envision your • What is the purpose or goal of your story?

story
• Who is the audience?
• What type of content will be included?

Create a content • Draft narrative text.

inventory
• Assemble media.
• Decide which type of map that you will use (dynamic web map,
express map, or static map).

18
 19

Step Considerations

Craft your story in • Use the interactive builder to author your story.
the builder
• Experiment with changing content defaults.
• Create an express map, if necessary.

Refine and • Adjust and refine your story.

simplify
• Proofread your narrative text.

Publish • Publish a draft of your story.

Test and review • Test all functionality and links.

• Test on different monitors, devices, and browsers.
• Have others give you feedback about things that you can
improve before sharing your story with a larger audience.

Share and • Set sharing options.

promote
• Republish your story.
• Share your story with your target audience.
• Promote it on social media or other communication methods.

Kita akan membuat Storymap dengan Judul Gempa Bumi Dunia selama 30 Hari Terakhir
Outline :
1. Judul (Gempa Bumi Dunia selama 30 Hari Terakhir)
2. Tujuan (sub heading) : Story Map ini akan menceritakan tentang Gempa Bumi
3. Peta Online yang menunjukan gempa bumi yang terjadi selama 30 hari terakhir
4. Apa yang Terjadi pada gempa bumi
i) Apa itu Gempa Bumi
ii) Dampak gempa bumi
iii) Faktor
5. Mengukur dan Memprediksi Gempa Bumi
i) Mengukur
ii) Memprediksi
6. Studi Kasus : South El Monte, Los Angeles
Berikut link cara merencanakan storymap yang baik.

19
 20

https://www.esri.com/arcgis-blog/products/arcgis-storymaps/sharing-collaboration/planning-
and-outlining-your-story-map-how-to-set-yourself-up-for-success/
2. Akses StoryMaps dan membuat cerita pertama
1. Membuka StoryMap dapat melalui app launcher.

Atau bisa juga Anda membuka browser, yaitu storymaps.arcgis.com.

Maka akan terbuka interface StoryMap, create your storyHalaman cerita terbuka,
menampilkan daftar cerita yang telah Anda buat sebelumnya. Jika Anda belum membuat sebuah
cerita, Halaman ini akan kosong.

2. Di bawah tulisan “Create your first Story” atau “Buat cerita pertama Anda”, klik tombol “Start

20
 21

a story” atau tombol “Mulai cerita”.

Catatan: jika Anda telah membuat cerita, klik buat cerita baru.

Story builder dibuka dengan template cerita kosong. Story builder merupakan pembuat draft
cerita bentuk bebas yang akan Anda gunakan untuk membuat cerita.
Sesuai dengan outline yang sudah dibuat, masukkan judul dan sub heading
1. Judul (Gempa Bumi Dunia selama 30 Hari Terakhir)
2. Tujuan (sub heading) : Story Map ini akan menceritakan tentang Gempa Bumi

Kemudian add image or video, masukkan gambar yang sudah tersimpan dalam onedrive modul
ini yang bernama 1HomeScreenImage

21
 22

3. Memasukkan peta online (web map) yang sudah dibuat

1. Pilih tanda yang berisikan widget-widget yang ingin dimasukkan pada storymap anda

2. Pilih Map, kemudian dari My Map pilih web map yang sudah dibuat sebelumnya.

22
 23

3. Konfigurasi Peta Online kita pun masuk, kita bahkan bisa mengedit peta kita mungkin
menambahkan data ataupun memperkaya dengan analisis pada edit map in ArcGIS. Namun
untuk sekarang, kita langsung place Map

4. Lalu kita tulis pada caption keterangan petanya yaitu Peta ini menunjukkan semua gempa
bumi yang terjadi di seluruh dunia dalam 30 hari terakhir. Data ini dapat ditemukan di
situs web USGS.
Anda dapat membuat hyperlink dari kata-kata situs web USGS dengan menyorot tulisan situs
web USGS. dan kotak berikut akan muncul:

23
 24

Masukkan Link https://earthquake.usgs.gov/earthquakes/feed/v1.0/csv.php

4. Tambahkan blok immersive

Melanjutkan outline, kita akan memasukkan konten berikut

Apa yang terjadi pada gempa bumi
iv) Apa itu Gempa Bumi
v) Dampak gempa bumi
vi) Faktor
1. Pertama, kita tambah fitur text

Apa yang terjadi pada gempa bumi

24
 25

Kita pilih header agar tulisan menjadi besar.

2. Kemudian kita tambahkan blok imersif

Ada beberapa jenis blok imersif yang dapat Anda tambahkan ke cerita Anda. Pada langkah ini,
Anda akan menambahkan Sidecar. Sebuah Sidecar akan menggabungkan panel media stasioner
dengan panel narasi bergulir untuk membuat slide. Anda akan membuat Sidecar dengan
beberapa slide. Setiap slide akan memiliki panel media sendiri beserta panel narasinya.

3. Dari blok palet, pilih Sidecar.

Apa yang dimaksud dengan Sidecar Wizard akan muncul. Wizard ini menjelaskan tentang apa itu
Sidecar dan menjelaskan langkah untuk pembuatannya.
Catatan: jika Anda telah menggunakan Sidecar sebelumnya, Anda mungkin tidak akan melihat
tulisan “What Is Sidecar wizard” seperti pada gambar di atas.
Lihat penjelasan dari setiap wizard dengan menggunakan logo panah berikutnya, hingga akhir.

25
 26

Masukkan penjelasan dan Gambar atau Video, bahkan peta pun bisa dimasukkan. Untuk
sekarang, kita hanya memasukkan gambar saja yang sudah disediakan. Gambar yang digunakan
untuk 3 outline ini sama semua

Penjelasan Tambahkan Media

Apa itu Gempa Bumi? Gambar JPEG pada onedrive dengan nama
EarthQuake
Gempa bumi adalah getaran atau getar-getar
yang terjadi di permukaan bumi akibat
pelepasan energi dari dalam secara tiba-tiba
yang menciptakan gelombang seismik.

Gempa Bumi biasa disebabkan oleh

pergerakan kerak Bumi (lempeng Bumi).

Gempa bumi yang disebabkan oleh lempeng

bumi terjadi jika lempeng ini bergeser, pecah,
atau bahkan mencuat ke atas. Selain gempa,
adanya tumbukan lempeng juga bisa
menyebabkan tsunami setelah gempa

Dampak Gempa Bumi Gambar JPEG pada onedrive dengan nama

Efek jangka pendek EarthQuake

26
 27

- Kematian, kehancuran, tanah longsor,

longsoran salju, tsunami, kehilangan layanan,
likuifaksi
Efek jangka panjang
- Keluar dari daerah itu
- Penyakit
- Perlambatan ekonomi
Faktor yang menentukan kerusakan: Gambar JPEG pada onedrive dengan nama
- Waktu Hari EarthQuake
- Besaran
- Kedalaman Fokus
- Jarak dari episentrum
- Durasi
- Kepadatan penduduk
- Konstruksi bangunan
- Medan
- Geologi
- Kekayaan ekonomi

4. Masukkan tulisan headline kembali

Mengukur dan Memprediksi Gempa Bumi

iii) Mengukur
iv) Memprediksi

5. Masukkan blok immersive lainnya, yaitu slide show

Imersif slide show untuk membuat urutan slide seperti presentasi yang dinavigasi pembaca Anda
secara lateral.

Dengan tayangan slide, gambar, video, peta web, pemandangan 3D, atau peta ekspres
memenuhi seluruh latar belakang slide. Anda dapat menambahkan potongan teks yang ringkas
ke setiap slide untuk memberikan konteks, dan memposisikan ulang panel naratif untuk

27
 28

memastikan bagian utama dari media Anda tetap terlihat.

6. Mirip dengan sebelumnya, masukkan tulisan dan gambar

Berikut list yang harus dimasukkan bersama dengan medianya. Namun sekarang kita
memasukkan gambar dalam bentuk link

28
 29

Penjelasan Tambahkan Media (link)

Mengukur gempa bumi https://c8.alamy.com/comp/GP30D9/seismological-
- Seismograf: gerakan, gelombang P, device-for-measuring-earthquakes-seismological-
activity-GP30D9.jpg
gelombang S, gelombang permukaan
- Skala richter: besaran, ujung terbuka,
logaritmik
- Skala Mercalli: kerusakan yang
disebabkan, observasi
Prediksi Gempa Link
- Celah seismik https://thumbor.forbes.com/thumbor/1280x
- Pengukur kemiringan 868/https%3A%2F%2Fblogs-
- Gas Radon images.forbes.com%2Ftrevornace%2Ffiles%2
- Pemindai Laser F2017%2F11%2Fearthquake-core-mantle-
earth-1200x480.jpg
- Perilaku hewan
- Tingkat air di sumur
Membatasi kerusakan akibat gempa
- Bangunan tahan gempa Link
- MDC: roller, kolom fleksibel, tahan api, https://3c1703fe8d.site.internapcdn.net/ne
fondasi dalam, balok silang wman/gfx/news/hires/2016/mountingtens.j
pg
- LDC: bangunan bertingkat rendah, blok
berlubang, pilar beton bertulang,
memasang barang ke dinding

7. Melanjutkan outline, kita akan memasukkan Studi Kasus : South El Monte, Los Angeles

8. Masukkan Teks besar “Studi Kasus : South El Monte, Los Angeles”

9. Sekarang kita coba menggunakan guided tour

29
 30

Apa yang lebih penting dalam tur Anda, lokasi setiap perhentian atau detail visualnya? Kita bisa
memilih tata letak yang berfokus pada peta jika Anda ingin menekankan hubungan geografis. Jika
Anda lebih suka semua mata tertuju pada foto dan video Anda, pilihlah yang berfokus pada
media.
Disini kita akan pilih media focused untuk fokus pada video.

10. Pilih Add Location dan search South El Monte, California

30
 31

11. Masukkan teks penjelasan sebagai berikut :

Gempa berkekuatan 4,5 skala Richter melanda daerah Los Angeles Jumat larut malam, Survei
Geologi AS melaporkan. Gempa itu berpusat kurang dari dua mil barat daya South El Monte dan
terjadi pada pukul 11:38 malam.
Ini adalah salah satu gempa bumi terbesar di Los Angeles Basin dalam beberapa tahun.
Semua 106 stasiun pemadam kebakaran di kota Los Angeles diaktifkan masing-masing
memeriksa daerah mereka untuk kerusakan, menurut Kepala Pemadam Kebakaran Los Angeles
Ralph M. Terrazas.
Belum ada laporan kerusakan atau cedera di kota L.A. pada Jumat malam

12. Masukkan video dari link https://www.youtube.com/watch?v=Yb01AmDRn5c

5. Masukkan Credit

Jika memungkinkan masukkan credit mengenai tim yang sudah membuat, data, metode,

31
 32

tinjauan pustaka yang digunakan untuk mengutip, dan lain sebagainya

6. Tinjau kisahnya

Hal ini penting untuk meninjau cerita Anda untuk memastikan bahwa konten yang dibuat buat
sudah akurat dan mewakili penjelasan terbaik pada cerita.

Jika perlu, gulir ke bagian atas cerita.

Di bagian atas pembangun cerita, klik desain.

32
 33

Panel desain pembangun akan muncul, disana terdapat daftar pilihan untuk tata letak sampul
dan tema untuk cerita Anda. Jika anda memilih desain cerita, maka secara keseluruhan tampilan
dan nuansa akan sama. Ini merupakan bagian pentingnya dalam memilih konten yang tepat
untuk cerita Anda.

Anda ingin memastikan bahwa visual dari cerita seperti (warna, tipografi, simbologi peta, dan
sebagainya) cocok dengan nada narasi. Sebagai contoh, gelap, warna muram dipasangkan
dengan font formal dapat menunjukkan bahwa ini akan menjadi cerita yang lebih serius.

7. Publikasikan dan Bagikan

Setelah meninjau cerita Anda , Anda siap untuk berbagi dengan orang lain.
Pada bagian atas halaman, klik terbitkan (publish).

33
 34

Catatan: Anda hanya dapat mempublikasikan cerita dari tampilan draf.

Anda dapat berbagi cerita ini dengan anggota lain dari organisasi ArcGIS online Anda atau dengan
publik. Berbagi cerita ini secara publik berarti siapa pun dapat mencari dan melihat ceritanya.

Di menu berbagi (sharing), pilih semua orang (everyone).

Klik publikasikan cerita (publish).

Ceritanya sekarang sudah tersedia bagi orang lain. Anda dapat membuka kembali cerita Anda di
pembangun (builder) dan terus melakukan pengeditan atau update tanpa mempengaruhi link
cerita yang dibagikan. Ketika Anda membuat perubahan pada cerita, Anda dapat
mempublikasikannya menggunakan tombol tindakan lainnya, yang terletak di bagian atas
halaman, di samping Edit Story. Tombol tindakan lainnya memungkinkan Anda untuk membuang
perubahan, mengubah pengaturan cerita, atau membatalkan penerbitan cerita.

Jika ingin mencoba apakah semua terpublikasikan dengan sempurna (tidak ada yang perlu sign
in), bisa mengecek dengan memasukkan link pada incognito.

34
35

35