konsep disain,visualisasi dan time series...

60
Konsep Disain,Visualisasi dan time series data

Upload: others

Post on 14-Nov-2020

16 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Konsep Disain,Visualisasi dan time series data

Page 2: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Merancang Peta

• Penyajian Informasi Yang Terkandung dalam Peta, Berfungsi untuk mengkomunikasikan informasi secara efektif kepada pemakai peta.

Page 3: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Dasar Rancangan Peta

• Tuntutan Pemakai

• Perkiraan Tingkatan pemahaman

• Keadaan pemakai

• Kerumitan informasi

• Teknis pembuatan

• pembiayaan

Page 4: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

TUNTUTAN PEMAKAI

• Perbedaan Kepentingan dari Sipengguna

Page 5: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Tingkatan pemahaman

• Untuk siapa peta tersebuat ditujukan memperlihatkan perbedaan tingkatan pemahaman dari sasaran

Page 6: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

The Communication channel

Page 7: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Kerumitan Informasi

• Perbdaan Tuntutan dari si pengguna mengenai isi peta

Page 8: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Prinsip Rancangan Peta

• Menetukan peta yang akan dibuat apa yang menjadi fokus utama dari peta, apa yang menunjang fokus peta serat apa yang akan memperjelas isi peta, dengan memilih:

- Pokok materi

- Sub materi

- Latar belakang materi.

Page 9: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Tingkat-Tingkat Visual

• Tebal tipis

Semakin penting obyek garis semakin tebal

• Warna

Data yang merupakan pokok materi harus dipilih warna yang langsung menari perhatian

• Permukaan Visual

Pada data yang bersifat kuantitatif, sering diperlukan wilayah-wilayah yang lebih menonjol.

Page 10: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Kerangka Peta

• Peta dasar dapat berupa peta garis atau citra

• Dapat langsung dilakukan berbagai penyesuaian:

-Ukuran

-Proyeksi

-Pemilihan Kenampakan

-Pemilihan Grid.

Page 11: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Merancang Isi peta dan spesifikasi simbol

• Rancangan Isi dan pelaksanaan kegiatan dilakukan dalam bentuk flow chart, bisa dilengkapi dengan matrik

• Spesifikasi simbol memperlihatikan kemampuan program yang akan digunakan.

Page 12: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Merancang lay out

• Lay out peta langsung dapat dipilih dari berbagai bentuk yang sudah disediakan,kemudahan mengubah skala membuat lay out lebih leluasa

Page 13: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Lay out peta seri

• Peta regional : menggambarkan lokasi yang berbeda, tetapi isi menyampaikan informasi dengan tujuan yang sama, sering menggunakan lay out yang sama

- Peta topografi- Peta penggunaan tanah per provinsi- Peta sumberdaya alam per provinsi• Peta tematis :- Menggambarkan lokasi sama, namun dengan tema yang berbeda, dapat dilakukan dengan ay out sama, atau berbeda karena keperluan legenda yang berbeda sesui tema

Page 14: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Peta Seri

Page 15: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Peta Tunggal/PetaTematik

Page 16: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Tata cara penulisan

• Kaidah penulisan : aturan menuliskan nama geografi (dalam peta maupun dalam tulisan )

• Posisi penulisan : aturan meletakan tulisan dalam peta, sehingga si pengguna peta mudah untuk membaca

• Jenis tulisan : pilihan besar huruf , jenis huruf dan posisi tegak miringnya huruf

Page 17: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Posisi nama geografi

Page 18: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Penataan Nama

Page 19: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Penataan nama simbol

Page 20: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 21: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Nama Pada Garis pantai

Page 22: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Penataan Nama Pada Luasan

Page 23: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 24: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 25: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 26: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Data Time series

DATA CURAH HUJAN BULANAN (MILIMETER)

Nama Propinsi : NTB Lintang : 08o 38' 11.0" LS

Nama Kabupaten : LOMBOK BARAT Bujur : 116o 10' 13.8" BT

Nama Stasiun : KEDIRI Tinggi : 52 m

Tahun : 2005 Sd Tahun : 2015

Tahun Jan Peb Mar Apr Mei Jun Jul Ags Sep Okt Nop Des

2005 56 183 256 256 5 49 25 21 76 95 247 358

2006 281 160 273 143 195 21 12 2 0 47 153 354

2007 111 184 229 269 108 85 11 - 3 10 245 386

2008 162 231 209 205 112 44 0 4 41 149 450 134

2009 455 250 261 117 190 38 15 - 100 54 100 164

2010 154 108 179 218 261 236 168 39 482 402 300 232

2011 139 89 165 230 221 10 0 2 1 148 356 347

2012 479 322 331 176 204 5 6 - 0 82 206 322

2013 424 218 163 213 181 89 29 7 0 106 206 472

2014 377 256 101 187 44 31 55 0 1 56 251 255

2015 144 292 X X X X X X X X X X

Rata-Rata 253 208 217 201 152 61 32 8 70 115 251 302

S D 155 72 67 47 82 68 50 13 149 110 100 105

M a x 479 322 331 269 261 236 168 39 482 402 450 472

M i n 56 89 101 117 5 5 0 0 0 10 100 134

Normal Bawah 215 177 184 171 129 52 27 7 60 98 213 257

Normal Atas 291 239 250 231 175 70 37 9 81 132 289 347

Data time series adalah nilai-nilai suatu variabel yang berurutan menurut waktu kejadian

Page 27: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Curah Huajan Ekstrim Kabupaten kebumen

Page 28: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Peta Penutup Lahan TNKS tahun 1990 dan 2000

Page 29: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 30: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 31: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Visualisasi

Page 32: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Kompoen Warna

Page 33: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Sepefikasi warna

Page 34: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

RGB

Page 35: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 36: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 37: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Desain symbol katagori tertentu

Page 38: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

EXAMPLE USE COLOR HUE TO CREATE SOIL AND LAND USE

Page 39: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

EXAMPLES OF USING SIZE AND COLOR VALUE TO DISPLAY QUANTITATIVE DIFFERENCES IN SYMBOLOGY

Page 40: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

USING COLOR VALUE TO SHOW QUANTITIES

Page 41: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 42: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

CARTOGRAPHIC

Page 43: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 44: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Visualisasi

• Data dapat dipresentasikan:

– Dot-distribution maps

– Choropleth maps

– Isoline maps

– Flow maps

– Chart maps

– Cartograms

– Simbol (e.g. proportional circles, bar graphs, etc.)

Page 45: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

balance

Page 46: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Poor contrast

Page 47: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Good contrast

Page 48: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

poorpoor

Page 49: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

good

Page 50: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Dot-distribution map

Page 51: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Dot-distribution map

Page 52: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Choropleth Maps

Choropleth maps:

enumeration units coloured or

shaded to represent different

magnitudes of an attribute

unclassified:degrees

of darkness are

proportional to values

colour scales:

sequential (gradient)

diverging (double-ended)

Page 53: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Choropleth Maps

Page 54: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Choropleth Maps

Page 55: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Chart maps

Page 56: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Flow map

Page 57: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang

Proportional circle map

Page 58: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 59: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang
Page 60: Konsep Disain,Visualisasi dan time series datakuliah.itera.ac.id/pluginfile.php/85104/mod_resource... · 2019. 10. 8. · Konsep Disain,Visualisasi dan time series data. Merancang