Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen...

120
Dokumen ini merupakan rancangan awal dan masih dalam tahap peninjauan oleh pihak6pihak sebagai berikut: Humanitarian OpenStreetMap Team (HOT) Australia Indonesia Facility for Disaster Reduction (AIFDR> AusAID) Badan Nasional Penanggulangan Bencana (BNPB) Segala isi dan materi dalam dokumen ini kemungkinan besar masih dapat mengalami perubahan tanpa pemberitahuan publik.

Transcript of Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen...

Page 1: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

!!!!!!!!!!Dokumen!ini!merupakan!rancangan!awal!dan!masih!dalam!tahap!peninjauan!oleh!pihak6pihak!sebagai!berikut:!!• Humanitarian!OpenStreetMap!Team!(HOT)!• Australia!Indonesia!Facility!for!Disaster!Reduction!(AIFDR>

AusAID)!• Badan!Nasional!Penanggulangan!Bencana!(BNPB)!

!Segala!isi!dan!materi!dalam!dokumen!ini!kemungkinan!besar!masih!dapat!mengalami!perubahan!tanpa!pemberitahuan!publik.!!

Page 2: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda
Page 3: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

ii"

Pengantar

Setiap hari ribuan orang berkontribusi untuk OpenStreetMap, sebuah proyek dengan tujuan mulia yaitu memetakan seluruh dunia. Kebanyakan software OSM adalah gratis dan open source, dan datanya terbuka bagi siapapun yang menggunakannya. Idenya sangat sederhana: jika Anda membuat sebuah peta untuk kota dimana Anda tinggal dan saya membuat peta dimana saya tinggal, kita dapat berbagi peta tersebut pada sebuah platform yang sama. Dengan orang yang berkontribusi secukupnya, kita dapat membuat peta dan mengumpulkan data dari seluruh dunia. Panduan Tingkat Mahir OpenStreetMap ini merupakan panduan yang menyajikan lebih banyak lagi pengetahuan dan kemampuan teknis mengenai pemetaan dengan tingkat yang lebih mahir dari panduan Beginner (Pemula) dan Intermediate (Menengah). Bab yang terdapat pada panduan ini memiliki tingkat kesulitan yang cukup rumit seperti pengaturan aplikasi web atau layanan web, yang diterapkan terutama untuk pekerja IT pada organisasi, bukan partisipan OSM pada umumnya.

Lisensi

Seluruh materi dan isi kandungan dalam modul ini adalah milik domain publik. Anda dapat menyalin, memodifikasi, menyebarluaskan, dan menampilkan modul ini, secara keseluruhan tanpa meminta izin. Keterangan lebih lanjut mengenai lisensi domain publik: http://wiki.creativecommons.org/Publicdomain/zero/1.0/LegalText_(Indonesian)

Page 4: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

iii"

Tentang Kami

Humanitarian OpenStreetMap Team (HOT)

Peta gratis dan kolaboratif mempunyai keunikan yang berharga untuk pekerjaan kemanusiaan, terutama di tempat-tempat dimana peta dasar sangat jarang ditemukan, datanya sudah lama, atau seringkali berubah. Dibangun dalam dua tahun dari kolaborasi secara informal, Tim Kemanusiaan OpenStreetMap merupakan sebuah inisiatif yang baru untuk mengaplikasikan prinsip dan aktifitas dari sumber terbuka dan berbagi data terbuka untuk menuju respon kemanusiaan dan pembangunan ekonomi. http://hot.openstreetmap.org

Australia-Indonesia Facility for Disaster Reduction (AIFDR)

Australia-Indonesia Facility for Disaster Reduction (AIFDR, Fasilitas Australia-Indonesia untuk pengurangan bencana) merupakan inisiatif gabungan antara pemerintah Australia dengan pemerintah Indonesia. AIFDR bekerja untuk memperkuat kemampuan Indonesia untuk mengurangi dampak bencana. AIFDR diluncurkan oleh pemerintah Australia dan pemerintah Indonesia dalam sebuah seremoni khusus pada tanggal 15 Juli 2010. Peluncuran ini menandakan sebuah kejadian penting dalam hubungan kuat yang saat ini terjalin antara kedua negara dan komitmen mereka untuk mempersiakan dan merespon bencana alam di Indonesia lebih baik. http://aifdr.org

"

"

"

"

Page 5: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

iv"

Daftar Isi

Pengantar ................................................................................................................................................. ii

Lisensi ..................................................................................................................................................... ii

Tentang Kami ......................................................................................................................................... iii

Humanitarian OpenStreetMap Team (HOT) ......................................................................................... iii

Australia-Indonesia Facility for Disaster Reduction (AIFDR) .............................................................. iii

Daftar Isi ................................................................................................................................................ iv

BAB 1 Menggunakan Citra OrbView pada JOSM ................................................................................. 1

A. Pendahuluan ............................................................................................................................... 1

B. Download Citra OrbView-3 dari USGS ..................................................................................... 2

C. Menambah Memori pada JOSM ................................................................................................ 5

D. Menggunakan Plugin ImportImage pada JOSM ........................................................................ 9

E. Ringkasan ................................................................................................................................. 11

F. Daftar Istilah ............................................................................................................................. 13

BAB 2 Konfigurasi PostGIS ................................................................................................................. 15

A. Pendahuluan ............................................................................................................................. 15

B. Menginstal PostgreSQL dan PostGIS ...................................................................................... 16

C. Membuat dan Menggunakan Basis Data dengan QGIS ........................................................... 21

D. Mengimpor Data OSM ke dalam Basis Data ........................................................................... 25

E. Pertanyaan yang sering diajukan .............................................................................................. 30

F. Ringkasan .................................................................................................................................. 31

G. Lampiran – Instalasi PostgreSQL di Ubuntu ........................................................................... 31

H. Daftar Istilah ............................................................................................................................. 36

BAB 3 Database SQLite ....................................................................................................................... 37

A. Pendahuluan ............................................................................................................................. 37

B. Pengertian SQLite dan SpatiaLite ............................................................................................ 37

C. Mendapatkan database/Berkas SQLite .................................................................................... 37

E. Ringkasan ................................................................................................................................. 40

G. Daftar Istilah ............................................................................................................................. 41

BAB 4 Kartografi dengan TileMill ....................................................................................................... 42

A. Pendahuluan ............................................................................................................................. 42

B. Menginstal TileMill .................................................................................................................. 43

C. Mempelajari TileMill ............................................................................................................... 44

D. Menambahkan Data ................................................................................................................. 46

E. JOSM Plugin ............................................................................................................................ 52

F. Mengatur Tampilan Dengan CartoCSS .................................................................................... 53

Page 6: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

v"

G. Membuat Legenda .................................................................................................................... 60

H. Mengekspor Peta Anda ............................................................................................................ 61

I. Informasi Lebih Lanjut .............................................................................................................. 62

J. Ringkasan .................................................................................................................................. 62

K. Daftar Istilah ............................................................................................................................. 63

BAB 5 Memasukkan Peta dalam Sebuah Website ............................................................................... 64

A. Pendahuluan ............................................................................................................................. 64

B. Menggunakan MapBox ........................................................................................................... 64

C. Mengupload Tiles dari TileMill .............................................................................................. 66

D. Menambahkan Peta pada Situs Anda ...................................................................................... 67

E. Ringkasan ................................................................................................................................. 68

F. Daftar Istilah ............................................................................................................................. 69

BAB 6 GitHub ...................................................................................................................................... 70

A. Pendahuluan ............................................................................................................................. 70

B. GitHub dan Repositories (Tempat Penyimpanan) ................................................................... 70

C. Mendapatkan Repository GitHub ............................................................................................ 71

D. Pengertian Git .......................................................................................................................... 72

E. Install GitHub (git) .................................................................................................................. 73

F. Sign Up GitHub ....................................................................................................................... 74

G. Membuat sebuah Repository Baru .......................................................................................... 74

H. Ringkasan ................................................................................................................................. 76

I. Daftar Istilah .............................................................................................................................. 77

BAB 7 Konfigurasi Layanan WMS ...................................................................................................... 78

A. Pendahuluan ............................................................................................................................. 78

B. Melakukan Instalasi Perangkat Lunak MapServer .................................................................. 79

C. Membuat Mapfile ..................................................................................................................... 80

D. Mengubah Mapfile .................................................................................................................. 83

E. Menguji coba WMS .................................................................................................................. 85

F. Menambahkan Layer WMS pada QGIS .................................................................................. 86

G. Menambah Layer WMS pada JOSM ...................................................................................... 86

H. Ringkasan ................................................................................................................................. 86

I. Lampiran – Melakukan Installasi MapServer pada Linux Ubuntu ........................................... 87

J. Daftar Istilah .............................................................................................................................. 90

BAB 8 Konfigurasi Private Data Store ................................................................................................. 91

A. Pendahuluan ............................................................................................................................. 91

B. Informasi Dasar ....................................................................................................................... 91

D. Ringkasan ................................................................................................................................. 98

Page 7: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

vi"

E. Daftar Istilah ............................................................................................................................. 99

BAB 9 Pengaturan Mesin Virtual ....................................................................................................... 101

A. Pendahuluan ........................................................................................................................... 101

B. Memasang VirtualBox .......................................................................................................... 101

C. Daftar Istilah ........................................................................................................................... 112

Kontak ................................................................................................................................................. 113"

"

"

Page 8: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

1"

BAB 1

Menggunakan Citra OrbView pada JOSM

A. Pendahuluan Ketika Anda mendigitasi suatu wilayah dengan menggunakan JOSM, permasalahan yang sering muncul yaitu citra satelit (Bing) yang tidak jelas, tertutup awan bahkan ada beberapa wilayah yang tidak memiliki citra satelit yang cukup detail. Permasalahan tersebut dapat diatasi dengan menggunakan suatu plugin pada JOSM yaitu “ImportImagePlugin”, dengan plugin tersebut Anda dapat membuka citra yang didapatkan dari sumber lain dan digunakan untuk mendigitasi. Salah satu citra yang bisa digunakan yaitu citra OrbView yang dapat didownload secara gratis melalui http://earthexplorer.usgs.gov/.

Orbview 3 memiliki resolusi spasial sebesar 1 meter (pankromatik) dan 4 meter (multispectral), mengorbit pada ketinggian 470 km, resolusi temporalnya adalah 3 hari dan mampu merekam data seluas 2.100 km2.

Page 9: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

2"

B. Download Citra OrbView-3 dari USGS Beberapa langkah untuk mendownload citra OrbView, yaitu : 1. Kunjungi website http://earthexplorer.usgs.gov/ , syarat untuk dapat mendownload citra

yaitu harus memiliki akun di dalam usgs, bila Anda belum memiliki akun Anda bisa klik “Register”.

2. Ada beberapa informasi yang harus diisi di dalam jendela register yaitu Login, User Affiliation, Address, dan Confirmation. Di dalam jendela login, Anda diperintahkan untuk memasukkan username dan password yang akan digunakan untuk login pada saat menggunakan USGS.

3. Selanjutnya Anda harus mengisi beberapa informasi yang berkaitan dengan tujuan Anda menggunakan citra yang berasal dari usgs. Kotak isian ini cukup panjang, Anda tidak usah khawatir dengan hal ini, cukup mengisi keperluan Anda, dan usgs hanya ingin mengetahui citra yang didownload digunakan untuk keperluan apa.

Page 10: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

3"

4. Kotak address berisi informasi mengenai diri Anda yang wajib dilengkapi. Bila sudah

lengkap dapat klik continue dan menunggu proses registrasi. Pada tahap ini Anda telah berhasil membuat akun di dalam usgs

5. Setelah login melalui akun Anda, Anda dapat memulai proses mendownload citra di

wilayah yang diinginkan. Pada jendela dibawah ini, akan muncul tampilan peta satelit, Anda dapat memilih area yang ingin didownload dengan menggeser dan zoom in/zoom out hingga area yang diinginkan dapat ditemukan. Misalnya ingin mendownload wilayah Sorong, Papua Barat. Langkah selanjutnya Anda harus menggambar kotak disekitar area yang ingin didownload.

6. Bila terjadi kesalahan pada wilayah yang Anda pilih, Anda bisa klik “clear kriteria”. Clear

criteria berfungsi untuk menghapus wilayah yang telah Anda pilih, sehingga Anda bisa memulai kembali untuk memilih area yang diinginkan. Cara menggambar kotak dengan klik kiri satu persatu hingga terbentuk sebuah poligon. Kemudian klik “Data Sets” (terletak di kotak sebelah kiri paling bawah).

Page 11: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

4"

7. Pada jendela akan muncul beberapa daftar citra yang bisa Anda download, pilih OrbView

3 dan klik Results.

8. Hasilnya ada beberapa citra OrbView 3 yang akan muncul pada kolom sebelah kiri, Anda

bisa memilih salah satu citra mana yang ingin didownload ataupun mendownload seluruhnya.

9. Pada kolom sebelah kiri ada beberapa menu yang menjadi keterangan pada citra OrbView

3, yaitu :

= show footprint untuk mengetahui cakupan area citra yang akan didownload

= show browse overlay merupakan salah satu bagian dari show footprint

= show metadata and browse untuk menampilkan data dari citra yang akan didownload

Page 12: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

5"

= download option untuk mendownload langsung citra yang akan Anda gunakan 10. Ketika Anda sudah memilih salah satu citra atau seluruh citra ingin didownload, akan

muncul suatu perintah dimana Anda harus memilih salah satu data yang akan digunakan seperti pada gambar di bawah ini, Anda bisa memilih baris keempat.

11. Kemudian Anda bisa save data citra tersebut dan hasilnya dalam bentuk .rar, apabila di

ektrak hasilnya terdiri dari 3 file, yaitu berformat seperti gambar di bawah ini

C. Menambah Memori pada JOSM

Seringkali jika kita menggunakan plugin ImportImage untuk menampilkan citra OrbView, akan muncul peringatan seperti ini,

Tampilan yang muncul akibat memori di JOSM tidak cukup

Tampilan seperti ini dikarenakan memori yang dialokasikan untuk JOSM hanya sebesar 494 MB sehingga untuk melakukan perintah menampilkan gambar, JOSM tidak mempunyai memori yang cukup. Hal ini tentu saja akan menyulitkan kita untuk menggunakan citra satelit yang telah kita punya. Namun hal ini bisa diatasi dengan beberapa teknik yang cukup rumit.

Page 13: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

6"

1 Carilah file bernama “josm-tested.jar” pada program files > josm > josm-latest.jar / josm-tested.jar. Pada beberapa komputer mungkin nama tersebut bisa berupa “josm-latest.jar”

File yang diberikan kotak merupakan file yang akan dibuat shortcutnya

2. Buatlah shortcut untuk file “josm-tested.jar” dengan cara klik kanan > create shortcut dan

pindahkan pada desktop file shortcut tersebut 3. Carilah lokasi “java.exe” dengan cara mengetik “Java” pada Start Menu, klik kanan >

Open File Location

Page 14: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

7"

4. Jika tidak ditemukan, Anda bisa menuju ke C:\Windows\System32 untuk mencari file

java.exe seperti yang terlihat seperti gambar dibawah ini

5. Klik kanan pada shortcut “josm-tested” di desktop Anda > Klik Properties

Page 15: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

8"

6. Pada pilihan “target” ketikkan C:\WINDOWS\system32\java.exe [spasi] -jar [spasi] -Xmx1g [spasi] "C:\Program Files\JOSM\josm-tested.jar" (Note: tAnda [spasi] tidak perlu ditulis, ini artinya Anda harus menekan tAnda spasi pada keyboard Anda. Beberapa komputer menggunakan nama “josm-latest.jar” bukan “josm-tested.jar”.)

7. Jika Anda berhasil, aplikasi JOSM akan muncul pada layar Anda diikut dengan munculnya

aplikasi Command Prompt.

Tampilan yang menAndakan bahwa JOSM Anda telah berhasil dijalankan dengan alokasi memori yang lebih

besar

Page 16: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

9"

8. JOSM Anda telah bisa digunakan untuk memunculkan citra satelit dari OrbView menggunakan plugin ImportImage.

D. Menggunakan Plugin ImportImage pada JOSM

Hal yang penting dilakukan sebelum menggunakan citra OrbView didalam JOSM yaitu menambahkan memory (Anda bisa melihat langkah-langkah penambahan memory di tutorial sebelumnya). Setelah Anda mendownload dari usgs, dan mendapatkan file citra OrbView dalam bentuk .rar, untuk membuka citra tersebut didalam JOSM Anda harus mendownload plugin “ImportImagePlugin”. Langkah yang harus dilakukan, yaitu :

● Buka JOSM, kemudian klik Edit – Preferences - Kotak Plugin (gambar colokan) –

ImportImagePlugin, klik Ok dan Restart JOSM.

● Setelah JOSM terbuka kembali, sebelum Anda memasukkan citra kedalam JOSM

terlebih dahulu lakukan pengaturan koordinat dalam proyeksi UTM yang sesuai dengan citra tersebut, dapat dilakukan dengan klik Edit – Preferences – Pilih Kotak Presets (di bawah gambar globe) – Map projection – Ok – tidak usah Anda restart JOSM.

Bila Anda tidak mengetahui koordinat dari citra yang Anda download, dapat dilihat melalui Quantum GIS, dengan cara membuka citra dapat bentuk jpg dan klik kanan pada image klik Properties dan akan muncul mengenai informasi koordinat.

Page 17: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

10"

● Untuk membuka citra kedalam JOSM, klik File – Import Image dan masukkan file

seperti di bawah ini yang sudah di ekstrak dari .rar menjadi folder. Anda akan menemukan 3 file, Anda bisa memilih file yang berformat .jpg

● Tunggu hingga beberapa saat sampai citra terbuka di dalam JOSM, seperti di bawah

ini. Citra OrbView merupakan citra pankromatik, sehingga memiliki tampilan hitam dan putih. Untuk tampilan seperti jalan, sungai, vegetasi dan bangunan masih dapat terlihat.

Page 18: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

11"

● Setiap Anda ingin menambahkan informasi atau mendigitasi di JOSM, tahap yang tidak boleh dilupakan yaitu “Download From OSM”, hal ini sangat berguna sebagai layer dan untuk mengetahui data apa saja yang sudah ada di dalam OpenStreetMap yang bisa saja sudah ditambahkan oleh volunteer OSM sebelumnya. Bila tampilan JOSM Anda sudah seperti gambar di bawah ini, Anda sudah bisa mendigitasi wilayah yang belum terpetakan atau memperbaiki data yang sudah ada.

● Setelah Anda menambahkan dan memperbaiki data dari citra pada data layer osm, Anda dapat mengupload perubahan tersebut dengan klik File – Upload Data.

E. Ringkasan

Selamat! Sekarang Anda mampu untuk menambahkan citra satelit dari OrbView3. Perlu diketahui bahwa ImportImage plugin juga dapat memasukan citra satelit lainnya hanya saja hal yang perlu diingat:

Page 19: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

12"

● Anda tidak dapat memasukan citra satelit yang sifatnya komersial seperti Google Earth, dan citra-citra satelit komersil lainnya tanpa izin ke dalam OpenStreetMap. Bacalah syarat dan ketentuan dari provider citra satelit Anda terlebih dahulu.

● Citra satelit yang dimasukan harus memiliki file koordinat atau memiliki informasi koordinat. Jangan lupa untuk mengetahui format koordinat citra satelit (map projection) yang Anda miliki dan sesuaikan dengan setingan JOSM Anda.

● Jika Anda ingin menggunakan Bing Imagery kembali, pastikan setingan map projection dikembalikan ke WGS 84 atau Mercator

Page 20: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

13"

F. Daftar Istilah

Citra pankromatik

Citra yang dibangun dari beberapa citra yang ditangkap oleh sensor yang memiliki panjang gelombang berbeda. citra foto yang dibuat dengan menggunakan spectrum tampak mulai dari warna merah sampai warna ungu dengan panjang gelombang 0,4 – 0,7 mikron.

Citra satelit Suatu gambaran permukaan bumi yang direkam oleh sensor (kamera) pada satelit pengideraan jauh yang mengorbit bumi, dalam bentuk image (gambar) secara digital.

Command prompt

Sebuah perintah dos yang terdapat pada OS windows yang dapat memudahkan user dalam menjelajahi windows baik secara online maupun offline

Data sets Kumpulan data

Digitasi Proses menggambar fitur pada peta spasial ke dalam format digital melalui suatu aplikasi misalnya didalam JOSM

Footprint Untuk mengetahui cakupan area citra yang akan didownload

ImportImage Plugin

Suatu plugin didalam JOSM yang berguna untuk membuka dan mengimpor suatu gambar citra (.jpeg) ke dalam JOSM sehingga memiliki sistem koordinat.

JOSM Java OpenStreetMap. Merupakan aplikasi PC yang berbasis Java. Digunakan untuk melakukan editing peta OpenStreetMap secara offline maupun online.

Koordinat Menunjukkan suatu titik lokasi di bumi berdasarkan garis lintang dan garis bujur.

Layer Merupakan representasi visual dari set data geografis dalam lingkungan peta digital. Secara konseptual, lapisan adalah sepotong atau strata realitas geografis di daerah tertentu, dan lebih atau kurang setara dengan item legenda pada peta kertas.

Metadata Data yang berisi informasi spasial, berisikan informasi mengenai karakteristik data dan memegang peran penting di dalam mekanisme pertukaran data. Melalui informasi metadata diharapkan pengguna data dapat mengintepretasikan data secara sama, bilamana pengguna melihat langsung data spasialnya

Multispektral Citra yang melakukan perekaman dengan menggunakan lebih dari satu saluran/band/panjang gelombang.

OrbView Suatu citra yang memiliki resolusi temporal 3 hari, mengorbit pada ketinggian 470 km. Satelit ini dapat merekam data seluas 2.100 km2 setiap menitnya.

Overlay Tumpang tindih antara objek yang satu dengan objek yang lainnya didalam peta

Plugin Dalam komputasi, sebuah plug-in (atau plugin) adalah seperangkat komponen software yang menambahkan kemampuan khusus untuk aplikasi perangkat lunak yang lebih besar. Jika didukung, plug-in memungkinkan mengubah fungsi aplikasi

Proyeksi Pemindahan data topografi dari atas permukaan bumi ke atas bidang datar.

Proyeksi merkator

Pada proyeksi ini secara geografis silindernya menyinggung bumi pada sebuah meridian yang disebut meridian sentral.

Resolusi citra Kualitas lensa yang dinyatakan dengan jumlah maksimum garis pada tiap milimeter yang masih dapat dipisahkan oleh citra.

Resolusi spasial

Ukuran objek terkecil yang masih dapat dibedakan dan dikenali oleh citra. Semakin kecil objek yang dapat direkam, semakin baik resolusi spasialnya dan citra yang dihasilkan semakin detil.

Resolusi temporal

Kemampuan sensor untuk merekam ulang objek yang sama. Semakin cepat suatu sensor merekam ulang objek yang sama, semakin baik resolusi temporalnya.

USGS Singkatan dari United States Geological Survey (Badan Survei Geologi Amerika Serikat). Para ilmuwan USGS mempelajari lansekap khususnya Amerika Serikat di bidang sumber daya alam, dan bencana

Page 21: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

14"

yang mengancamnya. Organisasi ini memiliki empat disiplin ilmiah utama, yaitu biologi, geografi, geologi, dan air.

UTM Proyeksi yang memiliki mercator yang memiliki sifat-sifat khusus, memiliki transvere mercator dengan lebar zone 6 derajat dan satuannya meter.

WGS 84 World Geodetic System adalah sebuah koordinat standar yang digunakan dalam pemetaan, geodesi dan navigasi, memiliki satuan derajat, menit, dan detik.

Page 22: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

15"

BAB 2

Konfigurasi PostGIS

A. Pendahuluan

Sekarang Anda mendapatkan beberapa pengalaman bekerja dengan OpenStreetMap dan Quantum GIS. Anda telah belajar mengenai beberapa perbedaan cara dalam menyimpan data peta. File yang dibuka dan disimpan di JOSM memiliki ekstensi .osm. File ini menyimpan data peta sebagai XML, yang merupakan format untuk menyalurkan informasi di internet. Pada QGIS, kita seringkali menyimpan data peta sebagai Shapefiles, dengan ekstensi .shp. Tipe file ini menyediakan akses cepat dan pada umumnya digunakan untuk analisis. Apa yang kita miliki belum mencakup basis data, merupakan cara yang sangat cepat dan berguna untuk menyimpan data peta. Pengaturan basis data bukanlah sesuatu yang perlu Anda lakukan jika Anda berencana mengedit OpenStreetMap atau melakukan tugas-tugas sederhana dengan QGIS. Tetapi untuk Anda yang ingin melangkah lebih jauh, basis data akan memungkinkan akses kinerja yang lebih tinggi untuk pengumpulan data. Sebagai contoh, server OpenStreetMap menggunakan basis data untuk menyimpan data petanya. Hal ini menggunakan basis data untuk menerima editan dari pembuat peta, untuk mengirim bagian kecil dari peta sebagai XML untuk pengguna, dan untuk membuat peta sebagai gambar pada situs utama - openstreetmap.org.

PostGIS membuat pekerjaan kami menjadi spasial

Basis data yang akan kita gunakan adalah PostgreSQL, pada umumnya digunakan basis data relasional. PostgreSQL besar dalam menyimpan dan query data;bagaimanapun, hal itu tidak dapat melakukan tugas-tugas spasial yang kompleks. Untuk menyimpan data geografi dan memprosesnya, kita harus menambahkan ekstensi PostGIS. Kombinasi antara PostgreSQL dan PostGIS memungkinkan pengindeksan spasial data, yang pada dasarnya memungkinkan basis data untuk menghitung query geodata, seperti apakah garis memotong polygon atau titik terletak di persimpangan dua jalan. Pada bab ini kita akan belajar bagaimana mengatur PostgreSQL di Windows, bagaimana membuat basis data, dan bagaimana mengimpor data shapefile dan OpenStreetMap ke dalam basis data:

1 Menginstal PostgreSQL dan PostGIS 2 Membuat dan menggunakan basis data dengan QGIS 3 Mengimpor data OSM ke dalam basis data

Page 23: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

16"

B. Menginstal PostgreSQL dan PostGIS

Pada sesi ini kita akan menginstal PostgreSQL dan kemudian menambah ekstensi spasial PostGIS. Hal ini cukup mudah untuk pengaturan menggunakan Installer One-Click. 1. Arahkan browser web Anda ke situs postgreSQL dan menemukan halaman download disini:

http://www.postgresql.org/download

2. Dari sini Anda dapat menemukan instruksi instalasi untuk sistem operasi yang berbeda. Klik pada

tautan “Windows”. 3. Halaman ini menjelaskan apa yang dilakukan . Ini akan menginstal tiga komponen berbeda:

a. Server PostgreSQL: Perangkat lunak basis data, komponen utama b. pgAdmin III: Tampilan grafis untuk mengelola basis data c. StackBuilder: Alat untuk menambahkan aplikasi tambahan; Kita akan menggunakan ini untuk

menambah ekstensi PostGIS

4. Klik Download.

5. Anda akan memiliki pilihan yang berbeda untuk beberapa versi perangkat lunak PostgreSQL.

Installer versi 9.2.1 tidak memungkinkan Anda untuk menambah PostGIS melalui StackBuilder tersebut, jadi kita merekomendasikan Anda untuk mengunduh installer versi 9.1.6. Klik Win x86-32, ini adalah installer untuk versi Windows 32-bit.

Page 24: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

17"

6. Ketika selesai mengunduh, jalankan Installer One-Click.

7. Klik “Next” untuk mengarahkan melalui wizard instalasi. Pilihan pengaturan standar tidak masalah

untuk digunakan. Anda perlu memberikan kata sandi untuk pengguna basis data pertama (pengguna postgres). Pengguna ini memiliki hak superuser, maksudnya bahwa mereka dapat melakukan apapun yang mereka, jadi jangan lupa kata kunci yang Anda gunakan!

Page 25: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

18"

CATATAN: Anda dapat membuat basis data sebanyak yang Anda inginkan menggunakan Postgresql. Anda mungkin ingin basis data untuk data geografis Anda, dan membagi basis data untuk proyek-proyek lain yang sedang Anda kerjakan. Anda mungkin ingin orang-orang yang berbeda memiliki berbagai jenis akses ke basis data. Untuk tujuan ini, setiap basis data yang Anda buat menggunakan konsep pengguna dan peran. Basis data harus selalu dimiliki oleh pengguna, dan biasanya pengguna membutuhkan kata kunci untuk membuat perubahan ke basis data. Pengguna tambahan dapat diberikan izin untuk mengakses basis data, dan mereka dapat diberikan peran tertentu. Untuk contohnya, Anda mungkin ingin pengguna basis data hanya dapat membaca informasi dari basis data, tetapi tidak dapat mengubahnya. Atau Anda mungkin ingin pengguna dapat menambah data, tetapi tidak memiliki izin untuk menghapusnya. Dengan pengguna dan peran, hal ini mungkin. Untuk sekarang kita tidak perlu khawatir terlalu banyak tentang ini, hanya mengingatkan bahwa basis data yang Anda miliki oleh pengguna, dan untuk mengakses basis data Anda perlu nama pengguna dan kata sandi. Pengguna pertama kita membuat (bernama postgres) adalah superuser, yang berarti mereka memiliki izin untuk melakukan segala sesuatu dengan basis data. 8. Setelah Anda mengkilik melalu wizard dan menerima pilihan konfigurasi pengaturan standar,

wizard akan menginstal segala sesuatu untuk Anda. Ini mungkin memakan waktu beberapa menit. 9. Setelah instalasi selesai, wizard akan menanyakan apakah Anda ingin memulai StackBuilder, yang

merupakan utilitas yang akan memungkinkan kita untuk menginstal PostGIS. Pastikan kotak dicentang sebelum Anda klik “Finish”.

10. Sekarang kita telah berhasil menginstal PostgreSQL dan kita perlu menambahkan ekstensi PostGIS. Ketika wizard StackBuilder terbuka, pilih instalasi PostgreSQL Anda dari menu dropdown dan klik Next. Ini akan menjadi sesuatu seperti PostgreSQL 9.1 on port 5432.

Page 26: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

19"

11. Buka tab “Spatial Extensions” dan centang kotak disamping PostGIS 1.5 for PostgreSQL 9.1...

Sekali lagi, kita menggunakan PostGIS 1.5 karena utilitas kita akan digunakan untuk mengimpor data OSM yang tidak selalu bekerja sempurna dengan versi 2.0.

12. Klik Next untuk men-download ekstensi dan instal. Ketika diminta, klik “I Agree” untuk menerima persyaratan dan kondisi.

13. Instaler PostGIS akan menanyakan beberapa pertanyaan, tetapi umumnya pilihan pengaturan

standar tidak masalah. Anda dapat memberitahu untuk membuat basis data pertama dengan otomatis, tetapi kita akan belajar bagaimana melakukan itu sendiri pada sesi selanjutnya.

Page 27: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

20"

14. Untuk memulai instalasi PostGIS Anda perlu memasukan kata sandi postgres yang Anda buat

ketika Anda menginstal PostgreSQL.

15. Jika Anda diminta untuk menginstal plugin pemuat shp2pgsql grafis, klik “Yes”

Page 28: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

21"

16. PostGIS akan terinstal. Apabila sudah selesai, klik “Close” dan kemudian “Finish.”

C. Membuat dan Menggunakan Basis Data dengan QGIS

Sekarang kita telah menginstal semua perangkat lunak yang diperlukan, kita akan membutat basis data, dan kemudian menggunakannya sebagai sumber data dalam QGIS. Kita akan menggunakan pgAdmin III, yang merupakan basis data klien grafis yang berguna untuk melakukan query dan memodifikasi basis data.

PgAdmin III adalah klien resmi untuk PostgreSQL dan memungkinkan Anda menggunakan bahasa SQL untuk manipulasi data tabel Anda. Ini juga mungkin untuk membuat dan manipulasi basis data dari command-line, tetapi untuk sekarang, pgAdmin III cara mudah untuk memulai.

● Buka pgAdmin III. Ini harus di Menu Start dibawah All Program -> PostgreSQL 9.1 > pgAdmin III.

Page 29: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

22"

● Pada panel di sebelah kiri bawah Server, klik kanan di PostgreSQL dan “Connect.”

● Masukan kata sandi postgres yang Anda buat ketika Anda menginstal perangkat lunak. Ingat

nama pengguna dan kata sandi yang diperlukan sehingga Anda dapat membuat dan mengakses basis data.

● Klik kanan pada Databases dan pilih New Database...

● Anda harus memasukkan beberapa informasi untuk membuat basis data baru: nama dan pemilik.

Pada tab Properties, beri nama pada basis data baru. Pada contoh ini, kita beri nama basis data menjadi gisdb. Kita juga harus memberi basis data pemilik. Karena kitahanya memiliki satu pengguna sekarang, mari kita memberikan basis data ke pemilik postgres. (Catatan: untuk

Page 30: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

23"

alasan keamanan biasanya ide yang baik untuk membuat pengguna tanpa izin superuser, tetapi untuk sekarang kita tidak perlu khawatir tentang ini)

● Dibawah tab Definition, membiarkan pengaturan, namun di samping Template pilih template_postgis. Ini akan membuat basis data kita dengan kolom spasial yang tepat.

Klik OK untuk membuat basis data. Anda sekarang akan melihat daftar basis data Anda dibawah “Databases”. Mari kita memuat beberapa sampel data ke dalam basis data sehingga kita dapat belajar bagaimana mengaksesnya dari QGIS. Untuk melakukan ini, kita akan menggunakan peralatan yang mengkonversi shapefile dan memuat mereka kedalam basis data.

● Pastikan basis data baru Anda dipilih dan pergi Plugins -> PostGIS Shapefile dan pemuat

DBF 1.5

Page 31: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

24"

● Klik “Add File” dan temukan shapefile di dalam sistem file Anda. Jangan ragu untuk menggunakan sampel data yang disediakan di manual QGIS (http://www.learnosm.org/files/...beginning-qgis-sampl..).

● Setelah Anda memilih file, klik “Import.” Jika semuanya berjalan lancar, output akan “Shapefile import completed.”

● Jadi kita telah membuat sebuah basis data dan kita telah mengimpor shapefile sebagai sampel. Sekarang mari kita buka QGIS dan lihat bagaimana kita dapat mengakses basis data kita.

● Buka QGIS dan klik pada “Add PostGIS Layers”. ● Bawah “Connections” di bagian atas, klik “New.” ● Beri nama koneksi baru. Di dalam tipe basis data gisdb (atau apappun nama basis data

Anda). Masukkan nama pengguna dan kata sandi Anda dibawah ini.

Page 32: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

25"

● Klik OK untuk menyimpan pengaturan koneksi. Kemudian klik “Connect” untuk menyambung ke server PostgreSQL Anda. Anda mungkin perlu memasukkan nama pengguna dan kata sandi Anda lagi.

● Jika semuanya sukses, Anda akan melihat layer shapefile yang telah Anda muat ke dalam basis data yang tersedia disini. Pilih dan klik “Add” untuk menambah ke dalam peta Anda.

● Ketika Anda menambah layer Anda perlu memilih sistem koordinat untuk menampilkan data yang ada di dalamnya. Anda akan lebih sering memilih WGS 84, merupakan sistem koordinat yang digunakan OpenStreetMap.

● Catatan bahwa layer memiliki kesamaan seperti jika Anda telah memuat file secara langsung ke dalam QGIS. Hanya yang berbeda adalah jika Anda mengedit layer, perubahan akan disimpan di dalam basis data Anda.

D. Mengimpor Data OSM ke dalam Basis Data

Sekarang Anda mengerti bagaimana membuat dan mengakses basis data dari QGIS, mari kita lihat bagaimana kita bisa memuat data OpenStreetMap ke dalam basis data kita. Memuat data OSM sangat berguna karena hal ini begitu kompleks dan ada banyak data untuk memprosesnya, basis data jauh lebih efisien dari menajalankan dengan file XML atau shapefile. Hal ini juga berguna untuk menjaga data OSM kita di dalam basis data untuk mengikuti bab di panduan ini. Untuk mengimpor data OpenStreetMap ke dalam basis data kita, kita akan menginstal pasangan alat-alat. Alat utama disebut osm2pgsql, yang merupakan utilitas yang memuat data XML OpenStreetMap

Page 33: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

26"

ke dalam sebuah format kita dapat menyimpannya di basis data. Utilitasnya mudah diatur, kita perlu mendownload program sederhana, dan kemudian kita perlu menambah lokasi ke sistem jalur kita. ● Untuk download windows versi osm2pgsql, arahkan browser web Anda : http://wiki.openstreetmap.org/wiki/Osm2pgsql#Windows

● Download file yang bernama osm2pgsql.zip ● Unzip file pada sistem Anda. Jika Anda ingin, memindahkan folder di suatu tempat yang tetap

tidak berubah, karena kita perlu menambahkan lokasi ke sistem jalur. ● Di dalam direktori osm2pgsql bahwa Anda unzip sebuah file bernama osm2pgsql.exe. Ini adalah

program yang kita jalankan untuk mengimpor data, tetapi dalam rangka untuk menemukan sistem ini, kita perlu menambahkan lokasi ke sistem jalur. Klik pad aStart Menu dan jenis “system path”. Anda harus melihat opsi bernama “Edit the system environment variables “. Klik diatasnya.

● Klik pada tombol bernama “Environment Variables.”

● Di bagian bawah menemukan variabel bernama “Path” dan klik “Edit...”

● Sekarang Anda harus menambahkan direktori dimana osm2pgsql.exe terletak pada variabel.

Page 34: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

27"

● Tambahkan titik koma (;) diakhir direktori sebelumnya dan kemudian ketik di path direktori

lengkap osm2pgsql.exe. Sebagai contoh, jika Anda meninggalkannya di direktori Download mungkin sesuatu seperti C:\Users\Administrator\Downloads\osm2pgsql\osm2pgsql

● Klik OK.

Itu adalah bagian tersulit. Sekarang kita perlu menginstal plugin di QGIS, dan kita dapat dengan mudah mengimpor data OSM ke dalam basis data kita.

● Buka QGIS dan pergi ke Plugins -> Fetch Python Plugins...

● Kita perlu menambahkan repository plugin baru. Klik tab “Repositories”. ● Klik Add... ● Selanjutnya untuk Name: type “dbsgeo.com” ● Selanjutnya untuk plugins URL: type “http://qgis.dbsgeo.com”

● Klik OK. ● Klik kembali ke tab “Plugins” dan temukan plugin bernama “OSM Tools.” Anda dapat

mengetik di kotak pencarian untuk mempermudah temuan. ● Pilih plugin dan klik “Install Plugin.” ● Plugin akan menginstal dan harus memberikan pesan bahwa “Plugin installed

successfully.”

Page 35: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

28"

● Tutup menu. Anda harus melihat menu baru di menu bar atas Anda bernama “OSM Tools.”

Bagus! Sekarang kita dapat menggunakan plugin OSM Tools untuk dengan mudah mengimpor data ke dalam basis data kita. Dalam hal ini Anda bertanya-tanya mengenai osm2pgsql, selama kita menggunakan plugin kita tidak akan pernah perlu berurusan dengan itu secara langsung. Plugin OSM Tools menggunakan osm2pgsql di belakang layar. Mari gunakan plugin untuk mengimpor data OpenStreetMap ke dalam basis data kita. Jika Anda belum memiliki file .osm yang dapat Anda gunakan, coba mendownload file dari http://metro.teczno.com/. Situs ini memiliki banyak ekstrak OSM untuk kota-kota yang berbeda. Cari kota untuk mengimpor dan mendownload file BZ2 untuk itu. File BZ2 yang dikompresi dari versi normal file .osm. File PBF yang lebih kecil, tetapi versi Windows osm2pgsql tidak akan bekerja dengan tipe file ini. Jika website ini tidak memiliki kota yang menarik, Anda dapat mendapatkan negara yang lebih besar dari http://download.geofabrik.de/osm/, atau download area spesifik dari http://hot-export.geofabrik.de.

● Ketika Anda memiliki file OSM yang Anda dapat gunakan, pergi ke Menu OSM Tools di QGIS

dan pilih “Import into PostGIS (osm2pgsql).” ● Kemudian akan terbuka tab baru di sisi kanan QGIS. ● Yang harus kita lakukan sekarang adalah menentukan file input (file OSM) dan basis data yang

ingin kita muat ke dalam. ● Klik pada tombol “Input” dan cari file OSM yang akan Anda muat. Ingat bahwa file ini harus

berakhiran .osm atau .osm.bz2

Page 36: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

29"

● Perlu diingat, tidak semua key dalam OSM akan diimport dengan osm2pgsql. Hanya key yang termasuk dalam style standar yang akan diimport ke dalam tabel atribut. untuk melihat style standar, Anda dapat menuju ke: http://svn.openstreetmap.org/applications/utils/export/osm2pgsql/default.style

● Jika Anda ingin menambahkan key tertentu Anda dapat memasukan file teks (.txt) pada baris “Style”, maka Anda harus memasukan file teks (.txt, dapat dibuat dengan Notepad) yang berisi tipe data OSM (node atau way atau gabungan keduanya), key pada OSM, tipe data (text untuk teks, real untuk bilangan real, int4 untuk bilangan desimal), dan tipe geometri (point untuk titik, linear untuk garis, polygon untuk poligon). Sebagai contoh misalnya Anda ingin mengimport atribut nama pemilik bangunan, struktur bangunan, dan jumlah lantai. Maka yang perlu ditulis dalam file teks tersebut adalah sebagai berikut:

#OsmType Tag DataType Flags way building:owner text polygon way building:structure text polygon way building:floors real polygon

Simpan file tersebut sebagai teks (.txt), kemudian pada baris Style (Optional), ketikan lokasi tempat Anda menyimpan file style Anda. Misalnya C:/Desktop/my_style.txt

● Pilih “My First Database” dibawah “Database.”

● Perhatikan bahwa daftar ini akan menampilkan basis data yang telah disimpan di QGIS, seperti yang kita lakukan pada akhir sesi 2.

● Klik “Run.” ● Anda mungkin perlu mengetikan kata sandi basis data Anda dan tekan enter, jika Anda

melihat sesuatu seperti ini dibagian bawah panel:

● Impor mungkin memakan waktu yang lama, tergantung pada berapa besar file yang diimpor. Ini juga mungkin terjadi ketika osm2pgsql kehabisan memori saat sedang mencoba

Page 37: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

30"

mengimpor file. Jika Anda mendapatkan pesan kesalahan seperti “Error allocating nodes,” cek kotak berlabel “Slim on memory (slower)” dan coba jalankan kembali.

● Output harus memberitahu Anda bahwa impor selesai

● Sekarang pergi kembali ke “Add PostGIS Layer.” ● Ketika Anda menghubungkan basis data Anda lagi, Anda akan melihat empat tabel.

● Ini adalah tabel osm2pgsql yang dibuat di basis data Anda. Ada satu layer untuk setiap jenis data yang berbeda - garis, titik, dan poligon, dan tambahan layer yang mengandung jalan utama. Coba tampilkan data tersebut di dalam QGIS!

E. Pertanyaan yang sering diajukan

Sejauh ini kita sudah melihat bagaimana menginstal perangkat lunak untuk mendapatkan basis data yang dibangun dan menjalankannya, bagaimana mengimpor shapefile ke dalam basis data, dan bagaimana mengimpor data OpenStreetMap. Kita juga telah belajar bagaimana menghubungkan basis data kita dari QGIS menggunakan nama dan kata sandi kita, dan bekerja dengan data secara langsung. Sekarang kita membahas pertanyaan umum yang sering diajukan mengenai basis data geospasial. Dapatkah saya memiliki lebih dari satu basis data di komputer saya? Iya, Anda dapat memiliki basis data sebanyak yang Anda inginkan. Anda mungkin tidak ingin menyimpan data dari semua proyek-proyek yang berbeda di dalam basis data yang sama, menyederhanakan untuk alasan organisasi. Tetapi hal ini masuk akal untuk menyimpan data pada satu proyek di dalam basis data tunggal.

Page 38: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

31"

Mengapa Anda membutuhkan user (pengguna)? Apakah itu tidak cukup hanya memiliki nama basis data yang berbeda? Jika Anda hanya mempertahankan basis data untuk penggunaan pribadi, Anda mungkin tidak perlu khawatir tentang penggunaan dan peran yang berbeda. Tetapi jika Anda adalah pengguna mahir dan Anda ingin membiarkan orang lain mengakses basis data Anda dari jarak jauh, Anda mungkin ingin mengatur pengguna dengan hak akses yang terbatas. Apa yang dimaksud tabel database? Di dalam basis data yang kita buat, setiap “layer” disimpan dalam sebuah tabel. Sebuah tabel adalah bagian dari basis data yang menyimpan jenis informasi tertentu dan basis data dapat memiliki tabel yang berbeda. Ketika kita mengimpor data OSM program menciptakan empat tabel - tabel pertama menyimpan data polygon, yang kedua data titik, dan seterusnya. Karena jenis informasi ini memiliki jenis intrinsic yang berbeda, mereka disimpan dalam tabel terpisah. Bagaimana cara memperbarui basis data Anda ketika data OSM telah berubah? Ada cara agak rumit untuk melakukan ini secara otomatis, tetapi cara termudah adalah sederhana untuk menghapus tabel yang dibuat osm2pgsql, men-download file ekstrak terbaru, dan mengimpornya ke dalam basis data Anda.

F. Ringkasan

Kita telah melakukan banyak hal dalam bab ini, sehingga Anda harus merasa bangga. Kita belajar bagaimana menginstal PostgreSQL dan menambah ekstensi PostGIS di Windows. Kita melihat bagaimana membuat basis data geospasial dan memuat shapefile ke dalamnya. Kita belajar bagaimana mengakses basis data kita dari dalam QGIS. Akhirnya, kita telah menginstal osm2pgsql dan plugin OSM Tools sehingga kita dapat memuat data OpenStreetMap secara langsung ke dalam basis data kita.

G. Lampiran – Instalasi PostgreSQL di Ubuntu

Bagi Anda yang berminat, kita telah menyediakan lampiran yang berdasarkan langkah-langkah menyiapkan PostgreSQL di Ubuntu Linux. Kita tidak akan merinci langkah-langkah

Page 39: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

32"

secara detail dari sistem operasi, tetapi jika Anda sudah berpengalaman dengan Linux Anda harus dapat mengikutinya.

1. Instalasi PostgreSQL dan PostGIS Untuk menginstal PostgreSQL dan PostGIS di Ubuntu 11.04 (Natty Narwhal), jalankan perintah ini: sudo%apt)get%)y%install%postgresql%postgresql)8.4)postgis Jika Anda menginstal pada Ubuntu versi 11.10 atau diatasnya, jalankan: sudo%apt)get%)y%install%postgresql)9.1%postgresql)9.1)postgis%postgresql)

contrib)9.1%libpq)dev Perhatikan versi PostgreSQL yang diinstal di sini. (8.4 atau 9.1) 2. Membuat Basis Data Sebelum membangun basis data kita perlu mengedit pengaturan PostgreSQL. Buka konfigurasi file dengan nano dengan menjalankan: sudo%nano%/etc/postgresql/8.4/main/pg_hba.conf Jika versi Posgresql Anda 9.1, file ini akan terleteka di /etc/postgresql/9.1/main/pg_hba.conf. Pergi ke bagian bawah file. Ada empat garis disini dan kita perlu mengubah izin akses lokal bagi mereka untuk “trust”. Hal ini akan memungkinkan kita untuk mengakses basis data dari mesin yang sama tanpa kata sandi. Konfigurasi akan terlihat seperti ini: local%%%all%%%%%%%%%postgres%%%%%%%%%%%%%%%%%%%%%%%%%%trust #%TYPE%%DATABASE%%%%USER%%%%%%%%CIDR)ADDRESS%%%%%%%%%%METHOD #%"local"%is%for%Unix%domain%socket%connections%only local%%%all%%%%%%%%%all%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%trust #%IPv4%local%connections: host%%%%all%%%%%%%%%all%%%%%%%%%127.0.0.1/32%%%%%%%%%%trust #%IPv6%local%connections: host%%%%all%%%%%%%%%all%%%%%%%%%::1/128%%%%%%%%%%%%%%%trust Simpan perubahan dengan Ctrl-O dan Enter, dan kemudian keluar nano dengan Ctrl-X. Sekarang kita perlu me-restart PostgreSQL sehingga perubahan baru diterapkan. sudo%/etc/init.d/postgresql%restart Sekarang kita dapat membuat basis data kita dengan mengikuti perintah: Ubuntu 11.04 psql%)U%postgres%)c%"create%database%osm;" psql%)U%postgres%)d%osm%)c%"create%language%plpgsql;"

Page 40: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

33"

psql%)U%postgres%)d%osm%)f%/usr/share/postgresql/8.4/contrib/postgis)

1.5/postgis.sql psql%)U%postgres%)d%osm%)f%/usr/share/postgresql/8.4/contrib/postgis)

1.5/spatial_ref_sys.sql Ubuntu >= 11.10 psql%)U%postgres%)c%"create%database%osm;" psql%)U%postgres%)d%osm%)f%/usr/share/postgresql/9.1/contrib/postgis)

1.5/postgis.sql psql%)U%postgres%)d%osm%)f%/usr/share/postgresql/9.1/contrib/postgis)

1.5/spatial_ref_sys.sql psql adalah utilitas untuk berinteraksi dengan PostgreSQL. Kita menjalankannya disini untuk membuat basis data yang bernama osm menggunakan pengguna postgres. Kita melakukan hal yang sama dalam bab untuk membuat basis data di Windows, tetapi disini kita melakukannya menggunakan command-line. 3. Instalasi Osm2pgsql Sekarang kita akan menggunakan utilitas osm2pgsql untuk mengimpor data OpenStreetMap ke dalam basis data Anda. Pertama mari kita menginstalnya. Apabila Anda tidak memiliki instalasi add-apt-repository, menambahkannya dengan: sudo%apt)get%)y%install%python)software)properties Tambahkan repositori yang berisi paket: sudo%add)apt)repository%ppa:kakrueger/openstreetmap Perbarui daftar paket lokal untuk mengambil repositori baru: sudo%apt)get%update Instal paket osm2pgsql sudo%apt)get%install%osm2pgsql Jika Anda diminta untuk membuat basis data, jawab “No”. Ini akan menanyakan Anda mengenai nama basis data karena kesalahan dalam program instalasi, jadi hanya tekan enter untuk menerima pengaturan awal.

Page 41: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

34"

4. Impor Data Kita sekarang dapat mengimpor data OpenStreetMap ke dalam basis data kita. Anda membutuhkan file data, Anda dapat dengan mudah mendownload dari website GeoFabrik. Untuk mendownload ekstrak OSM, cari tautan ke file tersebut dan menggunakan wget untuk mendownload file pada sistem Ubuntu Anda. Sebagai contoh: wget%http://download.geofabrik.de/openstreetmap/asia/indonesia.osm.pbf Tergantung pada ukuran ekstrak mungkin diperlukan beberapa menit untuk mendownload.. Memuat data ke dalam basis data dengan menjalankan: osm2pgsql%)c%)G%)U%postgres%)d%<database_name>%<your_data_file> Anda mungkin perlu menyediakan bendera tertentu untuk osm2pgsql jika sistem Anda memiliki memori rendah. Jika Anda mendapatka n kesalahan seperti “Out of memory for dense node cache, reduce --cache size” coba jalankan dengan pilihan ini: osm2pgsql%)s%)U%postgres%))cache)strategy%sparse%)C%10%)d%<database_name>%

<your_data_file> Mengikuti contoh ini, perintah akan: osm2pgsql%)s%)U%postgres%))cache)strategy%sparse%)C%10%)d%osm%indonesia.osm.pbf Perintah ini akan membutuhkan beberapa waktu untuk mengeksekusi, tergantung pada ukuran impor. Anda akan melihat beberapa output yang terlihat seperti ini:

Anda mungkin perlu menyesuaikan -C 16000 untuk mencocokkan RAM Anda jika Anda memiliki kurang dari 16 GB RAM. Hasil tercepat diperoleh bila menggunakan file .pbf.

Page 42: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

35"

Jika Anda memiliki beberapa pertanyaan atau mengatasi masalah, https://github.com/nvkelso/geo-how-to/wiki/PostGIS untuk informasi lebih lanjut.

Page 43: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

36"

H. Daftar Istilah

Basis Data Kumpulan data yang terorganisir untuk satu atau lebih kegunaan, pada umumnya dalam bentuk digital

Geofabrik Suatu website yang berguna untuk mendownload data spasial yang berasal dari OpenStreetMap dalam cakupan yang luas (per negara)

OSM Tools Menu pada Quantum GIS yang dihasilkan dari menginstall osm2pgsql

Osm2pgsql Suatu plugin (alat) pada Quantum GIS yang memuat data XML OpenStreetMap ke dalam sebuah format yang dapat menyimpan basis data

Plugins Dalam komputasi, sebuah plug-in (atau plugin) adalah seperangkat komponen software yang menambahkan kemampuan khusus untuk aplikasi perangkat lunak yang lebih besar. Jika didukung, plug-in memungkinkan mengubah fungsi aplikasi.

PostGIS Program perangkat lunak open source yang menambahkan dukungan untuk objek geografis untuk database objek-relasional dalam PostgreSQL

PostGreSQL Sering disebut Postgres, merupakan sistem manajemen obyek basis data relasional yang tersedia untuk banyak platform, termasuk Linux, FreeBSD, Solaris, Microsoft Windows dan Mac OS X. Sistem ini mendukung tipe data extensible, operator, metode indeks, fungsi, agregat, bahasa prosedural, dan memiliki banyak ekstensi (plugins) yang ditulis oleh pihak ketiga

Query Memungkinkan pengguna untuk menggambarkan atau melakukan pencarian data yang diinginkan dalam sistem manajemen database yang bertanggung jawab untuk perencanaan, optimasi, dan melakukan operasi fisik yang diperlukan untuk memproduksi hasil yang diinginkan

Shapefile Format data vektor geospasial untuk perangkat lunak dalam sistem informasi geografis

Shp2pgsql Sebuah piranti commandline untuk melakukan import shapefile ESRI ke dalam database

XML Extensible Mark-Up Language. Sebuah bahasa yang mirip dengan HTML. XML didesain untuk membawa data, bukan menampilkannya.

Page 44: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

37"

BAB 3 Database SQLite

A. Pendahuluan

SQLite merupakan mesin database yang simple yang menyediakan fungsi database yang sama seperti PostgreSQL, tetapi tanpa penginstalan perangkat lunak yang kompleks dan menjalankan server database. Untuk proyek pribadi, SQLite sangat bagus, dan database yang mudah digunakan yang dapat menyelamatkan Anda dari masalah penginstalan dan pengaturan PostgreSQL dan PostGIS. Di bab ini kita akan melihat gambaran umum dari SQLite, bagaimana kita menggunakannya di QGIS, dan bagaimana kita gunakan sebagai sumber data di TileMill.

B. Pengertian SQLite dan SpatiaLite

SQLite merupakan penghubung sistem manajemen database, seperti PostgreSQL. Apa yang membedakan adalah semua table yang tersimpan di database masuk kedalam satu berkas, dimana hal tersebut membuat mudah untuk mentransfer keseluruhan database dari satu komputer ke komputer lainnya. database ini beroperasi sama seperti MySQL atau PostgreSQL. Bahasa query yang digunakan adalah bahasa SQL yang sudah pasti sama. Anda mungkin menemukan SpatialLite, yang merupakan ekstensi dari SQLite. Spatialite ke SQLite meniru PostGIS ke PostgreSQL. Dengan kata lain, database Spatialite menambahkan fungsi geografis yang lebih kompleks. Jika Anda menggunakan database SQLite, Anda akan merasa seperti menjalankan PostgreSQL dan jika Anda menggunakan database SpatiaLite, Anda sama seperti sedang menggunakan PostgreSQL dengan ekstensi PostGIS. Akan tetapi, untuk tujuan kita, kita tidak butuh menabahkan fungsi dari SpatiaLite. SQLite sudah mempunyai fungsi dasar geografis yang kita butuhkan untuk mengakses data kita di QGIS dan TileMill dan kita akan menggunakan database SQLite di bab ini.

C. Mendapatkan database/Berkas SQLite

● Sebelum kita melihat cara kerja SQLite, mari kita mengambil database. Pergilah menuju browser Anda ke HOT export di hot-export.geofabrik.de.

● Ambilah pekerjaan/job dimana Anda dapat mengunduh sampel dari database SQLite. Pada contoh ini, kita akan bekerja dengan data Jakarta - http://hot-export.geofabrik.de/jobs/1376.

● Disini Anda dapat melihat berkas yang tersedia untuk diunduh pada server HOT eksport:

Page 45: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

38"

● Kita akan mengklik pada pilihan “SQLite file”. Tidak lama setelah kita mengklik pilihan tersebut akan memulai pengunduhan dari berkas database SQLite yang dinamakan extract.sqlite. Perhatikan bagaimana nyamannya kita mendapatkan semua database didalam satu berkas!

● Hasil ekstrak SQLite ini sebesar 30MB, sehingga jika Anda mempunyai koneksi internet yang lambat, Anda mungkin mau mendapatkan database dari pekerjaan/job yang lebih kecil.

D. SQLite di QGIS Sekarang Anda sudah mempunyai database SQLite, mari kita buka di QGIS.

● Untuk menambahkan database kita di QGIS, klik tombol seperti dibawah ini:

● Jangan khawatir dengan tulisan “Add SpatiaLite Layer”. QGIS dapat membuka SpatiaLite dan database SQLite bersamaan.

● Klik “New” dan carilah tempat Anda menyimpan berkas extract.sqlite.

● Kemudian klik “Connect.” ● Jika Anda sudah mempelajari bab PostGIS, Anda akan familiar dengan ini. Anda akan

melihat empat table di basis data: satu untuk titik, satu untuk garis, satu untuk polygon, dan satu lagi untuk tambahan table garis untuk jalan.

Page 46: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

39"

● Anda dapat memilih table (atau berbagai table) dan klik “Add” untuk menambahkan sebagai layer di QGIS. Atau, Anda bisa memilih table dan klik “Build Query” untuk menentukan query untuk data yang spesifik dari table.

● Mari kita coba. Pilih tabel planet_osm_polygon dan klik “Build Query.” Ini akan membuka tampilah Query Builder.

● Pilih building dibawah panel “Field”, dan klik “All” dibawah values.

● Ini akan menampilkan daftar dari semua nilai yang memungkinkan di kolom building dari tabel planet_osm_polygon. Ini merupakan nilai yang terkait dengan building=? tags dan nilai di OpenStreetMap.

● Kita menginginkan query semua polygon dimana building=yes, pertama klik dua kali pada building untuk menambahkan ke dalam query. Kemudian klik tombol “=”. Terakhir, cari nilai yes didalam dafftar nilai dan klik dua kali pada nilai tersebut. Hasilnya seperti dibawah ini:

● Klik “OK,” dan klik “Add.” Ini akan menambahkan layer kedalam proyek QGIS Anda, dan menampilkan semua bangunan di Jakarta, atau dimana saja tergantung database yang Anda gunakan.

Page 47: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

40"

E. Ringkasan

Bab ini mempraktekan bagaimana mudah untuk menggunakan database SQLite. Sejak berkas SQLite sangat kompleks, mereka mempunyai keuntungan untuk mengunduh data OSM. SQLite dapat dengan mudah diimpor kedalam QGIS dibawah ikon Add Spatialite. F. Lampiran - Panduan Query SQL Queries Dasar Tantangan terbesar dari SQLite adalah mempelajari basic dari SQL untuk mengquery database sesuai dengan keinginan Anda. Dibawah ini ada beberapa alat yang membantu Anda untuk memulainya. Panduan ini meliputi queri dasar yang Anda butuhkan untuk digunakan dalam TileMill. Mereka menyerupai query PostGIS; akan tetapi, SQLite membutuhkan "OGC_FID, GEOMETRY" di TileMill. http://designtopx.files.wordpress.com/2009/11/sqlcheatcheet.pdf SQLite Browser http://sourceforge.net/projects/sqlitebrowser/ Aplikasi ini membantu Anda untuk membuka berkas database sqlite, gerakan struktur tabel dan lakukan editing. Ini merupakan cara yang gratis dan mudah untuk melihat struktur database. Proyek TileMill Windows https://github.com/hotosm/tilemill-projects-windows Sekali lagi, HOT ada untuk membantu! Cek penyimpanan di GitHub dan tambahkan direktori osm-sqlite kedalam proyek TileMill Anda. Proyek TileMill ini mempunyai pengaturan dasar yang menggunakan fungsi SQL pada setiap layernya. Ganti berkas extract.sqlite sesuai dengan berkas yang Anda gunakan dan Anda langsung dapat menggunakannya dengan SQLite pada TileMill.

Page 48: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

41"

G. Daftar Istilah

MySQL Sebuah program database server yang mampu menerima dan mengirimkan data dengan cepat, multi user serta menggunakan perintah dasar SQL

SpatiaLite Merupakan ekstensi dari SQLite menambahkan fungsi geografis yang lebih kompleks, sama seperti PostGIS ke PostgreSQL

SQL Sebuah bahasa permintaan database yang terstruktur. Bahasa SQL dibuat sebagai bahasa yang dapat merelasikan beberapa tabel dalam database maupun merelasikan antar database

SQLite Sebuah basis data sama seperti PostgreSQL tetapi lebih sederhana untuk mentransfer keseluruhan basis data antar komputer, salah satunya terdapat di dalam Quantum GIS. Basis data SQLite juga dapat menampung data spasial

Page 49: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

42"

BAB 4

Kartografi dengan TileMill

A. Pendahuluan

Peta yang ditampilkan di website biasanya menggunakan tampilan antar muka yang menarik seperti peta “Slippy Map” OSM, pengguna peta dapat menggeser dan memperbesar serta memperkecil peta tersebut. Salah satu keuntungan menggunakan OpenStreetMap adalah kemampuan untuk mengedit tampilan dari peta-peta yang ada dan menampilkan pada website. Pada 2 bab selanjutnya kita akan mempelajari beberapa alat yang akan memungkinkan kita untuk melakukan hal-hal tersebut dengan mudah. Pertama-tama kita akan belajar bagaimana untuk menggunakan TileMill untuk membuat peta yang menarik lalu pada bab berikutnya kita akan mempelajari bagaimana untuk menaruh peta-peta tersebut ke dalam website menggunakan MapBox. Bab ini akan mempelajari lebih dalam tentang memberikan gaya pada peta dan akan membantu Anda untuk membuat peta yang elegan sekaligus menarik. Jika Anda ingin merancang peta Anda sendiri tapi sudah cukup puas menggunakan data dasar dari OpenStreetMap, Anda dapat melewati bab selanjutnya dan mempelajari bagaimana membuat rancangan peta yang sederhana menggunakan MapBox. Dalam bab ini, rancangan peta kita akan menjadi dasar pada sebuah tipe layanan dasar yaitu TMS atau Tile Map Service. Hal ini sebenarnya cukup sama dengan WMS (Web Map Service), kecuali resolusi gambar peta yang dibuat sebesar 256x256 piksel , yang dikirimkan ke pengguna dan ditampilkan bersamaan. TMS mempunyai banyak keuntungan dibandingkan WMS, dan telah berkembang dengan pesat dan menjadi popular sejak munculnya “slippy map”. Ketika Anda melihat slippy map Anda sebenarnya melihat sekelompok file gambar yang terpisah-pisah yang telah dibentuk dan disatukan secara bersamaan.

OSM Slippy Map dibuat dari satuan gambar peta-peta yang disatukan

Page 50: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

43"

TileMill adalah aplikasi untuk merancang peta yang menarik dan detail. Aplikasi ini bukan untuk mengedit data atau analisis akan tetapi lebih ke untuk kartografi. Dengan TileMill Anda menggunakan :

● Data (ini bisa berupa data OpenStreetMap atau shapefile Anda.) ● Icon (Anda dapat menggunakan ikon yang sudah ada atau merancang sesuai keinginan Anda

sendiri)

TileMill menyediakan berbagai pilihan yang dimana memungkinkan Anda untuk memberikan gaya dan merancang data yang Anda miliki dengan elegan dan menggunakan ikon yang Anda miliki. Anda juga dapat mengekspor peta Anda sebagai gambar atau ke dalam format MBTiles yang dimana akan ditaruh di MapBox dan di website Anda sebagai peta yang interaktif. Dalam bab ini kita akan mempelajari :

● Menginstall TileMill ● Mempelajari TileMill (Peta, Legenda, Teaser, CartoCSS) ● Menambahkan Data (Shapefiles and OSM Database) ● Mengedit OSM Data dengan JOSM Plugin ● Mengatur tampilan peta dengan CartoCSS (Memberikan gaya pada garis, polygon dan Point,

Tingkat perbesaran, Variabel warna, Komentar) ● Membuat Legenda ● Mengekspor Peta (Gambar PNG & MBTiles)

B. Menginstal TileMill Disini kita akan menunjukkan bagaimana untuk menginstall TileMill pada windows. Anda dapat mendownload installan untuk operating system yang lain (Bukan Windows) di http://mapbox.com/tilemill/. ● Pergi ke http://mapbox.com/tilemill/ dan download the pengaturan file (setup file) TileMill

untuk windows.

Page 51: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

44"

● Jalankan installer untuk TileMill pada komputer Anda. Pilihan awal pada instalasi sudah baik. ● Jika TileMill sudah ter-install Anda dapat pergi ke Start Menu dan klik “Start TileMill”

● Setelah itu akan memuat beberapa proyek yang sudah tersedia di TileMill. TimeMill telah

menyediakan beberapa contoh proyek untuk membantu Anda menggunakan TileMill.

C. Mempelajari TileMill Mari kita lihat salah satu contoh dari proyek untuk mendapatkan gambaran tentang fitur-fitur yang ada di TileMill dan apa yang bisa kita lakukan. Buka contoh proyek dengan nama “Geography Class”. Itu mungkin akan memakan waktu sekitar 10-20 detik (atau mungkin lebih lama) untuk memuat petanya.

Page 52: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

45"

Perhatikan elemen kunci di TileMill: 1. Peta Jendela peta akan menunjukkan peta Anda seperti yang telah Anda rancang. Itu akan memperbaharui secara otomatis bersamaan ketika Anda mengganti data dan gaya dari peta proyek Anda. Anda harus klik tombol “save” untuk perubahan yang Anda lakukan. Seringkali akan membutuhkan beberapa saat untuk merender seluruh data OSM dan Anda Anda mungkin akan melihat layar putih untuk beberapa saat. 2. Legenda Anda dapat membuat legenda pada peta Anda menggunakan HTML. Untuk melihat dan mengedit HTML yang digunakan untuk membuat legenda klik pada tombol di sebelah kiri bawa yang bergambar tangan. Gunakan proyek yang sebelumnya seperti OpenStreetMap DC, untuk mendapatkan gambaran seperti apa legenda yang akan Anda buat dan bagaimana tampilannya. 3. Teaser Teaser, yaitu akan memunculkan jendela pup op informasi yang akan tampil ketika Anda meng-scroll atau klik fitur bagian pada peta yang dibuat dengan HTML seperti pada membuat legenda. Pada peta ini (Proyek Geography Class) teaser mengubah gambar bendera sesuai dengan Negara yang ditunjuk oleh mouse. 4. CartoCSS Ini merupakan bagian yang sangat penting di TileMill dalam tahapan merancang dan memberikan gaya tampilan pada peta. Pada semua proyek di TileMill akan menggunakan nomor file seperti itu yang mana akan menjelaskan cara mengatur dan merancang tampilan peta. Bahasa yang digunakan disebut dengan Carto CSS, karena itu hampir sama seperti CSS akan tetapi lebih spesifik untuk merancang dan mengatur tampilan peta. Kita akan melihat dan mempelajari lebih dekat pada Carto CSS nanti pada bab ini, akan tetapi sekarang lihat pada 3 file yang digunakan untuk merancang peta pada proyek “Geography Class”. File yang pertama, style.mss memiliki kode yang merupakan rancangan awal untuk peta, seperti menentukan warna dari badan air dan tampilan dari benua-benua

Page 53: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

46"

yang ada. labels.mss menjelaskan bagaimana menampilkan nama-nama negara termasuk informasi dari jenis huruf, ukuran teks dan sebagainya. Selain itu juga mengindikasikan ketika pengguna mengecilkan peta cukup jauh, maka nama negara akan ditampilkan sebagai singkatan bukan nama lengkap negara tersebut. Terakhir, rainbow.mss menjelaskan bagaimana pewarnaan pada setiap negara. Pada file ini, hamper semua negara diberikan warna sendiri-sendiri. Silahkan untuk bermain dan mencoba dengan contoh proyek ini untuk melihat perbedaan yang dihasilkan setiap fitur. Setiap saat Anda mengubah file CartoCSS Anda dapat memuat ulang peta Anda dengan meng-klik “Save”. Ketika peta sudah dimuat kembali akan tampil sesuatu perubahan yang Anda lakukan. TileMill cukup pintar dan jika Anda membuat kesalahan pada CSS maka akan ada peringatan bahwa ada kesalahan ketika Anda mencoba untuk menyimpannya. Jika Anda ingin mengganti pengaturan proyek, klik pada kunci di sebelah kanan atas. Proyek Geography Class hanya akan memberikan perbesaran pada setengah dari perbesaran maksimum pada peta. Jika Anda masuk ke dalam pengaturan Anda dapat mengatur tingkat perbesaran lebih besar. Coba unutk mengubah perbesarannya dari 0 hingga 8 menjadi 0 hingga 12. Ini akan membuat Anda dapat melakukan perbesaran yang lebih pada peta.

D. Menambahkan Data

Proyek ini sudah memiliki beberapa layer, yang dapat Anda lihat dengan meng-klik tombol “Layers” pada sudut kiri bawah.

Daftar ini menunjukkan semua layer yang ada di proyek ini. Ikon yang ada di sebelah kiri dari nama layer mengindikasikan bentuk dari layer tersebut apakah itu titik, garis atau polygon. Di sebelah kanan adalah tombol-tombol yang mana memungkinkan Anda untuk melihat data layer atau mengedit pengaturan layer.

Page 54: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

47"

1. Menambahkan layer shapefile baru ● Masukkan shapefile baru pada peta. Klik “Add Layer.”

● ID adalah nama yang dapat Anda berikan pada layer tersebut. Nama layer dapat apa saja

sesuai yang Anda ingikan tetapi hanya dapat memuat huruf, angka, garis bawah dan garis dan tidak dapat sama dengan nama layer yang sudah ada di proyek Anda.

● Anda dapat memasukkan berapapun kelas pada layer Anda. Kelas dapat membantu Anda untuk mengidentifikasi layer ketika Anda merancang peta menggunakan CSS. Sebagai contoh, jika Anda memiliki banyak layer yang terdapat polygon air, Anda dapat memberikan setiap layer dengan kelas “air” lalu Anda dapat menggunakan nama kelas ini untuk merancang tampilan layer-layer Anda pada waktu bersamaan pada CSS Anda.

● Datasource adalah file yang Anda muat sebagai layer. Ini dapat berupa CSV, shapefile, GeoJSON, KML, atau GeoTIFF. Pada contoh ini kita menggunakan shapefile yang memuat polygon dari wilayah yang ada di negara Georgia. Kotak ini harus diisi ketika kita ingin membuat layer yang baru.

● SRS adalah system referensi spasial pada data Anda (proyeksi). Dalam banyak kasus TileMill dapat secara otomatis mendeteksi SRS yang tepat.

● Ketika Anda sudah selesai dengan pilihan-pilihan ini, klik “Save” untuk menambahkan layer baru pada proyek Anda. Jika Anda mengikuti dan ingin langsung melihat layer tersebut klik “Save & Style”. Ini akan secara otomatis membuat tampilan dasar dari layer baru Anda.

● Pada tab layer temukan layer baru Anda dan klik tombol “Zoom to extent”

● Ini akan memperbesar dan menuju layer baru Anda. Jika Anda memilih “Save & Style”

maka layer akan data dengan tampilan dasar.

Page 55: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

48"

● Catat bahwa layer baru akan ditampilkan diatas layer-layer yang lain. Jika Anda ingin

misalnya untuk menampilkan dibawah label maka Anda dapat menyeret ikon ke layer tab yang berikutnya dan seret ke bawah layer country-name. Ingat Anda harus menyimpan proyek Anda terlebih dahulu sebelum memperbaharui peta Anda.

2. Menambahkan database OSM Anda dengan PostGis ● Sekarang lihat bagaimana kita dapat menambahkan database PostGIS yang telah kita isi

dengan data OpenStreetMap pada Bab 1 dari panduan ini. Pergi ke layer dan klik “Add Layer.”

● Klik pada tombol “PostGIS” . ● Cara ini hampir sama dengan cara kita memasukkan shapefile. Perbedaan utamanya

adalah kita butuh untuk memasukkan parameter hubungan ke database PostGIS kita.

Page 56: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

49"

● Pada “Connection”, masukkan:

% host=localhost%dbname=osm%user=postgres%password=my_password ● Ganti my_password dengan password Anda ● Pada “Table or subquery”, masukkan:

% planet_osm_roads ● Catat bahwa Anda hanya dapat memasukkan planet_osm_point, planet_osm_line, or

planet_osm_polygon. ● Terakhir, Anda butuh untuk mengganti ke WGS84. ● Klik “Save & Style,” dan layer baru Anda akan tampil pada proyek ini. Dengan

beberapa tampilan dasar. Perbesar ke layer untuk melihat tampilan layer baru Anda.

Page 57: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

50"

3. Menambahkan database OSM Anda dengan SQLite Sejauh ini, menggunakan SQLite untuk TileMill merupakan cara yang paling mudah dibandingkan menggunakan PostGIS. Anda dapat dengan mudah mendapatkan data yang Anda mau dan dengan cepat bergerak ke QGIS. Sekarang mari kita lihat TileMill, dan lihat bagaimana kita dapat menggunakan SQLite.

● Buka TileMill dan buat proyek baru. Anda bisa juga menggunakan proyek yang

sudah ada.

● Pergi ke tombol Layer dan klik “Add Layer.”

Page 58: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

51"

● Klik tombol SQLite pada bagian atas di jendela. Masukkan buildings untuk ID. Berikutnya pada “Datasource,” temukan berkas basisdata SQLite.

● Kita akan menambahkan query untuk memunculkan hanya polygon dimana building=yes. Kita tidak akan menjelaskan sintaks SQL dengan detail tapi copy dan paste pada boks yang bertulisan “Table or subquery.” SELECT%OGC_FID,%GEOMETRY,%building%AS%type

FROM%planet_osm_polygon WHERE%building%=%'yes' ORDER%BY%way_area%DESC )%AS%data

● SRS harus 900913 untuk berkas SQLite dari server HOT export. Ini merupakan

proyeksi merkator. ● Tampilan jendelanya seharusnya seperti ini:

Page 59: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

52"

● Klik “Save & Style.” ● Pada tab layer, klik ikon kaca pembesar disamping layer bangunan. Ini akan

memperbesar kepeta Anda dan memperlihatkan bangunan yang sudah di atur oleh TileMill.

E. JOSM Plugin

TileMill memiliki plugin JOSM yang dimana dapat digunakan untuk membuka JOSM dan memuat data OpenStreetMap pada area yang sedang Anda lihat. Ini sangat berguna jika Anda menggunakan data OSM dan Anda mencatat kesalahan yang ingin Anda perbaiki ketika mengatur tampilan pada peta Anda. Anda dapat melewati langkah ini jika Anda piker Anda tidak terlalu membutuhkannya, tapi disini akan kami tunjukkan bagaimana untuk mengaktifkan plugin ini:

● Pergi ke tab plugin dan Install JOSM Editor.

● Buka JOSM. Catat bahwa Anda harus mengaktifkan fitur remote control pada preferensi di JOSM Anda terlebih dahulu.

● Pada TileMill, pergi menuju area yang ingin Anda edit.

Page 60: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

53"

● Klik ¨Edit in JOSM¨.

● JOSM akan memulai untuk mendownload data OpenStreetMap pada area yang Anda lihat di TileMill. Anda dapat membuat editan data OSM Anda dan menguploanya perubahan yang Anda lakukan ke server.

● Catat bahwa edit yang Anda lakukan tidak akan muncul di TileMill, karena Anda mengedit database OSM. Anda perlu untuk meperbaharui data yang Anda gunakan di TileMill untuk menggabungkan perubahan yang Anda lakukan ke OpenStreetMap.

F. Mengatur Tampilan Dengan CartoCSS

Sekarang waktunya untuk bersenang-senang, Mengatur tampilan peta! Seperti yang telah dijelaskan sebelumnya, TileMill menggunakan bahasa yang disebut dengan CartoCSS untuk merancang tampilan data yang ada pada peta Anda. Jika Anda sudah terbiasa dengan CSS maka Anda juga akan mudah untuk terbiasa dengan CartoCSS. Jika belum terbiasa, maka akan cukup diperlukan pemahaman yang mendalam untuk menggunakannya. Dengan TileMill Anda dapat untuk mengatur dan merancang tampilan tipe-tipe yang berbeda dari tiap layer. Untuk Layer Garis Anda dapat merancang tampilan garis dan label, mempuat pola di dalam garis, menambahkan penAnda, dan menambahkan tameng ketika Anda ingin memasukkan nomor pada jalan. Untuk Layer Poligon Anda dapat mengatur tampilan polygon dan label, membuat pola didalam polygon atau di dalam garis luar dan menambhakan penAnda. Untuk Layer Titik Anda dapat mengatur tampilan dari titik dan label dan menambahkan perisai atau penAnda. Catat! bahwa ada beberapa perbedaan pada file di proyek Geography Class. Membuat file lebih dari satu hanya merupakan masalah keteraturan dan kenyamanan saja karena pada akhirnya semua file tersebut akan dikompilasi pada stylesheet yang sama. Akan tetapi merupakan hal yang baik untuk tetap menyimpan pengaturan tampilan secara bersama-sama-seperti contohnya, semua label yang kita buat dimasukkan dalam satu file dan sebagainya.

1. Merancang Tampilan Garis Mari kita mulai dengan mengatur tampilan garis. Ketika kita ingin menambahkan layer planet_osm_roads dari database PostGIS kita, TileMill secara otomatis membuat beberapa tampilan dasar di dalam file style.mss. #planetosmroads%{ %line)width:1;

Page 61: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

54"

%line)color:#168; } Kode ini cukup sederhana. #planetosmroads diketahui sebagai selector (pemilih). Pada kasus ini, kita menyuruh, “Pilih semua dengan ID planetosmroads dan terapkan pengaturan tampilan yang sudah diberikan pada ID tersebut.” Setelah kita memiliki ini sebagai selector untuk menentukan apa yang ingin kita rancang, kita menerapkan beberapa tampilan dasar yang kita buat. line-width:1; mengindikasikan bahwa garis seharusnya menjadi 1 pixel tebalnya. line-color:#168; mengindikasikan bahwa garis seharusnya berwarna kebiru-biruan. Warna telah ditentukan dengan menggunakan hex dan dalam format #xxx atau #xxxxxx. Catat: Jjika Anda ingin menggunakan rancangan tampilan yang sama untuk lebih dari satu layer, rancangan tampilan terakhir Anda akan digunakan, Jadi: #planetosmroads%{ %line)width:1; %line)color:#168; } #planetosmroads%{ %line)width:1; %line)color:#861; } Akan menyebabkan layer diberikan warna dengan #861. Perintah yang pertama akan diabaikan. Mungkin akan ada banyak perintah yang Anda buat untuk garis. Ini beberapa contohnya: #planetosmroads%{ %line)width:%0.5;% % % //%sets%the%line%width%to%0.5%pixels %line)color:%#1a6e8a;% % //%sets%the%line%color%to%#1a6e8a %line)opacity:%0.8;%% //%makes%the%line%80%%opaque%(20%%transparent) %line)join:%round;% % //%lines%will%be%rounded%at%the%end %line)dasharray:%6,2,2,2;%//%lines%will%be%a%series%of%dashes;%in%this

//%%case,%the%dashes%will%go%6px%line,%2px%

empty,%//%%2px%line,%2px%empty,%and%then%

repeat } 2. Merancang Tampilan Poligon Merancang tampilan polygon hamper sama dengan merancang tampilan pada garis. Catat bahwa Anda dapat menggunakan semua atribut yang sama seperti yang Anda gunakan pada garis, sebagai atribut yang baru. Hal ini karena ketika sebua polygon digambarkan/dibuat, itu memiliki karakteristik antara tampilan di dalam polygon dan garis luar yang mengelilingi polygon tersebut. Jadi, semua atribut garis yang ada pada polygon akan diaplikasikan pada garis luar polygon tersebut. Lihat contoh berikut: #georgia_regions%{ %line)color:#000;

Page 62: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

55"

%line)dasharray:%6,6; %line)width:0.5; %polygon)opacity:0.5; %polygon)fill:#ae8; }

Ini menyebabkan layer akan tampak seperti ini :

Catat bahwa atribut garis mempengaruhi garis luar dari polygon. Kita menggunakan polygon-fill untuk mempengaruhi warna di dalam polygon dan polygon-opacity untuk mengubah transparansinya. 3. Merancang Tampilan Titik Untuk layer titik, Anda akan sering untuk menggunakan ikon untuk menampilkan titik tersebut. Ini dapat dengan mudah dilakukan dengan memasukkan link/alamat dari ikon Anda ke dalam CartoCSS. Sebagai contoh: #cities%{ %point)file:%url(icons/star)10.png); } Anda dapat mendapatkan daftar tampilan atribut yang lengkap untuk titik dengan meng-klik tombol tAnda kurung di sebelah kiri bawah dari TileMill.

Beberapa penjelasan tentang tiles (kotak) Mari kita luangkan waktu sejenak untuk memahami cara kerja slippy map, untuk lebih memahami apa yang kita maksud dengan tingkat perbesaran (zoom level). Anda mungkin telah memperhatikan di sudut kiri atas peta ada tombol yang memungkinkan Anda untuk memperbesar dan memperkecil peta, dan juga kata "Zoom" dengan nomor yang ada.

Page 63: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

56"

Ini mengindikasikan tingkat perbesaran yang sedang kita gunakan pada peta. Jarak perbesaran ini bisa dari 0 hingga 22 tergantung dari pengaturan proyek Anda. Semakin tinggi tingkat perbesaran maka peta Anda pun akan semakin diperbesar. Jika Anda menuju zoom level 0 maka Anda dapat melihat seluruh dunia. Seperti yang telah kita jelaskan di pendahuluan, slippy map bekerja karena mereka tersusun dari banyak kotak-kotak gambar peta pada tingkat perbesaran yang berbeda. Setiap kotak merupakan gambar dengan ukuran 256 piksel dikali 256 piksel Pada perbesaran 0, TileMill hanya dapat mengeneralisasikan satu kotak dan seluruh dunia akan ada di dalamnya. Pada tingkat perbesaran 1, satu kotak besar akan dibagi menjadi 4 kotak. Pada tingkat perbesaran 2 setiap kotak dari 4 kotak tadi akan dibagi menjadi 4 kotak lagi sehingga akan menghasilkan 16 kotak. Pola ini akan terus berkelanjutan sesuai dengan tingkat perbesaran yang Anda inginkan. Tingkat Perbesaran 0 – Satu Kotak

Tingkat Perbesaran 1 – Empat Kotak

Page 64: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

57"

Tingkat perbesaran penting untuk dimengerti ketika ingin merancang tampilan karena kita akan melihat pada setiap seksi, terkadang Anda ingin menggunakan tampilan yang berbeda untuk ditunjukkan pada tingkat perbesaran yang berbeda pula.

4. Complex Selectors Kita sebelumnya sudah mendiskusikan sedikit tentang selectors (pemilih), tapi sekarang mari kita belajar bagaimana untuk menggunakannya lebih lanjut untuk peta kita. Kita telah melihat bagaimana kita dapat menggunakan ID layer untuk memilih secara spesifik layer dan mengaplikasikan perintah pengaturan tampilan yang kita buat: #cities%{ %point)file:%url(icons/star)10.png); } Bagaimana jika kita hanya ingin memilih beberapa dari fitur yang ada pada layer tersebut, yang berbasiskan data pada layer itu? Kita dapat mengubah selector kita dan menggunakan argumen menggunakan table data kita. Contoh ini akan menampilkan ikon bintang hanya untuk kota yang berada di Uruguay: #cities[SOV0NAME='Uruguay']%{ %point)file:%url(icons/star)10.png); } Hal yang sama dapat dilakukan untuk semua kolom pada atribut table pada layer. File labels.mss telah menggunakan tipe selector ini untuk pengaturan tampilan kota-kota : #cities[ADM0CAP=1][zoom>3]%{ %... }

Page 65: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

58"

Selector ini menambahkan elemen yang lain, tingkat perbesaran. Menggunakan tipe selector ini kita dapat dengan mudah memberitahukan TileMill pada tingkat perbesaran keberapa kita ingin tampilan tersebut dimunculkan. Pada contoh diatas, segala macam perancangan tampilan yang berada dalam tAnda kurung yang akan ditampilkan ketika pengguna memperbesar peta di atas tingkat perbesaran (zoom level) 3. Inilah mengapa nama kota tidak muncul pada peta ketika Anda memperkecil peta tersebut. Tingkat Perbesaran 5

Tingkat Perbesaran 3

Anda perlu mencatatan bahwa tipe selector lain pada rainbow.mss akan terlihat seperti ini: #country::land)glow)outer[zoom>1]%{ %line)color:#000; %line)width:5; %line)opacity:0.1; %line)join:round; } Layer pada perintah ini akan mempengaruhi #country, dan akan mengatur mengatur fungsi diatas dari tingkat perbesaran 1. Akan tetapi mengapa perintah ini memiliki ::land-glow-outer ? Pertama, ingat bahwa kode berikut akan menyebabkan pernyataan pertama akan diabaikan: #country%{ %line)color:%#000;

Page 66: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

59"

%line)width:%6; } #country%{ %line)color:%#999; %line)width:%3; } Ini akan menyebabkan garis menjadi selebar 3 piksel dan berwarna #999. Akan tetapi kadang-kadang Anda ingin Tapi kadang-kadang Anda ingin membuat layer yang sama beberapa kali. Sebagai contoh jika Anda ingin menarik garis yang memiliki garis luar atau bersinar, Anda akan ingin TileMill pertama menarik garis tebal, dan kemudian menarik garis tipis di atasnya. Untuk melakukan ini, Anda pilih layer dengan lampiran. Ini adalah cara bagi Anda untuk membuat layer menggunakan beberapa tampilan gaya. #country::outline%{ %line)color:%#000; %line)width:%6; } #country::fill%{ %line)color:%#999; %line)width:%3; } Pada contoh ini, kita menggunakan lampiran ::outline dan ::fill untuk membuat salinan dari layer yang sama dan membuat itu untuk kedua kalinya. Oleh karena itu TileMill pertama akan menarik layer dengan warna # 000 dan lebar 6 piksel, dan kemudian mengambil lagi dengan warna # 999 dan lebar 3 piksel. Dalam file rainbow.mss, karakteristik ini digunakan untuk membuat dan cahaya luar dan dalam untuk masing-masing negara. Untuk informasi yang lebih lanjut tentang selector klik pada tab “Intro” untuk mendapatkan bantuan.

5. Variabel Warna Variabel pada CSS yang menawarkan kita dapat menjaga dan megatur skema seluruh warna yang ada pada satu tempat. Ketika membuat CartoCSS yang cukup panjang, Anda kemungkinan akan sering menggunakan warna yang sama secara berulang ulang untuk layer yang berbeda dan fitur yang berbeda pula. Jika Anda ingin menyesuaikan warna-warna tersebut nanti maka Anda harus mengatur dan mengubah setiap warna tersebut satu persatu. Akan tetapi dengan CartoCSS ini Anda dapat menggunakan variabel untuk merepresentasikan warna tertentu di file CartoCSS. Anda akan melihat contoh di bawah ini pada file rainbow.mss: @white:%#F0F8FF;%/*%blue)tinted,%for%Antarctica%*/ @red:%#fdaf6b; @orange:%#fdc663; @yellow:%#fae364;

Page 67: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

60"

@green:%#d3e46f; @turquoise:%#aadb78; @blue:%#a3cec5; @purple:%#ceb5cf; @pink:%#f3c1d3; @f00:%#f00; Di atas adalah variable-variabel definisi. Kapanpun Anda menggunakan variable yang didefinisikan disini (seperti @green atau @pink) akan mengganti seperti nilai warna yang disebutkan. 6. Komentar Anda dapat menambahkan komentar pada file CartoCSS. Setiap teks diantara /* dan */ akan dihiraukan oleh TileMill. Selain itu kapanpun Anda mengunakan 2 garis miring di depan, itu akan dianggap sebagai sebuah komentar. Berikut contohnya : /*%This%is a%comment%*/ //%this%is%a%comment%too!

G. Membuat Legenda

Merupakan hal yang mudah untuk membuat legenda menggunakan HTML pada TileMill. Cukup dengan klik pada symbol tangan di sudut untuk membukan jendela legenda.

Pada tab “Legend” Anda akan melihat kode HTML yang terbentuk pada bar legenda pada sebelah kanan bawah pada peta. Jika Anda merasa nyaman menggunakan kode HTML, Anda dapat dengan mudah membuat legenda Anda sendiri.

Page 68: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

61"

H. Mengekspor Peta Anda

Setelah Anda selesai mendesain sebuah peta yang menarik menggunakan TileMill, Anda pastinya akan mengekspor peta tersebut agar dapat dilihat oleh orang lain. TileMill menyediakan beberapa pilihan dengan untuk mengekspor peta Anda, Anda dapat melihat hal tersebut pada tombol “Export”.

1. Mengekspor ke file PNG

● Untuk mengekspor peta Anda ke format PNG klik pada “PNG”. ● Pilih area yang ingin Anda ekspor dengan menahan SHIFT pada keyboard Anda dan

buatlah sebuah area pada peta Anda. Anda dapat memperbesarnya jika Anda mau.

● Pada panel sebelah kanan, Anda dapat mengubah nama dari file gambar dan dimensi piksel dari gambar.

● Ketika Anda selesai klik “Export.” ● Proses rendering gambar akan dimulai dan ketika selesai Anda dapat menyimpan

gambar tersebut dengan meng-klik “Save.”

Page 69: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

62"

2. Mengekspor ke MBTiles MBTiles adalah format untuk menyimpan kotak-kotak gambar- seluruh kotak gambar 256x256 yang membentuk “slippy map”. Pada bab selanjutnya kita akan mempelajari bagaimana untuk mengupload file MBTiles ke web untuk memudahkan menampilkan peta kita menggunakan platform pengembang MapBox.

● Untuk mengekspor, Klik “MBTiles” pada menu Export. ● Sekali lagi Anda dapat memilih area yang ingin Anda ekspor dengan menahan SHIFT

dan membuat kotak area pada peta Anda. ● Anda juga dapat mengatur pengaturan perbesaran sehingga file Anda tidak terlalu

besar ukurannya. Ingat bahwa setiap tingkat perbesaran memiliki jumlah 4x lipat dari tingkat perbesaran yang sebelumny, sehingga naik 1 tingkat perbesaran jumlah kotak-kotak akan bertambah dengan banyak. Itu akan semakin bagus jika Anda dapat menyimpan ukuran file MBTiles Anda dibawah 50 MB.

I. Informasi Lebih Lanjut Pengembang TileMill, memiliki memiliki dokumentasi yang sangat baik dan dukungan untuk alat-alat yang mereka miliki. Kunjungi http://mapbox.com/tilemill/docs/crashcourse/introduction/ untuk informasi lebih lanjut dengan TileMill.

J. Ringkasan

Pada bab ini kita telah mempelajari bagaimana untuk menggunakan TileMill, sebuah aplikasi yang bermanfaat untuk mengaplikasikan unsur kartografi pada peta kita. Pada bab selanjutnya, kita akan melihat dan mempelajari MapBox dan melihat bagaimana kita dapat menaruh peta kita pada internet.

Page 70: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

63"

K. Daftar Istilah

Fill Area di dalam suatu poligon

GEoJSON Format untuk encoding berbagai struktur data

GeoTIFF Sebuah standar file format gambar untuk aplikasi GIS

HTML Hyper Text Markup Language (HTML). Bahasa pemrograman yang berguna untuk membuat halaman web dan informasi lainnya yang dapat ditampilkan dalam browser web

Icon Simbol

ID Nama yang dapat diberikan pada layer

Kartografi Studi dan praktik membuat peta atau globe

KML Keyhole Markup Language (KML) merupakan notasi XML untuk mengekspresikan penjelasan geografis dan visualisasi dalam basis internet

Layer TileMill Lapisan pada peta TileMill

Legenda Keterangan dari simbol-simbol yang merupakan kunci untuk memahami peta

MB Tiles Format file untuk menyimpan petak peta dalam satu file dari TileMill ke MapBox

Outline Garis terluar pada area poligon

Plugin Dalam komputasi, sebuah plug-in (atau plugin) adalah seperangkat komponen software yang menambahkan kemampuan khusus untuk aplikasi perangkat lunak yang lebih besar. Jika didukung, plug-in memungkinkan mengubah fungsi aplikasi.

PNG Portable Network Graphic (PNG) merupakan format file raster grafis yang mendukung kompresi data

Resolusi Jumlah pixel dalam pencitraan gambar digital

Selector Pemilih

Shapefile Salah satu format data vektor geospasial yang umum untuk perangkat lunak dalam sistem informasi geografis

Slippy Map Istilah yang mengacu ke peta web modern yang memungkinkan Anda zoom dan pan area sekitar

SRS Merupakan kepanjangan dari Spatial Reference System, yaitu sistem referensi spasial pada data anda (proyeksi)

Teaser Memunculkan jendela pop up informasi yang akan tampil ketika anda meng-scroll atau klik fitur bagian pada peta yang dibuat dengan HTML seperti pada membuat legenda

Tile Map Service (TMS)

Spesifikasi untuk menyimpan dan mengambil data kartografi, dikembangkan oleh Open Source Geospatial Foundation

TileMill Aplikasi untuk merancang tampilan peta berbasis web (peta yang dirancang di TileMill nantinya akan diupload ke internet) yang menarik dan detail dengan menggunakan bahasa CartoCSS dalam perancangan peta nya.

Web Map Service (WMS)

Protokol standar untuk melayani gambar peta georeferensi melalui Internet yang dihasilkan oleh server peta menggunakan data dari database GIS

Page 71: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

64"

BAB 5 Memasukkan Peta dalam Sebuah Website

A. Pendahuluan

Pada bab terakhir kita menemukan dasar-dasar TileMill, dan telah selesai belajar bagaimana untuk mengekspor tile. Tile, Anda mungkin ingat, adalah komponen penting dari slippy map pada web. Dengan tile pengguna dapat dengan mudah menggeser peta sekitar sebuah situs web dan memperbesar dan memperkecil peta. Ada beberapa cara untuk host tile, tetapi cara termudah adalah dengan menggunakan layanan host secara online seperti Development Seed’s MapBox. Dengan MapBox Anda dapat membuat akun, mengupload tile dan mudah menyimpan peta ke dalam website Anda. Pada bab ini, kita akan mempelajari bagaimana memulai dengan MapBox dan bagaimana cara mudah menyimpan peta lainnya di dalam webpage. Kita juga akan melihat plugin MapBox untuk Wordpress dan Drupal.

B. Menggunakan MapBox

● MapBox adalah design platform dari Development Seed, untuk membuat semudah mungkin

dalam merancang dan menampilkan peta di website Anda. Untuk memulai dengan MapBox, kunjungi http://mapbox.com/ dan klik “Sign Up.” Ada pilihan berbeda dimana Anda bisa memilih ketika mendaftar MapBox. Untuk saat ini, mulai dan daftar untuk akun gratis “Free”, yang mana cukup untuk memulai menggunakan MapBox.

● Perhatikan bahwa dengan akun yang Anda setujui untuk " grant MapBox a non-exclusive, worldwide, royalty-free, transferable right and license (dengan hak untuk mensublisensikan), untuk menggunakan, menyalin, cache, mempublikasikan, menayangkan, menyebarkan, memodifikasi, membuat karya turunannya, dan menyimpan Konten Pelanggan tersebut dan untuk memungkinkan orang lain untuk melakukan ("Konten Lisensi") untuk menyediakan Layanan (Terms of Service). Anda mungkin tidak ingin menggunakan data yang bersifat pribadi dan sensitif.

● Saat Anda menggunakan MapBox diperlukan konfirmasi akun, klik link MapBox yang akan dikirimkan ke email Anda. Kemudian Anda dapat membuat peta.

● Saat Anda pertama kali berhasil login, klik “New Map” untuk membuat peta.

Page 72: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

65"

.

● Kemudian Anda akan mendapatkan proyek baru yang mana Anda dapat membuat dan mengedit simbologi peta yang diinginkan.

● Perbesar ke area yang diinginkan dan sesuaikan pengaturan pada sebelah kiri panel. Anda dapat mengganti warna dari jalan, area, air dan lahan dengan klik ‘color setting’ di samping

setiap objek.

Page 73: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

66"

● Cobalah memperindah peta dengan kontrol pengaturan di sebelah kiri. Jika Anda

memindahkan tab "Info", Anda dapat mengedit beberapa pengaturan peta. ● Jika Anda memindahkan tab marker, Anda dapat membuat penAnda pada peta untuk

mengidentifikasi lokasi tertentu. Untuk menambahkan penAnda peta klik “Place” dan tandai

pada peta. ● Perhatikan bahwa setiap kali Anda mengedit pengaturan, gambar peta di sebelah kiri berguna

untuk menampilkan perubahan Anda. Untuk informasi mengenai detail model peta, Anda bisa mengunjungi ‘MapBox help’ di http://mapbox.com/help/#creating_a_new_map.

● Anda dapat menyimpan peta dengan klik “Save” yang ada di bawah, dan bisa mendapatkan link untuk halaman web dengan mengklik "Embed." Ketika Anda menyalin dan menempelkan html ke dalam website, peta Anda telah disimpan dan akan muncul di jendela website Anda.

C. Mengupload Tiles dari TileMill Fitur pengeditan melalui MapBox agak terbatas, tetapi kekuatan sesungguhnya terletak pada kemampuan membuat tile dengan menggunakan TileMill. Anda bisa mengupload file MBTiles ke dalam akun MapBox dengan dua cara. Klik “Upload Layer” pada halaman utama MapBox atau Tool menu ke bawah.

Disini Anda dapat mengupload melalui file MBTiles yang Anda ekspor dari TileMill. Alternatif, Anda dapat langsung mengupload tile dari TileMill ke akun MapBox Anda. Untuk melakukan ini, klik Export->Upload in TileMill. Anda perlu menyesuaikan pengaturan seperti ekspor file MBTiles. Pertama kali Anda akan lakukan ini Anda harus login dengan akun MapBox yang sudah diakui.

Saat ini Anda telah mengupload tile TileMill, Anda akan melihat proyek pada halaman MapBox.

Page 74: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

67"

Anda dapat membuka proyek pada website MapBox dan beralih ke beberapa pengaturan. Anda dapat menampilkan legenda atau tidak dan aspek lainnya dari peta.

D. Menambahkan Peta pada Situs Anda

Anda telah siap menampilkan bagaimana menambahkan peta menggunakan HTML, tetapi jika Anda memiliki situs pada CMS umum, mungkin ada plugin MapBox yang mudah dan memungkinkan Anda untuk menambahkan peta ke situs. MapBox pada WordPress Menempatkan peta Anda didalam website sangatlah mudah melalui Wordpress. Hanya dengan menemukan plugin MapBox dan install. Plugin dapat ditemukan di http://wordpress.org/extend/plugins/mapbox/.

Plugin ini akan memperbolehkan Anda untuk menyalin kode (the <iframe... bit) kedalam WordPress dan dengan mudah menambahkan peta ke posting Anda. MapBox pada Drupal Untuk menambahkan peta MapBox ke posting Drupal, Anda dapat menyalin kode embed langsung didalamnya. Namun, pastikan untuk mencari format edit “Full HTML” atau “Extended HTML,” karena jika tidak Drupal mungkin tidak memungkinkan Anda untuk menggunakan tag <iframe>. Klik http://mapbox.com/help/#embedding_on_drupal untuk informasi lebih lanjut. Custom APIs

Page 75: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

68"

Jika Anda ingin melakukan lebih dari menempatkan peta Anda, Anda dapat memeriksa di panduan API. Ini rincian cara Anda dapat mengubah alur kerja, mode, dan berbagai elemen lainnya dari peta Anda. Lihat detail informasi selanjutnya di http://mapbox.com/help/. Static Maps/Peta Statis Anda selalu dapat mengekspor gambar statis dari TileMill dan embed mereka di dalam situs. Untuk melakukan ini, Anda akan mengekspor gambar peta dari TileMill dan memasukkannya didalam website, sama dengan cara Anda akan menambahkan fotografi atau grafik lainnya. Dalam bab sebelumnya kita membahas beberapa pilihan ekspor yang TileMill tawarkan. Dengan mengklik tombol ekspor di sudut kanan atas Anda dapat mengekspor seperti file PNG, yang merupakan file gambar.

Saat Anda telah mengekspor PNG dari TileMill, Anda bisa embed itu di dalam website. Jika Anda menggunakan baris html, hanya menambahkan tag gambar: <img%src=“IMAGE_PATH”%alt=“My%Map”> Ganti IMAGE_PATH dengan path ke file gambar, termasuk ekstensi .png Jika Anda menggunakan CMS seperti Wordpress, Anda harus dapat mengupload gambar menggunakan CMS image manager.

E. Ringkasan

Dalam dua bab terakhir kita telah melihat bagaimana kita dapat merancang peta yang indah berdasarkan data OpenStreetMap dan data spasial lainnya, dan bagaimana kita dapat membuat gambar dan tile yang dapat dengan mudah memiliki host online.

Page 76: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

69"

F. Daftar Istilah

API Kepanjangan dari Application Programming Interface, protokol dimaksudkan untuk digunakan sebagai interface oleh komponen perangkat lunak untuk berkomunikasi satu sama lain.

CMS Program komputer yang memungkinkan konten penerbitan, mengedit dan memodifikasi serta pemeliharaan dari antarmuka pusat.

Drupal Konten gratis dan terbuka untuk publik Content Management Framework (CMF) ditulis dalam PHP dan didistribusikan di bawah GNU General Public License.

HTML Hyper Text Markup Language (HTML) berguna untuk membuat halaman web dan informasi lainnya yang dapat ditampilkan dalam browser web.

MapBox Design platform dari Development Seed, untuk membuat semudah mungkin dalam merancang dan menampilkan peta di website Anda.

MB Tiles Format file untuk menyimpan petak peta dalam satu file dari TileMill ke MapBox.

TileMill Aplikasi untuk merancang tampilan peta berbasis web (peta yang dirancang di TileMill nantinya akan diupload ke internet) yang menarik dan detail dengan menggunakan bahasa CartoCSS dalam perancangan peta nya.

Tiles Persegi bitmap grafis yang ditampilkan dalam susunan grid untuk menampilkan peta.

Wordpress Blog gratis dan terbuka dengan CMS berbasis PHP dan MySQL

Page 77: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

70"

BAB 6 GitHub

A. Pendahuluan

GitHub adalah website untuk menyimpan proyek dan bekerja sama dalam suatu proyek, melalui sebuah program yang disebut Git. Git adalah tempat dimana Anda bisa mendapatkan file proyek yang orang lain telah membuatnya, dan dapat mengupload proyek Anda sendiri untuk digunakan oleh orang lain. Anda juga dapat kembali ke versi sebelumnya dari proyek yang telah dibuat serta membukanya bersama pengguna lain untuk bekerja sama. Ada banyak hal yang dapat dilakukan dengan GitHub, tetapi hanya akan mempelajari dasar-dasar yang akan dibahas dalam bab ini.

B. GitHub dan Repositories (Tempat Penyimpanan) ● Buka website http://www.github.com pada browser Anda dan akan melihat halaman utama dari

GitHub, repository secara online untuk menyimpan proyek git. Perlu diingat bahwa ada perbedaan diantara github dan git. Git adalah sistem kontrol yang dapat membuat beberapa folder pada komputer Anda, sebuah repository, dan dapat memantau setiap perubahan yang telah Anda buat dari waktu ke waktu pada repository. GitHub adalah layanan online yang mengikuti pengguna untuk membagi git tempat penyimpanan mereka dan mudah bekerja sama dengan yang lainnya. Jika hal ini membingungkan sekarang, jangan khawatir. Hal utama untuk diingat bahwa GitHub mengikuti pengguna untuk menyimpan repository, yang dapat berisi beberapa file dalam folder.

● Kunjungi https://github.com/hotosm untuk melihat semua repository dari Humanitarian OpenStreetMap Team. Anda akan melihat di sisi sebelah kiri berupa jumlah repository (jumlahnya 18 saat ini) dan jumlah anggota yang bergabung di dalam grup. Pada bagian utama dari halaman terdapat daftar repository dan deskripsi. Anda dapat mengklik salah satu dari repository untuk melihat isi file.

● Sebuah repository adalah sama dengan folder proyek. Ketika Anda melihat repository pada github, Anda akan melihat kondisi terbaru dari file dalam proyek itu.

● Repository dapat bersifat publik atau pribadi. Hanya pengguna dengan akun berbayar yang diperbolehkan untuk membuat repository pribadi. Kita hanya dapat mengakses repository publik – jadi jika memungkinkan sebaiknya disimpan untuk open-source!

● Apabila repository publik, Anda akan mudah mendownload file dan digunakan untuk sendiri. Jika Anda memiliki persetujuan, Anda juga boleh mengedit file dan menyimpan kembali di dalam GitHub.

Page 78: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

71"

C. Mendapatkan Repository GitHub

HOT menyimpan banyak file proyek didalam GitHub, dan akan berguna untuk Anda mengerti bagaimana Anda bisa mengakses beberapa file untuk digunakan secara personal. ● Temukan nama repository tilemill-projects-windows. Repository ini memegang beberapa

proyek TileMill yang telah didesain sebelumnya untuk bekerja pada Windows. Satu proyek digunakan untuk database PostGIS sebagai sumber data, dan proyek lainnya digunakan untuk SQLite. Jika Anda tidak bisa menemukan proyek, Anda dapat menemukannya di https://github.com/hotosm/tilemill-projects-windows.

Page 79: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

72"

● Perhatikan bahwa Anda dapat memeriksa folder dan file yang ada di repository dengan mengklik salah satu folder. Hal ini dapat memberikan Anda sebuah gambaran tentang isi proyek. Sebagian besar proyek akan memiliki nama file README.md. README.md adalah file teks yang berisi informasi tentang repository, dan biasanya berisi petunjuk pengaturan. File ini akan ditampilkan di bawah file didalam GitHub, sehingga Anda dapat membacanya dengan mudah. Masukkan direktori osm-sqlite dan arahkan ke bawah sampai terlihat file README, yang berisi petunjuk bagaimana menggunakan repo.

● Untuk mendowload semua file proyek sangatlah mudah! Sederhananya dengan mengklik “ZIP”

tombol di bagian atas halaman repository, dan semua file proyek akan didownload ke komputer Anda sebagai file zip.

Jika Anda hanya ingin mengakses file proyek melalui GitHub, ini adalah semua yang perlu Anda ketahui! Namun, jika Anda ingin mempelajari lebih lanjut tentang Git dan GitHub, termasuk cara membuat akun sendiri dan repository, pelajari untuk informasi lebih lanjut.

D. Pengertian Git Git dan GitHub tidak sama. GitHub dapat melihat hal yang dilakukan saat ini juga. GitHub adalah suatu website dengan host repository dan mempermudah pengguna untuk membagi file proyek. Hal ini didasarkan pada Git, yang merupakan program kecil pada komputer Anda yang memungkinkan pengguna menyimpan versi berbeda dari teks atau kode sepanjang Anda menjalankan proyek.

Mari kita luangkan waktu untuk memahami bagaimana git bekerja, karena pada awalnya bisa menjadi konsep yang sulit untuk dipahami. Seperti telah disebutkan, git mengingat riwayat revisi file. Namun, tidak menyimpan file setiap kali perubahan, git menyimpan file sekali, dan kemudian setiap kali Anda menyimpan versi baru, menghemat semua perubahan pada file tersebut. Hal ini membuat penyimpanan yang jauh lebih efisien, dan Anda dapat dengan mudah menyimpan seluruh riwayat dari grup tanpa menggunakan banyak ruang disk.

Page 80: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

73"

Git juga sangat bermanfaat karena dapat menyimpan file Anda dengan aman ke dalam penyimpanan GitHub, tetapi pekerjaan menyalin file secara offline pada komputer Anda. Kemudian, ketika Anda ingin melakukan perubahan, Anda dapat melakukan sinkronisasi perubahan dengan github. Juga, ketika Anda menyimpan proyek didalam github, beberapa orang dapat menyalin dan mengedit file pada waktu bersamaan, dan karena proyek dikerjakan online, ada kemungkinan untuk hilang atau tanpa sengaja ada yang menghapus semua file Anda.

Alur kerja untuk mengedit repository git adalah sebagai berikut :

1) Clone repository dari GitHub ke dalam komputer Anda 2) Modify/memodifikasi file di lokal direktori 3) File stage, menunjukkan file yang memiliki perubahan yang ingin Anda simpan 4) Commit perubahan pada repository lokal, efektif menyimpan semua perubahan

Anda 5) Sync repository dengan proyek utama pada github

Ini adalah proses dasar untuk bekerja dengan sebuah proyek git. Git jauh lebih komplek, yang memungkinkan pengguna untuk melakukan apa saja dalam hal merging/penggabungan dan comparing/membandingkan hasil edit, dan branching/percabangan repository. Kami tidak akan mengajarkan konsep baru terlalu banyak pada Anda sekaligus, sehingga selanjutnya, mari lihat bagaimana kita dapat mengkloning sebuah repository yang sudah ada pada mesin lokal kita.

E. Install GitHub (git) ● Anda dengan mudah dapat menginstall sebuah versi GUI dari git dengan alamat ini dan

mendownload installer. Ada installer untuk berbagai sistem operasi. https://help.github.com/articles/set-up-git#platform-windows

● Klik “Download GitHub for Windows” untuk mendowload installer. ● Ikuti instruksi untuk menginstall.

Page 81: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

74"

F. Sign Up GitHub

● Untuk mendaftar akun GitHub kunjungi website https://github.com/plans. Untuk membuat repository sendiri Anda membutuhkan sebuah akun. Jika Anda hanya berencana untuk membuat repository publik, Anda dapat memiliki akun gratis.

● Klik “Create a free account” dan ikuti petunjuk untuk membuat akun Anda.

G. Membuat sebuah Repository Baru

● Sekarang mari membuat sebuah repository yang kita dapat berbagi dengan yang lainnya. Masuk/login di dalam GitHub dan klik “Create a New Repo” di atas sudut kanan.

● Berikan nama untuk proyek baru dan suatu deskripsi. Pengaturan awal proyek akan dibuat

publik. Proyek akan menjadi kosong setelah dibuat, tetapi kita dapat mengenali itu dengan file README dengan memeriksa box.

Page 82: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

75"

● Sekarang repository telah dibuat, Anda dapat clone/menyalin ke dalam komputer. Buka

aplikasi GitHub. Anda akan memerlukan tambahan informasi login untuk aplikasi sehingga dapat mengakses akun secara online. Anda bisa mengubah informasi ini dengan menuju ke menu Preferences.

● Temukan GitHub repository Anda dengan mengklik nama pengguna. Selanjutnya Anda telah menemukan proyek baru dan klik “Clone to Computer.”

● Ini akan membuka dialog dimana Anda bisa memilih lokasi yang diinginkan untuk menyimpan

repository. ● Setelah repositori telah diklone, Anda dapat memperlakukan folder baru di komputer Anda

seperti folder yang lain. Bahkan tidak berbeda, kecuali bahwa ia memiliki beberapa file khusus di dalamnya yang mengetahui perubahan yang Anda buat dari waktu ke waktu.

● Contohnya, kita telah menyalin direktori geography-class yang kita edit didalam TileMill di bab sebelumnya. Direktori ini harus berlokasi di dalam My Documents -> MapBox -> project.

● Kembali ke program GitHub dan klik tAnda panah ke kanan dari nama proyek Anda.

Page 83: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

76"

● Disini Anda akan melihat daftar dari semua file yang telah ditambahkan atau diubah dalam repository. Dalam kasus, kita menambahkan semua file dalam folder geography-class. Untuk menyimpan perubahan, kita harus menuliskan ringkasan dari perubahan.

● Klik “Commit” untuk menjalankan perubahan lokal. ● Akhirnya, kita memerlukan sinkronisasi perubahan dengan GitHub. Untuk melakukan ini, klik

“Sync.” ● Kembali pada web browser dan lihat kembali repository Anda pada github. Anda akan melihat

semua file yang telah berhasil disimpan pada repository online.

H. Ringkasan

Pada bab ini kami telah menawarkan pengantar singkat tentang Git dan GitHub, sehingga Anda dapat memulai menjaga projek Anda secara online dan mengakses proyek-proyek lainnya. Untuk informasi selanjutnya kami sarankan kunjungi GitHub pada halaman bantuan di https://help.github.com/.

Page 84: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

77"

I. Daftar Istilah

Clone Menduplikasi

Branching Percabangan

Comparing Membandingkan

Git Tempat dimana Anda bisa mendapatkan file proyek yang orang lain telah membuatnya, dan dapat mengupload proyek Anda sendiri untuk digunakan oleh orang lain

Merging Penggabungan

Modify Modifikasi

Repository Tempat penyimpanan proyek git

SQLite Sebuah basis data sama seperti PostgreSQL tetapi lebih sederhana untuk mentransfer keseluruhan basis data antar komputer, salah satunya terdapat di dalam Quantum GIS. Basis data SQLite juga dapat menampung data spasial

Stage Menunjukkan file yang memiliki perubahan yang ingin Anda simpan

Sync Sinkronisasi

Page 85: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

78"

BAB 7 Konfigurasi Layanan WMS

A. Pendahuluan

Pada bab ini, kita akan belajar bagaimana melakukan pengaturan sebuah WMS (Web Map Service) yang akan mempermudah kita mentransfer gambar peta melalui internet. Sebelum kita memulainya, pertama-tama kita harus melihat perbedaan antara gambar peta dan data peta yang tentunya merupakan hal yang sering kita kerjakan. Cukup sederhana, kita harus memperjelas perbedaan antara gambar raster dan data vektor.

Selama ini kita telah bekerja dengan data vektor. Data vektor merupakan sebuah cara yang baik untuk mendeskripsikan seluruh titik dan garis dan bentuk yang terdapat di dalam file .osm, sebuah shapefile, atau sebuah database. File-file ini mengandung data mentah dari hard drive komputer kita, dan ketika kita ingin melihat seperti apa data tersebut, kita tergantung pada program seperti QGIS atau JOSM untuk membaca seluruh data dan menggambarnya untuk kita. Ini memungkinkan kita untuk memberitahu QGIS untuk menggambar objek tertentu dengan cara tertentu, dan mengedit bagian-bagian informasi yang mau kita ubah. Inilah cara apabila kita mau mengakses, mengupdate, dan menggunakan data, namun cara ini tidak efisien apabila kita mau mengkomunikasikan informasi ke orang lain.

Ketika kita ingin mengkomunikasikan informasi tersebut, biasanya kita membuat semacam gambar raster. Sebuah gambar raster seperti sebuah foto. Gambar ini dapat mengandung banyak makna, namun tidak mungkin bagi kita untuk menganalisanya atau mengedit bagian-bagian yang berbeda. Ketika Anda melihat peta pada openstreetmap.org, Anda melihat banyak sekali gambar raster. Gambar-gambar tersebut harus memiliki ukuran yang lebih kecil daripada data yang membuatnya. Hal ini memudahkan untuk melihat peta, namun tidak ada cara untuk mengakses data dasar dari gambar-gambar ini.

Pada bab ini kita akan belajar mengenai WMS, yang menggunakan HTTP Protocol, sistem yang sama yang digunakan untuk halaman web, untuk mentransfer gambar peta melalui internet. Gambar itu sendiri dibuat oleh server yang membaca data vektor GIS, yang mana dapat berada di sebuah database, shapefiles, atau format geodata lainnya. Server WMS sangat baik untuk mentransfer gambar peta raster melalui internet. Kotak-kotak peta ini dapat digunakan sebagai sebuah layer raster (gambar) pada QGIS, ArcGIS, dan JOSM.

Pada bab ini kita akan mempelajari bagaimana menginstall dan melakukan pengaturan MapServer (http://www.mapserver.org/), sebuah platform open-source untuk mempublikasikan peta, dan menggunakannya sebagai WMS server kita sendiri.

Kita akan membangun server WMS kita berdasarkan tutorial sebelumnya dimana kita telah membuat database PostGIS dan memuatnya dengan data OpenStreetMap. Pada lampiran dari bab ini, kita juga akan membahas langkah-langkah untuk mengatur MapServer dengan data OpenStreetMap pada Ubuntu.

Bab ini akan membahas:

Page 86: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

79"

1. Melakukan instalasi Software MapServer 2. Membuat Mapfile 3. Mengubah Mapfile 4. Testing WMS 5. Menambah layer WMS di QGIS 6. Menambah Layer WMS di JOSM

B. Melakukan Instalasi Perangkat Lunak MapServer

● Mudah bagi kita untuk melakukan instalasi MapServer dan webserver Apache pada Windows menggunakan installer MS4W. Anda dapat mendownload installernya pada http://www.maptools.org/ms4w/. Klik pada tab Downloads untuk mendapatkan file ms4w_3.0.x.zip.

● Unzip arsip dan copy folder ms4w kepada root drive (biasanya pada C:\).

● Buka folder dan klik dua kali pada on apache-install. Jika Anda telah melakukan run instalasi ini sebelumnya, Anda perlu melakukan uninstall menggunakan apache-uninstall terlebih dahulu.

● Buka browser internet Anda dan pergi ke http://localhost. Anda akan melihat tampilan

halaman seperti ini

Page 87: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

80"

● Berikutnya pergi ke: http:// localhost/cgi-bin/mapserv.exe. Disini Anda akan melihat:

● Jika Anda melihat halamannya seperti ini, berarti sudah benar! Berarti webserver Apache telah bekerja dan MapServer bekerja dengan benar.

Jika Anda penasaran, http://localhost ini berarti Anda menginginkan browser internet Anda untuk mengakses web server berjalan secara lokal. Dengan kata lain, ia meminta sebuah halaman web dari Apache, webserver yang anda instal ke dalam komputer Anda.

C. Membuat Mapfile

Cara MapServer menyediakan file gambar adalah dengan menggunakan sebuah Mapfile, yang menjelaskan banyak hal mengenai peta Anda, termasuk data yang ingin Anda tampilkan, style yang ingin Anda gunakan , dan proyeksi dan perpanjangan informasi. Menulis sebuah Mapfile bisa jadi agak rumit, namun untungnya ada sebuah plugin QGIS yang dapat membuat sebuah Mapfile secara otomatis untuk kita.

● Buka QGIS dan pegi ke bagian Plugins -> Fetch Phyton Plugins. ● Temukan plugin MapServer Export dan install plugin tersebut jika belum terinstall

sebelumnya.

● Sekarang masukkan layer PostGIS yang telah Anda buat pada chapter pertama, dengan pergi

ke “Add PostGIS Layer”

Page 88: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

81"

● Sebelum kita membuat Mapfile kita perlu melakukan suatu hal kecil. Plugin tersebut tidak

dapat bekerja dengan fitur-fitur QGIS yang baru, jadi kita perlu mengubah simbologi dari tiap layer kita ke ‘Old Symbology’. Klik kanan pada tiap layer dan pilih ‘Properties’.

● Pada tab “Style” klik “Old Symbology” pada pojok kanan atas.

● Jawab “Yes” dan klik OK ● Ulangi langkah ini untuk tiap layer. ● Sekarang kita siap untuk membuka plugin nya. Pergi ke Plugins -> MapServer Export... ->

MapServer Export. Bisa juga berada di Web -> MapServer Export atau dengan melakukan klik pada tombol yang tampak seperti di bawah ini:

● Plugin ini akan membuat sebuah Mapfile untuk kita secara otomatis, namun pertama-tama

kita perlu mengisi beberapa opsi. Berikan file tersebut nama dan lokasi, seperti C:\test.map. Atur tipe gambar menjadi png dan width serta height menjadi 700. Terakhir, atur url MapServer menjadi http://localhost/cgi-bin/mapserv.exe. Ketika Anda sudah selesai klik OK.

Page 89: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

82"

● Simpan project Anda. ● Sekarang buka browser internet Anda dan pergi ke: http://localhost/cgi-

bin/mapserv.exe?MAP=C:\test.map&LAYERS=ALL&MODE=MAP ● Jika Mapfile Anda memiliki lokasi lain, ganti bagian yang ditebalkan diatas dengan lokasi file

Anda. ● Anda akan melihat error seperti di bawah ini:

Catatan: Anda juga mungkin mendapatkan error seperti “loadStyle(): General error message. Invalid WIDTH...” Pada kasus ini, Anda harus mengganti width line pada mapfile dari 0.92 ke 1 atau lebih besar.

● Masalahnya adalah Mapfile kita membuat beberapa asumsi, yaitu bahwa kita akan memiliki

file yang sudah siap dengan simbol dan huruf, Mari kita menghapusnya dari Mapfile secara manual sehingga kita dapat melihat bahwa semuanya bekerja dengan baik.

● Temukan Mapfile dalam komputer Anda dan buka menggunakan Notepad. ● Berikan komentar pada baris yang memiliki awalan“FONTSET” dan “SYMBOLSET”

dengan menambahkan simbol # di depannya.

Page 90: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

83"

● Scroll ke bagian bawah file dan berikan komentar pada baris yang memiliki awalan

‘SYMBOL’, karena ini akan memunculkan sebuah error.

● Simpan file tersebut dan reload halaman pada browser Anda. MapServer sekarang telah

melakukan rendering dan menyediakan peta Anda dengan benar.

D. Mengubah Mapfile

Kita dapat membuat banyak penyesuaian untuk berbagai gaya peta kita dengan menyesuaikan Mapfile nya. Cara termudah untuk mengubah ketebalan dan warna garis mungkin dapat kita lakukan menggunakan WGIS dan kemudian membuat Mapfile nya, namun mudah pula apabila kita mau melakukan penyesuaian langsung pada file nya.

Jika Anda membuka Mapfile pada Notepad, perhatikan bahwa aada banyak informasi di bagian atas. Beberapa dari informasi tersebut mungkin dapat Anda kenali, namu sebagian besar mungkin tidak dapat Anda kenali. Anda akan mengenali baris yang terdapat “SIZE 700 700” karena Anda telah memberitahu plugin pada QGIS untuk membuat gambar 700 by 700 pixels.

Kita tidak akan mendiskusikan Mapfile secara mendalam disini, namun jika Anda scroll ke bawah file ini Anda akan melihat empat bagian yang memiliki kata “LAYER” dan diakhiri dengan “END”.

Page 91: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

84"

Setiap dari bagian ini mendeskripsikan semua hal yang perlu diketahui MapServer mengenai salah satu dari layer-layer yang membuat peta kita. Layer jalan kurang lebih tampak seperti ini: %LAYER %%%NAME%'planet_osm_roads' %%%TYPE%LINE %%%DUMP%true %%%TEMPLATE%fooOnlyForWMSGetFeatureInfo %EXTENT%34.121031%31.071647%35.214117%31.691029 %%%CONNECTIONTYPE%postgis %%%CONNECTION%"dbname='osmgis'%user='postgres'%password='postgres'%

sslmode=disable" %%%DATA%'way%FROM%"planet_osm_roads"%USING%UNIQUE%osm_id%USING%srid=4326' %%%METADATA %%%%%'ows_title'%'planet_osm_roads' %%%END %%%STATUS%OFF %%%TRANSPARENCY%100 %%%PROJECTION %%%'proj=longlat' %%%'datum=WGS84' %%%'no_defs' %%%END %%%CLASS %%%%%%NAME%'planet_osm_roads' %%%%%%STYLE %%%%%%%%WIDTH%0.91 %%%%%%%%COLOR%36%21%207 %%%%%%END %%%END %END Satu hal yang harus diingat disini adalah akhir dari blok yang dimulai dengan “STYLE”. Disini Anda dapat mengganti ketebalan dari garis pada layer ini, dan warna dari garis tersebut. Perlu diingat bahwa tiga nomor di samping warnanya mewakili nilai merah, hijau, dan biru pada warna. Setiap nomor dapat mencapai hingga 255. Sebagai contoh, 0 0 255 akan menjadi warna biru, dimana 255 0 255 akan menjadi warna ungu, karena merupakan campuran merata antara merah dan biru.

Anda juga akan menyadari bahwa layer titik tidak ditampilkan sebagaimana yang kita harapkan – karena kita menghapus simbol pada Mapfile kita. Agar kita bisa mendapatkan layer titik untuk dapat menampilkan ikon, kita harus menentukan file gambar yang ingin kita gunakan. Untuk melakukan ini, kita bisa membuat sebuah blok pada Mapfile kita, diatas bagian LAYER. Blok nya akan tampak seperti ini: SYMBOL %NAME%"circle" %TYPE%PIXMAP %IMAGE%"circle.png" END

Page 92: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

85"

circle.png Ini mendefinisikan sebuah ikon dengan nama “circle” dan menghubungkannya dengan gambar circle.png. Hal ini mengasumsikan kita memiliki sebuah ikon dengan nama ini di direktori yang sama. Kemudian kita bisa menggunakan definisi ini pada layer titik kita dan titik-titik tersebut akan di render menggunakan ikon tersebut. Kita uncomment baris “SYMBOL” dan reload browser internet Anda. %%%CLASS %%%%%%NAME%'planet_osm_point' %%%%%%STYLE %%%%%%%%SYMBOL%"circle" %%%%%%%%SIZE%7.0 %%%%%%%%OUTLINECOLOR%0%0%0 %%%%%%%%COLOR%187%154%69 %%%%%%END %%%END

peta yang dirender dengan titik-titik

Banyak hal yang dapat kita lakukan menggunakan MapServer styles.

E. Menguji coba WMS

WMS server Anda harusnya telah terkonfigurasii, mari kita uji coba. Seperti yang telah kita lihat, WMS bekerja melalui HTTP Protocol, jadi kita dapat mengunjungi sebuah link pada browser internet untuk menguji kemampuan dari server kita.

● Buka browser internet Anda dan kunjungi:

http://localhost/cgi-bin/mapserv.exe?map=C:\test.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetCapabilities

Page 93: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

86"

● Sebuah file akan terdownload. File ini dapat Anda beri nama mapserv.exe, namun file ini adalah sebuah file XML yang menjelaskan kapabilitas server kita. Bukalah dengan menggunakan Notepad dan Anda akan melihat beberapa file terkait dengan server dan Mapfile Anda. Cari dalam file untuk kata “error”. Semoga saja tidak ada!

F. Menambahkan Layer WMS pada QGIS

● Anda dapat menambahkan sebuah layer WMS pada QGIS menggunakan tombol “Add WMS Layer”.

● Untuk menambah server WMS, klik “New”. ● Berikan sebuah nama untuk server Anda dan untuk URL masukkan:

http://localhost/cgi-bin/mapserv.exe?map=C:/test.map ● Klik OK. ● Sekarang klik “Connect” untuk melihat layers yang tersedia. Berikut adalah empat buah layer

yang telah tersedia dalam Mapfile. ● Anda dapat menambahkan layer tersebut sebagai layer raster di QGIS. Ingat bahwa layer

WMS ini merupakan gambar dan bukan data vektor, jadi Anda tidak akan melakukan editing apapun, namun ini merupakan cara yang sangat baik untuk menyediakan referensi gambar.

G. Menambah Layer WMS pada JOSM

Kita juga dapat dengan mudah menambahkan peta WMS kita sebagai layer pada JOSM. Buka JOSM dan buka Menu Preferences. ● Klik pada tab yang bertuliskan “WMS TMS”. ● Pada bagian bawah, klik pada tombol + ● Pada “Service URL” masukkan

http://localhost/cgi-bin/mapserv.exe?map=C:/test.map ● Klik “Get Layers.” Anda akan melihat sebuah daftar dari empat buah layer yang ada pada

server WMS Anda. ● Pilih satu dan klik OK dan klik OK lagi. ● Setelah Anda berhasil mendownload beberapa data dari OSM, Anda akan dapat memasukkan

layer WMS Anda. Pergi ke “Imagery Menu” dan temukan layer baru Anda, yaitu yang bernama “Unnamed Imagery Layer” (kecuali Anda telah mengubahnya).

● Klik pada layer baru Anda untuk menambahkannya sebagai layer latar belakang.

H. Ringkasan

WMS merupakan protokol yang biasa digunakan untuk mengantarkan gambar peta melalui internet. Dengan WMS, seorang user atau pengguna membuat permintaan untuk sebuah gambar peta dengan parameter-parameter tertentu, seperti panjang dan lebar gambar, dan mapserver mengantarkan gambarnya. Pada bab ini kita telah belajar bagaimana melakukan pengaturan MapServer dan mengkonfigurasikannya sebagai sebuah server WMS, menggunakan data yang kita import ke PostGIS untuk membuat gambar peta. Anda busa mendapatkan informasi lebih lanjut mengenai arsitektur WMS di http://docs.geoserver.org/latest/en/user/services/wms/reference.html. Pada bab berikutnya kita akan melihat cara lain dalam merancang dan mentransfer peta melalui internet. Jika Anda tertarik

Page 94: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

87"

pada instruksi untuk melakukan pengaturan MapServer pada Ubuntu Linux, lihat bagian Appendix pada akhir bab ini.

I. Lampiran – Melakukan Installasi MapServer pada Linux Ubuntu

Pada appendix ini kita akan melalui beberapa langkah untuk melakukan installasi untuk mengatur MapServer dalam Ubuntu Linux. Langkah-langkah ini merupakan lanjutan dari Appendix bab satu, dan kami asumsikan bahwa Anda telah melakukan installasi PostGIS dan mengimpor data OpenStreetMap menggunakan osm2pgsql.

1. Installasi MapServer dan Apache Untuk menginstall MapServer pada Ubuntu 11.04 (Natty Narwhal), jalankan perintah-perintah berikut ini: sudo%apt)get%)y%install%apache2 sudo%apt)get%)y%install%python)software)properties sudo%add)apt)repository%ppa:ubuntugis/ubuntugis)unstable sudo%apt)get%update sudo%apt)get%)y%install%cgi)mapserver%mapserver)bin Untuk melakukan installasi Mapserver pada Ubuntu >= 11.10: sudo%apt)get%)y%install%apache2 sudo%apt)get%)y%install%cgi)mapserver%mapserver)bin Jika Anda mengunjungi http://localhost/cgi-bin/mapserv, maka Anda akan menemukan tulisan “No query information to decode. QUERY_STRING is set, but empty.” Harap diingat bahwa jika Anda mengakses dari komputer lain (jika Anda mengatur pada remote server). Ganti localhost dengan IP address server. 2. Membuat sebuah Mapfile Installasi dari MapServer telah selesai, sekarang yang kita butuhkan adalah sebuah Mapfile yang akan mengandung informasi yang tepat untuk layer kita. Karena kita tidak melakukan konfigurasi MapServer pada sebuah server Ubuntu, kita tidak dapat menggunakan QGIS untuk membuat Mapfile disini seperti hal nya yang kita lakukan pada Windows. Kita tidak akan membahas seluk beluk Mapfile disini, namun dibawaah ini adalah sebuah Mapfile yang akan bekerja menggunakan setup atau pengaturan yang telah kita buat selama ini. Perlu dicatat bahwa kita hanya memasukkan informasi untuk satu layer, namun Anda dapat menambahkan layer-layer tambahan lainnya dengan mudah menggunakan format yang sama. /var/www/test.map MAP %NAME%"My)Test)Map" %#%Map%image%size %SIZE%700%700 %UNITS%meters %EXTENT%3756680.934870%3642952.056250%3899342.315130%3723789.193750 %PROJECTION %%%'proj=longlat'

Page 95: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

88"

%%%'datum=WGS84' %%%'no_defs' %END %#%Background%color%for%the%map%canvas%))%change%as%desired %IMAGECOLOR%255%255%255 %IMAGEQUALITY%95 %IMAGETYPE%png %OUTPUTFORMAT %%%NAME%png %%%DRIVER%'GD/PNG' %%%MIMETYPE%'image/png' %%%IMAGEMODE%RGBA %%%EXTENSION%'png' %END %WEB %%%IMAGEPATH%'/tmp/' %%%IMAGEURL%'/tmp/' %%%#%WMS%server%settings %%%METADATA %%%%%'ows_title'%%%%%%%%%%%'My)Test)Map' %%%%%'ows_onlineresource'%%'http://198.61.205.151/cgi)

bin/mapserv?MAP=/var/www/test.map' %%%%%'ows_srs'%%%%%%%%%%%%%'EPSG:4326' %%%END %%%TEMPLATE%'fooOnlyForWMSGetFeatureInfo' %END %LAYER %%%NAME%'planet_osm_line' %%%TYPE%LINE %%%DUMP%true %%%TEMPLATE%fooOnlyForWMSGetFeatureInfo %%%UNITS%METERS %%%EXTENT%3756680.934870%3642952.056250%3899342.315130%3723789.193750 %%%CONNECTIONTYPE%postgis %%%CONNECTION%"dbname='osm'%user='postgres'%sslmode=disable" %%%DATA%'way%FROM%"planet_osm_line"%USING%UNIQUE%osm_id%USING%srid=900913' %%%METADATA %%%%%'ows_title'%'planet_osm_line' %%%END %%%STATUS%OFF %%%TRANSPARENCY%100 %%%PROJECTION %%%%%'proj=longlat' %%%%%'datum=WGS84' %%%%%'no_defs' %%%END %%%CLASS

Page 96: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

89"

%%%%%%NAME%'planet_osm_line' %%%%%%STYLE %%%%%%%%WIDTH%0.91 %%%%%%%%COLOR%46%195%130 %%%%%%END %%%END %END END Perlu dicatat bahwa Anda dapat mengganti baris “EXTENT” tergantung oleh lokasi data Anda. Extents ini disediakan dalam bentuk meter, karena data kita menggunakan proyeksi merkator. Anda akan dapat mengakses WMS melalui QGIS dan JOSM, lihat bagian 6 dan 7 pada bab ini untuk informasi lebih lanjut. Alamat WMS Anda adalah: http://<YOUR_SERVER_IP>/cgi-bin/mapserv?MAP=/var/www/test.map

Page 97: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

90"

J. Daftar Istilah

Apache Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

HTTP Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.

Layer Merupakan representasi visual dari set data geografis dalam lingkungan peta digital. Secara konseptual, lapisan adalah sepotong atau strata realitas geografis di daerah tertentu, dan lebih atau kurang setara dengan item legenda pada peta kertas. Pada peta jalan, misalnya, jalan, taman nasional, batas-batas politik, dan sungai mungkin dianggap lapisan yang berbeda.

localhost Merupakan kepanjangan dari Local Hosting, yaitu fungsi yang berguna untuk membuat komputer kita dapat bisa menjalankan pemrograman web, dimana hal ini biasanya dilakukan oleh server web.

Mapfile Merupakan bahasa deklaratif yang digunakan MapServer untuk menentukan sambungan data, styling peta, template, dan arahan server. Format mirip seperti xml dan memiliki hirarkis, dengan menutup tag END, tapi format ini bukanlah xml.

MapServer MapServer merupakan lingkungan pengembangan open source untuk membangun aplikasi internet spasial diaktifkan.

Plugins Dalam komputasi, sebuah plug-in (atau plugin) adalah seperangkat komponen software yang menambahkan kemampuan khusus untuk aplikasi perangkat lunak yang lebih besar. Jika didukung, plug-in memungkinkan mengubah fungsi aplikasi.

png Merupakan kepanjangan dari Portable Network Graphics, yaitu sebuah format gambar raster yang mendukung kompresi data.

PostGIS Merupakan program perangkat lunak open source yang menambahkan dukungan untuk objek geografis untuk database objek-relasional dalam PostgreSQL.

Raster Sebuah model data spasial yang mendefinisikan ruang sebagai array sel berukuran sama diatur dalam baris dan kolom, dan terdiri dari satu atau beberapa band. Setiap sel berisi nilai atribut dan lokasi koordinat. Tidak seperti struktur vektor, yang menyimpan koordinat eksplisit, koordinat raster yang terkandung dalam Urutan matriks. Kelompok sel yang berbagi nilai yang sama merupakan jenis yang sama dari fitur geografis.

Rendering Rendering adalah proses menghasilkan gambar dari model (atau model dalam apa yang secara kolektif bisa disebut sebuah file adegan), melalui program komputer. Selain itu, hasil dari model seperti itu bisa disebut rendering. Sebuah file adegan berisi objek dalam struktur bahasa atau data didefinisikan secara ketat, itu akan berisi geometri, sudut pandang, tekstur, pencahayaan, dan informasi naungan sebagai deskripsi adegan virtual. Data yang terdapat dalam file adegan ini kemudian diteruskan ke program render untuk diproses menjadi gambar digital atau file raster.

Ubuntu Sebuah sistem operasi komputer yang didasarkan pada distribusi Linux Debian dan didistribusikan sebagai perangkat lunak bebas dan sumber terbuka

URL Uniform (atau universal) resource locator, alamat dari halaman World Wide Web (WWW)

Vektor Sebuah koordinat-data berbasis model yang mewakili fitur geografis seperti titik, garis, dan poligon. Setiap fitur titik direpresentasikan sebagai sepasang koordinat tunggal, sedangkan garis dan poligon fitur yang direpresentasikan sebagai daftar koordinat (vertex)

WebServer Web server dapat mengacu ke hardware (komputer) atau perangkat lunak (aplikasi komputer) yang membantu untuk memberikan konten Web yang dapat diakses melalui Internet

WMS Sebuah Web Map Service (WMS) adalah protokol standar untuk melayani gambar peta georeferensi melalui Internet yang dihasilkan oleh server peta menggunakan data dari database SIG (Sistem informasi Geografis)

Page 98: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

91"

BAB 8 Konfigurasi Private Data Store

A. Pendahuluan

Sebelumnya kita telah belajar bagaimana menggunakan HOT Data Store, database yang terpisah yang memungkinkan kita untuk menyimpan data pribadi dan menggabungkannya dengan data OpenStreetMap.

Pada bab ini kita akan mempelajari bagaimana mengkonfigurasikan Data Store kita sendiri ke dalam server. Ini adalah topik tingkat lanjut dan utamanya ditujukan bagi mereka yang memiliki pengalaman membuat dan meng-hosting website. Instruksi ini ditulis untuk digunakan dengan sistem operasi Linux Ubuntu (versi >= 11.10). Jika Anda tidak dapat menggunakan mesin Ubuntu, Anda dapat mencoba menggunakan mesin virtual. Kami telah menyediakan petunjuk untuk pengaturan mesin virtual pada suplemen/lampiran dari panduan ini.

B. Informasi Dasar

Private data storage (SDS) ini memungkinkan pengguna mengabungkan data publik dari Openstreetmap dengan cara yang memungkinkan semua langkah editing (digitalisasi, mengedit, menambahkan preset) yang langkahnya sama persis seperti editing pada biasanya. Kepada pengguna, semua data pribadi dan data publik terlihat sama dan digunakan dengan cara yang sama pula. Namun, informasi pribadi mengandung kode khusus, yaitu prefix yang dapat diatur. Sebagai contohnya, pada

Page 99: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

92"

HOT Data Store, semua label/tag yang memiliki prefix hot: akan otomatis tersimpan ke private data store, tersimpan terpisah dari server publik OSM. Setelah data publik dimuat ke server OSM, plug-in (SDS) pada JOSM memilih (query) label/tag pribadi untuk dimuat ke server kedua (dioperasikan oleh HOT). Pemilihan (query) ini mengirimkan ID OSM dari semua objek yang dimuat ke server pribadi dan server tersebut kemudian menjawab dengan semua informasi pribadi yang berhubungan dengan objek-objek tersebut. Ketika pengguna meng-upload data, plug-in memisahkan data publik dan pribadi. Data publik yang tidak memiliki prefix khusus akan masuk ke OpenstreetMap, dan data pribadi akan masuk ke server HOT. Saat ini, private data store bergantung pada infrastruktur HOT (server, administrasi, dll), tetapi dalam bab ini kami akan menunjukkan cara mengkonfigurasikan dan mengorganisir private data store Anda sendiri.

Data pribadi ter-upload dan ter-download secara terpisah dari data publik OSM.

Aplikasi SDS Private data store adalah aplikasi Ruby on Rails dengan penyimpanan data di dalam database PostgreSQL. Satu kolom database menyimpan ID OSM dari objek tersebut. Ini adalah bagaimana SDS tahu mana objek OSM setiap entri database harus terhubung. Server website datastore.hotosm.org menggunakan Phusion Passenger sebagai server aplikasi untuk aplikasi Ruby (Rack) dan Apache sebagai web server. Namun, aplikasi ini dapat diubah tergantung pada keahlian dan kebutuhan organisasi Anda. Manajemen Pengguna Sangat diperlukan bagi kita untuk memiliki akun private data store agar dapat melakukan sesuatu dengan aplikasi tersebut. Para pembuat plug-in memutuskan sangat baik untuk menyimpan password admin dalam bentuk teks biasa dan memungkinkan administrator untuk mengatur dan membaca password-password pengguna (otentikasi disimpan dalam cookie sesi). Setelah Anda dianggap sebagai pengguna, Anda bisa masuk dan mengakses tampilan web dari private data store. Pertama, Anda akan dibawa ke Landing Page, dimana memungkinkan Anda untuk menggunakan dua parameter pencarian yang berbeda: Pencarian peta (Map search) dan pencarian tag

Page 100: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

93"

(Tag search). Pengguna dengan hak akses administrasi dapat mengakses halaman manajemen pengguna dan membuat atau memblokir pengguna. C. Instalasi Software data store merupakan software open-source, dan dalam sisa bab ini kita akan belajar cara mengkonfigurasikannya pada server. Kami akan memperagakan menggunakan Ubuntu, meskipun petunjuk ini akan serupa dengan sistem operasi Linux lainnya. Instruksi ini meliputi pengaturan web server dan menjalankan aplikasi Ruby on Rails. Meskipun tidak terlalu sulit untuk dilakukan, beberapa langkah mungkin membingungkan jika Anda belum pernah bekerja dengan baris perintah (command line) sebelumnya. Beberapa asumsi dibuat dalam tutorial ini. Pertama, jika Anda menggunakan Ubuntu> = 11,10 yang diinstal pada laptop/komputer Anda, Anda dapat bekerja dengan command line (jika tidak, silahkan lihat Suplemen 3/Lampiran 3: Pengaturan Mesin Virtual). Jika Anda telah memiliki aplikasi web lainnya yang bekerja pada laptop/komputer Anda, Anda mungkin perlu untuk menyesuaikan instruksinya, tetapi jika Anda baru menginstall, tidak akan ada masalah pada instruksinya. Pada sesi ini kita akan: 1. Menginstal Dependensi* 2. Menginstal PostgreSQL*

3. Menginstal RVM, Ruby, dan Rails (untuk menjalankan aplikasi) 4. Menginstal Passenger dan Apache (web server) 5. Download dan konfigurasi SDS 6. Konfigurasi Aplikasi pada Apache 7. Jalankan aplikasi!

* diperlukan bagi mereka yang belum menginstal ini sebelumnya 1. Menginstal Dependensi Sebelum kita mulai, kita perlu untuk menginstal beberapa paket yang akan kita butuhkan. sudo%apt)get%update sudo%apt)get%)y%install%curl%git)core sudo%apt)get%)y%install%build)essential%bison%openssl%libreadline6%libreadline6)

dev%zlib1g%zlib1g)dev%libssl)dev%libyaml)dev%libsqlite3)0%libsqlite3)dev%sqlite3%

libxml2)dev%libxslt)dev%autoconf%libc6)dev%nodejs%libcurl4)openssl)dev%libpq)dev 2. Menginstal PostgreSQL Kita akan menggunakan PostgreSQL sebagai database untuk aplikasi kita. Diharapkan, Anda sudah menginstal database ini dari panduan suplemen 2 pada Bab 1. Jalankan: sudo%apt)get%)y%install%postgresql)9.1%postgresql)9.1)postgis%postgresql)contrib)

9.1%libpq)dev Kita perlu mengedit pengaturan PostgreSQL. Buka file konfigurasi dengan nano dengan menjalankan: sudo%nano%/etc/postgresql/9.1/main/pg_hba.conf

Page 101: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

94"

Pergi ke bagian bawah dari file. Disini terdapat 4 baris dan kita perlu mengubah izin akses lokal untuk keempat baris tersebut menjadi “trust”. Hal ini akan memungkinkan kita untuk mengakses database dari komputer yang sama tanpa sebuah password. Konfigurasi akan terlihat seperti di bawah ini: local%%%all%%%%%%%%%postgres%%%%%%%%%%%%%%%%%%%%%%%%%%trust #%TYPE%%DATABASE%%%%USER%%%%%%%%CIDR)ADDRESS%%%%%%%%%%METHOD #%"local"%is%for%Unix%domain%socket%connections%only local%%%all%%%%%%%%%all%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%trust #%IPv4%local%connections: host%%%%all%%%%%%%%%all%%%%%%%%%127.0.0.1/32%%%%%%%%%%trust #%IPv6%local%connections: host%%%%all%%%%%%%%%all%%%%%%%%%::1/128%%%%%%%%%%%%%%%trust Simpan perubahan dengan Ctrl-O dan Enter, kemudian exit nano dengan Ctrl-X. Sekarang kita perlu untuk me-restart PostgreSQL sehingga perubahan baru diterapkan. sudo%/etc/init.d/postgresql%restart 3. Menginstal RVM, Ruby, dan Rails Aplikasi SDS berjalan pada Ruby on Rails, jadi kita perlu menginstal Ruby dan menginstal Rails. Untuk melakukan hal ini, kita juga akan menginstal RVM, yang merupakan manajer versi untuk Ruby. sudo%su%(untuk memastikan Anda adalah root user) curl%)L%get.rvm.io%|%bash%)s%stable Ketika penginstalan RVM selesai, akan ada beberapa instruksi bagaimana cara mengaktifkan RVM. Nanti akan muncul pesan seperti di bawah ini:

Installation of RVM in /usr/local/rvm/ is almost complete: * First you need to add all users that will be using rvm to 'rvm' group, and logout - login again, anyone using rvm will be operating with `umask u=rwx,g=rwx,o=rx`. * To start using RVM you need to run `source /etc/profile.d/rvm.sh` in all your open shell windows, in rare cases you need to reopen all shell windows. # Thank you for using RVM! # I sincerely hope that RVM helps to make your life easier and more enjoyable!!! # ~Wayne

Sekarang, kita perlu untuk menambah pengguna ke RVM. Masih sebagai root user, jalankan perintah berikut. (Jika Anda menjalankan sebagai pengguna yang berbeda, ganti “root” dengan username Anda.) adduser%root%rvm source%/etc/profile.d/rvm.sh Sekarang, saat Anda masih bekerja sebagai root, install Ruby dan Rails. Setiap perintah-perintah tersebut akan membutuhkan waktu beberapa menit. rvm%install%1.8.7 (tekan ‘q’ jika diminta)

Page 102: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

95"

gem%install%rdoc)data rdoc)data%))install gem%install%rails 4. Menginstal Passenger dan Apache Passenger memudahkan untuk menjalankan aplikasi web Ruby on Rails pada web server Anda. Kita akan menginstal Passenger gem, dan kemudian menginstal modul Apache yang membuat Passenger bekerja dengan web server Anda. Ini mengasumsikan Anda telah menginstal Apache, yang tercakup dalam Lampiran Bab 2. gem%install%passenger sudo%apt)get%)y%install%apache2)prefork)dev%libapr1)dev%libaprutil1)dev passenger)install)apache2)module Ikuti petunjuk yang disediakan dari installer. Anda akan perlu menambahkan baris berikut /etc/apache2/apache2.conf ke akhir file Anda. Baris ini mungkin berbeda tergantung pada instalasi Anda, jadi salin baris yang disediakan oleh program instalasi modul, bukan baris yang disediakan di sini: LoadModule%passenger_module%/usr/local/rvm/gems/ruby)1.8.7)p371/gems/passenger)

3.0.18/ext/apache2/mod_passenger.so PassengerRoot%/usr/local/rvm/gems/ruby)1.8.7)p371/gems/passenger)3.0.18 PassengerRuby%/usr/local/rvm/wrappers/ruby)1.8.7)p371/ruby Selanjutnya, restart Apache dengan menjalankan: /etc/init.d/apache2%restart Sekarang web server sudah diatur, sehingga kita dapat menginstal aplikasi kita. 5. Download dan Konfigurasi SDS Sekarang, sementara masih berjalan sebagai root, kita akan men-download dan mengkonfigurasi SDS. Pertama, mari kita membuat database pengguna untuk itu: sudo%su%postgres%)c%"createuser%hot_josm" (jawab ‘y’) Sekarang, mari kita membuat direktori www untuk aplikasi web kita dan men-download softwarenya di sana: cd%/var/www wget%https://github.com/hotosm/sds)server/tarball/master tar%)zxvf%master Selanjutnya, kita perlu untuk masuk ke direktori baru. Untuk melakukannya, lihat daftar folder dalam direktori www Anda sehingga Anda tahu persis nama dari hotosm-sds-server-NUMBER Anda. ls Kemudian, masuk ke dalam direktori. Jawab/ketik ‘n’ jika Anda ditanya mengenai .rvmrc file.

Page 103: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

96"

cd%hotosm)sds)server)142a7d0%%(jawab ‘n’) PETUNJUK! Ketika Anda mengubah direktori dari baris perintah/command line Anda dapat mulai mengetik nama direktori, tekan TAB pada keyboard Anda, dan sisa dari nama direktori akan terisi untuk Anda. Perintah ini akan mengedit salah satu pengaturan yang perlu kita ubah: sed%)i%s/"config.assets.compile%=%false"/"config.assets.compile%=%true"/%

config/environments/production.rb Jalankan perintah ini untuk memastikan bahwa semua gems yang diperlukan terinstal: bundle%install Sekarang kita siap untuk membuat database kita dan mengaturnya. Jika Anda tidak terbiasa dengan Rails, sekedar tahu bahwa ia memiliki perintah khusus yang dapat melakukan ini untuk kita: bundle%exec%rake%db:create%RAILS_ENV=production bundle%exec%rake%db:migrate%RAILS_ENV=production Terakhir, kita ingin memasukkan nama pengguna ke dalam database sehingga ketika kita membuka SDS di web browser kita, kita bisa untuk login. Jalankan perintah berikut, tapi ganti empat nilai dengan nama Anda, alamat email, dan sandi: sudo%su%postgres%)c%"psql%hot_josm_production%)c%\"insert%into%users%

(firstname,lastname,email,password,active,admin)%values%

('FIRST_NAME','LAST_NAME','EMAIL','PASSWORD',true,true);\"" Anda dapat melihat apakah semuanya sudah diatur dengan benar dengan menjalankan: rails%server%)e%production Jika semuanya benar Anda akan melihat sesuatu seperti ini: Sekarang Anda akan dapat melihat SDS berjalan. Jika Anda menjalankan Ubuntu Desktop buka web browser Anda dan pergi ke http://localhost:3000. Jika tidak, Anda akan dapat mengakses server dari komputer lain di http://SERVER_IP_ADDRESS:3000. Sekarang, Anda dapat menjalankan private data store dari komputer Anda sendiri. Namun, menjalankan server dengan cara ini agak lambat dan berat. Kita perlu menggunakan web server lain untuk membuatnya lebih cepat. 6. Konfigurasi Aplikasi pada Apache Untuk latihan, kita jalankan web server yang dilengkapi dengan rel untuk melihat apakah aplikasi bekerja pada server lokal kita. Sayangnya, web server ini, WEBrick, berat dan tidak berguna untuk produksi. Untungnya, kita menginstal Apache, yang merupakan web server yang baik. Kita hanya perlu mengkonfigurasi beberapa hal untuk membuat aplikasi baru kita berjalan pada Apache.

Page 104: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

97"

Kembali ke terminal Anda, atau command line. Tekan CTRL-C untuk keluar WEBrick. Kemudian buat file konfigurasi Apache dengan nano: sudo%nano%/etc/apache2/sites)available/sds Salin teks berikut ke dalam file. Anda perlu mengganti SERVER_IP_ADDRESS dengan alamat IP server Anda, dan Anda mungkin perlu untuk mengubah direktori yang menunjuk apakah versi dari sds Anda berbeda. <VirtualHost%*:80>Re %%%%%ServerName%SERVER_IP_ADDRESS %%%%%#%!!!%Be%sure%to%point%DocumentRoot%to%'public'! %%%%%DocumentRoot%/var/www/hotosm)sds)server)142a7d0/public %%%%%<Directory%/var/www/hotosm)sds)server)142a7d0/public> %%%%%%%%#%This%relaxes%Apache%security%settings. %%%%%%%%AllowOverride%all %%%%%%%%#%MultiViews%must%be%turned%off. %%%%%%%%Options%)MultiViews %%%%%</Directory> </VirtualHost> Simpan dan tutup nano dengan Ctrl-O, Enter, dan Ctrl-X. Catatan: jika Anda tidak tahu IP address localhost Anda, Anda dapat buka jendela terminal dan ketik: ifconfig

Selanjutnya kita perlu untuk membuat shortcut dari situs SDS Anda, sehingga Anda dapat mengakses SDS dengan mudah pada http://localhost. cd%/etc/apache2/sites)enabled/ ln%)s%/etc/apache2/sites)available/sds%sds ls Akan ada 2 file seperti ini: 000)default% %%%%%%sds Sekarang kita perlu menghapus 000)default:

Page 105: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

98"

rm%000)default Terakhir, kita harus merestart Apache: /etc/init.d/apache2%restart Sekarang, Anda dapat mengakses SDS dengan mudah di http://localhost. Atau, jika Anda telah menginstal remote server, ganti localhost dengan alamat IP. 7. Jalankan Aplikasi! Mulai sekarang untuk menjalankan organisasi private data store Anda, Anda hanya perlu untuk memberi alamat server Anda ke orang lain dan kemudian server dapat berjalan.

D. Ringkasan

Bab ini mencakup bagaimana Anda dapat mengatur private data store Anda sendiri. Akan sangat berguna untuk memahami bagaimana mengkonfigurasikan private data store Anda sendiri, sehingga organisasi Anda dapat mulai menyimpan informasi pribadi tanpa administrasi dari HOT. Data store ini akan menyediakan organisasi Anda kemampuan untuk menambah, mengedit dan mengelola pengguna dengan akses private data store.

Page 106: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

99"

E. Daftar Istilah

apache Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

command line Perintah yang diketik pengguna untuk menjalankan aplikasi.

cookie Merupakan file teks berukuran kecil, tag ID yang diberikan yang disimpan di direktori browser komputer Anda atau pada subfolder data program. Cookie akan dibuat ketika Anda menggunakan browser Anda untuk mengunjungi situs web yang menggunakan cookie untuk melacak gerakan Anda dalam situs, membantu Anda melanjutkan di mana Anda tinggalkan, mengingat login Anda terdaftar, pemilihan tema, pengaturan

IP address Internet Protocol address (IP address) adalah label numerik yang ditugaskan untuk setiap perangkat (misalnya, komputer, printer) untuk berpartisipasi dalam jaringan komputer yang menggunakan Internet Protocol agar dapat saling terhubung.

localhost Merupakan kepanjangan dari Local Hosting, yaitu fungsi yang berguna untuk membuat komputer kita dapat bisa menjalankan pemrograman web, dimana hal ini biasanya dilakukan oleh server web.

mesin virtual Sebuah sistem mesin virtual menyediakan perangkat sistem lengkap yang mendukung pelaksanaan lengkap sebuah sistem operasi. Ini biasanya meniru arsitektur yang sudah ada, dan dibangun dengan tujuan menyediakan sebuah platform untuk menjalankan program di mana perangkat keras yang sebenarnya tidak tersedia untuk digunakan (misalnya, melaksanakan perangkat lunak pada perangkat komputer yang sudah lama). Beberapa contoh penggunaan mesin virtual lainnya adalah untuk efisien penggunaan sumber daya komputasi, baik dalam hal konsumsi energi maupun efektivitas biaya (dikenal sebagai virtualisasi hardware, kunci untuk lingkungan komputasi awan), atau keduanya.

phusion passenger

Phusion Passenger adalah modul gratis untuk Apache HTTP Server dan nginx untuk penyebaran aplikasi Ruby, termasuk yang dibangun menggunakan Ruby on Rails.

plugins Dalam komputasi, sebuah plug-in (atau plugin) adalah seperangkat komponen software yang menambahkan kemampuan khusus untuk aplikasi perangkat lunak yang lebih besar. Jika didukung, plug-in memungkinkan mengubah fungsi aplikasi.

PostgreSQL Sering disebut Postgres, merupakan sistem manajemen obyek basis data relasional yang tersedia untuk banyak platform, termasuk Linux, FreeBSD, Solaris, Microsoft Windows dan Mac OS X. Sistem ini mendukung tipe data extensible, operator, metode indeks, fungsi, agregat, bahasa prosedural, dan memiliki banyak ekstensi (plugins) yang ditulis oleh pihak ketiga

prefix Awalan kata

query Memungkinkan pengguna untuk menggambarkan atau melakukan pencarian data yang diinginkan dalam sistem manajemen database yang bertanggung jawab untuk perencanaan, optimasi, dan melakukan operasi fisik yang diperlukan untuk memproduksi hasil yang diinginkan

Ruby on Rails Merupakan kerangka kerja bertumpuk, artinya memberikan kemampuan bagi pengembang web untuk membuat halaman dan aplikasi yang mengumpulkan informasi, mengontak atau melakukan query dari web server.

root user Merupakan nama pengguna atau account yang secara standar memiliki akses ke semua perintah dan file pada sistem Unix-seperti operasi Linux atau lainnya.

RVM Merupakan kepanjangan dari Ruby Version Manager. Hal ini memungkinkan Anda untuk menginstal dan mengelola beberapa versi yang berbeda dan implementasi dari Ruby pada satu komputer, termasuk kemampuan untuk mengelola set berbeda untuk masing-masing aplikasi berbasis RubyGems.

server Dalam penggunaan yang paling umum, server adalah komputer fisik (sistem perangkat keras komputer) yang didedikasikan untuk menjalankan satu atau lebih layanan (sebagai tuan rumah), untuk melayani kebutuhan pengguna komputer lain pada jaringan. Tergantung pada layanan komputasi yang menawarkan

Page 107: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

100"

itu bisa menjadi database server, file server, mail server, print server, web server, server game, atau beberapa jenis lain dari server.

terminal Merupakan program untuk mengontrol dasar-dasar dari sistem operasi berbasis UNIX.

Ubuntu Sebuah sistem operasi komputer yang didasarkan pada distribusi Linux Debian dan didistribusikan sebagai perangkat lunak bebas dan sumber terbuka.

Page 108: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

101"

BAB 9 Pengaturan Mesin Virtual

A. Pendahuluan

Beberapa perangkat lunak yang akan di-instal pada panduan lanjut ini membutuhkan sistem operasi berbasis Linux. Pada bagian ini kita akan mempelajari bagaimana untuk membuat sebuah mesin virtual pada PC Windows. Sebuah mesin virtual memungkinkan anda untuk menjalankan sistem operasi berbeda secara virtual. Seperti memiliki komputer yang berbeda, tetapi kita dapat menjalankannya di atas sistem operasi utama kita. Pada bagian ini kita akan menginstall Ubuntu 12.04 sebagai mesin virtual di Windows. Untuk itu, anda memerlukan:

1. Virtual Box 2. Ubuntu ISO 3. Ruang kosong dalam hardisk anda (20 GB seharusnya cukup) 4. RAM, atau memori, untuk melakukan pengaturan ini

B. Memasang VirtualBox

Pertama, kita akan menginstal VirtualBox sehingga anda dapat menggunakan sistem operasi Ubuntu dalam sistem Windows anda. Perangkat lunak ini akan menempati ruang kosong dalam komputer anda dan memperbolehkan anda untuk menjalankan sistem operasi yang lain.

1. Kunjungi www.virtualbox.org, klik pada Downloads, dan pilih x86/amd64 untuk VirtualBox

4.2.4 for Windows Hosts. Proses download akan dimulai:

Page 109: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

102"

2. Setelah download selesai, klik pada file yang telah didownload dan jalankan programnya. Ini akan mengarahkan anda pada proses instalasi VirtualBox. Pilihan standar harusnya dapat bekerja dengan baik untuk pemasangan ini.

Klik “Next” untuk menginstall VirtualBox, dan jawab “Install” jika anda ditanyakan untuk menginstall fitur tertentu.

Ketika instalasi telah selesai, berikan tanda centang untuk menjalankan VirtualBox. Ketika program sudah berjalan, anda seharusnya akan melihat sesuatu seperti ini:

Page 110: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

103"

3. Klik “New” untuk membuat mesin virtual yang baru. 4. Berikan nama untuk mesin virtual anda yang baru. Di bawah “Type”, pilih “Linux”, dan di bawah

“Version” pilih “Ubuntu”. Klik Next.

5. Sekarang, kita harus menentukan jumlah RAM. Merah artinya berbahaya dan dapat mengganggu

sistem anda. Kita akan tetap pada besar memori yang direkomendasikan yaitu: 512MB.

Page 111: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

104"

6. Pilih Create a virtual hard drive now. Klik “Create” dan sebuah jendela baru akan muncul.

7. Pilih opsi pertama, kemudian klik Next.

Page 112: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

105"

8. Pilih “Dynamically allocated” untuk tipe hard drive.

9. Selanjutnya anda akan menentukan besar hard drive untuk mesin virtual anda. Jika anda memiliki

banyak ruang, 20 GB adalah jumlah yang baik untuk sebuah mesin virtual. Jika anda tidak memiliki banyak ruang kosong pada sistem anda, pilih jumlah yang lebih kecil, paling sedikit 4 GB.

Page 113: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

106"

10. Ketika anda selesai, anda seharusnya dapat melihat ringkasan untuk mesin virtual anda yang baru:

11. Sekarang kita telah melakukan pengaturan untuk mesin virtual yang baru, kita akan menginstal

sebuah sistem operasi pada mesin virtual. Sekarang, mari kita download file instalasi untuk

Page 114: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

107"

Ubuntu 12.04 LTS. Buka dengan browser anda http://www.ubuntu.com/download/desktop dan klik pada “Get Ubuntu 12.04 LTS” untuk mendownload. Jika anda ditanyakan untuk membuat suatu kontribusi, anda dapat mengklik “Not now, take me to the download” dan proses download akan dimulai. Proses mendownload Ubuntu akan memakan waktu bergantung pada koneksi internet anda.

12. Sekarang, pada panel control VirtualBox, klik tombol “Start” untuk menjalankan mesin virtual.

Klik OK untuk melewati berbagai pesan peringatan.

13. Sekarang anda perlu untuk memilih file instalasi Ubuntu untuk menginstal sistem operasinya.

Jika anda tidak ditanyakan untuk memilih sebuah file instalasi, pergi ke Devices -> Choose a virtual CD/DVD disk file... dan cari file .iso yang telah anda download dari website Ubuntu. Kemudian restart mesin virtual dan instalasi dari file .iso tadi akan dimulai.

Page 115: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

108"

14. Instalasi The Ubuntu akan dimulai:

15. Klik “Install Ubuntu” untuk menginstallnya pada mesin virtual anda.

16. Klik “Continue.”

Page 116: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

109"

17. Tetapkan pada opsi pertama untuk tipe instalasi dan klik “Continue.”

18. Klik “Install Now.”

Page 117: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

110"

19. Pilih zona waktu anda dan klik “Continue.”

20. Pilih bahasa keyboard dan klik “Continue.”

Page 118: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

111"

21. Masukan beberapa informasi dasar untuk sistem operasi anda yang baru.

22. Instalasi akan selesai. Kemungkinan akan memakan waktu dan pemasangan mungkin akan mencoba untuk mendownload beberapa file tambahan untuk sistem operasi. Ketika sudah selesai, anda akan mempunyai mesin virtual yang menjalankan Ubuntu!

Page 119: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

112"

C. Daftar Istilah

hard drive Merupakan ruang tempat penyimpanan data dan aplikasi pada komputer

ISO Merupakan file arsip (juga dikenal sebagai disk image) dari sebuah cakram optik (CD/DVD)

PC Kepanjangan dari Personal Computer. Merupakan sistem perangkat keras yang digunakan untuk menjalankan aplikasi dalam suatu sistem operasi.

RAM Kepanjangan dari Random Access Memory. Merupakan bentuk penyimpanan data komputer. Perangkat random-access memungkinkan data yang disimpan dapat diakses dengan cepat dalam urutan acak.

Ubuntu Sebuah sistem operasi komputer yang didasarkan pada distribusi Linux Debian dan didistribusikan sebagai perangkat lunak bebas dan sumber terbuka.

Page 120: Humanitarian!OpenStreetMap!Team!(HOT)! …oo.or.id/2013-07-05/Dokumen Tutorial/DRAFT_HOT_AdvancedComplete... · BAB 4 Kartografi dengan TileMill ..... 42 A. Pendahuluan ... 12" Anda

113"

Kontak

Apabila Anda memiliki pertanyaan, saran, atau kritik untuk pengembangan modul ini, silahkan hubungi kami:

Humanitarian OpenStreetMap Team [email protected]