204
HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU TEKS PERGURUAN TINGGI TAHUN 2015 MEMBANGUN APLIKASI SISTEM INFORMASI GEOGRAFIS BERBASIS WEBMAP Oleh Anik Vega Vitianingsih, S.Kom.,MT UNIVERSITAS DR. SOETOMO SURABAYA FAKULTAS TEKNIK PROGRAM STUDI TEKNIK INFORMATIKA 2015

HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

Embed Size (px)

Citation preview

Page 1: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

HKIP 2015

PROPOSAL

PROGRAM HIBAH PENULISAN BUKU TEKS

PERGURUAN TINGGI

TAHUN 2015

MEMBANGUN APLIKASI SISTEM INFORMASI

GEOGRAFIS BERBASIS WEBMAP

Oleh

Anik Vega Vitianingsih, S.Kom.,MT

UNIVERSITAS DR. SOETOMO SURABAYA

FAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKA

2015

Page 2: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

i

PRAKATA

Sistem Informasi Geografis (SIG) atau Geographical Information Sistem (GIS)

merupakan mata kuliah yang diambil Mahasiswa Teknik Informatika bidang minat Sistem

Cerdas pada semester 7 (Tujuh) dengan bobot 3 sks. Mahasiswa yang mengambil mata

kuliah ini diharapkan mampu menjelaskan konsep SIG yang dilanjutkan dengan

keterampilan dalam mengimplementasikan aplikasi SIG, Mahasiswa dapat menggunakan

dan menganalisis data dalam sebuah bentuk representasi miniatur permukaan bumi untuk

dimanipulasi, dimodelkan, atau dianalisis baik secara tekstual, spasial, maupun

kombinasinya hingga sesuai kebutuhan pengguna.

Kompetensi yang akan disajikan dalam buku teks dengan kategori modul

pengajaran ini dirancang agar mahasiswa dapat menerapkan beberapa contoh dan

melakukan uji coba sistem dalam membuat aplikasi SIG berbasis webmap. Cakupan

materi pemahaman konsep SIG, instalasi software yang digunkan untuk membangun

webmap dengan menggunakan bahasa pemrograman Java Server Pages (JSP) dan

Hypertext Preprocessor (PHP), digitasi peta dengan menggunakan software Map Info

untuk pemrograman JSP dan Software Quantum GIS untuk pemrograman PHP. Pemetaan

layar, manajemen data spasial ke sistem basis data, thematic dan geoset peta serta uji coba

ke aplikasi webmap dengan menggunakan web seivice Map Info MapXTreme untuk

bahasa pemrograman JSP dan Map Server untuk bahasa pemrograman PHP.

Akhir kata penulis mengharap saran untuk perbaikan isi buku teks ini dimasa

mendatang, semoga buku ajar ini dapat memberikan manfaat.

April 2015

Penulis,

Anik Vega Vitianingsih, S.Kom.,MT

Page 3: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

ii

DAFTAR ISI

HALAMAN JUDUL

PRAKATA ........................................................................................................................ i

DAFTAR ISI ..................................................................................................................... ii

DAFTAR GAMBAR ........................................................................................................ iv

DAFTAR TABEL ............................................................................................................. x

PETA KEDUDUKAN BAHAN AJAR DALAM STRUKTUR KURIKULUM ............. xi

BIODATA PENGUSUL ................................................................................................... xii

BAB I. PENGANTAR SISTEM INFORMASI GEOGRAFIS (SIG) .............................. 1

1.1 Pengertian SIG ...................................................................................................... 1

1.2 Sumber Data SIG .................................................................................................. 6

BAB II. Instalasi Software ................................................................................................ 8

2.1 Instalasi Software Webmap Untuk Pemrograman JSP ......................................... 12

2.1.1 Pengantar Software MapInfo ........................................................................ 12

2.1.2 Instalasi Java 2 SDK 1.4.1 ........................................................................... 13

2.1.3 Instalasi MapInfo MapXtreme Java ............................................................ 14

2.2 Instalasi Software Webmap Untuk Pemrograman PHP ........................................ 21

2.2.1 Instalasi QuantumGis (QGIS) ...................................................................... 24

2.2.2 Instalasi PostGIS .......................................................................................... 26

2.2.3 Instalasi Macromedia Dreamwaver 8 .......................................................... 31

2.2.4 Instalasi Map Server .................................................................................... 32

2.2.5 Instalasi Cartoweb3 ..................................................................................... 34

BAB III. DIGITASI PETA ............................................................................................... 36

3.1 Digitasi Peta Dengan Software MapInfo .............................................................. 36

3.1.1 Tools Main ................................................................................................... 37

3.1.2 Tools Drawing ............................................................................................. 39

3.1.3 Tools DBMS ................................................................................................ 40

3.1.4 Uji Coba Digitasi Peta Software Map Info .................................................. 41

3.2 Digitasi Peta Dengan Software QGIS ................................................................... 51

3.2.1 Navigasi Peta ............................................................................................... 54

3.2.2 Fitur Peta ...................................................................................................... 55

Page 4: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

iii

3.2.3 Tabel Atribut ................................................................................................ 57

3.2.4 Digitasp Peta *.jpg ....................................................................................... 59

Bab IV. PEMETAAN LAYER .......................................................................................... 66

4.1 Konsep Layer ........................................................................................................ 66

4.2 Layer Control MapInfo ......................................................................................... 67

4.2.1 Menambah layer peta ................................................................................... 71

4.2.2 Edit Layer Peta ............................................................................................ 75

4.2.3 Zooming Layer ............................................................................................ 76

4.2.4 Edit Database ............................................................................................... 80

4.3 Layer Contol QGIS ............................................................................................... 82

4.3.1 Menambahkan Label ................................................................................... 82

4.3.2 Menerapkan Style yang Berbeda berdasarkan Atribut ................................ 84

4.3.3 Membuat Layer yang terpisah ..................................................................... 87

Bab V. MANAJEMEN DATA SPASIAL KE SISTEM BASIS DATA ........................... 90

5.1 Sistem Basis Data ................................................................................................. 90

5.2 Manajemen Layer MapInfo ke Database SQL Server .......................................... 96

5.3 Manajemen Layer QGIS ke Database PostGIS .................................................... 104

Bab VI. THEMATIK DAN GEOSET PETA ................................................................... 109

6.1 Thematik Peta ....................................................................................................... 109

6.2 Map Tiga Dimensi ................................................................................................ 114

6.3 Geoset Peta ............................................................................................................ 118

Bab VII. WEBMAP .......................................................................................................... 120

7.1 Arsitektur Webmap ............................................................................................... 123

7.2 Webmap Dengan MapXTreme Java Pemrograman JSP ....................................... 123

7.3 Webmap Dengan Mapserver Pemrograman PHP ................................................. 149

DAFTAR PUSTAKA ........................................................................................................ 183

GLOSARRY ..................................................................................................................... 185

LAMPIRAN BIODATA PENDAMPING ....................................................................... 190

Page 5: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

iv

DAFTAR GAMBAR

Gambar 1.1 Proses Informasi Geografi yang berawal dan berakhir pada dunia nya ......... 6

Gambar 1.2 Komponen SIG .............................................................................................. 7

Gambar 1.3 Proses Pengolahan SIG .................................................................................. 7

Gambar 1.4 sumber Data Spasial ......................................................................................... 8

Gambar 1.5 sumber Data Atribut ......................................................................................... 9

Gambar 2.1 Choose Java Virtial Machine ......................................................................... 16

Gambar 2.2 Setup Web Environment ................................................................................. 16

Gambar 2.3 List Clash Path ............................................................................................... 17

Gambar 2.4 Install Set Map Data ...................................................................................... 17

Gambar 2.5 Component Map Data .................................................................................... 18

Gambar 2.6 Shortcut Folder Map Data ............................................................................. 18

Gambar 2.7 Setup Web Environment ................................................................................. 19

Gambar 2.8 Pre Installation .............................................................................................. 19

Gambar 2.9 WarFile Generator ......................................................................................... 20

Gambar 2.10 MapXTreme Logging File ............................................................................ 21

Gambar 2.11 Arsitektur PostGis dalam database Postgrees .............................................. 22

Gambar 2.12 Step-1 Instalasi QGIS ................................................................................... 24

Gambar 2.13 Step-2 Instalasi QGIS ................................................................................... 25

Gambar 2.14 Hasil Instalasi QGIS ..................................................................................... 25

Gambar 2.15 Setup-1 PostgreSQL ..................................................................................... 27

Gambar 2.16 Setup-2 PostgreSQL ..................................................................................... 27

Gambar 2.17 Instalasi OpenGeo........................................................................................... 28

Gambar 2.18 Start OpenGeo ke PostGist .............................................................................. 28

Gambar 2.19 Import Shapefile ke PostgreSQL ................................................................. 29

Page 6: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

v

Gambar 2.20 Connection Import Shape File ke Postgress ................................................ 29

Gambar 2.21 Connection Success ...................................................................................... 30

Gambar 2.22 Add Shapefile ............................................................................................... 30

Gambar 2.23 Cek Database ................................................................................................. 31

Gambar 2.24 Setting Cartoweb .......................................................................................... 34

Gambar 2.25 Hasil Instalasi Cartoweb .............................................................................. 35

Gambar 3.1 Model Data ..................................................................................................... 36

Gambar 3.2 Input Atribut Pada Tabel ............................................................................... 42

Gambar 3.3 Info tool .......................................................................................................... 42

Gambar 3.4 Region Style .................................................................................................... 43

Gambar 3.5 Text Style ........................................................................................................ 44

Gambar 3.6 Symbol Style ................................................................................................... 45

Gambar 3.7 Hasil Membuat Peta ........................................................................................... 45

Gambar 3.8 Membuka Peta *.jpg ...................................................................................... 46

Gambar 3.9 Hasil Display Peta *.jpg ................................................................................. 46

Gambar 3.10 New Table Structure ..................................................................................... 47

Gambar 3.11 Layer Control ............................................................................................... 48

Gambar 3.12 Region Style .................................................................................................. 48

Gambar 3.13 Info Tool ....................................................................................................... 49

Gambar 3.14 Hasil Digitasi Peta Kabupaten Ponorogo .................................................... 51

Gambar 3.15 Download file *.shp .................................................................................... 52

Gambar 3.16 Extrac File *.shp ......................................................................................... 52

Gambar 3.17 Add Vector Layer ......................................................................................... 53

Gambar 3.18 Memilih File *.shp ....................................................................................... 53

Gambar 3.19 Open File *.shp ............................................................................................ 54

Gambar 3.20 Fitur file *.shp .............................................................................................. 56

Page 7: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

vi

Gambar 3.21 Fitur Layer ................................................................................................... 56

Gambar 3.22 Atribut Fitur Layer ....................................................................................... 57

Gambar 3.23 Open Attribute Table .................................................................................... 58

Gambar 3.24 Isi Atribut ..................................................................................................... 58

Gambar 3.25 Tampilan Awal QGIS .................................................................................. 59

Gambar 3.26 Open File *.jpg ............................................................................................ 60

Gambar 3.27 New Vector Layer ......................................................................................... 60

Gambar 3.28 Field Isi Atribut ............................................................................................ 61

Gambar 3.29 Digitasi Layer Kecamatan ............................................................................ 61

Gambar 3.30 Hasil Digitasi Keseluruhan Layer Kecamatan ............................................. 62

Gambar 3.31 Digitasi Layer Desa ..................................................................................... 63

Gambar 3.32 Digitasi Layer Genangan ............................................................................. 63

Gambar 3.33 Digitasi Layer Sungai .................................................................................. 64

Gambar 3.34 Digitasi Layer Balai Desa ............................................................................ 64

Gambar 3.35 Digitasi Layer Sekolah ................................................................................. 65

Gambar 4.1 Layer Data Spasial ......................................................................................... 66

Gambar 4.2 Dunia Nyata Ke Layer Data Spasial .............................................................. 67

Gambar 4.3 Susunan Layer ................................................................................................ 67

Gambar 4.4 Display Layer ................................................................................................. 68

Gambar 4.5 Map Options ................................................................................................... 69

Gambar 4.6 Label Option .................................................................................................. 69

Gambar 4.7 Hot Link Layer ............................................................................................... 70

Gambar 4.8 Edit Layer Control ......................................................................................... 70

Gambar 4.9 Modify Table Structure .................................................................................. 71

Gambar 4.10 Simpan Layer ............................................................................................... 72

Gambar 4.11 Add Layer Control ....................................................................................... 73

Page 8: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

vii

Gambar 4.12 Form Add Layer ........................................................................................... 73

Gambar 4.13 Layer Baru .................................................................................................... 74

Gambar 4.14 Open Workspace .......................................................................................... 75

Gambar 4.15 Form Layer Control ..................................................................................... 76

Gambar 4.16 Map Option .................................................................................................. 77

Gambar 4.17 Display Zoom Layer ..................................................................................... 77

Gambar 4.18 Zoom Layering ............................................................................................. 78

Gambar 4.19 Change View Layer ...................................................................................... 78

Gambar 4.20 Label Layer .................................................................................................. 79

Gambar 4.21 Label Option ................................................................................................ 79

Gambar 4.22 View Table Structure .................................................................................... 80

Gambar 4.23 Modify Table Structure ................................................................................ 80

Gambar 4.24 Panel Layer Properties ................................................................................ 82

Gambar 4.25 Field Containing Label ................................................................................ 83

Gambar 4.26 Style Layer .................................................................................................... 83

Gambar 4.27 Hasil Editing Layer Jalan ............................................................................. 84

Gambar 4.28 Roods Categorized Style .............................................................................. 85

Gambar 4.29 Primary Value Style ..................................................................................... 85

Gambar 4.30 Symbol Selector Style ................................................................................... 86

Gambar 4.31 Hasil Style Layer .......................................................................................... 86

Gambar 4.32 Select feature by Rectangle .......................................................................... 87

Gambar 4.33 Memilih Layer Points ................................................................................... 88

Gambar 4.34 Save Point Layer .......................................................................................... 88

Gambar 4.35 Hasil Membuat Layer Terpisah .................................................................... 89

Gambar 5.1 Sistem Manajemen Basis Data SIG ............................................................... 90

Gambar 5.2 Tool Manager ................................................................................................. 96

Page 9: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

viii

Gambar 5.3 Select Data Source ......................................................................................... 97

Gambar 5.4 Create Data Source Step 1 ............................................................................. 97

Gambar 5.5 Create Data Source Step 2 ............................................................................. 98

Gambar 5.6 Create Data Source Step 3 ............................................................................. 98

Gambar 5.7 Create Data Source Step 4 ............................................................................. 99

Gambar 5.8 Test Data Source ............................................................................................ 99

Gambar 5.9 ODBC Data Source Berhasil ......................................................................... 100

Gambar 5.10 Pemilihan Data Source ................................................................................ 100

Gambar 5.11 Upload Layer ke Tabel Database ................................................................ 101

Gambar 5.12 Open Layer ke Database .............................................................................. 101

Gambar 5.13 Layer List ..................................................................................................... 102

Gambar 5.14 Verifikasi Upload Layer ............................................................................... 102

Gambar 5.15 Upload Layer ke Tabel Berhasil .................................................................. 103

Gambar 5.16 Struktur Tabel dari Layer ............................................................................. 103

Gambar 5.17 Koneksi ke PostGIS ..................................................................................... 104

Gambar 5.18 Proses Import *.shp ke PostGIS ................................................................... 105

Gambar 5.19 Hasil Import file *.shp .................................................................................. 105

Gambar 5.20 Struktur Tabel Balai Desa ............................................................................ 106

Gambar 5.21 Struktur Tabel Desa ..................................................................................... 106

Gambar 5.22 Struktur Tabel Genangan ............................................................................. 107

Gambar 5.23 Struktur Tabel Kecamatan ........................................................................... 107

Gambar 5.24 Struktur Tabel Sekolah ................................................................................. 108

Gambar 5.25 Struktur Tabel Sungai .................................................................................. 108

Gambar 6.1 Create Thematic Map Step-1 ......................................................................... 109

Gambar 6.2 Create Thematic Map Step-2 ......................................................................... 110

Gambar 6.3 Create Thematic Map Step-3 ......................................................................... 110

Page 10: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

ix

Gambar 6.4 Customize Ranges Thematic Map .................................................................. 111

Gambar 6.5 Method Customize Ranges Thematic Map ..................................................... 111

Gambar 6.6 Style Customize Ranges Thematic Map ......................................................... 112

Gambar 6.7 Legend Customize Ranges Thematic Map ..................................................... 113

Gambar 6.8 Hasil thematic Peta ......................................................................................... 113

Gambar 6.9 Layer Control Peta Thematik ......................................................................... 114

Gambar 6.10 Grid Thematic Map ...................................................................................... 115

Gambar 6.11 Menentuka Tabel dan Field Peta Thematik ................................................. 115

Gambar 6.12 Preview Tabel dan Field .............................................................................. 116

Gambar 6.13 Grid Thematic Map-Layer Control .............................................................. 116

Gambar 6.14 Hasil Grid Thematic Map ............................................................................ 117

Gambar 6.15 Create 3dMap .............................................................................................. 117

Gambar 6.16 Hasil Peta Tiga Dimensi .............................................................................. 118

Gambar 6.17 Tool Manager MapX Geoset Utility ............................................................. 119

Gambar 7.1 Arsitektur Webmap ........................................................................................ 121

Gambar7.2 Thin Vs Thick system pada Client Server ....................................................... 122

Gambar 7.3 Load Map *.gst .............................................................................................. 123

Gambar 7.4 Judul dan Diskripsi Webmap .......................................................................... 124

Gambar 7.5 Map Layout .................................................................................................... 124

Gambar 7.6 Simpan URL .................................................................................................. 125

Gambar 7.7 webapps .......................................................................................................... 126

Gambar 7.8 Hasil WebMap ................................................................................................ 127

Gambar 7.9 Pemetaan Daerah Rawan Banjir .................................................................... 166

Gambar 7.10 Genangan Prakiraan Banjir ......................................................................... 175

Gambar 7.11 Alternatif Pos Pengungsian Sekolahan ...................................................... 176

Gambar 7.12 Alternatif Pos Pengungsian Balai Desa ..................................................... 177

Page 11: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

x

DAFTAR TABEL

Tabel 3.1 Tool Main yang digunakan di MapInfo ............................................................ 38

Tabel 3.2 Tool yang digunakan untuk Digitasi Peta Pada MapInfo ................................. 39

Tabel 3.3 Tool DBMS ....................................................................................................... 40

Tabel 3.4 Tools Tambahan ................................................................................................. 41

Tabel 3.5 Isi Atribut ........................................................................................................... 42

Tabel 3.6 Isi info tool ......................................................................................................... 43

Tabel 3.7 Isi Field Data Atribut ......................................................................................... 47

Tabel 3.8 Isi Data Spasial Wilayah .................................................................................... 49

Tabel 3.9 Layer Desa ......................................................................................................... 62

Tabel 3.10 Layer Genangan ............................................................................................... 63

Tabel 3.11 Layer Ketinggian Sungai ................................................................................. 64

Tabel 3.12 Layer Balai Desa .............................................................................................. 64

Tabel 3.13 Layer Sekolah ................................................................................................. 65

Tabel 4.1 Isi Field Tabel Baru ........................................................................................... 72

Tabel 4.2 Isi Tabel Penambahan Layer Baru ..................................................................... 74

Page 12: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

xi

I II III IV V

Kecerdasan

Buatan

Riset

Teknologi

Informasi

Pemrograman

Framework

Statistika

Probabilitas

Pemrograman

Jaringan

Kerja Praktek

Praktikum

Pemrograman

Framework

VI VII

Pendidikan

Kewarganegaraan

Manajemen

Bencana dan

Lingkungan

Kuliah Kerja

Nyata

Sosio dan

Etika

Ujian

Kompetensi

VIII

Kewirausahaan

dan Koperasi

Pendidikan Anti

Korupsi

Tugas Akhir

Aljabar Linear &

MatriksAgama

Kecakapan Antar

Personal

Bahasa Inggris

Kalkulus I

Algoritma &

Pemrograman I

Pengantar

Teknologi

Informasi

Teknik Digital

Praktikum

Algoritma &

Pemrograman I

Prak. Dasar

Komputer

Bahasa Indonesia

Pendidikan

Pancasila

Kalkulus IIPemrograman

Berorientasi Objek

Arsitektur &

Organisasi Komp

Struktur Data

Prak Algoritma &

Pemrograman II

Matematika Diskrit

Algoritma &

Pemrograman IISistem Basis Data

Interaksi Manusia

& Komputer

Sistem Informasi

Praktikum Sistem

Basis Data

Algoritma &

Pemrograman

Lanjut

Teori Graph &

Automata

Rekayasa

Perangkat Lunak

Desain &

Pemrograman

Web

Sistem Basis Data

Lanjut

Jaringan

Komputer

Praktikum

Pemrograman

Web

Prakt. Jaringan

Komputer

Komputasi

Numerik

Sistem Operasi

Prakt Sistem

Operasi

Riset

Operasional

Data Mining

Data

Warehouse

Sistem

Pendukung

Keputusan

Analisis dan

Desain

Sistem

Sistem Pakar

Knowledge

Base System

Topik Khusus

Intelegent

System

Natural

Language

Processing

Geographical

Information

System

Digital

Intelligence

Elearning

Ecommerce

Egoverment

Mobile

Programming

Peta Kedudukan Bahan Ajar Dalam Kurikulum Teknik Informatika-Unitomo Surabaya

Keterangan:

: MK yang diambil bersamaan

: MK prasyarat dengan nilai minimal C

Page 13: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

xii

BIODATA PENGUSUL

PROGRAM HIBAH PENULISAN BUKU TEKS PERGURUAN TINGGI

TAHUN 2015

Nama : Anik Vega Vitianingsih, S.Kom.,MT

Alamat Korespondesi : Jalan Semolowaru 84 Surabaya

Telp/Faks : 0315944744/0315938935

HP : 081332765765

Email : [email protected] ; [email protected]

Riwayat Pendidikan

Tahun Lulus Perguruan Tinggi Bidang Spesialisasi

2004 Universitas Dr.Soetomo Surabaya Teknik Informatika

2011 ITS Surabaya Jaringan Cerdas Multimedia

Nama Mata Kuliah yang Diasuh

No Nama Mata Kuliah S

t

r

a

t

a

1. Sistem Informasi Geografis S1

2. Algoritma dan Pemrograman I S1

3. Algoritma dan Pemrograman II

IIIIII

S1

4. Desain & Pemrograman Web S1

Jumlah Mahasiswa yang Pernah Diluluskan

Strata Jumlah

S1 619

Pengalaman Penelitian Dalam 5 Tahun Terakhir

Tahun

Topik/Judul Penelitian

Sumber Dana

2010 Rekayasa Sistem Informasi Geografis (SIG) Untuk

Pemetaan Lokasi Tower Jaringan Telepon Seluler

dalam Bentuk Webmap di Jawa Timur

Dosen

Pemula-Dikti

2010 Rekayasa Sistem Informasi geografis (SIG) Untuk

Identifikasi Daerah Rawan Banjir Studi Kasus di

Wilayah Surabaya

Dosen

Pemula-Dikti

2008 Rekayasa Sistem Informasi Geografis (SIG)

Identifikasi Potensi Lahan Pertanian di Kabupaten

Ponorogo

Dosen

Pemula-Dikti

Page 14: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

xiii

Tahun

Topik/Judul Penelitian

Sumber Dana

2013 Game Edukasi Sebagai Media Pembelajaran

Pendidikan Anak Usia Dini

Universitas

Dr.Soetomo

2013 WebMap Untuk Mengetahui Daerah Rawan Banjir Di

Kabupaten Bojonegoro

Dosen

Pemula-Dikti

2014 WebMap Untuk Mengetahui Potensi Lahan Pertanian

dan Perikanan Di Kabupaten Bojonegoro

Dosen

Pemula-Dikti

2015 Membangun Aplikasi WebMap Untuk Pemetaan

Daerah Rawan Kecelakaan dan Alternatif

Pengembangan Jalan Baru

Hibah

Bersaing-Dikti

Pengalaman Publikasi di Berkala Ilmiah 5(Lima) Tahun Terakhir

Nama Penulis

Tahun

Terbit Judul

Nama Berkala

Volume/

Hal/Nomor

Status

Akreditasi

Anik Vega

vitianingsih,

Moch Syaiful

Reza

2012 Rekayasa Sistem

Informasi Geografis

(SIG) Untuk Pemetaan

Lokasi Tower Jaringan

Telepon Seluler dalam

Bentuk Webmap di Jawa

Timur

Jurnal Ilmiah

Ilmu Komputer

UPH

Vol.8 / No.2 Hal

201-206 ISSN

1412-9523

-

Anik Vega

vitianingsih,

Sri Een

Hartatik

2012 Webmap untuk

Surveilans Demam

Berdarah Dengue di

Kabupaten Tulungagung

Jurnal Ilmiah

Ilmu Komputer

UPH

Vol.9 / No.2 Hal

115-123 ISSN

1412-9523

-

Anik Vega

vitianingsih,

Supeno Mardi

S.N

2012 Penentuan Tingkat

Kesulitan Game

Berbasis Distribusi

Gaussian Menggunakan

Metode Box Muller

Pada Pembelajaran

Matematika

Proceding

Seminar

Nasional

Informatika,

STIMIK Medan

ISSN 2088-

9747/Hal 158-

169

-

Page 15: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

xiv

Nama Penulis

Tahun

Terbit Judul

Nama Berkala

Volume/

Hal/Nomor

Status

Akreditasi

Sukajaya I.N,

Mardi S.N.S,

Purnama I.K.E,

Hanadi M,

Purnomo M.H,

Anik Vega

Vitianingsih

2012 Multi Parameter

Dynamic Difficulty

Game’s Scenario Using

Box-Muller Method of

Gaussian Distribution

Proceedings-

International

Conference on

Computer

Science &

Education

(ICCSE)

Melbourne

Australia

pp 1666-1671 -

Anik Vega

vitianingsih,

Supeno Mardi

S.N

2011 Distribusi Gaussian

Untuk Dinamik

Skenario Game

Menggunakan Metode

Box Muller

Proceeding on

The 12th

Seminar on

Intelligent

Technology and

Its Applications

(SITIA)

Istitut Teknologi

Sepuluh

Nopember (ITS)

Surabaya

-

Anik Vega

vitianingsih,

Didik Kiswoyo

2011 Rekayasa Sistem

Informasi geografis

(SIG) Untuk Identifikasi

Daerah Rawan Banjir

Studi Kasus di Wilayah

Surabaya

Jurnal Ilmiah

Ilmu Komputer

UPH

Vol.8 / No.1 Hal

65-74 ISSN

1412-9523

-

Anik Vega

vitianingsih,

Achmad

Choiron, Moch

Dwi Jayanto

2011 Game Mathematics In

The Jungle

Prosiding

SNATIKA

Vol.01/Hal 266-

272

-

Pengalaman Penerbitan Buku 10 (Sepuluh0 Tahun Terakhir)

Nama Judul Buku Tahun Penerbit ISBN

- - - - -

Surabaya, 29 April 2015

Pengusul,

(Anik Vega Vitianingsih, S.Kom.,MT)

Page 16: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

1

BAB I

PENGANTAR SISTEM INFORMASI GEOGRAFIS (SIG)

Tujuan pembelajaran pada bab ini, Mahasiswa dapat memahami konsep SIG, bentuk data

seperti apa yang akan olah dalam database SIG dan manajemen layer dalam SIG .

1.1 Pengertian SIG

SIG merupakan akronim dari Geographics Information dan System (Aziz,

Muhammad 2006).

a. Geografi (geographics)

Geografi adalah ilmu yang mempelajari permukaan bumi dengan referensi atau

studi mengenai area-area yang berada di permukaan bumi. Area atau objek

tersebut ditampilkan pada suatu peta untuk memberikan gambaran yang

representative dari spasial suatu objek dengan kenyataan dibumi.

b. Informasi (information)

Informasi berasal dari pengolahan sejumlah data dalam SIG, informasi memiliki

volume terbesar. Setiap objek geografi memiliki seting data tersendiri karena tidak

sepenuhnya data yang ada dapat terwakili dalam peta. Semuadata harus

diasosiasikan dengan objek spasial yang dapat membuat peta menjadi intelligent.

c. Sistem (System)

Sistem adalah kumpulan elemen-elemen yang saling berinteraksi dan

beritenterpedensi dalam lingkungan yang dinamis untuk mencapai tujuan

tertentu. Istilah ini digunakan untuk mewakili pendekatan system yang digunakan

dalam SIG dengan lingkungan yang kompleks dan komponen yang terpisah-pisah.

Beberapa definisi Sistem Informasi Geografis (SIG) adalah sebagai berikut:

a. SIG adalah suatu sistem hardware, software, dan prosedur untuk mengelola,

memanipulasi, menganalisis, memodel, mempresentasikan , dan menampilkan data

dengan georeferensi untuk memecahkan masalahmasalah yang kompleks yang

Page 17: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

2

berkaitan dengan pengelolaan sumberdaya (NCGIA- National Center of Geographic

Information dan Analysis, 1990).

b. SIG adalah kumpulan perangkat untuk mengumpulkan, menyimpan, mengambil,

mentransformasikan, dan menampilkan data spasial (keruangan) dari dunia nyata

untuk tujuan/keperluan tertentu (Burrough, 1986).

c. SIG adalah suatu sistem berbasis komputer yang menyediakan 4 (empat) kumpulan

kemampuan untuk menangani data dengan georeferensi masukan data, pengelolaan

data (simpan dan ambil), manipulasi dan analisis dan keluaran data (Arnoff, 1989)

d. SIG adalah kumpulan yang terorganisir dari perangkat keras, perangkat lunak, data

geografis, dan personil yang dirancang secara efiien untuk memperoleh, menyimpan,

mengupdate, memanipulasi, menganalisis dan menampilkan semua informasi yang

bereferensi geografi (ESRI – Environmental Sistem Research Institue, 1990).

e. GIS is a computer system for collecting, checking, integrating and analyzing

information related to the surface of the eart (Rhind, 1988)

f. Definisi GIS yang dianggap lebih memadai (Marble & Peuquet, 1983) and

(Parker,1988; Ozemoy et al., 1981; Burrough, 1986): GIS deals with space-time data

and often but not necessarily, employs computer hardware and software.

g. SIG merupakan suatu sistem yang mengorganisir perangkat keras (hardware),

perangkat lunak (software), dan data, serta dapat mendayagunakan system

penyimpanan, pengolahan, maupun analisis data secara simultan, sehingga dapat

diperoleh informasi yang berkaitan dengan aspek keruangan. SIG merupakan

manajemen data spasial dan non-spasial yang berbasis computer dengan tiga

karakteristik dasar, yaitu: (i) mempunyai fenomena aktual (variabel data non-lokasi)

yang berhubungan dengan topik permasalahan di lokasi bersangkutan; (ii) merupakan

suatu kejadian di suatu lokasi; dan (iii) mempunyai dimensi waktu (Purwadhi, 1994).

SIG adalah sistem komputer yang digunakan untuk menyimpan dan

memanipulasi informasi geografi. SIG digunakan untuk menghasilkan informasi yang

dibutuhkan oleh user/client. Agar informasi yang dihasilkan benar-benar berguna, maka

SIG harus memiliki informasi yang benar dan berkualitas, memberikan suatu bentuk

penyajian yang dibutuhkan client, dan mampu digunakan pada saat yang tepat.

Informasi dalam SIG disajikan dalam dua bentuk yaitu peta dan tabel. Jadi pengertian

SIG adalah sistem informasi, referensi internal, otomatisasi dan keruangan dengan

Page 18: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

3

teknologi informasi yang menganalisa, menyimpan, menayangkan data keruangan dan

non keruangan. Dari pengertian SIG di atas dapat diambil kesimpulan bahwa SIG

adalah informasi yang berdasarkan pada kerja dasar komputer yang mampu mengelola

data keruangan dan data non keruangan [1].

Aspek penting dalam perancangan SIG yaitu bagaimana kita merepresentasikan

permukaan bumi (obyek permukaan bumi) pada basis data GIS (TGA atau object-

oriented), bagaimana analisis data dapat dilakukan secara efektif dan bagaimana

melakukan interpretasi hasil analisis. Aspek penting dalam penentuan ciri obyek

geografik yaitu menentukan bagaimana data obyek ini harus disimpan, dicari/akses,

dimodelkan, dan direpresentasikan dalam penyajian obyek dan pengukurannya, yang

meliputi pengenalan ciri/feature obyek yang dibutuhkan, apakah ciri tersebut akan

berubah secara temporal dan pada skala berapa kita perlu mengamati obyek tersebut. SIG

harus dioperasikan oleh user yang menguasai cara melakukan komunikasi dengan

sistem yang dibuat secara tepat guna, dalam SIG susunan yang mengambarkan situasi

keruangan harus ditentukan dengan jelas dan harus mempunyai proses perancangan

yang baik [2]. Faktor-faktor penunjang kesuksesan SIG antara lain :

a. Set data, digunakan untuk merepresentasikan sesuatu tentang dunia nyata pada suatu

saat.

b. Organisasi data, mengorganisasikan data ke dalam suatu bentuk database.

c. Pemilihan model, menggambarkan obyek atau fenomena yang ada di dunia dan

memprediksi bagaimana suatu kejadian alam terjadi.

d. Kriteria, digunakan untuk mengevaluasi model yang nantinya menunjukkan tingkat

kegunaan dari user untuk membuat keputusan.

SIG mempunyai kemampuan untuk menghubungkan berbagai data pada suatu

titik tertentu di bumi, menggabungkannya, menganalisa dan akhirnya memetakan

hasilnya. Data yang akan diolah pada SIG merupakan data spasial. Ini adalah sebuah

data yang berorientasi geografis dan merupakan lokasi yang memiliki sistem koordinat

tertentu, sebagai dasar referensinya. Sehingga aplikasi SIG dapat menjawab beberapa

pertanyaan, seperti lokasi, kondisi, trend, pola dan pemodelan. Kemampuan inilah yang

Page 19: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

4

membedakan SIG dari sistem informasi lainnya. Telah dijelaskan di awal bahwa SIG

adalah suatu kesatuan sistem yang terdiri dari berbagai komponen. Tidak hanya

perangkat keras komputer beserta dengan perangkat lunaknya, tapi harus tersedia data

geografis yang akurat dan sumberdaya manusia untuk melaksanakan perannya dalam

memformulasikan dan menganalisa persoalan yang menentukan keberhasilan SIG.

Seperti beberapa hasil yang sudah penulis lakukan dalam penelitian. Komponen SIG

diperlukan untuk membuat sistem dapat berjalan dengan baik, diantaranya [3]:

a. Hardware (Perangkat keras)

SIG membutuhkan komputer untuk penyimpanan dan pemproresan data. Ukuran

dari sistem komputerisasi bergantung pada tipe SIG itu sendiri. SIG dengan skala

yang kecil hanya membutuhkan PC (personal computer) yang kecil dan sebaliknya.

Ketika SIG yang di buat berskala besar di perlukan spesifikasi komputer yang besar

pula serta host untuk client machine yang mendukung penggunaan multiple user.

Hal tersebut disebabkan data yang digunakan dalam SIG baik data vektor maupun

data raster penyimpanannya membutuhkan ruang yang besar dan dalam proses

analisanya membutuhkan memori yang besar dan prosesor yang cepat. Untuk

mengubah peta ke dalam bentuk digital diperlukan hardware yang disebut digitizer.

b. Software (Perangkat lunak)

Dalam pembuatan SIG di perlukan software yang menyediakan fungsi tool yang

mampu melakukan penyimpanan data, analisis dan menampilkan informasi

geografis. Dengan demikian, elemen yang harus terdapat dalam komponen software

SIG adalah:

- Tool untuk melakukan input dan transformasi data geografis

- Sistem Manajemen Basis Data (DBMS)

- Tool yang mendukung query geografis, analisa dan visualisasi

- Graphical User Interface (GUI) untuk memudahkan akses pada tool geografi.

Page 20: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

5

- Inti dari software SIG adalah software SIG itu sendiri yang mampu menyediakan

fungsi-fungsi untuk penyimpanan, pengaturan, link, query dan analisa data

geografi.

c. Data

Data SIG atau disebut data geospatial dibedakan menjadi data grafis (geometris) dan

data attribute (data tematik). Data grafis mempunyai tiga elemen : titik (node),

garis(arc), dan luasan/ area(polygon), dalam bentuk vector ataupun raster yang

mewakili geometri topologi, ukuran, bentuk, posisi, dan arah. 7(tujuh) fenomena

geografis yang dapat diwakili dalam bentuk titik, garis, dan polygon/area, yaitu: data

kenampakan, unit area, jaringan topologi, catatan sampel, data permukaan bumi,

label/teks pada data, simbol data.

d. Sumber Daya Manusia

Teknologi SIG tidaklah bermanfaat tanpa manusia yang mengelola sistem dan

membangun perencanaan yang dapat diaplikasikan sesuai kondisi nyata. Suatu

proyek SIG akan berhasil jika di manage dengan baik dan dikerjakan oleh orang-

orang yang memiliki keakhlian yang tepat pada semua tingkatan

e. Metode

SIG yang baik memiliki keserasian antara rencana desain yang baik dan aturan dunia

nyata, dimana metode, model, dan implementasi akan berbeda untuk setiap

permasalahan.

Sistem Informasi Geografis (SIG) harus dioperasikan oleh user yang menguasai cara

melakukan komunikasi dengan system yang dibuat secara tepat guna. Dalam SIG

susunan yang mengambarkan situasi keruangan harus ditentukan dengan jelas dan harus

mempunyai proses perancangan yang baik. Adapun proses yang terjadi di dalam Sistem

Informasi Geografis (SIG) dapat digambarkan dalam gambar 2.1, di mana dalam proses

ini menjelaskan tentang proses pengolahan informasi geografi yang berawal dan

berakhir pada dunia nyata.

Page 21: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

6

Gambar 1.1 Proses Informasi Geografi yang berawal dan berakhir pada dunia nya

1.2 Sumber Data SIG

Tahapan data pada SIG dapat disederhanakan yaitu dengan melakukan tahapan

input data, pengolahan data untuk analisis, dan output data. Input data dapat dilakukan

jika data-data yang diperlukan telah tersedia, sehingga untuk mengolah yang meliputi

tahap mengumpulkan, memanipulasi, mengklarifikasi dan analisis data dapat

dilaksanakan serta tujuan akhir adalah mencetak hasilnya baik berupa peta, table

maupun grafik. Sistem Infomasi Geografi mempunyai cara kerja secara manual maupun

secara digital. Cara kerja manual dilakukan akan memekan waktu yang relatif lama

sedangkan cara digital dilakukan dengan memakai alat-alat seperti komputer,

plotter/printer dan digitizer, dimana informasi dapat disajikan secara otomatis, cepat dan

dalam analisis dapat dihasilkan hasil yang sesuai dengan kebutuhan, untuk membangun

SIG seperti yang dijabarkan pada gambar 1.2 berikut,

Page 22: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

7

Gambar 1.2 Komponen SIG

Data yang olah dalam SIG sebagai berikut :

a. Data Input, berupa peta analog, tabel, file elektronik dari peta dan data attribute dari

foto udara serta penginderaan jauh.

b. Data manajemen, digunakan untuk menyimpan dan memanipulasi data dari

database.

c. Data manipulasi dan analisa, mendeterminasikan informasi yang dapat dipakai

oleh SIG.

d. Data output, berupa laporan berbentuk tabel, peta analog, ataupun disimpan dalam

storage tertentu.

Data yang olah dalam SIG seperti yang tergambarkan pada proses pengolahan SIG

gambar 1.3 berikut,

Gambar 1.3 Proses Pengolahan SIG

INPUT DATA

• Data Spatial

• Data Tabular

• Data Raster

PROSES DATA

• Pengolahan

• Analisis

OUTPUT DATA

• Tabel

• Grafik

• Peta

Page 23: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

8

Terdapat dua jenis sumber data yang digunakan untuk mempresentasikan atau

memodelkan fenomena-fenomena yang terdapat didunia nyata dalam SIG, dimana

sumber data tersebut akan diolah dalam database, yaitu [4]:

a. Data Spasial, merupakan deskripsi keruangan memuat data raster dan data vektor.

Data raster dapat dibentuk oleh kumpulan sel atau pixel dimana setiap pixel

mempunyai referensi sebagai identitasnya. Identitas ini terikat oleh lokasi spatial

atau kolom dan baris. Sedangkan data vektor dapat digunakan untuk

menggambarkan informasi geografis secara tepat. Informasi yang diwakili oleh

titik, garis dan bidang mempunyai koordinat yang tepat dan dalam hal ini

diasumsikan koordinat yang ada terdapat dalam satu bidang datar. Titik akan diikat

oleh satu koordinat (x,y) sedang garis ditandai oleh dua atau lebih sistem koordinat

yang biasa dibuat dengan polyline. Jenis data yang mempresentasikan aspek-aspek

keruangan dari fenomena yang bersangkutan. Jenis data ini sering disebut sebagai

data-data posisi, koordinat, ruang. Seperti uraian gambar 1.4 berikut,

Gambar 1.4 sumber Data Spasial (Purwadhi, 1997)

FORMAT

TITIK

FORMAT

GARIS

FORMAT

POLIGON

FORMAT

PERMUKAAN

- Koordinat

Tunggal

- Tanpa panjang

- Tanpa luasan

- Koordinat titik

awal dan akhir

- Mempunyai

panjang

- tanpa luasan

- Koordinat dengan

titik awal dan

akhir sama

- Mempunyai

panjang dan

luasan

- Area dengan

koordinat vertikal

- Area dengan

ketinggian

Contoh:

- Lokasi kecelakaan

- Letak pohon

Contoh:

- Jalan, Sungai

- Utility

Contoh:

- Tanah persil

- Bangunan

Contoh:

- Peta slope

- Bangunan bertingkat

Page 24: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

9

b. Data Atribut, merupakan representasi karakteristik, kualitas dan keterkaitannya

dengan data spatial. jenis data yang mempresentasikan aspek-aspek deskriptif dari

fenomena yang dimodelkan. Aspek deskriptif ini mencakup item-item atau

properties dari fenomena yang bersangkutan hingga dimensi waktunya, seperti yang

terlihat pada gambar 1.5 berikut,

Gambar 1.5 Data Atribut (Purwadhi, 1997)

FORMAT

TABEL

FORMAT

LAPORAN

FORMAT

PERHITUNGAN

FORMAT GRAFIK

ANOTASI

- Kata

- Kode alfanumerik

- Angka-angka

- Teks

- Deskripsi

- Angka-angka

- Hasil

- Kata-kata

- Angka-angka

- Simbol

Contoh:

- hasil proses

- indikasi

- atribut

Contoh:

- perencanaan

- laporan proyek

- pembahasan

Contoh:

- jarak

- inventarisasi

- luas

Contoh:

- nama obyek

- grafik

- legend peta

Presentasi database spasial ke database textual seperti yang tergambar pada gambar 1.6

berikut,

No. Jenis Luas (Ha)

1. Sawah 12

Data Spatial Data Atribut

Gambar 1.6 Representasi data spasial ke data atribut

Page 25: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

10

Dengan cakupan data dapat diperoleh dari beberapa sumber yaitu:

1. Peta

Peta adalah gambar atau lukisan pada kertas, dan sebagainya yang menunjukkan

letak tanah, laut, sungai, gunung, dan sebagainya, denah representasi melalui

gambar dari suatu daerah yang menyatakan sifat-sifat seperti batas daerah, sifat

permukaan. Peta dalam arti luas adalah sebuah alat peraga, bisa berupa gambar

tentang tinggi rendahnya suatu daerah (topografi), penyebaran penduduk, curah

hujan, penyebaran batuan (geologi), penyebaran jens tanah dan semua hal lain yang

berhubungan dengan kedudukan dalam ruang. Sedangkan pengertian peta dalam

arti sempit (konvensional) adalah gambar dari permukaan bumi, dalam skala tertentu

dan digambarkan di atas bidang datar melalui sistem proyeksi. Tujuan dari

representasi peta untuk menunjukkan posisi atau letak suatu tempat dalam

hubungannya dengan tempat lain di permukaan bumi, memperlihatikan ukuran,

karena melalui peta dapat diukur luas daerah dan jarak di atas permukaan bumi,

memperlihatkan atau menggambarkan bentuk-bentuk permukaan bumi dan

menyajikan data tentang potensi suatu daerah.

2. Remote Sensing (Penginderaan Jauh)

Remote Sensing suatu teknologi untuk memperoleh data atau informasi tentang

suatu obyek tanpa harus melakukan kontek langsung dengan yang obyek yang

dimaksud. Contoh penginderaan jauh dengan mengunakan satelit SIG yang ada

sekarang yaitu:

a. Satelit Telekomunikasi diantarannya Satelit Palapa B1 dan satelit Palapa B2

b. Satelit Observasi sumber daya alam diantaranya Satelit Lansat, SPOT, SAR1,

SAR2, JERS1

c. Satelit NOAA, GSM, GPS

3. Atribut Sosial Ekonomi

Sumber data sosial ekonomi dapat diperoleh dari terbitan resmi maupun catatan oleh

badan resmi pemerintahan maupun swasta, yang meliputi sumber data sensus,

survey atau sample, registrasi.

4. Atribut Sumber Daya Alam

Sumber data pada atribut sumber data alam dapat diperoleh dari tanah, geologi,

vegetasi, pengguanaan tanah.

Page 26: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

11

5. Sistem Management Data Dasar

Sumber data pada system management data dasar diperoleh dari menggabungkan

data grafik dan data statistik dalam Sistem Informasi Geografi (SIG). System

management data dasar digunakan untuik menyimpan data atribut maupun data

grafis.

6. Penyajian Hasil Olahan SIG

Sumber data pada penyajian hasil olahan SIG dengan mengambarkan informasi

spatial untuk tujuan pengenalan dan komunikasi pola struktur, dengan tujuan agar

mudah dimengerti sesuai dengan kebutuhan. Tahapan dalam proses penyederhanaan

mendeterminasi tujuan dan membangun data dasar.

Pada aplikasi perkotaan dari SIG dapat digunakan untuk analisa statistik,

penggunaan peta tanah, peta demografi penduduk, proyeksi sekolah dan kebutuhan

rekreasi, serta planning untuk pengembangan komersial dan industri. Adapun bentuk-

bentuk SIG dalam aplikasi perkotaan berupa LIS (Land Information System) dan LRIS

(Land Related Information System). Baik LIS maupun LRIS merupakan bentuk yang

khusus dimana bentuk dan penggunaannya lebih luas dalam literatur SIG yang berupa

sistem dengan informasi bumi secara detail dan umumnya berupa peta dengan skala

yang besar. Pemetaan SIG yang dibawa ke pemrograman desktop ataupun ke

pemrograman webmap harus dapat memberikan informasi data keruangan ataupun data

atribut yang akan dibawa ke pengembangan aplikasi [5-10].

Page 27: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

12

BAB II

INSTALASI SOFTWARE

Tujuan pembelajaran pada bab ini, Mahasiswa mengenalkan dan uji coba software yang

digunakan untuk membangun aplikasi webmap dengan menggunakan bahasa

pemrograman Java Server Pages (JSP) dan bahasa pemrograman PHP.

2.1 Instalasi Software Webmap Untuk Pemrograman JSP

Sebelum memulai membuat aplikasi webmap di MapInfo MapXTreme yang

selanjutnya akan diolah ke pemrograman JSP, kita perlu mempersiapkan Java Virtual

Machine (1.4.1 atau versi di atasnya) dan agar mempermudah dalam instalasi

MapXtreme, copy file jdbc sqlserver (msbase.jar, mssqlserver.jar, msutil.jar) ke dalam

suatu folder (mis. C:\jdbc).

2.1.1 Pengantar Software MapInfo

Tools MapInfo digunakan untuk melakukan digitasi peta yang akan dibahas pada

bab 3. MapInfo map sebuah program aplikasi yang di dalamnya kita dapat membuat,

menampilkan, dan mengedit peta untuk dipresentasikan, dilaporkan, ataupun untuk

dipublikasikan. Hal ini dimungkinkan karena di dalamnya memiliki sebuah alat

pemroses yang di sebut Object Linking and Embedding (OLE) di mana aplikasi server

(seperti MapInfo) menyediakan informasi yang tersimpan dalam aplikasi client yang

dapat menerima informasi OLE (seperti Visual Basic). MapInfo map membolehkan kita

untuk meng-embedding map window pada setiap aplikasi yang menerima obyek OLE

dan menggunakan beberapa feature Map Info untuk membuat, menampilkan, dan

mengedit peta secara langsung. Adapun alasan digunakannya MapInfo map adalah

karena MapInfo map menyediakan sebuah subset dari feature MapInfo, menggunakan

MapInfo map adalah sama halnya dengan menggunakan MapInfo. Jadi layer-layer dapat

diintegrasikan menjadi satu pada satu saat ketika kita membuat peta di MapInfo [11].

MapInfo memiliki fasilitas untuk pembuatan peta spatial yang lebih obyektif,

karena di dalamnya kita dapat melakukan proses penambahan simbol, teks, maupun

warna yang berbeda-beda yang dijadikan pembeda antara daerah yang satu dengan yang

Page 28: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

13

lainnya. Tentunya sebagai software GIS, MapInfo map menyediakan tool-tool yang

akan memudahkan dalam penggambaran peta seperti drawing tools, main tools, dan

bidang window yang digunakan untuk menggambar sebuah peta.

MapInfo menyediakan beberapa macam tampilan peta, kemampuan view dan edit,

termasuk juga membuka multiple table pada satu saat, mengontrol properti layer secara

individu seperti display dan label, memanipulasi view dari window peta, mencari

informasi yang diasosiasikan dengan suatu layer peta dan mengontrol proyeksi peta dan

unit-unitnya. MapInfo memiliki fasilitas untuk pembuatan peta spatial yang lebih

obyektif, karena di dalamnya kita dapat melakukan proses penambahan simbol, teks,

maupun warna yang berbeda-beda yang dijadikan pembeda antara daerah yang satu

dengan yang lainnya. Tentunya sebagai software SIG, MapInfo map menyediakan tool-

tool yang akan memudahkan dalam penggambaran peta seperti drawing tools, main

tools, dan bidang window yang digunakan untuk menggambar sebuah peta. MapInfo

map menyediakan beberapa macam tampilan peta, kemampuan view dan edit, termasuk

juga membuka multiple table pada satu saat, mengontrol properti layer secara individu

seperti display dan label, memanipulasi view dari window peta, mencari informasi yang

diasosiasikan dengan suatu layer peta dan mengontrol proyeksi peta dan unit-unitnya.

Salah satu fungsi yang terdapat dalam MapX ini terdapat MapX Geoset Utility, yang

digunakan untuk menyimpan layer-layer peta dalam format geoset, yaitu file yang

nantinya digunakan untuk menampilkan peta dalam bentuk yang sudah tertata rapi dan

dapat dibuka dalam MapInfo MapX, membuka peta dalam format geoset. Tipe spatial

dari aplikasi didukung oleh tipe spatial layer seperti layer animasi dan layer user draw,

raster image, automatic labeling untuk memberikan label pada peta kita secara

otomatis, selection untuk memberikan kebebasan pada feature map analytic dengan

mengelompokkan dan mengkoordinasikan data dan pap editing untuk memberikan

kemudahan untuk menambah, memodifikasi atau menghapus feature-feature pada peta.

2.1.2 Instalasi Java 2 SDK 1.4.1

Untuk menginstal Java Virtual Machine kita harus mempunyai file JVM

bernama j2sdk1.4.1 apabila anda belum mempunyai file ini anda bisa download di

alamat situs http://java.sun.com/products/archive/j2se/1.4.1_07/. Untuk OS Windows

Anda pilih file j2sdk-1_4_1-windows-i586.exe. Jalankan file j2sdk-1_4_1-windows-

Page 29: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

14

i586.exe, ikuti langkah-langkah instalasi. Selanjutnya kita harus tahu di folder mana

JDK dinstall, secara otomatis JDK di-install pada folder C:\ j2sdk-1_4_1

2.1.3 Instalasi MapInfo MapXtreme Java

Setelah kita melakukan instalasi JVM, agar MapXtreme dapat berjalan kita

harus melakukan instalasi Tomcat (instalasi Tomcat sudah menjadi satu paket dalam

installer MapXtreme). Mapxtreme digunakan untuk mengembangkan aplikasi

pemetaan server untuk Intranet atau Extranet, dengan beberapa fitur sebagai berikut:

a. Menyimpan layer-layer peta dalam format geoset, yaitu file yang nantinya

digunakan untuk menampilkan peta dalam bentuk yang sudah tertata rapi dan dapat

dibuka dalam MapInfo MapX.

b. Membuka peta dalam format geoset

c. Drill-down mapping, mengeksplorasi data dengan point dan klik secara mudah

untuk OLAP/DSS. Kita dapat men-drill-down dalam suatu bagian dari peta dengan

pointing menunjuknya dan mengklik untuk masuk ke bagian yang lain yang lebih

detail.

d. Data binding, peta dapat digabungkan dengan data dari container dimana OCX di-

embedding sebagai ODBC, DAO data source seperti Ms. Access. MapX

menyediakan beberapa tipe yang berbeda dari data binding termasuk ZIP Code

Level Geocoding.

e. Annotation, menyediakan orientasi, highlight dari data spesifik dan membuat peta

kita lebih informatif dengan menambahkan teks, simbol dan label.

f. Layering, tipe spatial dari aplikasi didukung oleh tipe spatial layer seperti layer

animasi dan layer user draw.

g. Raster image.

h. Automatic labelling, memberikan label pada peta kita secara otomatis.

Page 30: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

15

i. Selection, memberikan kebebasan pada feature map analytic dengan

mengelompokkan dan mengkoordinasikan data.

j. Feature factory, mengkreasikan, mengkombinasikan, buffer, atau menghapus point,

garis dan feature region.

k. Tools.

l. Map editing, memberikan kemudahan untuk menambah, memodifikasi atau

menghapus feature-feature pada peta.

m. Proyeksi dan sistem koordinat.

n. Remote spatial server connectivity.

Software MapInfo MapXtreme Java dapat di download di URL

www.mapinfo.com/dowload, ada tiga tahap penginstallan, yaitu sebagai berikut :

a. Instalasi MapInfo MapXtreme Java

- Untuk instalasi MapInfo MapXtreme jalankan file install.exe yang terdapat pada

folder 1 dalam installer MapXtreme, kemudian akan tampil dialog box untuk

memilih jenis bahasa, pilih bahasa yang diinginkan dan klik OK.

- Pilih accept pada dialog box License Agreement, kemudian klik next.

- Selanjutnya pilih salah satu tipe instalasi Full Install atau Custom Install. Full

install jika ingin menginstal semua komponen, sedangkan Custom Install jika

ingin memilih komponen mana saja yang ingin diinstall. Kemudian klik next.

- Pilih lokasi folder yang akan diinstall (lokasi default C:\Program Files\ MapInfo).

Klik next.

- Pada dialog box JVM, jika pada PC Anda belum terinstall j2sdk1.4.1 atau versi di

atasnya maka pilih install. Jika sudah terinstall JVM, maka pilih j2sdk1.4.1 atau

versi di atasnya. Kemudian klik next.

Page 31: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

16

Gambar 2.1 Choose Java Virtial Machine

- Pada dialog box Setup Web Environment, isi hostname dan port Number. Default

port adalah 8080, bisa Anda ubah menjadi 80 akan memudahkan kita mengakses

URL local. Jika dengan port: 8080 untuk mengakses URL local pada web

browser di URL address harus kita ketikkan: http://localhost:8080/index.html,

maka dengan port:80 cukup kita ketikkan: http://localhost/index.html

Gambar 2.2 Setup Web Environment

- Kemudian klik Add Folder atau Add Zip/Jar untuk memanggil file jdbc nya.

Misal di C:\jdbc. Kemudian klik next untuk proses install selanjutnya.

Page 32: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

17

Gambar 2.3 List Clash Path

b. Instalasi Data

- Jalankan file SampData.exe pada folder 4 dalam installer MapXtreme,

kemudian akan tampil form untuk memilih jenis bahasa seperti installasi

pertama, pilih jenis bahasa kemudian klik OK.

- kemudian klik next pada kotak dialog introduction.

- Pada form Choose Install Folder pilih lokasi penyimpanan program MapInfo

Sample data (default : C:\Program Files\MapInfo). Kemudian klik Next.

- Pada dialog box Choose Install Set, pilih Complete untuk menginstall semua

Sample Data sehingga akan tampil form Choose Shortcut Folder. Atau pilih

Custom untuk menginstall sesuai dengan keinginan kita sehingga tapil form

Choose Product Component seperti dibawah ini.

Gambar 2.4 Install Set Map Data

Page 33: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

18

Jika memilih Custom maka akan tampil seperti dibawah ini :

Gambar 2.5 Component Map Data

Pilih dengan memberikan tanda pada component yang akan di install.

Kemudian klik Next, sehingga akan tampil form Choose Shortcut Folder seperti

dibawah ini :

Gambar 2.6 Shortcut Folder Map Data

- kemudian klik Next. Akan tampil :

Page 34: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

19

Gambar 2.7 Setup Web Environment

Pada dialog box Setup Web Environment, isi hostname dan port Number. Default

port adalah 8080, bisa Anda ubah menjadi 80 akan memudahkan kita mengakses

URL local. Jika dengan port: 8080 untuk mengakses URL local pada web

browser di URL address harus kita ketikkan: http://localhost:8080/index.html

Maka dengan port:80 cukup kita ketikkan: http://localhost/index.html

Gambar 2.8 Pre Installation

Klik tombol install kemudian klik tombol Done

Page 35: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

20

c. Instalasi Web Server Environment

- Jalankan File Install.Exe pada CD Installer folder …../2/install.exe. Langkah

awal instalasi sama seperti langkah install MapXtreme Java dan Install Sample

Data. Perbedaannya pada saat tampil Form seperti berikut :

Gambar 2.9 WarFile Generator

- Pada pilihan Default MapXtreme War Files, berarti akan menginstall component

Web Environment dengan secara otomatis akan terinstall juga file MapXtreme

4.7.0.war.

- Pada pilihan User-specified Context, file MapXtreme 4.7.0.war harus kita buat

sendiri dengan nama lokasi penyimpanan dan nama file WAR nya. Kemudian

klik Next. Kemudian langkah selanjutnya sama seperti langkah pada Install

sebelumnya hingga tampil form MapXtreme Logging File Location. Searching

file *.log, kemudian pada form ini klik choose untuk memilih folder yang

menyimpan file MapXtreme_Java_Edition_Map_Data_InstalLog.log. Kemudian

copy filenya pada box Please Choose a Folder. Sehingga menjadi C:\ Program

Files\MapInfo\MapXtreme_Java_Edition_Map_Data_InstalLog.log. Kemudian

klik Next dan akhirnya klik Done untuk menyelesaikan proses instalasi. Seperti

berikut :

Page 36: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

21

Gambar 2.10 MapXTreme Logging File

2.2 Instalasi Software Webmap Untuk Pemrograman PHP

Untuk membuat aplikasi webmap dengan bahasa pemrograman JSP, yang harus

disiapkan adalah beberapa program yang mendukung ke pembuatan webmap sebelum

diuji cobakan di web browser diantaranya

1. QuantumGis

Quantum GIS (QGIS) sebuah software berbasis open source untuk SIG yang bisa

dijalankan di Linux, Unix, Mac OSX, dan Windows. QGIS mendukung format

vector, raster dan database. QGIS dilisensi dibawah GNU General Public

License. QGIS memungkinkan user mem-browse dan membuat peta dikomputer.

QGIS juga mendukung banyak format spasial data yang umum digunakan

seperti ESRI Shapefile dan geotiff. QGIS mendukung plug-in untuk melakukan

beberapa hal seperti menampilkan track dari GPS. QGIS adalah software open

source dan tentu saja gratis, dengan beberapa fitur yaitu:

- fly projection support, untuk membuat project layer pada sistem koordinat yang

berbeda.

- Map Composer, untuk membuat map layout.

- Toolbox, untuk menjalankan GRASS tool dari QGIS.

- fitur Raster Graphing Tool, untuk menghasilkan histogram bagi sebuah layer.

Page 37: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

22

- Raster Query menggunakan identity tool memungkinkan user untuk mendapatkan

nilai pixel dari sebuah raster dengan membuatnya menjadi layer yang aktif.

- User preferences, menyediakan setting yang bisa dikustomisasi untuk

mendigitasi lebar garis, warna dan pilihan warna.

- Simbol baru untuk digunakan bersama point layer tersedia dalam dialog layer

properties.

- Spatial bookmarks, untuk membuat dan mengorganisasi bookmarks bagi sebuah

area di peta.

- Measure tool, untuk mengukur jarak di peta , panjang segment maupun total

panjang keduanya ditampilkan ketika user melakukan klik

- Raster Georeferencer Plug-in, untuk me-generate sebuah world file bagi raster,

memungkinkan kita mendefiniskan control points yang diketahui dalam sistem

koordinat raster. Apabila sudah ada cukup control points yang didefiniskan dalam

sistem koordinat raster, world file bisa di-generate dan raster akan

ditampilkan dengan benar di QGIS atau aplikasi GIS yang lain.

2. PostGis

PostGIS sebuah teknologi database yang dapat menyimpan data spasial

(keruangan). PostGIS menyediakan sejumlah fungsi penting dari Sistem Informasi

Geografis (SIG), termasuk membangun hubungan topologi, tampilan antar muka

untuk melihat dan mengedit SIG, dan juga dapat diakses dengan perangkat yang

berbasis web, dengan arsitektur seperti yang terlihat pada gambar berikut,

Gambar 2.11 Arsitektur PostGis dalam database Postgrees

Page 38: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

23

3. Macromedia Dreamwaver 8

Macromedia Dreamweaver adalah program untuk membuat dan mengedit dokumen

HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver

menyediakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti

HTML, CSS, JavaScript, PHP, ASP, ColdFusion, dan XML.

4. MS4W (MapServer For Windows)

MS4W untuk platform windows, dimana MapServer (http://mapserver.gis.umn.edu)

merupakan aplikasi freeware dan Open Source untuk dapat menampilkan SIG di

web. MS4W dilengkapi dengan berbagai modul tambahan yang mempermudah kita

membangun dan mengadministrasi webmap antara lain MapLab, KaMap,

Chameleon, dan lain-lain [www.maptools.org]. MapLab digunakan untuk

mempermudah kita membuat file konfigurasi MapServer (*.map) pada aplikasi

webmap yang kita kembangkan. Chameleon adalah framework yang menyediakan

berbagai class dan method yang mempermudah kita membangun interface aplikasi

webmap yang kita kembangkan, seperti menambahkan fitur zoom, pan dan

sebagainya. Pada bentuk paling dasar, MapServer berupa sebuah program CGI

(Common Gateway Interface). Program tersebut akan dieksekusi di web server, dan

berdasarkan beberapa parameter tertentu (terutama konfigurasi dalam bentuk file

*.MAP) akan menghasilkan data yang kemudian akan dikirim ke web browser baik

dalam bentuk gambar peta ataupun bentuk lain.

5. Cartoweb3

Cartoweb sebuah webmap yang komprehensif dan siap pakai sekaligus sebuah

framework yang nyaman digunakan untuk membangun aplikasi tingkat lanjut yang

dapat dikustomisasi. Cartoweb dikembangkan oleh Camptocamp SA menggunakan

engine UMN Mapserver dan dirilis dibawah lisensi GNU General Public License

(GPL). Cartoweb menggunakan bahasa pemrograman PHP5 yang inovatif, memiliki

modular yang tinggi dan bisa dikustomisasi karena arsitekturnya yang objectoriented,

dapat dijalankan dengan sempurna baik di Windows maupun Unixpaltform dan akan

menunjukkan kemampuan maksimalnya jika digabungan dengan database

PostgreSQL/PostGIS. Pada akhirnya, Cartoweb akan bisa digunakan sebagai SOAP

Page 39: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

24

Web Service enabling untuk dapat menggunakan front-end server dalam satu mesin

dan data dan proses generate peta pada mesin lainnya.

6. Browser Internet Explorer/Mozilla/Firefox

2.2.1 Instalasi QuantumGis (QGIS)

Instalasi software QuantumGIS digunakan untuk proses digitasi peta, peta yang

semula dari selembaran kertas selanjutnya di lakukan proses scanning seperti materi

pada bab satu tentang sumber data SIG, dengan langkah-langkah sebagai berikut,

1. Cari file instalasi QGIS yang sudah di download pada komputer Anda, kemudian

klik dua kali untuk memulai pemasangan, akan muncul form seperti yang terlihat

pada gambar 2.12 berikut,

Gambar 2.12 Step-1 Instalasi QGIS

Ikuti instruksi pemasangan, klik common button Next > I Agree > Next > Install,

QGIS akan dimulai pemasangan instalasi program. Proses instalasi akan memakan

waktu beberapa menit hingga progress tanda warna hijau selesai, seperti yang

terlihat pada gambar 2.3 berikut,

Page 40: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

25

Gambar 2.13 Step-2 Instalasi QGIS

Klik common button Finish untuk menyelesaikan proses instalasi.

2. Buka QGIS dari Start Menu, akan muncul halaman kosong yang siap dipakai untuk

lood data spasial seperti yang terlihat pada gambar 2.14 berikut,

Gambar 2.14 Hasil Instalasi QGIS

Page 41: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

26

2.2.2 Instalasi PostGIS

Instalasi software PostGIS digunakan untuk mengolah data spasial yang sudah

menjadi layer di software QGIS, untuk dilakukan manajemen data pada database

PostGIS¸dengan langkah-langkah instalasi sebagai berikut:

1. Download file instalasi dari PostgreSQL Binary Download

(http://www.postgresql.org/download/), dalam buku ini penulis menggunakanversi

PostgreSQL 8.4.2 dan penulis akan menginstall PostGIS 5.1.5. Jalankan file *.exe

untuk menginstall PostgreSQL

2. Jika ingin mengakses server ini dari situs lain (selain servernya sendiri). Pilih

option "Accept connection on all addresses, not just localhost".

- Kita bisa mengubah setting dengan mengedit file postgresql.conf >

listen_addresses property

- Jika kita tidak menyukai default port of 5432, bisa dirubah dengan di

postgresql.conf > port property.

- Untuk encoding UTF-8 lebih dipilih karena bisa merubah ke encoding lainnya.

SQL_ASCII merupakan default di Windows sebelum 8.3 dan selanjutnya diganti

dengan WIN1252, namun UTF-8 sekarang didukung dengan baik under Windows

yang secara umum merupakan default di Linux/Unix.

- Pilihan bahasa gunakan PL/pgsql, jika lupa bisa menggunakan command

createlang plpgsql untuk menginstall database tertentu atau di PgAdminIII,

arahkan ke Languages dan pilih.

3. Jika PostgreSQL sudah terinstall, jalankan Application Stack Builder dari Start

>Programs > PostgreSQL8 > Applciation Stackbuilder dan pilih versi PostgreSQL

yang ingin diinstall.

- PostGIS 1.4 dan PostGIS 1.5 bisa berada di server yang sama jika akan

menginstall keduanya, tapi yang diinstall terakhir akan melalukan overwrite

template database template_postgis, dumper dan loader commandline tools di

PostgreSQL bin folder. Klik common button next, bagi pengguna sistem operasi

windows dengan PostgreSQL 8.2 membutuhkan installer PostGIS dari

www.postgis.org/download/windows.

Page 42: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

27

Gambar 2.15 Setup-1 PostgreSQL

- PostGIS 1.5 tidak didukung oleh PostgreSQL 8.2 dan versi dibawahnya, jadi

lakukan upgrade jika akan menggunakan fitur-fitur baru di PostGIS 1.5 seperti

yang terlihat pada gambar 2.5 berikut,

Gambar 2.16 Setup-2 PostgreSQL

Page 43: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

28

4. Pilih ke Option Spatial Extensions dan pilih mirror download > install,

lanjutkan proses instalasi sampai dengan. Untuk beberapa installer package,

terutama sistem operasi windows, ketika memilih PostGIS sebagai pilihan maka

sistem akan membuat template database/template_postgis yang memiliki PostGIS

function di dalamnya.

5. Lakukan instalasi untuk OpenGeo Suite 2.1.3 untuk setup PostGis, lakukan instalasi

sampai selesai seperti pada gambar 2.17 berikut,

Gambar 2.17 Instalasi OpenGeo

6. Start OpenGeo seperti gambar 2.18 berikut,

Gambar 2.18 Start OpenGeo ke PostGist

Page 44: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

29

Langkah-langkah import shapefiles ke PostGIS dengan QuantumGIS:

1. Buka Quantum GIS Mimas 1.3.0, klik pada icon (Import Shapefilesto PostgreSQL),

akan terbuka jendela baru

Gambar 2.19 Import Shapefile ke PostgreSQL

2. Buatlah koneksi baru , tekan tombol New, kemudian isilah dengan parameter-

parameter yang dibutuhkan, kemudian tekan tombol Test Connection lalu OK.

Gambar 2.20 Connection Import Shape File ke Postgress

Page 45: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

30

Lakukan test koneksi, jika berhasil akan terlihat seperti gambar 2.21 berikut,

Gambar 2.21 Connection Success

3. pilih tombol Add untuk menambah shapefiles yang akan diimport ke PostgreSQL.

Pilih shapefiles yang diinginkan

Gambar 2.22 Add Shapefile

Page 46: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

31

4. Cek di database PostgreSQL yang telah dibuat, dan lihat apakah file shapefiles yang

diimport sudah masuk

Gambar 2.23 Cek Database

2.2.3 Instalasi Macromedia Dreamwaver 8

Instalasi Macromedia Dreamwaver 8 digunakan untuk melakukan perubahan

Page 47: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

32

html dan mengelola halaman situs webmap, dengan langkah-langkah instalasi sebagai

berikut:

1. Jalankan Setup Macromedia Dreamweaver 8, akan muncul jendela Welcome to the

InstallSheild Wizard for Macromedia Dreamweaver > Next.

2. Pada jendela License Agreement pilih I Accept the terms in the license

agreement > Next.

3. Pada jendela Destinations Folder and Shortcuts biarkan default saja dan pilih Create

QuickLaunch Bar Shortcuts (for the Current User only) dan Create Shortcuts on

Desktop (for All User) > Next.

4. Pada jendela Default Editor > Select All > Next.

5. Pada jendela Ready to Install the Program > Install, Installing Macromedia

Dreamweaver 8 tunggu hingga selesai.

6. Pada jendela InstallSheild Wizard Completed pilih Lauch Macromedia

Dreamwaever 8 > Finish.

2.2.4 Instalasi Map Server

Instalasi Map Server digunakan untuk membuat webmap yang akan dibawa ke

program aplikasi PHP, dengan langkah sebagai berikut,

1. Extract file ms4w_1.0.3.zip, kemudian hasil extract tersebut di masukkan ke

direktori C:\, sehingga kamu akan memiliki folder baru di C:\ dengan path C:\ms4w

2. Pastikan di komputer anda tidak ada proses Apache yang sedang berjalan, jika

sebelumnya anda telah menginstall Apache, hapus dari register sistem operasi Anda

dan jika tidak ingin menghapus pastikan Apache tidak berjalan secara automatic

untuk menghindari kres antara Apache yang anda miliki sebelumnya dengan Apache

bawaan MS4W.

Page 48: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

33

3. Jalankan Apache dengan mengeksekusi file “apache-install.bat” yang terdapat di

direktori C:\MS4W\. Setelah anda meng-eksekusi perintah batch tersebut, file

tersebut akan memerintah windows untuk merekam apache bawaan MS4W di

register. Jika tidak ingin hal tersebut, bisa membuatnya agar Apache MS4W tidak

terekam di register, sehingga hanya aktif jika anda inginkan dan dapat distop dengan

cara manual, caranya dengan membuat file batch sendiri yaitu:

- buat file batch “start.bat”, kemudian isikan perintah @ECHO OFF

- Start apache\bin\apache.exe, ECHO PLEASE WAIT

- Kemudian untuk menghentikan Apache, buat file batch “quit.bat”, kemudian

isikan perintah @ECHO OFF

- start apache\bin\apache.exe -k shutdown ECHO PLEASE WAIT

4. Lakukan test dengan Buka browser, kemudian ketikkan “http://localhost” di kotak

isian URL.

- Jika proses Apache berjalan, maka akan melihat tampilan MS4W.

- Scroll bar ke bawah halaman tersebut akan ditemukan link untuk melihat

tampilan MS4W

5. Setelah program aplikasi Apache dan MapServer terinstall dengan baik, langkah

selanjutnya adalah menguji apakah PHP/MapScript telah terpasang dengan benar,

yaitu:

- Aktifkan modul PHP/Mapscript, kita harus melakukan sedikit perubahan pada

konfiurasi php.ini yang terletak di D:\ms4w\Apache\cgi-bin\php.ini.

- Hilangkan karakter ”;” pada ”;extension=php_mapscript.dll”.

- Restart Apache dengan mengeksekusi apache-restart.bat.

- Lakukan ujicoba dengan membuat file berekstensi *.php, misalnya

“mapserversion.php“, kemudian ketikan kode di bawah ini:

Page 49: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

34

dl(”php_mapscript.dll”);

phpinfo();

?>

- Pangil file dari browser ”http://localhost/mapserversion.php”. Jika sukses dan

tidak terjadi error apapun pada browser, maka PHP/MapScript pendukung

MapServer telah terinstal dengan benar dan siap untuk digunakan.

2.2.5 Instalasi Cartoweb3

Instalasi Cartoweb3 digunakan sebagai framework untuk membangun aplikasi

webmap dengan bahasa pemrograman PHP5, dengan urutan langkah-langkah instalasi

sebagai berikut:

1. Download Cartoweb installer di http://cartoweb.org/downloads.html.

2. Double klik pada file *.exe untuk menjalankan instalasi.

3. Pilih option untuk menginstall demo data dan Gettext

4. Restart Windows setelah melakukan instalasi

5. Setting cartoweb menggunakan CMD seperti yang terlihat pada gambar 2.6 berikut,

Gambar 2.24 Setting Cartoweb

6. Buka browser, pada address bar ketik localhost, maka akan muncul tampilan seperti

gambar 2.25 yang menunjukkan bahwa instalasi cartoweb berhasil diinstal.

Page 50: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

35

Gambar 2.25 Hasil Instalasi Cartoweb

Page 51: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

36

BAB III

DIGITASI PETA

Tujuan pembelajaran pada bab ini, Mahasiswa memahami konsep dan uji coba digitasi

peta dari hasil peta yang sudah di scanning. Cara penyajian digitasi peta dari fenomena

geografis di dalam komputer dapat dilakukan dalam dua bentuk (format) yaitu : raster

(grid-cell) dan vektor. Format raster adalah penyajian obyek dalam bentuk rangkaian

cell atau elemen gambar (pixel), sedangkan format vektor adalah penyajian dalam

bentuk rangkaian koordinat, disajikan dalam bentuk koordinat dari kedua ujungnya [3].

Tampilan format raster dan format vektor seperti yang terlihat pada gambar 3.1 berikut,

Gambar 3.1 Model Data

Penyajian peta SIG dapat dilakukan dalam dua proses yaitu melalui digitasi dan

penyapuan (scanning), diantaranya:

1. Teknik Digitasi, obyek-obyek di peta digambar ulang dalam bentuk digital

mengunakan meja digitasi, yang berfungsi sebagai alat perekam koordinat yang

akan mencatat posisi-posisi dari kursor yang dipakai untuk menggambar ulang

obyek peta.

2. Teknik penyapuan atau scanning, obyek-obyek peta direkam ulang dengan alat optis

semacam mesin fotocopi yang kemudian akan merubah data rekaman gambar

kedalam format raster.

3.1 Digitasi Peta Dengan Software MapInfo

Peta yang akan di digitasi dengan menggunakan software MapInfo akan

digunakan untuk dibuat geoset/*.gst yang nantinya akan dibawa ke pembuatan webmap.

Page 52: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

37

MapInfo map sebuah program yang di dalamnya kita dapat membuat,

menampilkan, dan mengedit peta untuk dipresentasikan, dilaporkan, ataupun untuk

dipublikasikan. Hal ini dimungkinkan karena di dalamnya memiliki sebuah alat

pemroses yang di sebut Object Linking and Embedding (OLE) di mana aplikasi server

(seperti MapInfo) menyediakan informasi yang tersimpan dalam aplikasi client yang

dapat menerima informasi OLE (seperti Visual Basic). MapInfo map membolehkan kita

untuk meng-embedding map window pada setiap aplikasi yang menerima obyek OLE

dan menggunakan beberapa feature Map Info untuk membuat, menampilkan, dan

mengedit peta secara langsung. Adapun alasan digunakannya MapInfo map karena

MapInfo map menyediakan sebuah subset dari feature MapInfo, menggunakan MapInfo

map adalah sama halnya dengan menggunakan MapInfo. Jadi layer-layer dapat

diintegrasikan menjadi satu pada satu saat ketika kita membuat peta di MapInfo.

MapInfo memiliki fasilitas untuk pembuatan peta spatial yang lebih obyektif,

karena di dalamnya kita dapat melakukan proses penambahan simbol, teks, maupun

warna yang berbeda-beda yang dijadikan pembeda antara daerah yang satu dengan yang

lainnya. MapInfo map menyediakan tool-tool yang akan memudahkan dalam

penggambaran peta seperti drawing tools, main tools, dan bidang window yang

digunakan untuk menggambar sebuah peta. MapInfo map menyediakan beberapa

macam tampilan peta, kemampuan view dan edit, termasuk juga :

a. Membuka multiple table pada satu saat.

b. Mengontrol properti layer secara individu seperti display dan label.

c. Memanipulasi view dari window peta.

d. Mencari informasi yang diasosiasikan dengan suatu layer peta.

e. Mengontrol proyeksi peta dan unit-unitnya.

3.1.1 Tools Main

Pada tabel 3.1 merupakan tools utama yang digunakan dalam software Map Info

untuk melakukan manipulasi dari hasil digitasi peta yang sudah dibuat.

Page 53: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

38

Tabel 3.1 Tool Main yang digunakan di MapInfo

Nama Tool dan Fungsi Keterangan

- Select

memilih obyek/mengembalikan bentuk mouse menjadi normal.

- Radius select

memilih/blok obyek berdasarkan radius/lingkaran.

- Boundary select

memilih/blok obyek berdasarkan bentuk obyek.

- Graph select

memilih graph yang digunakan.

- Marquee select

memilih/blok obyak dalam bentuk persegi empat.

- Polygon select

memilih/blok obyek berdasarkan bentuk polygon gambar.

- Unselect all

menandakan gambar tidak ada yang terselect.

- Zoom-in

membesarkan gambar peta.

- Zoom-out

mengecilkan gambar peta.

- Grabber

mengatur posisi gambar.

- Change view

mengganti tampilan peta berdasakan zoom.

- Info

input informasi dari peta yang aktif.

- Label

menampilkan label setelah diinputkan melalui info.

- Layer control

mengontrol layer yang sedang aktif.

- Show/hide legend

menampilkan/menghilangkan legenda peta.

Page 54: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

39

3.1.2 Tools Drawing

Tabel 3.2 merupakan tools drawing yang digunakan untuk proses digitasi peta,

disitu dapat diamati beberapa fungsi yang disesuaikan dengan kondisi peta yang akan

didigitasi, tools Polyline akan aktif bila reshape aktif dengan klik node pada gambar

kemudian klik add node untuk melakukan edit atau tambah node, dimana node adalah

titik yang ada pada sudut lines, region, arcs.

Tabel 3.2 Tool yang digunakan untuk Digitasi Peta Pada MapInfo

Tools Nama Tool Keterangan

Simbol, Line

Polyline, Arc

Tools ini digunakan untuk menggambar

simbol, garis, polyline, dan garis lengkung

Polygon, Ellips

Rectangle,

Rounded

Rectangle

Tools ini digunakan untuk menggambar

poligon, lingkaran, kotak, dan kotak ujung

bulat

Text Tool ini digunakan untuk memberi

keterangan teks/tulisan

Symbol Style,

Line Style

Region Style, Text

Style

Tools ini digunakan untuk mengganti style

dari simbol, garis, area, dan teks/tulisan

Boundary Select,

Marquee Select,

Radius Select,

Tools ini digunakan untuk memilih obyek-

obyek yang diinginkan untuk di-select

Page 55: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

40

Tools Nama Tool Keterangan

Polygon Select

Zoom-in, Zoom-

out

Change view,

Grabber

Tools ini digunakan untuk zoom besar, zoom

kecil, mengubah view, dan menggeser peta

Info, Show/Hide

Legend

Label, Layer

Control

Tools ini digunakan untuk menampilkan

info/data peta, legenda, label, dan layer peta

3.1.3 Tools DBMS

Tool DBMS digunakan untuk membuat koneksi dengan database, dalam uji

coba nanti akan dilakukan dengan software Microsoft SQL Server, seperti yang terlohat

pada gambar 3.2.

Tabel 3.3 Tools DBMS

Tools Keterangan

Open DBMS table

Make DBMS table mappable

Refresh DBMS table

Change the symbol for a mappable DBMS table

Disconnect DBMS

Page 56: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

41

Unlink DBMS table

Tabel 3.4 merupakan tools tambahan yang digunakan untuk mengolah isi tabel dalam

data spasial yang akan diolah menjadi data atribut.

Tabel 3.4 Tools Tambahan

Nama Tools Fungsi

New browser digunakan untuk melihat isi table baru dalam gambar peta.

New mapper digunakan untuk menampilkan peta baru.

New grapher digunakan untuk menampilkan grafik baru.

New layout digunakan untuk menampilkan layout baru dan melakukan print peta.

New redistricter digunakan untuk districk/tampilan umum ulang.

3.1.4 Uji Coba Digitasi Peta Software Map Info

Pada percobaan-1 yaitu menggambar peta baru, disini diasumsikan belum ada

peta yang akan dilakukan digitasi peta, dengan langkah-langkah sebagai berikut:

1. Klik start > Program > MapInfo > MapInfo Professional

2. Klik cancel untuk masuk Tampilan Utama MapInfo

3. Dari menu File > New Table, kemudian pilih Open New Mapper dan Klik Create

kemudian akan tampil seperti gambar 3.2 berikut,

Unlink

DBMS table Disconnect New browser

New mapper New grapher

Page 57: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

42

Gambar 3.2 Input Atribut Pada Tabel

Isi Field Information dengan field-field seperti pada tabel 3.4 berikut,

Tabel 3.5 Isi Atribut

Name Type Width

Nama Character 20

Populasi Integer Default integer

Luas Integer Default integer

Setelah mengisi field pertama, klik Add Field kemudian inputkan field kedua

lalu field ketiga.

Setelah selesai menginputkan data, klik create kemudian simpan Table dengan

nama peta yang akan dibuat yaitu Batas Wilayah, dalam folder yang sudah

dibuat kemudian klik save.

4. Klik tool Polygon pada tool Drawing kemudian gambar wilayah yang ada inginkan

dengan bantuan mouse dengan garis tidak terputus (polygon).

5. Setelah gambar polygon selesai, klik tool Info pada tool Main, kemudian arahkan

mouse Anda ke tengah gambar polygon kemudian klik, akan tampil form yang

miminta untuk mengisi atribut yang sudah dibuat pada tabel 3.5 seperti pada gambar

3.3 berikut,

Page 58: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

43

Gambar 3.3 info tool

Isi semua polygon yang ada dengan inputan data mengacu pada tabel 3.5 berikut,

Tabel 3.6 isi info tool

Nama Populasi Luas

Surabaya 750000 8000

Bojonegoro 250000 3500

Gresik 150000 2500

6. Klik select pada tool main untuk warna polygon, Klik polygon pertama kemudian

klik tool Region Style pada tool Drawing akan tampil seperti pada gambar 3.4

berikut,

Gambar 3.4 Region Style

Page 59: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

44

Pilih fill kemudian set pattern, foreground dan background. Dalam Region Style ada

kotak Border fungsinya untuk mengatur garis pinggir polygon, style untuk memilih

bentuk garis yang diinginkan, color untuk menentukan warna garis, kotak width

untuk mengatur ketebalan garis dengan pixels atau dengan angka ketebalan. Untuk

melihat tampilan akan ditampilkan lewat Sample.

7. Untuk menampilkan text yang telah di inputkan dapat dilakukan dengan klik tool

label pada tool Main, kemudian klik pada polygon yang akan anda tampilkan

textnya. Untuk menulis dalam bentuk text klik tool text pada tool Drawing,

kemudian klik pada polygon yang anda inginkan, untuk mengatur tampilan huruf

klik text style, seperti gambar gambar 3.5 berikut,

Gambar 3.5 Text Style

Untuk memilih pilih font, text color untuk warna background, effects untuk memilih

type tulisan. Hasilnya dapat dilihat pada Sample.

8. Bila polygon akan ditambah dengan gambar jalan, klik Polyline untuk gambar jalan

tidak beraturan, line untuk jalan lurus dan Arc untuk gambar lengkung. Untuk

symbol bisa klik tool symbol pada Drawing, kemudian klik pada polygon yang anda

inginkan, untuk merubah tampilan symbol klik symbol style seperti pada gambar 3.6

berikut, Untuk mengisi info dari symbol, klik tool info pada tool main, kemudian isi

info sesuai dengan gambar.

Page 60: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

45

Gambar 3.6 Symbol Style

9. Simpan gambar peta yang telah di lakukan proses digitasi seperti hasil yang terlihat

pada gambar 3.7 dengan menakan gambar disket pada toolbar atau dengan cara

memilih menu File > Save Table (ctrl+s).

Gambar 3.7 Hasil Digitasi Peta

Pada percobaan-2 ini akan disajikan hasil peta yang sudah di lakukan proses

scanning dari lembaran peta Kabupaten Ponorogo dan akan dilakukan proses digitasi

peta, dengan langkah-langkah sebagai berikut:

Page 61: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

46

1. Klik start > program > mapinfo professional, selanjutnya pilih open a table dan klik

open akan tampil gambar seperti pada gambar 3.8 berikut

Gambar 3.8 Membuka Peta *.jpg

klik file of type kemudian pilih raster image untuk membuka file gambar *.jpg.

Kemudian select nama gambar dan klik open, kemudian klik Display, akan tampil

form seperti pada gambar 3.9 berikut,

Gambar 3.8 Hasil Display Peta *.jpg

New

layo

Page 62: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

47

2. Buat layer baru dengan cara pilih menu file > new table > create, maka akan muncul

New Table Structure, selanjutnya isi field-field yang diperlukan (pada contoh ini

seperti pada tabel 3.7 dan enty data field seperti pada gambar 3.10 berikut,

Tabel 3.7 Isi Field Data Atribut

Name Type Width

Nama_Kecamatan Character 35

Luas Float ---

Suhu Integer ---

CurahHujan Integer ---

Ketinggian Integer ---

Gambar 3.10 New Table Structure

Setelah itu klik create, setelah muncul form create new table, tulis file name dengan

nama kecamatan, pilih save as type dengan Mapinfo (*.tab), kemudian klik save.

3. Masuk dalam tampilan peta raster PETA_PNRG yang telah dibuka, klik kanan >

Layer Control akan muncul tampilan seperti pada gambar 3.1, Klik common button

Add pada layers, kemudian pilih layer kecamatan kemudian Add.1Klik editable

Page 63: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

48

(gambar pensil) untuk melakukan edit pada layer kecamatan, klik common button

OK untuk mengakhiri.

Gambar 3.11 Layer Control

4. Gambar ulang peta pada layar dengan menggunakan polygon pada Drawing,

sebelum menggambar ulang zoom in besarkan dahulu petanya untuk gambar yang

lebih teliti. Ganti warna polygon dengan warna yang berbeda, dengan cara klik

polygon pada layar > klik region style seperti yang terlihat pada gambar 3.12

berikut,

Gambar 3.12 Region Style

Page 64: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

49

Klik pattern untuk memulih type arsiran, foreground untuk warna transparan, dan

background untuk warna latar belakang. Klik OK untuk mengakhiri.

5. Isi data Nama_Kecamatan dan Luas dengan menggunakan Info pada pada tools

main, dengan cara klik Info > klik polygon yang akan anda isi datanya seperti pada

tampilan gambar 3.13 berikut,

Gambar 3.13 Info Tool

Ulangi langkah 5 hingga semua data terisi, dalam contoh ini data yang disajikan

seperti yang dicontohkan pada tabel 3.8 dengan hasil digitasi seperti yang terlihat

pada gambar 3.14,

Tabel 3.8 Isi Data Spasial Wilayah

Kecamatan Luas Suhu CurahHujan Ketinggian

Sawoo 124,71 22 247 700

Sooko 104,24 27 195 300

Ngebel 59,51 24 195 600

Pulung 127,55 26 195 200

Jenangan 59,44 30 155 100

Mlarak 37,2 31 47 50

Page 65: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

50

Kecamatan Luas Suhu CurahHujan Ketinggian

Siman 37,95 30 60 60

Slahung 90,34 29 155 100

Bungkal 54,01 20 253 900

Sambit 59,83 30 100 80

Ngrayun 19,986 25 195 500

Sampung 80,61 29 155 150

Babadan 43,93 31 47 50

Jambon 57,48 19 273 1000

Kauman 36,61 29 155 100

Ponorogo 2233 31 47 50

Sukorejo 59,58 30 100 80

Jetis 22,41 31 47 50

Balong 56,96 30 100 70

Badegan 52,35 18 360 1500

Hasil digitasi peta dan hasil peta yang sudah dilakukan digitasi seperti yang terlihat

pada gambar 3.1 Setelah 4selesai, simpan gambar peta Anda dengan menekan save

atau langsung klik gambar disket pada toolbar. Simpan kembali peta Anda dalam

format Workspace, dengan cara file > save workspace simpan dengan nama

kecamatan dan letakkan pada folder yang berbeda.

Page 66: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

51

Gambar 3.14 Hasil Digitasi Peta Kabupaten Ponorogo

3.2 Digitasi Peta Dengan Software QGIS

Langkah pertama untuk digitasi peta dengan menggunakan software QGIS

adalah mendapatkan semua data yang dibutuhkan, disini akan dibahas bagaimana

mengakses data OpenStreetMap dan membukanya melalui QGIS. Terdapat beberapa

cara untuk melakukan ini, dan kita akan berjalan melalui beberapa cara untuk

mendapatkan data dan menjelaskan keuntungan dari tiap cara. Sebelum kita mulai, mari

kita melihat sejenak untuk mempertimbangkan perbedaan cara dari data geografis yang

akan disimpan, ada dua cara yaitu:

1. Menyimpan data SIG dalam database, keuntungannya dapat lebih cepat dan lebih

unggul, tetapi membutuhkan sedikit pengetahuan teknis.

2. Menyimpan data SIG dalam database dalam sebuah file, menyimpan data dalam

sebuah file sangat mudah untuk keperluan pribadi dan baik untuk membagikan file

tersebut ke orang lain.

Pada contoh ini data yang akan dihasilkan salah satunya dalam format shapefiles

(*.shp). Percobaan ini langkah awal yang akan dilakukan adalah mendownload

beberapa file *.shp yang telah dibuat dari data OpenStreetMap, jadi kita dapat

Page 67: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

52

membukanya secara mudah pada software QGIS, dengan langkah-langkah sebagai

berikut:

1. Pada web browser , masuk ke halaman web http://download.geofabrik.de/osm.

Shapefiles terorganisir berdasarkan kontinen dan negara. Navigasikan pada sebuah

negara yang menarik bagi Anda, dan klik pada file apapun yang berakhiran

“shp.zip”. Pada tutorial ini kita akan menggunakan geodata dari Indonesia dimana

dapat didownload di http://download.geofabrik.de/osm/asia/indonesia.shp.zip

Gambar 3.15 Download file *.shp

2. Ketika proses download telah selesai, temukan file tersebut pada komputer Anda,

klik kanan dan pilih “Extract All” yang akan meng-unzip file-file sehingga file

tersebut siap untuk dibuka dalam software QGIS seperti yang terlihat pada gambar

3.16 berikut,

Gambar 3.16 Extrac File *.shp

Page 68: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

53

Buka software QGIS dan tambahkan file *shp, ketika kita menambah sebuah file

*shp tersebut akan menjadi sebuah layer dan ketika menambahkan file dalam jumlah

banyak maka kita memiliki multiple layer. Kita dapat mengurutkan layer-layer ini

sehingga layer tertentu dapat muncul di depan layer yang lain, sebagai contoh kita

hanya menginginkan layer jalan raya untuk tampil di depan layer sungai, karena

secara umum jalan raya melewati sungai.

3. Tambahkan file *shp ke dalam software QGIS sebagai layer. Klik pada tombol “Add

Vector Layer” , pilih file *shp yang akan ditambahkan seperti yang terlihat

pada gambar 3.17 berikut,

Gambar 3.17 Add Vector Layer

4. Klik common button Browse dan navigasikan pada file *.shp yang telah Anda

download dan ekstrak, sebagai contoh file yang bernama roads.shp berisi semua

jalan raya, natural.shp berisi semua fitur alami seperti hutan dan danau, seperti

contoh yang terlihat pada gambar 3.18 berikut,

Gambar 3.18 Memilih File *.shp

Page 69: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

54

5. Setelah file *.shp untuk dilihat, pada software QGIS pilih menu File > Open akan

muncul dialog Add vector layer klik Open akan muncul seperti yang terlihat pada

gambar 3.19 berikut,

Gambar 3.19 Open File *.shp

Pada sisi kiri merupakan seluruh layer yang dipunyai oleh file *shp yang baru saja

kita buka, dan sisi kanan merupakan jendela utama peta. Sekarang, mari kita

melihat bagaimana kita dapat menavigasikan data dan memeriksa atributnya, dimana

setiap layer yang terbuka mungkin mengandung banyak fitur yang merupakan

sebuah objek yang tersimpan di dalam layer. Sebagai contoh, setiap jalan raya atau

bagian dari jalan raya yang tersimpan di layer road adalah sebuah fitur individu.

Setiap fitur mempunya sekelompok atribut, seperti nama jalan dan tipe jalan. Pada

layer building, setiap bangunan individu adalah sebuah fitur dan memunyai atribut

tersendiri, dan kita akan mampu untuk mengklik pada fitur bangunana apapun pada

peta dan melihat atributnya.

3.2.1 Navigasi Peta

Sebelum kita memeriksa atribut dari fitur individu, mari kita melihat secara

cepat bagaimana untuk menavigasikan peta. Kontrol utama untuk menggerakan peta dan

Page 70: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

55

memperbesar serta memperkecil peta berada pada tool panel pada software QGIS

Ketika mengklik salah satu dari tombol tersebut, ini akan merubah apa yang dapat Anda

lakukan dengan mouse Anda pada jendela peta utama , seperti yang terlihat pada tabel

3.9 berikut:

Tabel 3.9 Navigasi Peta

Tools Keterangan Fungsi

(grabber) untuk menggeser peta, atau menggerakannya, tahan tombol

mouse sebelah kiri Anda dan geser mouse di dalam jendela

peta.

(Zoom In) untuk melakukan perbesaran pada peta. Pilih tombol ini.

Dengan menggunakan mouse Anda, gambar sebuah boks

sekitar area yang hendak perbesar, dan lepas tombol mouse

Zoom Out untuk memperkecil tampilan peta, pilih tombol ini dan klik

pada peta

Center untuk Anda melakukan perbesaran penuh pada peta. Ketika

mengklik tombol ini, Anda dapat melihat keseluruhan data

yang telah Anda muat di proyek Anda

3.2.2 Fitur Peta

Untuk memeriksa fitur dalam layer di software QGIS, gunakan tombol Zoom in,

perbesar di mana saja di dalam peta dimana Anda dapat melihat banyak fitur, seperti

yang terlihat pada gambar 3.20, pada gambar 3.20 kita dapat melihat peta dari dekat.

Pada panel sebelah kiri merupakan sebuah daftar dari layer yang telah kita muat. Di

bawah setiap layer terdapat sebuah ikon yang memberitahu kita bagaimana fitur tersebut

ditampilkan di dalam peta. Sebagai contohnya, kotak yang berwarna kuning di bawah

layer buildings mengindikasikan bahawa fitur tersebut adalah poligon, atau bentuk, dan

mereka berwarna kuning pada peta. Hal yang serupa, fitur yang berada di layer natural

juga merupakan poligon, mereka berwarna ungu. Fitur yang ada di layer points

ditampilkan sebagai titik, bukan poligon, dan mereka direpresentasikan oleh titik

Page 71: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

56

berwarna hijau, layer roads merupakan bukan poligon dan juga bukan titik, melainkan

garis. Jalan direpresentasikan oleh garis berwarna ungu pada peta seperti yang terlihat

pada gambar 3.21 berikut,

Gambar 3.20 Fitur file *.shp

Gambar 3.21 Fitur Layer

Setiap layer mempunyai fitur yang berbeda yang ditampilkan pada peta kita. Di

sana terdapat banyak garis berwarna ungu, sebagai contoh, tiap garis ungu tersebut

merepresentasikan jalan yang berbeda. Setiap titik yang berwarna ungu

Page 72: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

57

merepresentasikan fitur yang berbeda di layer points, berarti, sebuah tempat yang

berbeda pada peta. Sekarang mari kita lihat bagaimana kita dapat memeriksa fitur-fitur

ini.

Untuk melihat atribut dari sebuah fitur, kita perlu memilih layer yang kita

inginkan di sebelah kiri, kemudian klik sebuah objek menggunakan tool “Identify

Features” ( ), selanjutnya klik pada layer roads pada panel di sebelah kiri. Klik

pada fitur jalan dimana saja pada peta, ketika kita klik pada layer jalan jalan sebuah

jendela akan muncul dan menampilkan atribut dari fitur tersebut, seperti yang terlihat

pada gambar 3.23 berikut,

Gambar 3.22 Atribut Fitur Layer

3.2.3 Tabel Atribut

Memeriksa fitur individu adalah sangat berguna, melihat atribut dari semua isi

layer, dengan langkah-langkah sebagai berikut:

Page 73: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

58

1. Pada panel layer QGIS klik kanan pada layer apa saja dan klik “Open attribute

table”, sebagai contoh kita akan melihat pada layer points seperti yang terlihat pada

gambar 3.23 berikut,

Gambar 3.23 Open Attribute Table

2. Buka pada jendela spreadsheet (tabel excel), maka akan muncul atribut osm_id,

timestamp, name, dan type dari isi layer yang dibuka, seperti yang terlihat pada

gambar 3.24 berikut,

Gambar 3.24 Isi Atribut

Page 74: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

59

Double-klik field type akan tampil semua fitur, sortir berdasarkan alphabet akan

menampilkan lokasi diaman titik tersebut direpresentasikan.

3.2.4 Digitasi Peta *.jpg

Pada sub bab ini akan dijelaskan bagaimana kita melakukan digitasi peta yang

diperoleh dari selembaran kertas, yang selanjutnya dilakukan proses scanning peta untuk

mendapatkan file digital dengan format *.jpg, pada contoh ini digunakan peta

Kabupaten Bojonegoro, dengan langkah-langkah sebagai berikut:

1. Buka QGIS dengan tampilan awal seperti terlihat pada gambar 3.25 berikut,

Gambar 3.25 Tampilan Awal QGIS

2. Pada tampilan gambar 3.25, pilih menu Layer kemudian add raster layer dan ambil

file *.jpg yang akan di digitasi, kemudian klik open akan muncul seperti yang

terlihat pada gambar 3.26 berikut, terlihat gambar dengan format *.jpg sudah berada

di halaman QuantumGis untuk dilakukan proses digitasi peta, perbesar gambar

dengan tools Zoomin , kemudian mulai digitasi layer kecamatan dengan pilih menu

layer pilih “new vector layer” dengan pilih polygon untuk tipe Kecamatan yang

digunakan untuk menentukan jenis data spasial yang digunakan dilayer yang akan

dibentuk, kemudian pada field atribut dengan menambahkan atribut yang dibutuhkan

pada layer kecamatan yang akan dibuat seperti yang terlihat pada gambar 3.28,

Page 75: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

60

Gambar 3.27 Open File *.jpg

Gambar 3.27 New Vector Layer

3. Isi data atribut, dalam contoh ini diisikan atribut nama_kec, luas_kec dan jml_pndk,

setelah selesai melakukan pengisian data atribut klik common button “OK”,

kemudian save as dengan nama “Kecamatan.shp”. Maka layer Kecamatan akan

nampak seperti pada gambar 3.28 berikut,

Page 76: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

61

Gambar 3.28 Field Isi Atribut

4. Digitasi layer satu persatu tiap kecamatan yang ada di Kabupaten Bojonegoro

hingga dua puluh tujuh Kecamatan seperti yang terlihat pada gambar 3.29 dengan

menggunakan tool yang tersedia pada QGIS. Apabila selesai digitasi semua

kecamatan maka dapat dilihat seperti pada gambar 3.30,

Gambar 3.29 Digitasi Layer Kecamatan

Page 77: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

62

Gambar 3.30 Hasil Digitasi Keseluruhan Layer Kecamatan

Latihan:

Lakukan digitasi untuk blok layer yang lain, sesuaikan dengan kebutuhan layer yang

menjadi topik webmap yang akan dibangun, topik yang akan dikembangkan dalam

latihan ini adalah webmap untuk mengetahui daerah rawan banjir. Tambahkan layer

berikut dengan kreasi panduan pada tiap tabel dan gambar yang akan dihasilkan,

kembangkan untuk project SIG yang akan dibangun, diantaranya:

Tabel 3.9 Layer Desa

Layer Tipe Keterangan

Peta Kecamatan Polygon Wilayah Kecamatan Kota bojonegoro

Nama Desa Polygon Wilayah Desa pada setiap kecamatan

Luas Area Banjir Symbol Keterangan luas area banjir

Kontur Tanah Symbol Keterangan jenis kontur tanah

Page 78: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

63

Gambar 3.31 Digitasi Layer Desa

Tabel 3.10 Layer Genangan

Layer Tipe Keterangan

Peta Kecamatan Polygon Wilayah Kecamatan Kota bojonegoro

Peta Desa Polygon Wilayah Desa pada setiap kecamatan

Luas Genangan Symbol Keterangan lama genangan

Gambar 3.32 Digitasi Layer Genangan

Page 79: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

64

Tabel 3.11 Layer Ketinggian Sungai

Layer Tipe Keterangan

Peta Kecamatan Polygon Wilayah Kecamatan Kota bojonegoro

Peta Desa Polygon Wilayah Desa pada setiap kecamatan

Tinggi Sungai Symbol Keterangan ketinggian sungai

Gambar 3.33 Digitasi Layer Sungai

Tabel 3.12 Layer Balai Desa

Layer Tipe Keterangan

Peta Kecamatan Polygon Wilayah Kecamatan Kota bojonegoro

Peta Desa Polygon Wilayah Desa yang tersebar pada setiap kecamatan

Nama Balai Desa Symbol Keterangan nama balai desa

Gambar 3.34 Digitasi Layer Balai Desa

Page 80: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

65

Tabel 3.13 Layer Sekolah

Layer Tipe Keterangan

Peta Kecamatan Polygon Wilayah Kecamatan Kota bojonegoro

Peta Desa Polygon Wilayah Desa yang tersebar pada setiap kecamatan

Nama Sekolah Symbol Keterangan nama sekolah pada setiap desa

Gambar 3.35 Digitasi Layer Sekolah

Page 81: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

66

BAB IV

PEMETAAN LAYER

Tujuan pembelajaran pada bab ini, Mahasiswa memahami konsep dan implementasi

layer yang akan digunakan pada peta sebagai data spasial SIG dan melakukan

manipulasi layer yaitu menambah layer baru, edit layer dan menyimpan layer.

4.1 Konsep Layer

Layer atau data spasial adalah lapisan atau lembaran. Layer dalam SIG adalah

lapisan peta yang berisi informasi dari peta berupa titik, garis, poligon (2-D), permukaan

(3-D) seperti ilustrasi gambar 4.1 berikut:

Gambar 4.1 Layer Data Spasial

Pemisahan gambar dalam beberapa layer ditujukan untuk memudahkan dalam

menggambar peta, selain itu informasi yang ditampilkan akan lebih detail. Ada beberapa

tujuan peta dipisahkan beberapa layer, yaitu memudahkan dalam menggambar peta,

informasi yang ditampilkan lebih detail, informasi/data yang ditampilkan dapat diatur

sesuai kebutuhan, memudahkan dalam melakukan analisis. Layer yang sudah buat akan

menjadi data spasial dalam konsep SIG dengan inputan data yang akan menjadi data

atribut dengan pengolahan database, sebagai contoh penggunaan layer dapat dilihat

pada gambar 4.2 berikut,

Layer 1 Layer 2

Layer 1 + layer 2

Page 82: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

67

Gambar 4.2 Dunia Nyata Ke Layer Data Spasial

4.2 Layer Control MapInfo

Layer Control adalah kotak dialog yang mempunyai kemampuan untuk mengatur

layer yang tampil pada peta. Kemampuan Layer Control sangat banyak sesuai dengan

kebutuhan pemakai peta. Beberapa fungsi penting yang perlu diketahui, diantaranya:

1. Pada kotak Layer terlihat susunan layer yang tampak pada peta, seperti yang terlihat

pada gambar 4.3 berikut,

Gambar 4.3 Susunan Layer

- Cosmetic Layer, layer sementara yang berfungsi sebagai layer percobaan bila akan

menggambar peta tapi tidak untuk disimpan.

- Dibawah Cosmetic Layer tersusun layer-layer yang tampil pada layar, layer paling

atas adalah layer pertama.

- Pada kotak layer terdapat empat symbol gambar , gambar visible

gunanya untuk mengatur tampilan peta terlihat atau tidak, gambar editable

untuk mengatur editable/edit layer atau peta, gambar selectable untuk

Page 83: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

68

mengatur gambar bisa diselect atau tidak, gambar autolabel gunanya untuk

mengatur semua label secara otomatis akan tampil.

- Pada tab layers terdapat dua tombol yaitu Add dan Remove

add berguna untuk menambah layer pada peta sedangkan remove untuk

menghilangkan layer pada peta.

- Pada tab Reorder, terdapat up dan down, berfungsi untuk

menyusun layer, caranya klik layer pada kotak layer kemudian klik up untuk

menaikkan layer dan down untuk menurunkan layer.

- Tombol display digunakan untuk mengatur display layer, bila diklik akan tampil

form seperti yang terlihat pada gambar 4.4 berikut,

Gambar 4.4 Display Layer

Show Line Direction, berfungsi untuk menampilkan line/garis.

Show Nodes, berfungsi untuk menampilkan semua node pada layer, dimana

node adalah titik klik pada saat menggambar peta.

Show Centroids, berfungsi untuk menampilkan titik pusat dari polygon.

Display Mode terdapat style override, digunakan untuk merubah tampilan

warna pada peta/layer secara keseluruhan.

- Zoom Layering digunakan untuk mengatur kenampakan layer bedasarkan Zoom

in/Zoom out dalam Miles (mi) bila zoom akan diganti dalam format lain dengan

cara klik Map > Map Option seperti pada tampilan gambar 4.5 berikut

Page 84: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

69

Gambar 4.5 Map Options

- Tombol label, digunakan untuk mengatur label yang tampil. Bila diklik akan

tampil seperti yang terlihat pada gambar 4.6 berikut,

Gambar 4.6 Label Option

Label with, berisi nama layer yang aktif.

Visibility, berfungsi untuk mengatur kenampakan label yang ada pada layer

yang sedang aktif, label akan tampil/tidak tergantung dari min-zoom dan max

zoom yang diinputkan.

Tyle, berfungsi untuk mengatur style label pada layer yang aktif secara

keseluruhan.

Position, berfungsi untuk menentukan letak label yang ada pada symbol.

Page 85: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

70

- Tombol HotLink digunakan untuk membuat link pada peta yang akan dilauncing

di internet dalam bentuk file *.htm, seperti yang terlihat pada gambar 4.7 berikut

Gambar 4.7 Hot Link Layer

filename expression berisi file yang akan di aktif pada page htm.

Activate hotlink on digunakan untuk memilih tampilan page baik itu label saja,

objects atau kedua-duanya yaitu labels dan objects.

2. Edit Layer, digunakan untuk membetulkan letak atau posisi baik itu polygon,

polyline, line, arc, symbol yang ada pada tampilan peta. Yang perlu diperhatikan

dalam melakukan edit layer adalah form layer control. Tentukan dulu layer mana

yang akan di edit dengan klik editable pada Layer Control, seperti yang terlihat pada

gambar 4.8 berikut,

Gambar 4.8 Edit Layer Control

Page 86: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

71

Pada gambar 4.8 layer JenisTanamanPangan3 sudah bisa di dilakukan proses editing

data atau peta karena editable sudah aktif, edit table/layer dilakukan secara

bergantian pada masing-masing layer.

3. Edit Database, dilakukan bila terjadi kesalahan dalam menginputkan atau

menuliskan field dalam database, jadi edit yang bisa dilakukan hanya menambah

atau menghapus field yang telah terbentuk dalam database, dengan tampilan Modify

Table Structure untuk melakukan edit field seperti yang terlihat pada gambar 4.9

berikut,

Gambar 4.9 Modify Table Structure

4.2.1 Menambah layer peta

Menambah layer peta dilakukan pada setiap layer yang memiliki lebih dari satu

layer dalam satu jenis data spasial, atau bisa diistilahkan dengan overlay layer, dengan

tahapan sebagai berikut:

1. Buka kembali peta yang telah digambar pada Bab III, pada software MapInfo

Professional pilih menu file > open table > pilih file kecamatan.tab.

2. Buat layer baru dengan cara padapilih menu file > new table > create, pada menu

new table structure isi field information dengan isi atribut seperti yang terlihat pada

tabel 4.1 berikut,

New

redistricter

Klik Disini

Page 87: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

72

Tabel 4.1 Isi Field Tabel Baru

Nama field Type Width

NamaTanaman Character 30

LuasPanen Float ---

Produksi Float ---

RataRataProduksi Float ---

Kecamatan Character 15

Tahun Character 4

klik create untuk mengakhiri, maka akan tampil form seperti yang terlihat pada

gambar 4.10 berikut,

Gambar 4.9 Simpan Layer

Tulis file name dengan nama JenisTanamanPangan dan pilih save as type dengan

MapInfo (*.tab) kemudian klik save.

Page 88: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

73

3. Gabungkan peta yang baru Anda buat dengan PETA_PNRG, dengan cara klik kanan

pada peta pilih Layer Control akan muncul form seperti yang terlihat pada gambar

4.11 berikut,

Gambar 4.11 Add Layer Control

Selanjutnya tambahkan layer yang baru saja dibuat dengan cara klik Add pada

layers, dalam uji coba ini akan ditambahkan layer JenisTanamanPangan, seperti

form add layer pada gambar 4.12 berikut,

Gambar 4.12 Form Add Layer

Pilih layer JenisTanamanPangan kemudian klik common button Add untuk

menambah layer, maka akan kembali ke form Layer Control seperti terlihat pada

gambar 4.13 dengan layer JenisTanamanPangan sudah berada dalam list layer

control, atur untuk menyesesuaikan dengan pola layer dengan klik commont button

up atau down.

Page 89: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

74

Gambar 4.13 Layer Baru

klik editable (gambar pensil) pada Layer Control, akhiri dengan klik common button

OK.

4. Gambar JenisTanamanPangan yang ada di Kab. Ponorogo dengan menggunakan

symbol, sesuaikan symbol dengan informasi yang dibutuhkan. Misalnya inputan

untuk JenisTanamanPangan di Kabupaten Ponorogo seperti mengacu pada tabel 4.2

berikut,

Tabel 4.2 Isi Tabel Penambahan Layer Baru

No Kecamatan NamaTanaman LuasPanen Produksi RataRata

Produksi

Tahun

1. Sampung Padi 3,662 210,937 57,6 2003

Padi Sawah 3,457 202,893 58,69 2003

Padi Ladang 205 8,044 39,24 2003

2. Sukorejo Kedelai 2,815 36,158 12,68 2003

Kacang Hijau 209 2,679 12,82 2003

Kacang Tanah 73 1,139 15,6 2003

dan lain-lain

Page 90: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

75

5. Isi info peta dengan klik symbol info pada tool main, dengan menggunakan inputan

seperti pada tabel di atas, selanjutnya klik info peta pada tool main pilih pada

polygon yang akan diisi informasinya.

6. Simpan peta dengan cara memilih menu file > save table atau klik gambar disket

pada tool, lakukan proses simpan untuk semua peta/layer.

4.2.2 Edit Layer Peta

Untuk melakukan proses editing atau perubahan pada layer atau isi dari layer

yang sudah dibuat, maka akan dilakukan langkah-langkah sebagai berikut:

1. Buka MapInfo Professional, pada Quick Start pilih Open a Workspace untuk

membuka file Workspace yang sudah dibuat pada BAB III kemudain klik open

seperti yang terlihat pada gambar 4.14 berikut,

Gambar 4.14 Open Workspace

Pilih Peta PNRG.wor yang telah Anda simpan pada BAB III, selanjutnya klik kanan

pada Peta PNRG > Layer Control, akan muncul form layer control seperti yang

terlihat pada gambar 4.15. Lihat posisi centangan pada layer gambar 4.13, dimana

tanda centang untuk editable ada pada layer JenisTanamanPangan, hal ini

menandakan bahwa layer tersebut pada posisi akan dilakukan purubahan data atau

layer, dimana:

Bila akan melakukan edit pada layer JenisTanamanPangan, klik editable.

Page 91: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

76

Selain layer JenisTanamanPangan, disable semua layer lainnya dengan klik

selectable satu kali.

Klik auto label pada layer JenisTanamanPangan untuk menampilkan text pada

symbol yang akan diedit.

Akhiri dengan klik common button Ok.

Gambar 4.15 Form Layer Control

4. Zoom-in (perbesar) daerah yang akan Edit, dengan klik symbol zoom-in pada tool

Main kemudian arahkan pada daerah yang akan di edit, gunakan Grabber (gambar

tangan) pada tool main untuk mengatur posisi peta.

5. Setelah edit peta/layer selesai, simpan table/layer dengan pilih menu File > Save

Table atau dengan klik gambar disket pada tool.

4.2.3 Zooming Layer

Zooming layer digunakan untuk untuk menentukan posisi awal layer itu akan

ditampilkan di program aplikasi dan saat akan dibuat dalam format geoset (*.gst),

dengan langkah-langkah sebagai berikut:

1. Jika layer peta dalam satuan km (kilometer) dan Anda ingin merubah satuan ke mi

(mil), klik menu Map > Options pada bagian Map Units (Distance Units), seperti

tampilan gambar 4.16 berikut,

Page 92: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

77

Gambar 4.16 Map Option

2. Dari daftar layer yang ada pada kotak dialog layer control, pilih layer yang akan

diubah kisaran zoomnya, dalam contoh ini yang akan dilakukan pada layer

JenisTanamanPangan, seperti yang terlihat pada gambar 4.17 berikut,

Gambar 4.17 Display Zoom Layer

klik common button Display pada kotak dialog Display Options akan tampil seperti

gambar 4.18, atur Min.Zoom dan Max.Zoom untuk menentukan posisi peta akan

ditampilkan pada Zoom ke berapa,

Tambah Field

Page 93: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

78

Gambar 4.18 Zoom Layering

Skala peta dapat diatur melalui menu Map > Change View atau toolbar seperti

pada kotak dialog pada gambar 4.19 berikut,

Gambar 4.19 Change View Layer

3. Untuk memberi label pada layer, pilih layer yang akan ditampilkan label misalnya

pada layer kecamatan, kemudian klik Label seperti yang terlihat pada gambar 4.20

berikut,

Page 94: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

79

Gambar 4.20 Label Layer

Klik common button Kotak dialog Label Options akan tampil form seperti gambar

4.21, disini dapat dilakukan konfigurasi dari bentuk label sesuai dengan keinginan

kita,

Gambar 4.21 Label Option

Page 95: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

80

4.2.4 Edit Database

Edit Database dapat dilakukan apabila terjadi perubahan isi tabel dan perubahan

atribut yang akan menyesuaikan dengan database yang sudah kita tentukan, dengan

langkah sebagai berikut:

1. Buka file Peta_PNRG dalam format workspace., dengan cara seperti pada percobaan

Edit Layer. Peta yang akan dirubah adalah layer JenisTanamanPangan, Klik Table >

Maintenance > Table Structure akan tampil form seperti pada gambar 4.22 berikut,

Gambar 4.22 View Table Structure

Pilih layer JenisTanamanPangan kemudian klik common button OK untuk

mengakhiri, maka akan tampil form seperti yang terlihat pada gambar 4.23 berikut,

Gambar 4.23 Modify Table Structure

Page 96: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

81

Bila Anda akan menghapus field, Klik field yang akan Anda remove kemudian

klik Remove Field. Kemudian Klik OK untuk update Table.

Bila Anda akan menambah field, klik Add Field kemudian isi pada Field

Information Name, Type dan Width. Kemudian klik OK.

2. Pada saat akan menambah atau menghapus field, layer yang akan di hapus fieldnya

akan keluar dari Layer Control, untuk menambahkan layer tersebut klik kanan pada

layer kemudian klik Layer Control, klik Add layer selanjutnya sorot layer yang akan

dirubah fieldnya tadi, jika sudah selesai klik Ok. Klik Editable pada layer yang akan

dirubah, tutup Layer Control dengan klik Ok.

3. Klik symbol Info pada tool Main, pilih symbol, polygon, line yang akan dirubah, jika

sudah selesai melakukan perubahan sSimpan layer dengan klik gambar disket pada

tool.

Latihan

Tambahkan juga layer Suhu, Ketinggian, CurahHujan, JenisLahan, dan Sungai pada

peta Geografis Kab. Ponorogo, dengan ketentuan :

a. Field yang digunakan pada layer

- Suhu, dengan atribut Kecamatan dan RataSuhu.

- Ketinggian, dengan atribut Kecamatan dan RataKetinggian.

- CurahHujan, dengan atribut Kecamatan dan RataCurahHujan.

- JenisLahan, dengan atribut Kecamatan dan JenisLahan.

- Sungai, dengan atribut Kecamatan, NamaSungai, AsalSumberAir dan

PanjangSungai.

b. Pastikan saat membuat layer baru, layer tersebut disatukan dengan menggunakan

Add pada Layer Control dan tanda editable pada Layer Control sudah Anda

centang.

c. Data yang diinputkan adalah data Anda Sendiri (Perkirakan antara data dengan

lokasi tidak terlalu jauh perbedaannya).

d. Simpan semua gambar/table dalam satu folder.

Page 97: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

82

4.3 Layer Contol QGIS

Pada bab III sub bab 3.2 kita telah mempunyai dasar untuk mengerti bagaimana

menambahkan data dan melihat lebih dekat fitur di setiap layer dalam QGIS, sekarang

kita akan belajar bagaimana menambah label pada layer kita, menerapkan style yang

berbeda berdasarkan atribut dan membuat layer yang terpisah.

4.3.1 Menambahkan Label

Menambah label pada layer peta digunakan utntuk melihat nama-nama dari

lokasi yang berbeda, dengan mengambil layer points yang sudah dipelajari pada bab III

sub bab 3.2 dengan menggunakan atribut name untuk menampilkan sebuah label di

sebelah tiap titik, dengan langkah-langkah sebagai berikut:

1. Pada panel layer, klik kanan pada points dan kemudian klik pada “Properties”, akan

muncul form seperti yang terlihat pada gambar 4.24 berikut,

Gambar 4.24 Panel Label Properties

- Klik pada tab “Labels”, klik pada box “Display Labels”.

- Buka box dropdown di sebelah yang bertuliskan “Field containing label” dan pilih

“name”, Klik common button OK akan muncul hasil seperti yang terlihat pada

gambar 4.25 berikut,

Label Layer

Page 98: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

83

Gambar 4.25 Field Containing Label

Gambar 4.25 melihatkan fitur pada layer points yang menampilkan nama-

namanya pada peta.

2. Ganti warna dari fitur pada peta gambar 4.25, Warna ungu terlihat kurang sesuai

untuk merepresentasikan jalan, jadi kita akan menggantinya menjadi warna hitam.

- Klik kanan pada roads di panel layer, dan buka jendela properties.

- Klik pada tab “Style”, seperti yang terlihat pada gambar 4.26 berikut,

Gambar 4.26 Style Layer

Page 99: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

84

- Untuk mengganti warnanya, klik pada tombol yang bertuliskan “Change” dan

pilih sebuah warna yang baru untuk pada layer roads.

- Ubah ketebalan garis jalan, klik pada tanda panah pada box “Width” dan

tingkatkan ketebalan garis untuk layer jalan.

- Klik common button OK di bawah jendela properties, maka peta akan berubah

seperti yang terlihat pada gambar 4.27 berikut,

Gambar 4.27 Hasil Editing Layer Jalan

4.3.2 Menerapkan Style yang Berbeda berdasarkan Atribut

Merubah style dari fitur berdasarkan atribut yang berbeda dari sebuah layer dan

muncul pada peta secara berbeda, disini kita akan melihat bagaimana dapat merubah

style dari jalan berdasarkan tipe dari setiap jalan, dengan langkah-langkah sebagai

berikut:

Page 100: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

85

1. Klik kanan pada roads di panel layer, buka jendela Properties. Klik pada tab yang

bertuliskan “Style”.

2. Pada sebelah pojok kiri atas jendela, klik “Single Symbol” dan ubah menjadi

“Categorized”, seperti yang terlihat pada gambar 4.28 berikut,

Gambar 4.28 Roods Categorized Style

3. Pada box “Column” pilih type. Pada bagian kiri bawah jendela, klik “Classify”, akan

melihat daftar dari semua nilai-nilai yang terkandung pada field type dari layer roads.

4. Pada kolom yang ber-label “Symbol”, Anda dapat melihat style yang terasosiasikan

dengan fitur-fitur tersebut, Double-klik option “primary” seperti yang terlihat pada

gambar 4.29 berikut,

Gambar 4.29 Primary Value Style

Akan muncul form seperti yang terlihat pada gambar 4.30 berikut,

Page 101: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

86

Gambar 4.30 Symbol Selector Style

Gambar 4.31, dari sini kita dapat berkreasi sesuai dengan topik webmap yang akan

dibuat, dimana kemampuannya dapat merubah warna dan ketebalan dari jalan-jalan

yang termasuk tipe primary (jalan utama), ubah warna dan ketebalannya agar lebih

tebal. Ulangi langkah ini untuk kategori lainnya pada daftar sehingga setiap simbol

terlihat berbeda untuk tiap kategori, seperti hasil akhir yang penulis lakukan dengan

hasil seperti yang terlihat pada gambar 4.31 berikut,

Gambar 4.31 Hasil Style Layer

Page 102: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

87

4.3.3 Membuat Layer yang terpisah

Membuat layer yang terpisah. Sebagai contoh, kita mempunyai layer yang

disebut points yang mempunyai banyak fitur mengkover seluruh negeri, tetapi kita

hanya menginingkan untuk bekerja dengan titik pada area tertentu, dan kita tidak

menginginkan semua fitur diluar area peta kita. Untuk melakukan ini, kita dapat

memilih fitur yang membuat kita tertarik dari sebuah layer, dan menyimpan mereka ke

dalam sebuah file *.shp yang baru. Langkah-langkah yang harus dilakukan yaitu:

1. Pilih fitur-fitur di area tertentu, klik box dropdown di sebelah Select Tool dan klik

“Select feature by rectangle”, seperti yang terlihat pada gambar 4.32 berikut,

Gambar 4.32 Select feature by Rectangle

- Yakinkan bahwa layer yang ingin Anda salin fiturnya telah terpilih pada panel

layer.

- Gunakan mouse dan gambar sebuah persegi di sekeliling area yang ingin Anda

pilih. Ini akan memilih semua fitur pada area tersebut dari layer yang telah Anda

pilih. Disini contohnya kita akan memilih layer points dan menggambar sebuah box

untuk memilih seluruh titik di area tertentu seperti yang terlihat pada gambar 4.33

berikut,

Page 103: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

88

Gambar 4.33 Memilih Layer Points

- Setelah Anda memilih titik-titiknya, klik kanan pada points di panel layer. Klik

“Save selection as…” Pada kotak dialog yang muncul, Anda dapat mengganti tipe

file dari layer yang baru, begitu juga dengan nama filenya seperti yang terlihat pada

gambar 4.34 berikut,

Gambar 4.34 Save Point Layer

Page 104: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

89

file akan disimpan sebuah ke dalam sebuah file *.shp. Simpan dengan klik “Save

as”, klik “Browse” dan carilah lokasi untuk menyimpan file *.shp, beri nama file

tersebut misalnya titik-area.shp.

2. Buka file *.shp baru titik-area.shp, maka akan dapat teelihat file tersebut muncul di

panel layer seperti yang terlihat pada gambar 4.35 berikut,

Gambar 4.35 Hasil Membuat Layer Terpisah

Sembunyikan layer lainnya dengan mengklik box di setiap layer yang bertanda “X”.

Perkecil untuk dapat melihat bahwa layer titik-area-saya menampilkan titik-titik yang

sudah disimpan dari area yang telah dipilih.

Page 105: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

90

BAB V

SISTEM BASIS DATA SPASIAL

Pada bab ini akan diuraikan bagaimana mengetahui analisa data spasial kedalam

database, dalam uji coba ini akan digunakan software database Microsoft SQL Server.

Layer-layer sudah dibuat pada BAB sebelumnya yang disebut sebagai data spasial

dalam proses digitasi di Map Info Professional untuk pemrograman JSP dan QGIS

untuk pemrograman PHP.

5.1 Sistem Basis Data

Data merupakan representasi dari fakta dunia nyata yang mewakili suatu objek

yang sedang ditinjau, basis yang dapat diartikan sebagai gudang, markas, tempat

berkumpul dari suatu objek atau representasi objek. Database merupakan sebuah

koleksi atau tempat penyimpanan relasi data. Sedangkan pengertian data adalah

kumpulan fakta-fakta yang mempunyai arti. Sebagai contoh penyimpanan data

Ponorogo dari nama kecamatan, luas wilayah, suhu rata-rata, curah hujan rata-rata dan

ketinggian rata-rata. Data-data tersebut disimpan pada sebuah disk yang dapat diakses

dengan menggunakan pemrograman database dari Personal Computer (PC). Jadi

Database merupakan kumpulan file-file yang saling berelasi, dimana relasi tersebut

menggunakan kunci dari tiap file yang ada. Satu database menunjukkan satu kumpulan

data yang sering dipakai dalam satu lingkup perusahaan atau instansi.

Gambar 5.1 Sistem Manajemen Basis Data SIG

Page 106: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

91

Adapun dalam pembuatan suatu database digunakan untuk mengatasi masalah-

masalah pada penyusunan data yaitu berupa :

a. Redudancy dan Inconsistensy Data

Pada beberapa program aplikasi yang telah dibuat terkadang sering mengalami

penggandaan pada file-file yang berbeda, inilah yang disebut data redundancy. Hal

ini dapat menyebabkan terjadinya pemborosan ruang penyimpanan dan pengaksesan

menjadi lebih lama.

b. Kesulitan Pengaksesan

Pada suatu saat kita butuh mencetak data yang sangat banyak sekali informasinya

padahal kita tidak mempunyai informasi yang lengkap untuk melacak data tersebut

maka dilakukan pengurutan pencarian (browse) satu persatu. Hal ini tentunya

membutuhkan waktu yang cukup lama.

c. Isolasi Data untuk Standarisasi

Setiap data harus mempunyai bentuk / format standart yang sama supaya mudah

dalam pembuatan program aplikasinya.

d. Multi User

Database dibangun karena nantinya data tersebut digunakan oleh banyak pemakai

dalam waktu yang berbeda tetapi diakses pada program yang sama. Multiple user

menggunakan network sebagai penghubung antara komputer satu dengan yang lain.

e. Masalah Keamanan

Tidak setiap pemakai database diperbolehkan untuk mengakses semua data.

Misalnya data mengenai pendaftaran siswa SMUN baru hanya boleh digunakan oleh

petugas yang menangani masalah pendaftaran siswa SMUN baru. Keamanan ini

dapat diatur lewat program yang dibuat oleh programmer atau fasilitas keamanan

dari Operating Sistem, misalnya Novell Network atau Local Area Network.

f. Masalah Integritas

Page 107: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

92

Database berisi file-file yang saling berelasi, masalah utama adalah bagaimana

hubungan antara file itu terjadi. Meskipun kita mengetahui bahwa file A berkaitan

dengan file B, namun secara teknis ada atribut kunci yang mengkaitkan kedua

atribut tersebut.

g. Masalah Independent

Apabila setelah program aplikasi yang kita buat jadi dan ternyata terdapat

perubahan struktur file, maka program tersebut harus dirubah. Hal ini disebut bahwa

program yang telah dibuat tidak bebas terhadap database yang ada.

Pada sistem database dipakai konsep sistem yang bernama sistem manajemen

basis data atau Database Management System (DBMS). Suatu DBMS berisi koleksi

program yang dipakai oleh user (pemakai) untuk pengelolahan perawatan sebuah

database. Basis data yang berisi kumpulan dari data yang saling berhubungan yang

diorganisasi sedemikian rupa agar kemudian dapat dimanfaatkan lagi dengan cepat dan

mudah, kumpulan data disimpan dalam komputer secara sistematik sehingga dapat

diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari

basis data tersebut, perangkat lunak yang digunakan untuk mengelola dan

memanggil kueri (query) basis data. Pemanfaatan basis data dilakukan untuk

memenuhi sejumlah tujuan seperti diantaranya [12]:

1. Kecepatan dan kemudahan (Speed), pemanfaatan basisdata memungkinkan untuk

dapat menyimpan data atau melakukan perubahan/manipulasi terhadap data atau

menampilkan kembali data tersebut dengan cepat dan mudah.

2. Efesiensi ruang penyimpanan (Space), penggunaan ruang penyimpanan di dalam

basis data dilakukan untuk mengurangi jumlah redundansi (pengulangan) data, baik

dengan melakukan penerapan sejumlah pengkodean atau dengan membuat relasi-

relasi (dalam bentuk file) antar kelompok data yang saling berhubungan.

3. Keakuratan (Accuracy), pemanfaatan pengkodean atau pembentukan relasi antar

data bersama dengan penerapan aturan/batasan tipe data, domain data, keunikan

data dan sebagainya dan diterapkan dalam basis data sangat berguna untuk

menentukan ketidakakuratan pemasukan atau penyimpanan data.

4. Ketersediaan (Availability), pertumbuhan data baik dari jumlah maupun jenisnya

Page 108: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

93

sejalan dengan waktu akan semakin membutuhkan ruang penyimpanan yang besar.

Data yang sudah jarang atau bahkan tidak pernah lagi digunakan dapat diatur untuk

dilepaskan dari sistem basis data dengan cara penghapusan atau dengan

memindahkannya ke media penyimpanan.

5. Kelengkapan (Completeness), lengkap atau tidaknya data yang dikelola bersifat

relatif baik terhadap kebutuhan pemakai maupun terhadap waktu, dalam sebuah

basis data, struktur dari basis data tersebut juga harus disimpan.

6. Keamanan (Security), sistem keamanan digunakan untuk dapat menentukan siapa

saja yang boleh menggunakan basis data dan menentukan jenis operasi apa saja

yang boleh dilakukan.

7. Kebersamaan pemakai (Sharability), pemakai basis data sering kali tidak terbatas

hanya pada satu pemakaian saja atau oleh satu sistem aplikasi saja, basis data yang

dikelola oleh sistem aplikasi yang mendukung lingkungan multiuser, akan dapat

memenuhi kebutuhan ini, tetapi dengan menjaga/menghindari terhada munculnya

persoalan baru seperti inkonsistensi data karena data yang sama diubah oleh banyak

pemakai pada saat bersamaan.

Suatu Database Management System (DBMS) berisi satu koleksi data yang

saling berelasi dan satu set program pengelolah untuk menambah, menghapus,

mengambil dan membaca data. Dalam satu file terdapat record-record yang sejenis,

sama besar, sama bentuk dan merupakan satu kelompok entity yang sama. Satu record

bisa terdiri dari atribut-atribut yang saling berelasi. Untuk menyebutkan isi dari atribut

menggunakan atribut yang merupakan judul dari kelompok entity tertentu, misalnya

pada file Ponorogo atribut NamaKecamatan menunjukkan entity nama kecamatan dari

kecamatan tersebut. Kelompok-kelompok secara umum dalam tingkatan data, sesuai

dengan urutan kapasitas dapat dibedakan :

Diagram yang menunjuk-kan gambar hubungan antara satu data dengan data

lainnya dan berapa banyak hubungan antar data yang terjadi antara entity dengan entity

lainnya beserta dengan atribut-atributnya dinamakan Entity Relationship Diagram. Ada

beberapa bagian dalam Entity Relationship Diagram yang harus diketahui dan

dipahami terlebih dahulu, diantara bagian- bagian dari Entity Relationship Diagram

yaitu :

Page 109: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

94

a. Entity, merupakan representasi obyek dalam dunia nyata.

Menurut sifatnya entity dibagi menjadi :

1. Phisical Entity, yaitu entity yang sifatnya fisik. Contohnya entity Lahan Sawah.

2. Conceptual Entity, yaitu entity yang sifatnya berupa konsep.

Sedangkan menurut macamnya entity dibagi menjadi :

1. Weak Entity, yaitu entity yang tidak mempunyai key atribut (tidak punya primary

key).

2. Strong Entity, yaitu entity yang mempunyai key atribut. Contohnya entity

Ponorogoo mempunyai key atribut KecamatanId.

b. Atribut, yaitu merepresentasikan sifat dari entity. Contoh entity Ponorogoo terdiri

dari atribut KecamatanId, kecamatan, luas, suhu, curahhujan, ketinggian.

a. Key Atribut, yaitu atribut yang nilai setiap entitynya berbeda (bernilai unik).

Contohnya KecamatanId, LahanId dan lain-lain. Key atribut dalam ER-Diagram

ditunjukkan dengan nama atribut yang diberi garis bawah. Key atribut dapat dibagi

menjadi beberapa macam, yaitu :

1. Candidate Key (kunci kandidat / kunci calon)

Kunci kandidat adalah atribut atau satu set minimal atribut yang

mengidentifikasikan secara unik suatu kejadian spesifik dari entity. Jika satu

kandidat berisi lebih dari satu atribut, maka biasanya disebut sebagai composite

key atau kunci gabungan.

2. Alternate key (kunci alternatif)

Alternatif key adalah kunci kandidat yang tidak dipakai sebagai primary key.

Seringkali kunci alternatif dipakai sebagai kunci pengurutan dalam laporan.

3. Primary Key (kunci utama / PK)

Primary key adalah satu atribut atau satu set minimal atribut yang tidak hanya

mengidentifikasi secara unik suatu kejadian spesifik, tapi dapat juga mewakili

Page 110: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

95

setiap kejadian dari setiap entity. Setiap kunci kandidat mempunyai peluang

menjadi primary key, tetapi sebaiknya dipilih satu saja yang dapat mewakili

secara menyeluruh terhadap entity yang ada.

4. Foreign Key (Kunci tamu / FK)

Foreign key adalah satu atribut atau satu set atribut yang melengkapi satu

relationship yang menunjuk ke induknya.

5. Relationship Type, yaitu sekumpulan interaksi (hubungan relasi) antara suatu

entity dengan entity yang lainnya.

Sebagai langkah awal sebelum ER-Diagram terbentuk adalah menentukan

cardinality ratio (CR) dan participation constraint (PC)

a. Cardinality Ratio adalah menspesifikasikan jumlah entity yang berpartisipasi

dalam relationship intense yang bisa berupa hubungan satu ke satu (1:1), satu ke

banyak (1:N), dan banyak ke banyak (N:M). Contoh :

1. CR dari memiliki lahan kering Kecamatan : Lahan Kering = 1:1.

2. CR dari memiliki hasil produksi Kecamatan : Prod Tanaman Pangan =

1:N.

b. Participation Constraint adalah menspesifikasikan ketergantungan suatu entity

yang lain pada suatu relationship type. Bentuk ketergantungan ini dapat berupa

hubungan Mandatory (wajib), Dependent (bergantung) ataupun hubungan

Dominant. Contoh :

1. PC dari Kecamatan dalam relasi memiliki lahan kering Mandatory, yaitu

IdKecamatan pada entity Kecamatan harus masuk ke entity lahankering

2. PC dari Kecamatan dalam relasi mempunyai produksi tanaman pangan hasil

Mandatory, yaitu IdKecamatan pada entity Kecamatan harus masuk ke

entity produksi tanaman pangan.

Page 111: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

96

5.2 Manajemen Layer MapInfo ke Database SQL Server

Layer yang sudah terbentuk akan menjadi nama tabel yang selanjutnya akan kita

buatkan database untuk ditampilkan dalam database SQL server yang selanjutnya

disebut sebagai data atribut, kombinasi dari data spasial dan data atribut inilah yang

dinamakan dengan konsep SIG dengan langkah-langkah sebagai berikut:

1. Buat database baru di Microsoft SQL Server, buka program Microsoft SQL Server

pada TextBox Name tulis nama database yang akan digunakan misal ponorogo,

tentukan juga path untuk menyimpan Data Files dan Transaction Log

2. Pada MapInfo Professional, pilih menu tool > tool manager, maka akan tampil form

seperti pada gambar 5.2 berikut,

Gambar 5.2 Tool Manager

pada tools EasyLoader centang pada loaded nya, selanjutnya klik common button

Ok.

3. Buat ODBC baru, pilih menu tools > EasyLoader, akan tampil form MapInfo

EasyLoader kemudian klik ODBC akan tampil form seperti gambar 5.3 berikut,

Page 112: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

97

Gambar 5.3 Select Data Source

Klik common button New, kemudian pilih User Data Source klik common button

Next, pilih ODBC SQL Server yang telah dibuat klik common button Next dan klik

common button Finish sehingga tampil form seperti gambar 5.4 berikut,

Gambar 5.4 Create Data Source Step 1

Klik disini

Label Layer

klik disini

klik disini

Page 113: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

98

pada Name tulis nama Data Source yang akan dibuat dan pada Server di database

Microsoft SQL Server, selanjutnya pilih nama Server yang digunakan dalam

Microsoft SQL Server, klik common button Next akan tampil form seperti gambar

5.5 berikut,

Gambar 5.5 Create Data Source Step 2

Proses selanjutnya adalah menentukan login pada database yang sudah dibuat pada

proses dalam langkah nomor satu, pada gambar 5.4 Create New Data Source to SQL

Server pilh with Windows NT authentification the network login ID, selanjutnya klik

common button Next sehingga tampil form seperti gambar 5.6 berikut,

Gambar 5.6 Create Data Source Step 3

isi disini

klik disini

klik

disini

pilih disini

Page 114: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

99

Selanjutnya adalah memilih nama database yang sudah dibuat pada proses dalam

langkah nomor satu, Change the default database to pilih nama database yang telah

dibuat pada langkah nomor satu di Microsoft SQL Server, klik common button Next

akan tampil form Create a New Data Source to SQL Server klik common button

finish seperti yang terlihat pada gambar 5.7 berikut

Gambar 5.7 Create Data Source Step 4

pada form ODBC Micrososft SQL Server Setup, klik common button Test Data

Source jika ingin mengetes Data Source yang telah dibuat seperti yang terlihat pada

gambar 5.8 berikut,

Gambar 5.8 Test Data Source

pilih

klik disini

Page 115: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

100

akan tampil form yang memberi tahu bahwa pembuatan ODBC Data Source telah

berhasil seperti yang terlihat pada gambar 5.9, klik common button Ok.

Gambar 5.9 ODBC Data Source Berhasil

kemudian pada form Select Data Source pilih dengan nama Data Source yang sudah

dibuat, klik common button Ok untuk mengakhiri pembuatan Data Source seperti

yang terlihat pada gambar 5.10 berikut,

Gambar 5.10 Pemilihan Data Source

klik disini

Page 116: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

101

4. Langkah-langkah pada proses nomor tiga dengan membuat Data Source table dari

MapInfo Professional ke Microsoft SQL Server telah berhasil, selanjutnya adalah

upload layer-layer yang sudah dibuat untuk kita jadikan sebagai tabel dalam

database yang sudah dibuat pada langkah nomor satu, akan tampil form seperti yang

terlihat pada gambar 5.11 berikut,

Gambar 5.11 Upload Layer ke Tabel Database

klik Source Table untuk mengambil layer yang akan kita jadikan tabel untuk di load

ke database Microsoft SQL Server, maka akan tampil form seperti yang terlihat pada

gambar 5.12 berikut,

Gambar 5.12 Open Layer ke Database

Page 117: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

102

pilih beberapa layer yang akan kita load, klik common button open, maka akan

tampil form seperti yang terlihat pada gambar 5.13 berikut,

Gambar 5.13 Layer List

klik common button Upload, maka akan tampil form seperti yang terlihat pada

gambar 5.14 yang menanyakan apakah proses upload layer akan dilanjutkan,

selanjutnya pilih common button Ok akan muncul form seperti yang terlihat pada

gambar 5.15 yang menandai proses upload layer telah berhasil,

Gambar 5.14 Verifikasi Upload Layer

Layer List

Page 118: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

103

Gambar 5.15 Upload Layer ke Tabel Berhasil

Lihat hasil upload layer dari MapInfo Professional yang menjadi tabel di Microsoft

SQL Server, Refresh kembali database yang telah dibuat pada langkah nomor satu

dengan cara klik kanan pada nama database ponorogo pilih refresh, dengan hasil

form yang terlihat pada gambar 5.16 berikut,

Gambar 5.16 Struktur Tabel dari Layer

Page 119: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

104

5.3 Manajemen Layer QGIS ke Database PostGIS

Manajemen layer dari software QGIS ke database PostGIS, dimana layer yang

sudah diimport dari proses digitasi selanjutnya dibawa ke software PostgressSQL 8.4.4,

selanjutnya mengimport file *.shp ke software PostGIS dengan membawa layer dari

software PostGIS dengan membuat database ke software PostgressSQL 8.4.4. Buat

Database pada QGIS, klik icon gambar gajah “import Shapefile to PostgreSQL” create

new dengan template postgis, hal ini digunakan untuk mengimport layer-layer yang

sudah dibuat pada percobaan bab sebelumnya, dimana layer-layer tersebut yang akan

digunakan sebagai tabel dalam database. Beri nama database dengan nama

“dbbanjirbjn” seperti yang pada gambar 5.17 berikut,

Gambar 5.17 Koneksi ke PostGIS

Perhatikan pada gambar 5.16, terdapat tab connection information yang akan digunakan

untuk membuat database di software postgreSQL, pada nama database dibuat dengan

nama Bojonegoro, berikan pasword untuk masuk ke database nantinya. Setelah selesai

mengisi tiap field kemudian test conect dan klik common button OK, klik conect

kemudian Import data *.shp ke postgis seperti yang terlihat pada gambar 5.18 berikut,

Page 120: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

105

Gambar 5.18 Proses Import *.shp ke PostGIS

Buka pada software postgis, dari hasil import ke postgis file *.shp berubah menjadi

tabel-tabel pada postGIS seperti hasil yang terlihat pada gambar 5.19 berikut,

Gambar 5.18 Hasil Import file *.shp

Page 121: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

106

Pada gambar 5.19 terlihat struktur dari tabel yang terdapat dalam database dbbanjirbjn,

dimana tabel-tabel tersebut diperoleh dari hasil digitasi layer dengan QGIS. Klik kanan

pada masing-masing tabel untuk mengetahui atribut dari tabel yang sudah dibuat,

diantaranya:

1. Stuktur tabel balai desa yang ada pada masing-masing desa yang akan digunakan

sebagai alternatif pos pengungsian, seperti yang terlihat pada gambar 5.20 berikut,

Gambar 5.20 Struktur Tabel Balai Desa

2. Struktur tabel nama-nama desa yang ada di masing-masing kecamatan di Kabupaten

bojonegoro, seperti yang terlihat pada gambar 5.21 berikut,

Gambar 5.21 Struktur Tabel Desa

Page 122: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

107

3. Struktur tabel genangan dengan luas genangan yang ada pada setiap desa pada

masing-masing kecamatan, seperti yang terlihat pada gambar 5.22 berikut,

Gambar 5.22 Struktur Tabel Genangan

4. Struktur tabel kecamatan yang berisi nama kecamatan, luas kecamatan dan jumlah

penduduk, seperti yang terlihat pada gambar 5.23 berikut,

Gambar 5.23 Struktur Tabel Kecamatan

Page 123: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

108

5. Struktur tabel sekolahan yang ada pada masing-masing desa yang akan digunakan

sebagai alternatif pos pengungsian, seperti yang terlihat pada gambar 5.24 berikut,

Gambar 5.24 Struktur Tabel Sekolah

6. Struktur tabel sungai yang akan digunakan sebagai parameter untuk ketinggian

sungai yang melintasi masing-masing desa pada tiap kecamatan, seperti yang terlihat

pada gambar 5.25 berikut,

Gambar 5.25 Struktur Tabel Sungai

Page 124: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

109

BAB VI

THEMATIK DAN GEOSET PETA

Tujuan pada bab ini, Mahasiswa melakukan uji coba bagaimana membuat peta thematik

dengan Software MapInfo Professional dan mentransfer peta dalam format Geoset.

6.1 Thematik Peta

Peta tematik dapat dibuat dengan satu atau multi variable field. Pada peta tematik

yang dapat dibuat dengan satu variable terdiri dari nilai individu(individual value),

kisaran (range), kerapatan titik (dot density), simbol gradual (graduated symbols) dan

Grid (continuos thematic shading). Sedangkan peta tematik dengan multi variable

adalah grafik lingkaran (pie chart) dan grafik batang (bar chart).

Langkah awal sebelum menjadikan peta tiga dimensi adalah peta harus sudah siap,

utamanya data yang ada dalam data atribut/table, dengan langkah-langkah sebagai

berikut:

1. Buka peta yang telah dibuat pada BAB sebelumnya (peta Kabupaten Ponorogo),

buka dalam format Workspace untuk memudahkan dalam mengatur layer, pada Map

Info Professional pilih menu Map > Create Thematic Map akan tampil form seperti

yang terlihat pada gambar 6.1 berikut,

Gambar 6.1 Create Thematic Map Step-1

Page 125: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

110

2. Pada gambar 6.1 diatas ada banyak type yang bisa digunakan untuk membuat

thematic map, diantaranya range, bar chart, pie chart, graduated, dot density dan

grid. Pada contoh ini pilih type rangers klik common button Next akan tampil form

seperti yang terlihat pada gambar 6.2 berikut,

Gambar 6.2 Create Thematic Map Step-2

3. Pada gambar 6.2 klik check box Ignore Zeroes or Blanks dengan tujuan untuk

mengabaikan bila ada data yang kosong, selanjutnya pilih Tabel dan field yang akan

di thematikkan, dalam contoh ini digunakan tabel Kecamatan dan field Luas, klik

common button Next akan muncul form seperti pada gambar 6.3 berikut,

Gambar 6.3 Create Thematic Map Step-3

Page 126: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

111

Pada data preview muncul range dari tabel kecamatan dan field luas yang akan di

thematikkan, klik common button OK untuk mengakhiri. Jika akan mengganti

tampilan dapat melakukan edit pada Customize dengan pilihan ranges, style dan

legend, diantaranya:

- Klik common button range akan muncul form seperti yang terlihat pada gambar 6.4

berikut,

Gambar 6.4 Customize Ranges Thematic Map

Pada Customize Ranges bisa kita pilih Method yang dipakai sebagai range (batas

Maximum dan Minimum), bila kita ingin mengganti range pilih method akan

muncul form seperti yang terlihat pada gambar 6.5 berikut,

Gambar 6.5 Method Customize Ranges Thematic Map

Page 127: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

112

Ganti Range sesuai dengan yang diinginkan, bila telah selesai klik common button

Recalc untuk menghitung ulang field yang akan dithematikkan.

- bila akan menganti warna thematic, klik common button Styles akan muncul form

seperti yang terlihat pada gambar 6.6 berikut,

Gambar 6.6 Style Customize Ranges Thematic Map

yang perlu diperhatikan dalam mengganti warna thematic adalah warna Range satu

dengan yang lainnya harus berbeda, contoh bila range tertinggi menggunakan

warna biru tua, maka range dibawahnya warnanya harus lebih muda begitu

seterusnya.

- bila akan mengganti tampilan text dari Legenda, klik common button Legend akan

muncul tampilan form seperti yang terlihat pada gambar 6.7 berikut,

Page 128: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

113

Gambar 6.7 Legend Customize Ranges Thematic Map

beri nama Legend pada Title dengan nama Propinsi Jawa Timur, bila akan

menambahkan Subtitle isikan dengan Kabupaten, untuk mngganti tampilan text klik

common button Title Font.

Bila telah selesai melakukan edit pada Customizes, klik common button OK untuk

menghasilkan gambar Thematic seperti hasil yang terlihat pada gambar 6.8 berikut,

Gambar 6.8 Hasil thematic Peta

Page 129: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

114

Dari hasil thematic telihat bahwa warna yang lebih tebal menyatakan daearah

tersebut memiliki wilayah yang luas wilayahnya terbesar disbanding dengan daerah

yang memiliki warna lebih muda, karena parameter yang digunakan adalah

parameter Luas dari Peta Kabupaten Ponorogo.

4. Simpan peta hasil thematic dalam format *.wor (worskspace), pilih menu file > save

workspace, beri nama sesuai dengan thematic yang tampil.

6.2 Map Tiga Dimensi

Peta tiga dimensi hanya dapat dibuat dari peta tematik grid, tampilan untuk

membuat peta tiga dimensi dengan mengatur letak atau posisinya, baik untuk warna

obyek atau warna latar belakang obyeknya. Tujuan membuat peta dalam bentuk tiga

dimensi adalah untuk memudahkan dalam menerjemahkan data spatial yang ada dalam

tabel (data atribut), dengan gambar diolah dalam tiga dimensi akan menampilkan

gambar yang lebih baik.

Untuk menjadikan peta menjadi tiga dimensi, terlebih dahulu peta kita harus sudah

dibuat dalam bentuk thematic, dengan langkah-langkah sebagai berikut:

1. Buka peta thematic pada uji coba membuat peta thematic, selanjutnya klik kanan dan

pilih Layer Control akan muncul form seperti yang terlihat pada gambar 6.9 berikut,

Gambar 6.9 Layer Control Peta Thematik

Page 130: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

115

Pilih layer thematik pada uji coba membuat peta thematic, klik common button

Remove untuk menghilangkan dari layer selanjutnya klik common button OK, maka

tampilan peta akan normal kembali.

2. Pilih menu Map – Create Thematic Map, kemudian pilih Style Grid, seperti tampilan

pada form gambar 6.10 berikut,

Gambar 6.10 Grid Thematic Map

Klik common button next, akan tampil form seperti yang terlihat pada gambar 6.11

berikut,

Gambar 6.11 Menentuka Tabel dan Field Peta Thematik

Pilih

disini

Page 131: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

116

Select tabel utama yang akan digunakan, dalam uji coba ini diujikan sama seperti

pada uji coba membuat peta thematic, dimana tabel yang digunakan Kecamatan dan

Field Luas. Pada Grid Options, select table sesuai dengan yang ada diatasnya,

dimana pada Grid File Name, klik common button Browse untuk menentukan letak

file thematik akan disimpan, kemudian ganti nama *.mig dengan nama

Thematic01.mig. Klik common button Next untuk melanjutkan.

3. Pada langkah ke tiga atau step terakhir, seperti pada uji coba membuat peta thematik,

bila akan melakukan edit pada tampilan warna dapat melakukan edit pada Customize-

nya, seperti yang terlihat pada gambar 6.12, Klik common button OK untuk

mengakhiri proses pembuatan grid thematic map,

Gambar 6.12 Preview Tabel dan Field

4. Bila pada peta belum tampak tampilan thematiknya, maka klik kanan > Layer

Control akan muncul tampilan seperti pada gambar 6.13 berikut,

Gambar 6.13 Grid Thematic Map-Layer Control

Page 132: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

117

Pada tampilan peta, terlihat peta thematic01 berada pada posisi bawah, klik Reorder

Up untuk menaikkan peta thematik ke posisi paling atas. Klik Klik common button

OK untuk mengakhiri akan muncul hasil seperti yang terlihat pada gambar 6.14

berikut,

6.14 Hasil Grid Thematic Map

dari gambar 6.14 terlihat bahwa wilayah yang memiliki warna lebih gelap

menunujukkan wilayah yang lebih luas.

5. Untuk membuat peta bentuk tiga dimensi, pilih menu Map > Create3Dmap akan

muncul form seperti yang terlihat pada gambar 6.15 berikut,

Gambar 6.15 Create 3dMap

Page 133: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

118

klik common button ok akan muncul hasil seperti yang terlihat pada gambar 6.16

(gunakan Mouse Anda untuk menggerakkan peta) berikut,

Gambar 6.16 Hasil Peta Tiga Dimensi

6.3 Geoset Peta

Geoset peta adalah tahap akhir dari pembuatan peta di MapInfo, karena peta yang

telah digambar dalam MapInfo sebelum dapat diaplikasikan ke web map terlebih dahulu

di transfer dalam format *.gst.

Geoset peta dengan ekstension file *.gst akan digunakan untuk mengolah data

spasial layer dan data atribut tabel ke bahasa pemrograman Java Server Pages sebagai

antar muka dengan user yang akan menggunakan program aplikasi SIG yang sudah kita

buat, sebelum menyimpan peta dalam format Geoset atur letak/posisi peta agar

keseluruhan peta nampak pada saat program aplikasi dijalankan, dengan langkah-

langkah sebagai berikut:

1. Pada Map Info Professional pilih menu Tool > Tool Manager, Pada Mapx Geoset

Utility klik loade dan autoloader seperti yang nampak pada gambar 6.17,

selanjutnya klik common button ok,

Page 134: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

119

Gambar 6.17 Tool Manager MapX Geoset Utility

2. Pilih menu Tool > MapX Geoset Utility, simpan dengan nama ponorogo.gst.

Setelah langkah ini selesai dikerjakan, maka kita sudah siap untuk membawa file *.gst ke

pembuatan aplikasi webmap.

Page 135: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

120

BAB VII

WEBMAP

Tujuan Pada bab ini, Mahasiswa dapat mengaplikasikan uji coba data spasial dan data

atribut ke webmap dengan menggunakan software MapInfo MapXtreme Java dan

membutuhkan web browser untuk mencoba ke web nya. Layer yang akan dibawa ke

aplikasi webmap, yang selanjutnya akan diolah ke bahasa pemrograman Java Server

Pages (JSP), maka mahasiswa harus sudah menguasai pemrograman JSP, yang dalam

struktur kurikulum disajikan dalam mata kuliah desain dan pemrograman web.

7.1 Arsitektur Webmap

Dengan makin berkembangnya teknologi dan penggunaannya di kalangan

masyarakat luas, internet makin menjadi bagian kehidupan sehari-hari. Media ini

ternyata juga dimanfaatkan para geograf untuk mempublikasi ide-ide mereka dengan

webmap. Aplikasi SIG saat ini tumbuh tidak hanya secara jumlah aplikasi namun juga

bertambah dari jenis keragaman aplikasinya. Pengembangan aplikasi SIG kedepannya

mengarah kepada applikasi berbasis web yang dikenal dengan webmap. Sebagai contoh

adalah adanya peta online sebuah kota dimana pengguna dapat dengan mudah mencari

lokasi yang diinginkan secara online melalui jaringan intranet/internet tanpa mengenal

batas geografi penggunanya.

Secara umum SIG dikembangkan berdasarkan pada prinsip input/masukan data,

manajemen, analisis dan representasi data. Webmap berarti pemetaan internet, tetapi

bukan memetakan internet, dan tidak berarti hanya menampilkan peta ke dalam

sebuah situs internet. Jika hanya menampilkan peta statis pada sebuah situs maka

tidak ada perbedaan antara webmap dengan peta yang ada pada media tradisional

lainnya. Webmap bukanlah memindahkan aplikasi SIG desktop ke dalam bentuk web-

based. Pengguna internet berasal dari berbagai kalangan dengan berbagai

kemampuan atas SIG. Webmap memanfaatkan fungsi interaktivitas yang ada pada

aplikasi SIG ke dalam bentuk web. Webmap dibuat untuk menampilkan peta dengan

kemampuan interaksi sederhana, seperti perbesaran, perkecilan dan pergeseran

gambar serta menampilkan dengan kemampuan interaktivitas yang lebih banyak,

Page 136: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

121

misalnya menghitung jarak terdekat, at au membuat rute dari sebuah titik awal ke

titik tujuan.

Webmap bisa dibuat sebagai alat monitoring sebuah pelaksanaan pekerjaan,

khususnya yang menyangkut masalah ruang, jadi hubungkan dengan sebuah database

yang selalu up-to-date atau real-time, webmap juga bisa menjadi informasi yang

bagus bagi user, misalnya peta informasi kemacetan jalan atau yang menampilkan

informasi cuaca. Webmap juga bisa menjadi menjadi alat promosi bagi dunia usaha,

bahkan sebagai alat usaha itu sendiri, misalnya pada sebuah situs webmap bisa

dimasukkan lokasi-lokasi perusahaan, sehingga konsumen atau calon konsumen

bisa melihat dimana mereka bisa mendapatkan yang mereka yang dekat dengan

mereka. Salah satu keunggulan webmap disbanding peta konvensional adalah

interaktivitas. Peta yang ditampilkan bisa menjadi dinamis menurut besaran,

lokasi/arah, waktu, sekala dan tema. User bisa memilih sendiri informasi apa yang

ingin mereka lihat, dan menampilkannya secara bersamaan. Beberapa situs web map

bahkan memasukkan fungsi analisis seperti menghitung jarak, membuat rute,

pengelompokan data dan sebagainya. [9,10]

Untuk dapat melakukan komunikasi dengan komponen yang berbeda-beda di

lingkungan web maka dibutuhkan sebuah web server. Karena standart dari

geoprocessing data berbeda beda dan sangat spesifik maka pengembangan arsitektur

sistem mengikuti arsitektur Client Server seperti ilustrasi pada gambar 2.2 berikut [13],

Gambar 7.1 Arsitektur Webmap

Page 137: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

122

gambar 7.1 menunjukan arsitektur minimum sebuah sistem webmap. Aplikasi berada

disisi client yang berkomunikasi dengan Server sebagai penyedia data melalui web

protokol seperti HTTP (Hyper Text Transfer Protocol). Aplikasi seperti ini bisa

dikembangkan dengan web browser (Mozzila Firefox, Opera, Internet Explorer, dll).

Untuk menampilkan dan berinteraksi dengan data SIG, sebuah browser membutuhkan

Pug-In atau Java Applet atau bahkan keduanya. Web Server bertanggung jawab

terhadap proses permintaan dari client dan mengirimkan tanggapan terhadap respon

tersebut. Dalam arsitektur web, sebuah web server juga mengatur komunikasi dengan

server side SIG Komponen. Server side SIG Komponen bertanggung jawab terhadap

koneksi kepada database spasial seperti menterjemahkan query kedalam structure query

language (SQL) dan membuat representasi yang diteruskan ke server. Dalam

kenyataannya Side Server SIG Komponen berupa software libraries yang menawarkan

layanan khusus untuk analisis spasial pada data. Selain komponen hal lain yang juga

sangat penting adalah aspek fungsional yang terletak di sisi client atau di server [13].

Gambar 7.2 Thin Vs Thick system pada Client Server

Gambar 7.2 merupakan dua pendekatan yang menunjukan kemungkinan distribusi

fungsional pada sistem client/server berdasarkan konsep pipeline visualization

diantaranya:

a. Pendekatan Thin Client, memfokuskan diri pada sisi server. Hampir semua proses

dan analisa data dilakukan berdasarkan request disisi server. Data hasil pemrosesan

dikirimkan ke client dalam format HTML, yang didalamnya terdapat file gambar

Page 138: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

123

sehingga dapat dilihat dengan browser. Pada pendekatan ini interaksi pengguna

terbatas dan tidak fleksibel.

b. Pendekatan Thick / Fat Client, pemrosesan data dilakukan disisi client, data dikirim

dari server ke client dalam bentuk data vector yang disederhanakan. Pemrosesan dan

penggambaran kembali dilakukan disisi client. Cara ini menjadikan user dapat

berinteraksi lebih interaktif dan fleksibel.

7.2 Webmap Dengan Pemrograman JSP

Pada uji coba berikut akan diimplementasikan apikasi webmap dengan

menggunakan software MapXTreme Java, selajutnya bisa disesuaikan dengan

kemampuan sistem webmap yang diinginkan dengan cara editing sript ke bahasa

pemrograman Java Server Pages (JSP). Sebelum peta hasil geoset ditampilkan ke web

pastikan Map Info MapXtreme sudah terinstal dengan baik, dengan langkah-langkah

sebagai berikut:

1. Pada start up klik Start > MapXtreme, pilih Startup.bat

2. Buka Web Browser (Internet Explorer/Mozilla/firefox), kemudian test localhost

3. Buka MapXtreme Java Manager Web Server, pilih menu Open akan muncul form

seperti yang terlihat pada gambar 7.3 berikut,

Gambar 7.3 Load Map *.gst

Page 139: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

124

4. Pilih Menu Web Applications > Create New Web Application untuk membuat judul

dan dan diskripsi dari webmap yang akan dibuat, maka akan muncul form seperti

yang terlihat pada gambar 7.4 berikut,

Gambar 7.4 Judul dan Diskripsi Webmap

Isi judul dan deskripsi dari aplikasi web map yang akan dibuat, klik common button

next akan tampil form seperti yang terlihat pada gambar 7.5 berikut,

Gambar 7.5 Map Layout

Layer List

Pilih ini

Page 140: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

125

Lihat pada gambar 7.5 untuk mengatur layout map yang akan ditampilkan di web

browser, ada beberapa fungsi pada common button diantaranya:

Add Widget, berfungsi untuk menambah tools yang ada pada list widgets yang

akan ditambahkan pada tab layout

Remove Widget, berfungsi untuk menghapus tools yang ada pada list widgets yang

sudah ditambahkan pada tab layout

Edit Widget, berfungsi untuk merubah widgets yang akan dilakukan pada tab

layout

Split Widget, berfungsi untuk melakukan split pada tab layout

Undo Split, berfungsi untuk mengembalikan pada keadaan semula sebelum

dilakukan perubahan pada tab widgets.

Pada contoh ini yang harus dilakukan pertama kali adalah klik common button edit

widgets dan split beberapa bentuk, selanjutnya tambahkan widgets dengan klik

common button Add Widgets dan letakkan pada tab layout seperti bentuk pada

gambar 7.5. Klik common button Next tampilan layout yang akan diaplikasikan ke

webmap akan muncul form seperti yang terlihat pada gambar 7.6 berikut,

Gambar 7.6 Simpan URL

Page 141: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

126

Pada gambar 7.6 tuliskan nama file untuk penyimpanan *.war dan *.jsp yang akan

digunakan pada url, dalam contoh ini file *.war disampan dengan nama

ponorogo1.war dan file *.jsp untuk dipemrograman java server pages (jsp) disimpan

dengan nama file peta.jst, selanjutnya pada default map ambil file dengan format

geoset yang sudah dibuat pada bab enam yaitu dengan nama file ponorogo.gst,

simpan di path mana file peta.jsp akan disimpan. Klik common button finish untuk

mengakhiri pembuatan web application wizard akan muncul form seperti yang

terlihat pada gambar 7.7 klik common button ok untuk mengakhirinya,

Gambar 7.7 webapps

5. Panggil webapps yang sudah terbentuk dari gambar 7.7 di web browser, dalam

contoh ini digunakan web browser Internet Explorer, pada address url ketikkan

http://gis/ponorogo1/peta.jsp, enter untuk menjalankan akan muncul hasil seperti

yang terlihat pada gambar 7.8 berikut,

Page 142: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

127

Gambar 7.8 Hasil WebMap

Pada gambar 7.8 nampak peta yang sudah dioleh pada pembuatan webmap, ada

banyak fungsi yang dapat digunakan untuk manipulasi peta serta semua layer yang

ada pada file *.gst. Script jsp yang sudah terbentuk seperti dibawah ini, selanjutnya

user tinggal berkreasi dipemrograman untuk menyesesuaikan dengan kebutuhan yang

webmap yang akan dibuat.

1. Menampilkan layer dialog, digunakan untuk menampilkan layer-layer yang sudah

dibentuk pada saat digitasi peta

addlayerdialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ taglib uri="/wms" prefix="wms" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<SCRIPT LANGUAGE="JavaScript">

if (document.all) {

docObj = "document.all."

styleObj = ".style"

} else {

docObj = "document."

Page 143: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

128

styleObj = ""

}

offset = 175

performOnchange = false

function openselect(subcat) {

popupselect = eval(docObj + subcat + styleObj)

popupselect.visibility = "visible"

}

function closeselect(submenu,fieldname){

hiddenfield = eval(docObj + fieldname)

if (submenu.selectedIndex != 0) {

numchoice = submenu.selectedIndex

choice = submenu[numchoice].value

//addlayer.layername.value = choice

hiddenfield.value = choice

submenu.selectedIndex = numchoice

}

}

function lock() {

performOnchange = false

}

function unlock() {

performOnchange = true

}

function selectSub(cat) {

for (i=1; i <= catnumber; i++) { //close all layer lists

subcat = "layers" + i

popupselect = eval(docObj + subcat + styleObj)

popupselect.visibility = "hidden"

//close all mimetype lists

subcat = "mimetypes" + i

popupselect = eval(docObj + subcat + styleObj)

popupselect.visibility = "hidden"

}

if (performOnchange == true) {

letsopen = "layers" + cat.selectedIndex

if (letsopen == "layers0") {

alert("No category selected")

choice = "- layer -"

addlayer.layername.value = choice

cat.focus()

} else {

openselect(letsopen)

lock()

}

letsopen = "mimetypes" + cat.selectedIndex

if (letsopen == "mimetypes0") {

alert("No category selected")

choice = "image/gif"

addlayer.mimetypes.value = choice

cat.focus()

Page 144: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

129

} else {

openselect(letsopen)

lock()

}

}

}

</script>

<title>Add Layer Dialog</title>

<body bgcolor="#CFCFCF">

<mapinfo:mapapp name="wmsclient">

<wms:addlayer />

</mapinfo:mapapp>

</body>

</html>

2. Menampilkan server dialog

addserverdialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ taglib uri="/wms" prefix="wms" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<title>Add Server Dialog</title>

<body bgcolor="#CFCFCF">

<mapinfo:mapapp name="wmsclient">

<wms:addserver />

</mapinfo:mapapp>

</body>

</html>

3. Menampilkan layer dialog zoom in, zoom out dan lain-lain seperti yang terlihat

dalam menu pada hasil webmap gambar 7.8

displayoptionsdialog.jsp

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ page language = "java" contentType="text/html; charset=UTF-

8" %>

<html><head><title>Peta Ponorogo</title></head>

<body>

<h1 align="center"><font face="Courier New, Courier, mono">PETA

PONOROGO</font></h1>

<div align="center"><mapinfo:mapapp name="app1113279393625">

<TABLE><TR>

<TD VALIGN="top"><TABLE><TR>

<TD VALIGN="top"><mapinfo:toolbar>

Page 145: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

130

<TABLE CELLPADDING="1"><TR>

<TD><mapxtreme:zoomin /></TD>

<TD><mapxtreme:zoomout /></TD>

<TD><mapxtreme:recenter /></TD>

<TD><mapxtreme:infotool

page="/jsp/infodialog.jsp" img="images/icon32.gif" width="0"

height="0" /></TD>

<TD><mapxtreme:selectiontool searchMode="8"

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:unselecttool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:selectioninfotool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:opentool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:savetool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:layercontroltool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:themetool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:legendtool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:printpreviewtool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:zoomnumerictool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:viewentirelayertool

img="images/icon32.gif" width="0" height="0" /></TD>

<TD><mapxtreme:projectiontool

img="images/icon32.gif" width="0" height="0" /></TD>

</TR></TABLE>

</mapinfo:toolbar></TD>

</TR><TR>

<TD VALIGN="top"><mapxtreme:legendlist

showRangedThemes="true" showIndividualValueThemes="true"

showOverrideThemes="false" showSelectionThemes="false">

<p><mapxtreme:legendelement titleFontSize="12"

fontSize="10" /></p>

</mapxtreme:legendlist></TD>

</TR>

</TABLE></TD>

</TR><TR>

<TD VALIGN="top"><TABLE><TR>

<TD VALIGN="top"><TABLE><TR>

<TD VALIGN="top"><mapxtreme:map

backgroundColor="FFFFFF" numOfColors="256" /></TD>

</TR><TR>

<TD VALIGN="top"><TABLE><TR>

<TD VALIGN="top"><TABLE><TR>

<TD

VALIGN="top"><mapxtreme:zoomNumeric /></TD>

</TR><TR>

Page 146: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

131

<TD VALIGN="top"><mapxtreme:zoomRange

readOnly="true" /></TD>

</TR>

</TABLE></TD>

</TR><TR>

<TD VALIGN="top"><TABLE><TR>

<TD VALIGN="top"><mapxtreme:centerX

readOnly="true" /></TD>

</TR><TR>

<TD VALIGN="top"><mapxtreme:centerY

readOnly="true" /></TD>

</TR>

</TABLE></TD>

</TR>

</TABLE></TD>

</TR>

</TABLE></TD>

<TD VALIGN="top"><TABLE>

<TR>

<TD VALIGN="top"><mapxtreme:layercontrol>

<table border="0" cellspacing="0"

cellpadding="2">

<tr bgcolor="#C1C1C1">

<td><img src="images/visible.gif" alt="<mapinfo:localString

string="dialog_visible"/>"/></td>

<td><img src="images/autolabel.gif" alt="<mapinfo:localString

string="dialog_label"/>"/></td>

<td><img src="images/selectable.gif" alt="<mapinfo:localString

string="dialog_select"/>"

/></td>

<td colspan="5"><b><mapinfo:localString string="dialog_name"

/></b></td>

</tr>

<mapxtreme:layerlist showRangedThemes="true"

showIndividualValueThemes="true" showOverrideThemes="false"

showSelectionThemes="false">

<tr>

<td><mapxtreme:visible /></td>

<td><mapxtreme:label /></td>

<td><mapxtreme:select /></td>

<td><mapxtreme:layerIndex /></td>

<td><mapxtreme:layername

tableInfo="false" layer="-1" /></td>

<td><mapxtreme:displayOptionsTool

layer="-1" img="images/icon32.gif" width="0" height="0" /></td>

<td><mapxtreme:labelOptionsTool layer="-

1" img="images/icon32.gif" width="0" height="0" /></td>

<td><mapxtreme:fontOptionsTool layer="-

1" img="images/icon32.gif" width="0" height="0" /></td>

<td><mapxtreme:removeLayer

src="trash.gif" width="0" height="0" /></td>

</tr>

</mapxtreme:layerlist>

Page 147: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

132

</table>

<input type="submit"

value="<mapinfo:localString string="dialog_refresh"/>

" /></mapxtreme:layercontrol></TD>

</TR><TR>

<TD VALIGN="top"><mapxtreme:overviewMap

width="160" height="120" zoomOutFactor="2" zoomOut="-1"

showPoints="false" showPolylines="false" showPolygons="true"

backgroundColor="FFFFFF" numOfColors="256" /></TD>

</TR>

</TABLE></TD>

</TR>

</TABLE></TD>

</TR>

</TABLE>

</mapinfo:mapapp> </div>

</body></html>

4. Script untuk user bisa melakukan perubahan teks pada layer yang terdapat dalam

commont button Label

fontoptionsdialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_fontoptions" />:

<mapxtreme:layername /></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<table border=0>

<mapxtreme:fontOptions dialog="true">

<tr><td><mapinfo:localString string="dialog_font"

/>:</td></tr>

<tr><td><mapxtreme:fontList /></td></tr>

<tr><td><mapinfo:localString string="dialog_size" />:

<mapxtreme:fontSize/> <mapinfo:localString

string="dialog_color" />: <mapxtreme:fontColor /></td></tr>

<tr><td><mapxtreme:fontHalo /> <mapinfo:localString

string="dialog_halo"/> <mapxtreme:fontHaloColor /></td></tr>

<tr><td><mapxtreme:fontBold /> <mapinfo:localString

string="dialog_bold"/></td></tr>

<tr><td><mapxtreme:fontItalic /><mapinfo:localString

string="dialog_italic"/></td></tr>

<tr><td><mapxtreme:fontUnderline /><mapinfo:localString

string="dialog_underline"/></td></tr>

<tr><td align=center><input type=submit value="

Page 148: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

133

<mapinfo:localString string="dialog_ok"/>

">&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton /></td></tr>

<input type=hidden name="redirect"

value="/jsp/fontoptionsdialog.jsp">

</mapxtreme:fontOptions>

</table>

</center>

</body>

</html>

</mapinfo:mapapp>

5. Script untuk menampilkan geocoding dialog

Geocodedialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapmarker" prefix="mapmarker" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_geocode"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<mapmarker:geocode dialog="true">

<mapmarker:addressInput>

<table border=0>

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

<tr><td colspan=3 align=center><input type=submit

value="Geocode">&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton

/></td></tr>

</table>

</mapmarker:addressInput>

<mapmarker:errorInput>

<b><mapmarker:geocodeError /></b>

<table border=0>

Page 149: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

134

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

<tr><td colspan=3 align=center><input type=submit

value="<mapinfo:localString

string="dialog_geocode"/>">&nbsp;&nbsp;&nbsp;<input type=submit

name="<%=

com.mapinfo.jsptags.mapmarker.GeocodeBean.PARAMETER_CANCEL %>"

value="<mapinfo:localString string="button_cancel"/>"></td></tr>

</table>

</mapmarker:errorInput>

<mapmarker:candidatesInput>

<mapmarker:candidates size="5" showLongLat="true" />

<p><mapmarker:mapCandidate />&nbsp;&nbsp;&nbsp;<input

type=submit name="<%=

com.mapinfo.jsptags.mapmarker.GeocodeBean.PARAMETER_CANCEL %>"

value="<mapinfo:localString string="button_cancel"/>">

</mapmarker:candidatesInput>

<input type=hidden name="redirect"

value="/jsp/geocodedialog.jsp">

</mapmarker:geocode>

</center>

</mapinfo:mapapp>

</body>

</html>

6. Script untuk menampilkan informasi peta terhadap data atribut yang sudah dihasilkan

infodialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_infotool"/></title>

</head>

<body bgcolor="#FFFFFF">

<table border="1" cellspacing="0" cellpadding="2" width="400">

Page 150: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

135

<mapxtreme:info>

<tr><td colspan=2 bgcolor="#CFCFCF"><b><mapxtreme:layername

layer="<%= layer.intValue()%>"/> </b></td></tr>

<mapxtreme:featureSet>

<mapxtreme:feature>

<tr><td><mapxtreme:featureName

/>:</td><td><mapxtreme:featureValue /></td></tr>

</mapxtreme:feature>

</mapxtreme:featureSet>

</mapxtreme:info>

</table>

</body>

</html>

</mapinfo:mapapp>

7. Script untuk menampilkan label options dialogs

LabelOptionsDialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_labeloptions"/>:

<mapxtreme:layername /></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<table border=0>

<mapxtreme:labelOptions dialog="true">

<tr><td colspan=2><mapinfo:localString

string="dialog_labelwith"/>:<br><mapxtreme:labelColumns

/></td></tr>

<tr><td colspan=2><hr></td></tr>

<tr><td colspan=2><mapxtreme:labelZoomRange />

<mapinfo:localString string="dialog_labelzoomrange"/>:</td></tr>

<tr>

<td><mapinfo:localString

string="dialog_minzoom"/></td>

<td><mapxtreme:labelMinZoom size="8" /></td>

</tr><tr>

<td><mapinfo:localString

string="dialog_maxzoom"/></td>

<td><mapxtreme:labelMaxZoom size="8" /></td>

</tr>

<tr><td colspan=2><mapxtreme:labelDuplicates />

<mapinfo:localString string="dialog_duplicatetext"/></td></tr>

<tr><td colspan=2><mapxtreme:labelOverlapping />

<mapinfo:localString

string="dialog_overlappinglabels"/></td></tr>

Page 151: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

136

<tr>

<td colspan=2 align=center><input type=submit value="

<mapinfo:localString string="dialog_ok"/>

">&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton /></td>

</tr>

<input type=hidden name="redirect"

value="/jsp/labeloptionsdialog.jsp">

</mapxtreme:labelOptions>

</table>

</center>

</body>

</html>

</mapinfo:mapapp>

8. Script untuk menampilkan layer control dialog

LayerControlDialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString

string="dialog_layercontrol"/></title>

</head>

<body bgcolor="#FFFFFF">

<center>

<mapxtreme:layercontrol dialog="true">

<table border=0 cellspacing=0 cellpadding=2>

<tr bgcolor="#C1C1C1"><td><img src="../images/visible.gif"

alt="<mapinfo:localString

string="dialog_visible"/>"></td><td><img

src="../images/autolabel.gif" alt="<mapinfo:localString

string="dialog_label"/>"><td><img src="../images/selectable.gif"

alt="<mapinfo:localString

string="dialog_select"/>"></td><td></td><td

colspan=5><b><mapinfo:localString

string="dialog_name"/></b></td></tr>

<mapxtreme:layerlist>

<tr>

<td><mapxtreme:visible/></td>

<td><mapxtreme:label/></td>

<td><mapxtreme:select/></td>

<td align=right><mapxtreme:layerIndex /></td>

<%

try{fs = kecamatan.searchAll(columnNames,qp);}

catch(exception e){e.printStacktrace();}

if(layer!=null && featureLayer.booleanValue()) { %>

<td><mapxtreme:layername tableInfo="true"

Page 152: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

137

page="tableinfodialog.jsp" /></td>

<td><mapxtreme:displayOptionsTool

page="displayoptionsdialog.jsp" /></td>

<td><mapxtreme:labelOptionsTool

page="labeloptionsdialog.jsp" /></td>

<td><mapxtreme:fontOptionsTool

page="fontoptionsdialog.jsp" /></td>

<% } else if (layer!=null) { %>

<td><mapxtreme:layername tableInfo="false"

/></td>

<td colspan=3><mapxtreme:displayOptionsTool

page="displayoptionsdialog.jsp" /></td>

<% } else { %>

<td colspan=4><mapxtreme:layername /></td>

<% } %>

<td><mapxtreme:removeLayer width="20" height="20"

/></td>

</tr>

<input type=hidden name="redirect"

value="/jsp/layercontroldialog.jsp">

</mapxtreme:layerlist>

</table>

<br><input type=submit value="<mapinfo:localString

string="dialog_refresh"/>"

/>&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton />

</mapxtreme:layercontrol>

</center>

</body>

</html>

</mapinfo:mapapp>

9. Script untuk menampilkan keterangan layer

LegendDialog.jsp

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" import =

"com.mapinfo.mapj.Layer,com.mapinfo.theme.Theme"

contentType = "text/html;charset=UTF-8"%>

<mapinfo:mapapp>

<html>

<head>

<title><mapinfo:localString string="dialog_legend"/></title>

</head>

<body bgcolor="#FFFFFF">

<center>

<mapxtreme:legendlist showRangedThemes="true"

showIndividualValueThemes="true" showOverrideThemes="false"

showSelectionThemes="false">

<p><b><%= layer.getName() %></b>

<br><mapxtreme:legendelement />

</mapxtreme:legendlist>

Page 153: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

138

</center>

</body>

</html>

</mapinfo:mapapp>

10. Script untuk display dari peta yang dihasilkan dari layer

MapDisplayDialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString

string="dialog_zoomnumeric"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<mapxtreme:zoomNumeric dialog="true">

<table border=0>

<tr><td colspan=4><mapinfo:localString

string="dialog_zoom"/>:&nbsp;&nbsp;&nbsp;<mapxtreme:zoomRange

/>&nbsp;<mapxtreme:distanceUnits /></td>

<tr><td colspan=4><mapinfo:localString

string="dialog_center"/></td></tr>

<tr><td><mapinfo:localString

string="dialog_x"/>:</td><td><mapxtreme:centerX

/></td><td><mapinfo:localString

string="dialog_y"/>:</td><td><mapxtreme:centerY /></td></tr>

<tr><td colspan=4 align=center><input type=submit value='

<mapinfo:localString string="dialog_ok"/>

'>&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton /></td></tr>

</table>

<input type=hidden name="redirect"

value="/jsp/mapdisplaydialog.jsp">

</mapxtreme:zoomNumeric>

</center>

</body>

</mapinfo:mapapp>

</html>

11. Script untuk membuka layer

OpenDialog.jsp

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

Page 154: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

139

<html>

<head>

<title><mapinfo:localString string="dialog_open"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<table border=0 cellspacing=0 cellpadding=0

height="100%"><tr><td>

<mapinfo:localString string="dialog_choosefile"/>:

</td></tr><tr><td>

<mapxtreme:open>

</td></tr><tr><td align=center>

<br><input type=submit value="<mapinfo:localString

string="dialog_open"/>">&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton/

>

</mapxtreme:open>

</td></tr></table>

</center>

</body>

</html>

</mapinfo:mapapp>

12. Script untuk melakukan print peta

PrintPreview.jsp

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<html>

<head>

<title><mapinfo:localString

string="dialog_printpreview"/></title>

</head>

<body bgcolor="#CFCFCF">

<mapxtreme:printPreviewMap width="640" height="480" />

</body>

</html>

</mapinfo:mapapp>

13. Script untuk mengetahui projection dari peta

ProjectionDialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

Page 155: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

140

<title><mapinfo:localString

string="dialog_projections"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<mapxtreme:projection dialog="true">

<mapxtreme:projectionCategories />

<p><mapxtreme:projectionMembers />

<p><mapxtreme:changeProjection

/>&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton />

<input type=hidden name="redirect"

value="/jsp/projectiondialog.jsp">

</mapxtreme:projection>

</center>

</body>

</html>

</mapinfo:mapapp>

14. Script untuk menghapus layer yang tidak diperlukan

RemoveLayerDialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ taglib uri="/wms" prefix="wms" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<SCRIPT LANGUAGE="JavaScript">

offset = 175

performOnchange = false

if (document.all) {

docObj = "document.all."

styleObj = ".style"

} else {

docObj = "document."

styleObj = ""

}

function openselect(subcat) {

popupselect = eval(docObj + subcat + styleObj)

popupselect.visibility = "visible"

}

function closeselect(submenu,subcat){

popupselect = eval(docObj + subcat + styleObj)

if (submenu.selectedIndex != 0) {

popupselect.visibility = "hidden"

numchoice = submenu.selectedIndex

choice = submenu[numchoice].value

addlayer.layername.value = choice

submenu.selectedIndex = 0

}

Page 156: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

141

}

function lock() {

performOnchange = false

}

function unlock() {

performOnchange = true

}

function selectSub(cat) {

for (i=1; i <= catnumber; i++) {

subcat = "sub" + i

popupselect = eval(docObj + subcat + styleObj)

popupselect.visibility = "hidden"

}

if (performOnchange == true) {

letsopen = "sub" + cat.selectedIndex

if (letsopen == "sub0") {

alert("No category selected")

choice = "- layer -"

addlayer.layername.value = choice

cat.focus()

} else {

openselect(letsopen)

lock()

}

}

}

</script>

<title>Remove Layer Dialog</title>

<body bgcolor="#CFCFCF">

<mapinfo:mapapp name="wmsclient">

<wms:removelayer />

</mapinfo:mapapp>

</body>

</html>

15. Script untuk routing

Routingdialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapmarker" prefix="mapmarker" %>

<%@ taglib uri="/routing" prefix="routing" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_routing"/></title>

</head>

<body bgcolor="#CFCFCF">

<routing:route dialog="true">

<routing:addressInput>

<center>

Page 157: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

142

<table border=0>

<routing:startingAddress>

<tr><td><b><mapinfo:localString

string="dialog_startingaddress"/>:</b></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

</routing:startingAddress>

<routing:destinationAddress>

<tr><td colspan=3><b><mapinfo:localString

string="dialog_destinationaddress"/>:</b></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

</routing:destinationAddress>

<tr><td colspan=3 align=center><routing:quickestTime

/>Quickest Time <routing:shortestDistance />Shortest Distance

<tr><td colspan=3 align=center><input type=submit

value="<mapinfo:localString

string="dialog_findroute"/>">&nbsp;&nbsp;&nbsp;<mapinfo:cancelBu

tton /></td></tr>

</table>

</center>

</routing:addressInput>

<routing:errorInput>

<center>

<p><routing:routingError />

<table border=0>

<routing:startingAddress>

Page 158: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

143

<tr><td><b><mapinfo:localString

string="dialog_startingaddress"/>:</b></td></tr>

<tr><td colspan=3><mapmarker:geocodeError

/></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

</routing:startingAddress>

<routing:destinationAddress>

<tr><td colspan=3><b><mapinfo:localString

string="dialog_destinationaddress"/>:</b></td></tr>

<tr><td colspan=3><mapmarker:geocodeError

/></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_firm"/><br><mapmarker:firm size="40" /></td></tr>

<tr><td colspan=3><mapinfo:localString

string="dialog_street"/><br><mapmarker:street size="40"

/><br><mapmarker:street2 size="40" /></td></tr>

<tr>

<td><mapinfo:localString

string="dialog_city"/><br><mapmarker:city size="15" /></td>

<td><mapinfo:localString

string="dialog_countrysubdivision"/><br><mapmarker:countrySubdiv

ision size="3" /></td>

<td><mapinfo:localString

string="dialog_postalcode"/><br><mapmarker:postalCode size="5"

/>-<mapmarker:postalAddOnCode size="4" /></td>

</tr>

</routing:destinationAddress>

<tr><td colspan=3 align=center><input type=submit

value="<mapinfo:localString

string="dialog_findroute"/>">&nbsp;&nbsp;&nbsp;<routing:newRoute

/></td></tr>

</table>

</center>

</routing:errorInput>

<routing:candidatesInput>

<routing:startingAddress>

<p><mapinfo:localString

string="dialog_startingcandidates"/>:<br><mapmarker:candidates

size="4" />

Page 159: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

144

</routing:startingAddress>

<routing:destinationAddress>

<p><mapinfo:localString

string="dialog_destinationcandidates"/>:<br><mapmarker:candidate

s size="4" />

</routing:destinationAddress>

<p><center><input type=submit

value="<mapinfo:localString

string="dialog_findroute"/>">&nbsp;&nbsp;&nbsp;<routing:newRoute

/></center>

</routing:candidatesInput>

<routing:routeResultInput>

<routing:startingAddress>

<p><mapinfo:localString

string="dialog_startingaddress"/>: <mapmarker:street

readOnly="true" />, <mapmarker:city readOnly="true" />,

<mapmarker:countrySubdivision readOnly="true" />,

<mapmarker:postalCode readOnly="true" />-

<mapmarker:postalAddOnCode readOnly="true" />

</routing:startingAddress>

<routing:destinationAddress>

<br><mapinfo:localString

string="dialog_destinationaddress"/>: <mapmarker:street

readOnly="true" />, <mapmarker:city readOnly="true" />,

<mapmarker:countrySubdivision readOnly="true" />,

<mapmarker:postalCode readOnly="true" />-

<mapmarker:postalAddOnCode readOnly="true" />

</routing:destinationAddress>

<p><table border=1 bgcolor='#e9e9e9' cellpadding="2"

cellspacing="0">

<routing:routeResult>

<tr bgcolor="#CFCFCF"><td><routing:direction

zoomToIntersection="true" /></td><td><routing:time />

<routing:timeUnit /></td><td><routing:distance />

<routing:distanceUnit /></td></tr>

</routing:routeResult>

<tr

bgcolor="#CFCFCF"><td>&nbsp;</td><td><b><routing:totalTime />

<routing:timeUnit /></b></td><td><b><routing:totalDistance />

<routing:distanceUnit /></b></td></tr>

</table>

<p><center><routing:newRoute

/>&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton /></center>

</routing:routeResultInput>

<input type=hidden name="redirect"

value="/jsp/routingdialog.jsp">

</routing:route>

</mapinfo:mapapp>

</body>

</html>

Page 160: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

145

16. Script untuk menyimpan perubahan isi layer apabila ada data yang dirubah

Savedialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_save"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<table border=0 cellspacing=0 cellpadding=0

height="100%"><tr><td>

<mapinfo:localString string="dialog_filename"/>:

</td></tr><tr><td>

<mapxtreme:save>

</td></tr><tr><td align=center>

<br><input type=submit value="<mapinfo:localString

string="dialog_save"/>">&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton

/>

<input type=hidden name="redirect" value="/jsp/savedialog.jsp">

</mapxtreme:save>

</td></tr></table>

</center>

</body>

</mapinfo:mapapp>

</html>

17. Script untuk menyeleksi wilayah tertentu yang akan ditampikan informasinya

selectioninfodialog.jsp

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<html>

<head>

<title><mapinfo:localString

string="dialog_selectioninfo"/></title>

</head>

<body bgcolor="#FFFFFF">

<mapxtreme:selectionInfo>

<p><b><%= layerObj.getName() %></b><br>

<table border=1><tr bgcolor="#CFCFCF">

<mapxtreme:feature>

<td><mapxtreme:featureName /></td>

</mapxtreme:feature>

</tr>

Page 161: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

146

<mapxtreme:featureSet>

<tr>

<mapxtreme:feature>

<td><mapxtreme:featureValue /></td>

</mapxtreme:feature>

</tr>

</mapxtreme:featureSet>

</table>

</mapxtreme:selectionInfo>

</body>

</html>

</mapinfo:mapapp>

18. Script untuk merubah tampilan peta

Styledialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ taglib uri="/wms" prefix="wms" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<title>Style Chooser Dialog</title>

<body bgcolor="#CFCFCF">

<mapinfo:mapapp name="wmsclient">

<wms:style />

</mapinfo:mapapp>

</body>

</html>

19. Script untuk menampilkan atribut keseluruhan dari isi layer

Tableinfodialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString string="dialog_tableinfo"/>:

<mapxtreme:layername /></title>

</head>

<body bgcolor="#FFFFFF">

<table border=1 cellspacing=0 cellpadding=2>

<tr bgcolor="#CFCFCF"><td>&nbsp;</td>

<mapxtreme:tableColumns>

<td><b><mapxtreme:columnName /></b></td>

</mapxtreme:tableColumns>

</tr>

Page 162: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

147

<mapxtreme:tableinfo rows="100">

<tr><td align=right><mapxtreme:rowNum /></td>

<mapxtreme:tableColumns>

<td><mapxtreme:columnValue /></td>

</mapxtreme:tableColumns>

</tr>

</mapxtreme:tableinfo>

</table>

<p><mapxtreme:nextTableInfo />

</body>

</html>

</mapinfo:mapapp>

20. Script untuk membuat aplikasi webmap dengan wizard

Themewizard.jsp

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" import =

"com.mapinfo.dp.util.Bucketer"

contentType = "text/html;charset=UTF-8"%>

<mapinfo:mapapp>

<html>

<head>

<title><mapinfo:localString string="dialog_themes"/></title>

</head>

<body bgcolor="#CFCFCF">

<table border=0 cellspacing=0 cellpadding=0 width="100%"

height="100%"><tr><td valign=center align=center>

<mapxtreme:thematic dialog="true">

<mapxtreme:themelayer>

<mapinfo:localString

string="dialog_selecttable"/>:<br>

<mapxtreme:themeLayerList />

</mapxtreme:themelayer>

<mapxtreme:themecolumn>

<mapinfo:localString

string="dialog_selectcolumn"/>:<br>

<mapxtreme:themeColumnList />

</mapxtreme:themecolumn>

<mapxtreme:themeoptions>

<table border=0 cellspacing=2 cellpadding=0>

<tr><td colspan=2><mapinfo:localString

string="dialog_distributionmethod"/>:</td></tr><tr><td colspan=2

align=right><mapxtreme:themeDistributionType /></td></tr>

<tr><td><mapinfo:localString

string="dialog_numofranges"/>:</td><td

valign=top><mapxtreme:themeBreaks /></td></tr>

<tr><td valign=top>

<table border=0 width='100%' cellspacing=0

cellpadding=0>

<tr><td><mapinfo:localString

Page 163: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

148

string="dialog_colors"/>:</td><td align=right><font size=-

1><mapinfo:localString string="dialog_hi"/></font></td></tr>

</table></td>

<td><mapxtreme:themeEndColor /></td></tr>

<tr><td align=right><font size='-

1'><mapinfo:localString

string="dialog_low"/></font></td><td><mapxtreme:themeStartColor

/></td></tr>

</table>

</mapxtreme:themeoptions>

<p><input type=submit value=' <mapinfo:localString

string="dialog_ok"/> '>&nbsp;&nbsp;&nbsp;<input type=submit

name="cancel" value="<mapinfo:localString

string="button_cancel"/>">

<input type=hidden name="redirect" value="/jsp/themewizard.jsp">

</mapxtreme:thematic>

</td></tr></table>

</body>

</html>

</mapinfo:mapapp>

21. Script untuk menampilkan view entire layer

Viewentirelayerdialog.jsp

<html>

<head>

<%@ taglib uri="/mapinfo" prefix="mapinfo" %>

<%@ taglib uri="/mapxtreme" prefix="mapxtreme" %>

<%@ page language = "java" contentType = "text/html;charset=UTF-

8"%>

<mapinfo:mapapp>

<title><mapinfo:localString

string="dialog_viewentirelayer"/></title>

</head>

<body bgcolor="#CFCFCF">

<center>

<mapxtreme:viewEntireLayer dialog="true">

<table border=0 height="100%">

<tr><td align=center><mapinfo:localString

string="dialog_viewentirelayer"/>:<br><mapxtreme:viewEntireLayer

List /></td>

<tr><td align=center><input type=submit value='

<mapinfo:localString string="dialog_ok"/>

'>&nbsp;&nbsp;&nbsp;<mapinfo:cancelButton /></td></tr>

</table>

<input type=hidden name="redirect"

value="/jsp/viewentirelayerdialog.jsp">

</mapxtreme:viewEntireLayer>

</center>

</body>

</mapinfo:mapapp>

</html>

Page 164: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

149

Selanjutnya Anda dapat menambahkan kemampuan dari sistem webmap dengan

mengacu ke beberapa penelitian yang penulis lakukan, disini kita hanya tinggal

melakukan editing script JSP sesuai dengan kebutuhan sistem webmap yang diinginkan

[5-10].

7.3 Webmap Dengan Pemrograman PHP

Pada uji coba berikut akan diimplementasikan apikasi webmap dengan

menggunakan software MapServer, selajutnya bisa disesuaikan dengan kemampuan

sistem webmap yang diinginkan dengan cara editing sript ke bahasa pemrograman

Hypertext Preprocessor (PHP).

Buat dengan membuat templatemenggunakan software Macromedia

Dreamweaver 8, selanjutnya melakukan koneksi webservice dengan MS4W-MapServer

4 Windows-Version 2.3.1 dengan langkah-langkahnya sebagai berikut:

1. Buat folder dengan nama Bojonegoro di C:\ms4w\Apache\htdoct

2. Didalam folder Bojonegoro beri folder lagi dengan nama html, font, images, mapfile,

shp, simbol dan temp, yaitu:

- Folder html berisi file *.html untuk interface web

- Folder font berisi file jenis font yang digunakan dalam webmap

- Folder images berisi file gambar

- Folder mapfile berisi file *.map

- Folder shp berisi seluruh file *.shp

- Folder simbol berisi file simbol

- Folder temp berisi temporary gambar peta

3. Buat file index *.html dan css nya dalam folder *.html

4. Kemudian membuat file map02.htm yang berfungsi sebagai halaman untuk

memanggil template analisa dengan mengetikkan kode berikut, beri nama

map02.htm dan simpan file di C:\ms4w\Apache\htdocs\bojonegoro\htm

Page 165: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

150

5. Buat file mapbojonegoro.html yang berfungsi sebagai file template legenda analisa.

Ketikkan kode berikut dan beri nama mapbojonegoro.html simpan di

C:\ms4w\apache\htdocs\html

6. Buat file baru pada notepad dengan nama mapbojonegoro.map dan simpan di

C:\ms4w\Apache\htdocs\bojonegoro\mapfile, file mapbojonegoro.map berfungsi

untuk mendefinisikan peta dasar dalam webmap, Dalam file mapbojonegoro.map

ketikkan script dibawah ini :

MAP

NAME bojonegorokecamatan

IMAGETYPE PNG

EXTENT 61 -2430 4020 -454 #(sesuaikan dengan peta hasil

digitasi pada QGIS)

STATUS ON

UNITS DD

SIZE 500 360

SHAPEPATH "c:/ms4w/Apache/htdocs/bojonegoro/shp/"

FONTSET "c:/ms4w/Apache/htdocs/bojonegoro/font/font.dat"

SYMBOLSET

"c:/ms4w/Apache/htdocs/bojonegoro/simbol/simbol.sym"

IMAGECOLOR 255 255 255 # misal warna yang dipilih

WEB

TEMPLATE

'c:/ms4w/Apache/htdocs/bojonegoro/webmap/peta_dasar.html'

IMAGEPATH 'c:/ms4w/Apache/htdocs/bojonegoro/temp/'

IMAGEURL '/bojonegoro/temp/'

END

QUERYMAP

SIZE 500 360

STATUS ON

STYLE HILITE

<meta http-equiv="Refresh"

content="0;url=http://localhost/cgi-

bin/mapserv.exe?map=c:/ms4w/Apache/htdocs/bojonegoro/m

apfile/mapbojonegoro.map&mode=browse">

[leg_layer_html visibility_flag=15]

[/leg_layer_html]

[leg_class_html visibility_flag=15]

<img src=[leg_icon]>

[leg_class_name]<br>[/leg_class_html]<br>

Page 166: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

151

COLOR 245 111 111

END

#

# Mulai pendefinisian layers

#

LAYER

NAME kecamatan

HEADER 'c:/ms4w/Apache/htdocs/bojonegoro/webmap/index.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn user=postgres

password=*** port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from kecamatan using srid=-1 using unique

gid"

STATUS default # template

TYPE POLYGON

TRANSPARENCY 100

LABELITEM "nama_kec"

CLASS

STYLE

COLOR 25 147 40

OUTLINECOLOR 0 0 0

END # style

LABEL

FONT Arial

TYPE TRUETYPE

SIZE 7

POSITION UC

COLOR 255 255 255

END # label

END # class

END # Akhir definisi layer

# untuk point

LAYER

NAME sma

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/bojonegoro/webmap/index.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn user=postgres

password=***** port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from sma using srid=-1 using unique gid"

Page 167: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

152

#DATA sma

STATUS ON # template

TYPE POINT

TRANSPARENCY 100

LABELITEM "nama_sma"

CLASS

STYLE

SYMBOL "Bulat"

SIZE 5

COLOR 14 87 124

OUTLINECOLOR 14 87 124

END # style

LABEL

FONT Arial

TYPE TRUETYPE

SIZE 8

POSITION UC

COLOR 255 255 255

END # label

END # class

END # Akhir definisi layer

SCALEBAR

STATUS ON # template

LABEL

SIZE Medium

COLOR 0 0 0

OUTLINECOLOR 255 255 255

END # label

STYLE 1

INTERVALS 3

SIZE 150 4

COLOR 0 0 0

BACKGROUNDCOLOR 255 255 255

OUTLINECOLOR 0 0 0

UNITS KILOMETERS

POSITION LR

TRANSPARENT TRUE

END # Scalebar

#

LEGEND # BLOK LEGENDA

IMAGECOLOR 255 255 204 # kuning muda

KEYSIZE 18 10

KEYSPACING 1 1

POSTLABELCACHE TRUE

STATUS ON # template

Page 168: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

153

TRANSPARENT OFF

LABEL # LABEL LEGENDA

TYPE TRUETYPE

FONT ARIAL

COLOR 0 0 0

SIZE 9

ANTIALIAS TRUE

END # LABEL

TEMPLATE

"c:/ms4w/Apache/htdocs/bojonegoro/webmap/home_dasar_leg.html"

END # AKHIR BLOK LEGENDA

#

END # Akhir mapfile

Berikut diuji cobakan webmap yang memiliki kemampuan sebagai berikut:

1. Untuk mengetahui pemetaan daaerah mana saja yang sering menjadi langganan

banjir tahunan, dengan aturan sebagai berikut,

- If TinggiAirSungai<6 && CurahHujan<1408 && DebitAir<97 && ElevasiTanah<23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan<1408 && DebitAir<97 && ElevasiTanah>23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan<1408 && DebitAir>97 && ElevasiTanah<23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan>1408 && DebitAir<97 && ElevasiTanah<23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan<1408 && DebitAir<97 && ElevasiTanah<23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan>1408 && DebitAir>97 && ElevasiTanah>23,

Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan>1408 && DebitAir>97 && ElevasiTanah<23,

Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan>1408 && DebitAir<97 && ElevasiTanah>23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan<1408 && DebitAir>97 && ElevasiTanah<23,

Bukan Daerah Rawan Banjir

Page 169: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

154

- If TinggiAirSungai>6 && CurahHujan>1408 && DebitAir<97 && ElevasiTanah<23,

Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan<1408 && DebitAir>97 && ElevasiTanah>23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan<1408 && DebitAir<97 && ElevasiTanah>23,

Bukan Daerah Rawan Banjir

- If TinggiAirSungai<6 && CurahHujan<1408 && DebitAir<97 && ElevasiTanah<23,

Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan>1408 && DebitAir>97 && ElevasiTanah<23,

Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan<1408 && DebitAir>97 && ElevasiTanah>23,

Daerah Rawan Banjir

- If TinggiAirSungai>6 && CurahHujan>1408 && DebitAir>97 && ElevasiTanah>23,

Daerah Rawan Banjir

File mapbojonegoro.map juga berfungsi untuk mendefinisikan peta analisa daerah

rawan banjir dalam webmap. Dalam file mapbojonegoro.map untuk analisa daerah

rawan banjir tahunan ketikkan kode dibawah ini :

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as

gid,kecamatan.the_geom as the_geom,kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air,

banjir.curah_hjn,banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

Page 170: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

155

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan < 1406 and

debitair < 97 and elevasitanah < 23"

CLASS

# TEMPLATE

NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan < 1406 and debitair < 97 and elevasitanah <

23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer1

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan < 1406 and

debitair < 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan < 1406 and debitair < 97 and elevasitanah >23"

STYLE

COLOR 51 153 255

END # style

Page 171: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

156

END # class

END # Akhir definisi layer2

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan < 1406 and

debitair > 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan < 1406 and debitair > 97 and elevasitanah <23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer3

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

Page 172: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

157

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan > 1408 and

debitair < 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan > 1408 and debitair < 97 and elevasitanah <23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer4

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

Page 173: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

158

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan < 1408 and

debitair < 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair > 6

and curahhujan < 1408 and debitair < 97 and elevasitanah <23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer5

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan > 1408 and

debitair > 97 and elevasitanah > 23"

CLASS

# TEMPLATE

NAME "Daerah Rawan Banjir karena tinggiair < 6 and

curahhujan > 1408 and debitair > 97 and elevasitanah > 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer6

Page 174: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

159

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan > 1408 and

debitair > 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "Daerah Rawan Banjir karena tinggiair < 6 and

curahhujan > 1408 and debitair > 97 and elevasitanah < 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer7

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

Page 175: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

160

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan > 1408 and

debitair < 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan > 1408 and debitair < 97 and elevasitanah >23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer6

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan < 1408 and

Page 176: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

161

debitair > 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair > 6

and curahhujan < 1408 and debitair > 97 and elevasitanah <23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer9

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan > 1408 and

debitair < 97 and elevasitanah < 23"

CLASS

# TEMPLATE

# NAME "Daerah Rawan Banjir karena tinggiair > 6 and

curahhujan > 1408 and debitair < 97 and elevasitanah < 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer10

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

Page 177: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

162

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair < 6 and curahhujan < 1408 and

debitair > 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair < 6

and curahhujan < 1408 and debitair > 97 and elevasitanah >23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer97

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

Page 178: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

163

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan < 1408 and

debitair < 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "BUKAN Daerah Rawan Banjir karena tinggiair > 6

and curahhujan < 1408 and debitair < 97 and elevasitanah >23"

STYLE

COLOR 51 153 255

END # style

END # class

END # Akhir definisi layer12

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan > 1408 and

debitair > 97 and elevasitanah < 23"

CLASS

# TEMPLATE

Page 179: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

164

# NAME "Daerah Rawan Banjir karena tinggiair > 6 and

curahhujan > 1408 and debitair > 97 and elevasitanah < 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer13

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan > 1408 and

debitair < 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "Daerah Rawan Banjir karena tinggiair > 6 and

curahhujan > 1408 and debitair < 97 and elevasitanah > 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer14

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

Page 180: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

165

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan < 1408 and

debitair > 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "Daerah Rawan Banjir karena tinggiair > 6 and

curahhujan < 1408 and debitair > 97 and elevasitanah > 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer15

LAYER

NAME rawanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select kecamatan.gid as gid,

kecamatan.the_geom as the_geom, kecamatan.nama_kec as

namakec,

banjir.tinggi_air as tinggiair, banjir.curah_hjn as

curahhujan, banjir.debit_air as debitair, banjir.elevasi as

elevasitanah

from kecamatan, banjir where kecamatan.the_geom &&

banjir.the_geom and ST_Contains (kecamatan.the_geom,

banjir.the_geom)

group by kecamatan.gid , kecamatan.nama_kec,

kecamatan.the_geom , banjir.tinggi_air, banjir.curah_hjn,

Page 181: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

166

banjir.debit_air , banjir.elevasi

order by kecamatan.gid asc) as query using srid=-1 using

unique gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "tinggiair > 6 and curahhujan > 1406 and

debitair > 97 and elevasitanah > 23"

CLASS

# TEMPLATE

# NAME "Daerah Rawan Banjir karena tinggiair > 6 and

curahhujan > 1406 and debitair > 97 and elevasitanah > 23"

STYLE

COLOR 0 0 153

END # style

END # class

END # Akhir definisi layer

Untuk menampilkan peta analisa daerah rawan banjir yang mengacu aturan pada

tabel 7.1 sesuai hasil langkah-langkah ini, buka Web Browser ketikkan pada address

http://localhost/cartoweb3/htdocs/demoEdit.php akan tampil hasil seperti yang

terlihat pada gambar berikut,

Gambar 7.9 Pemetaan Daerah Rawan Banjir

Page 182: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

167

Pada gambar 7.9 tersebut, aturan yang sudah didefinisikan diatas akan di query kan

di pemrograman PHP, sehingga menghasilkan kategori kelompok kecamatan yang

masuk daerah rawan banjir yang diwakili dengan thematic wilayah warna hijau

diantaranya Kecamatan Padangan, Kasiman, Malo, Kalitidu, Trucuk, bojonegoro,

Kapas, Balen, Dander dan Kecamatan Kanor. Sisanya merupakan kategori daerah

yang tidak rawan terhadap kemungkinan banjir.

2. Untuk analisa perkiraan kemungkinan akan terjadi banjir berdasarkan data

ketinggian air sungai bengawan solo, intensitas curah hujan, elevasi tanah dan

data genangan. Proses pendeteksian perkiraan banjir akan terjadi, dengan aturan

sebagai berikut,

- LuasAreaBanjir>17 && KonturTanah>23

- LuasAreaBanjir<17 && KonturTanah>23

- LuasAreaBanjir>17 && KonturTanah<23

- LuasAreaBanjir<17 && KonturTanah<23

- LuasAreaBanjir<17 && KonturTanah>23

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir > 17 and konturtanah < 23"

CLASS

# TEMPLATE

NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir > 17

Page 183: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

168

and konturtanah < 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer1

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir < 17 and konturtanah < 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir < 17

and konturtanah < 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer2

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

Page 184: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

169

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir > 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir > 17

and konturtanah > 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer3

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "LuasAreaBanjir10 > 0 and LuasAreaBanjir11 > 0

and LuasAreaBanjir < 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir10 >

0 and LuasAreaBanjir11 > 0 and LuasAreaBanjir < 17 and

Page 185: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

170

konturtanah > 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer4

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir > 17 and konturtanah < 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir > 17

and konturtanah < 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer5

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

Page 186: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

171

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir < 17 and konturtanah < 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir < 17

and konturtanah < 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer6

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir > 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir > 17

and konturtanah > 23"

STYLE

Page 187: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

172

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer7

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "LuasAreaBanjir < 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir < 17

and konturtanah > 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer8

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

Page 188: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

173

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER "LuasAreaBanjir10 < 0 and LuasAreaBanjir11 < 0

and LuasAreaBanjir > 17 and konturtanah < 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir10 <

0 and LuasAreaBanjir11 < 0 and LuasAreaBanjir > 17 and

konturtanah < 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer9

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir < 17 and konturtanah < 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir < 17

and konturtanah < 23"

STYLE

COLOR 34 36 112

Page 189: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

174

END # style

END # class

END # Akhir definisi layer10

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir > 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir > 17

and konturtanah > 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer11

LAYER

NAME prakiraanbanjir

# tanpa nama, agar tidak muncul di legenda

HEADER

'c:/ms4w/Apache/htdocs/coba/html/peta_analisa13.html'

CONNECTIONTYPE postgis

CONNECTION "host=localhost dbname=dbbanjirbjn

user=postgres password=postgres port=54321"

PROCESSING "CLOSE_CONNECTION=DEFER"

DATA "the_geom from (select desa.gid as gid,

desa.the_geom as the_geom, desa.nama_desa as namadesa,

prakiraan.luas_ab as LuasAreaBanjir, prakiraan.k_tanah as

konturtanah

from desa, prakiraan where desa.the_geom &&

Page 190: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

175

prakiraan.the_geom and ST_Contains (prakiraan.the_geom,

desa.the_geom)

group by desa.gid, desa.nama_desa, desa.the_geom,

prakiraan.luas_ab, prakiraan.k_tanah

order by desa.gid asc ) as query using srid=-1 using unique

gid"

STATUS on

TYPE polygon

TRANSPARENCY 50

FILTER " LuasAreaBanjir < 17 and konturtanah > 23"

CLASS

# TEMPLATE

# NAME "Prakiraan Dampak Banjir karena LuasAreaBanjir < 17

and konturtanah > 23"

STYLE

COLOR 34 36 112

END # style

END # class

END # Akhir definisi layer12

Jalankan pada web browser dengan hasil seperti yang terlihat pada gambar 7.10, dimana

daerah yang memiliki thematik wilayah dengan warna biru tua merupakan daerah

yang diperkirakan akan terkena dampak banjir.

Gambar 7.9 Genangan Prakiraan Banjir

Page 191: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

176

3. Untuk mengetahui alternatif pos pengungsian yang bisa digunakan pada setiap

daerah yang terkena dampak banjir berdasarkan data sekolah dan balai desa.

Mengacu pada uji coba ke-1, dengan mencentang check box yang akan digunakan

sebagai alternatif pos pengungsian, tambahkan code script berikut,

Menampilkan Balai Desa

<tr>

<td><input type="checkbox" name="layer"

value="balai_desa" [balai_desa_check]/>

Balai Desa</td>

</tr> Menampilkan sekolah

tr>

<td><input type="checkbox" name="layer"

value="sekolah" [sekolah_check]/>

Sekolah</td>

</tr>

Jalankan webbrowser akan tampil hasil seperti yang terlihat pada gambar 7.11

merupakan alternatif Pos Pengungsian Pada Titik Sekolah dan gambar 7.12

merupakan alternatif pos pengungsian balaidesa,

Gambar 7.11 Alternatif Pos Pengungsian Sekolahan

Page 192: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

177

Gambar 7.12 Alternatif Pos Pengungsian Balai Desa

Untuk melakukan data spasial (editing polygon, polyline, dan point) dan data

atribut, digunakan software Cartoweb3 dengan langkah-langkah sebagai berikut:

1. Buka software cartoweb3 yang sudah dilakukan proses instalasi pada bab

sebelumnya

2. Buka C:\ms4w\apps\cartoweb3\projects, kemudian duplikat folder demoEdit, salah

satu folder yang di duplikat beri nama demoEdit1.

3. Buka C:\ms4w\apps\cartoweb3\projects\demoEdit\client_conf, kemudian buka file

edit.in dan ubah isi file seperti code berikut,

editLayers = edit_point,sma,edit_line;

4. Buka C:\ms4w\apps\cartoweb3\projects\demoEdit\server_conf\demoEdit, buka file

demoEdit.ini dan ubah isi filenya menjadi code berikut

mapInfo.initialMapStates.default.layers.raster.selected =

true

mapInfo.initialMapStates.default.layers.edit_point.selected

Page 193: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

178

5. Buka file demoEdit.map, kemudian rubah format file nya sesuai dengan hasil

digitasi di QGIS, setelah itu ketikkan code berikut pada start definision layers

LAYER

NAME EDITPOLY

STATUS ON

TYPE POLYGON

CONNECTIONTYPE POSTGIS

CONNECTION 'dbname=dbbanjirbjn user=postgres

password=*** host=localhost port=54321'

DATA 'the_geom from kecamatan using srid=-1 using unique

gid'

TEMPLATE 'ttt'

#TRANSPARENCY 80

LABELITEM "nama_kec"

CLASS

NAME "class"

STYLE

#COLOR 50 50 255

COLOR 153 204 0

OUTLINECOLOR 255 255 255

END

LABEL

TYPE TRUETYPE

FONT "Vera"

SIZE 7

COLOR 0 0 0

POSITION cc

#BACKGROUNDCOLOR 153 204 0

#BACKGROUNDSHADOWCOLOR 55 55 55

#BACKGROUNDSHADOWSIZE 1 1

END

END

LABELMAXSCALE 50000

METADATA

'id_attribute_string' 'gid' # query

'query_returned_attributes' 'gid id_kec nama_kec

luas_kec'

'edit_table' 'kecamatan' # PostGIS table

'edit_geometry_column' 'the_geom' # PostGIS geometry

column

= true

mapInfo.initialMapStates.default.layers.sma.selected = true

mapInfo.initialMapStates.default.layers.edit_poly.selected

= true

mapInfo.initialMapStates.default.layers.edit_line.selected

= true

mapInfo.loadPlugins = edit

Page 194: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

179

'edit_geometry_type' 'polygon' # PostGIS geometry type

'edit_srid' '-1'

'edit_attributes'

'gid,id_kec|integer,nama_kec|string,luas_kec|integer'

# list of the editable fields

'edit_filter' '' # mapserver filter

END

END

LAYER

NAME EDITLINE

STATUS ON

TYPE LINE

CONNECTIONTYPE POSTGIS

CONNECTION 'dbname=dbbanjirbjn user=postgres password=***

host=localhost port=54321'

DATA 'the_geom from jalan_negara using srid=-1 using

unique gid'

TEMPLATE 'ttt'

MAXSCALE 2000000

LABELITEM "namajalan_"

CLASS

NAME "class"

STYLE

COLOR 255 0 0

SYMBOL 1

SIZE 3

END

LABEL

TYPE TRUETYPE

FONT "Vera"

SIZE 7

COLOR 0 0 0

ANGLE auto

POSITION uc

BACKGROUNDCOLOR 245 235 235

BACKGROUNDSHADOWCOLOR 55 55 55

BACKGROUNDSHADOWSIZE 1 1

END

END

LABELMAXSCALE 50000

METADATA

'id_attribute_string' 'gid' # query

'query_returned_attributes' 'idjalan_ne namajalan_'

'edit_table' 'kecamatan' # PostGIS table

'edit_geometry_column' 'the_geom' # PostGIS geometry

column

'edit_geometry_type' 'line'

'edit_srid' '-1'

'edit_attributes' 'id,namajalan_|string' # list of the

editable fields

'edit_filter' '' # mapserver filter

END

Page 195: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

180

END

LAYER

NAME EDITPOINT

STATUS ON

TYPE POINT

CONNECTIONTYPE POSTGIS

CONNECTION 'dbname=dbbanjirbjn user=postgres password=***

host=localhost port=54321'

DATA 'the_geom from sd using srid=-1 using unique gid'

TEMPLATE 'ttt'

#TRANSPARENCY 50

LABELITEM "nama_sd"

#MAXSCALE 2000000

CLASS

NAME "class"

#TEXT ([nama] [surname])

STYLE

SYMBOL "line"

COLOR 0 0 153

SIZE 10

END

LABEL

TYPE TRUETYPE

FONT "Vera"

SIZE 7

COLOR 0 0 153

POSITION auto

#BACKGROUNDCOLOR 255 255 255

END

END

LABELMAXSCALE 50000

METADATA

'id_attribute_string' 'gid' # query

'query_returned_attributes' 'idjalan namajalan'

'edit_table' 'sd' # PostGIS table

'edit_geometry_column' 'the_geom' # PostGIS geometry

column

'edit_geometry_type' 'point' # geometry type, may

differ from layer type in mapfile

'edit_srid' '-1'

'edit_attributes'

'no_serial,nama_sd|string,kls_sd|integer,murid_sd|inte

ger,alamat_sd|string' # list of the editable fields

END

END

LAYER

NAME sma

STATUS ON

TYPE POINT

CONNECTIONTYPE POSTGIS

CONNECTION 'dbname=dbbanjirbjn user=postgres password=***

Page 196: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

181

host=localhost port=54321'

DATA 'the_geom from sma using srid=-1 using unique gid'

TEMPLATE 'ttt'

#TRANSPARENCY 50

LABELITEM "nama_jalan"

#MAXSCALE 2000000

CLASS

NAME "class"

#TEXT ([nama] [surname])

STYLE

SYMBOL "line"

COLOR 0 0 0

SIZE 10

END

LABEL

TYPE TRUETYPE

FONT "Vera"

SIZE 7

COLOR 0 0 0

POSITION auto

BACKGROUNDCOLOR 255 255 255

END

END

LABELMAXSCALE 50000

METADATA

'id_attribute_string' 'gid' # query

'query_returned_attributes' 'namajalan'

'edit_table' 'kecamatan' # PostGIS table

'edit_geometry_column' 'the_geom' # PostGIS geometry

column

'edit_geometry_type' 'point' # geometry type, may

differ from layer type in mapfile

'edit_srid' '-1'

'edit_attributes'

'no_serial,nama_sma|string,kls_sma|integer,murid_sma|i

nteger,alamat_sma|string' # list of the editable

fields

END

END

6. Simpan dengan benar perubahan dalam demoEdit.map, teliti kembali jika terjadi

kesalahan. Seluruh file demoEdit.map di copykan ke file demoEdit.map.in. Buka file

layers.in dan ubah script seperti berikut,

; whether to generate class icons automatically

autoClassLegend = true

; layers

layers.kecamatan.className = Layer

layers. kecamatan .label = Jalan Kecamatan

Page 197: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

182

7. Untuk membuka project cartoweb ini dalam browser ketikkan

http://localhost/cartoweb3/htdocs/demoEdit.php

layers. kecamatan .msLayer = kecamatan

layers.edit_poly.className = Layer

layers.edit_poly.label = Kecamatan

layers.edit_poly.msLayer = EDITPOLY

layers.edit_line.className = Layer

layers.edit_line.label = namajalan

layers.edit_line.msLayer = EDITLINE

Page 198: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

183

DAFTAR PUSTAKA

[1] Eddy Prahasta (2002), Konsep-konsep Dasar Sistem Informasi Geografis,

Informatika, Bandung

[2] Stan Aronoff. GIS A Management Perspective. Second Printing. Canada. 1991.

Understanding GIS. The ARC/INFO Method. Fourth Edition. Environmental

System Research Institute Inc.. 1997.

[3] Denny Charter, Irma Agtrisari (2003) Desain dan Aplikasi Geographics

Information System. PT Elek Media Komputindo. Jakarta

[4] Laurini, Robert and Derek Thompson, 1992. Fundamentals of Spatial Information

Systems. London: Academic Press Limited

[5] Anik Vega Vitianingsih, dkk (2005) Sistem Informasi Geografis

Pengembangan Lahan Pertanian di Kabupaten Ponorogo (Jurnal Ilmu &

Teknologi Terapan, Maret, hal 80-102)

[6] Anik Vega Vitianingsih, dkk (2007) Sistem Informasi Geografis Deteksi

Penjalaran Kebakaran Hutan (Jurnal Saintek, Juni, hal 17-24)

[7] Anik Vega Vitianingsih, dkk (2008) Rekayasa Sistem Informasi Geografis

(SIG) Identifikasi Potensi Lahan Pertanian di Kabupaten Ponorogo (Jurnal

Saintek, Juni, hal 19-31)

[8] Anik Vega Vitianingsih, dkk (2011) Rekayasa Sistem Informasi geografis

(SIG) Untuk Identifikasi Daerah Rawan Banjir Studi Kasus di Wilayah

Surabaya (Jurnal Ilmiah Ilmu Komputer UPH Vol.8 No.1 Hal 65-74 ISSN 1412-

9523)

[9] Anik Vega Vitianingsih, dkk (2012) Rekayasa Sistem Informasi Geografis

(SIG) Untuk Pemetaan Lokasi Tower Jaringan Telepon Seluler dalam Bentuk

Webmap di Jawa Timur (Jurnal Ilmiah Ilmu Komputer UPH Vol.8 No.2 Hal

201-206 ISSN

[10] Anik Vega Vitianingsih, dkk (2012) Webmap untuk Surveilans Demam

Berdarah Dengue di Kabupaten Tulungagung (Jurnal Ilmiah Ilmu Komputer UPH

Vol.9 No.1 Hal 115-123 ISSN 1412-9523)

[11] Eddy Prahasta, Aplikasi Pemrograman MapInfo, Informatika, Bandung

[12] Fathansyah (2012), Basis Data, Informatika, Bandung

Page 199: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

184

[13] Prahasta, Eddy, 2007, Membangun Aplikasi Web Based GIS dengan

Mapserver, Informatika, Bandung

[14] M. Rudyanto Arief, 2011, Pemrograman Web Dinamis Menggunakan PHP dan

MySQL, Andi Yogyakarta

[15] Burrough.1986. Principles of Geographical Information System for Land

Resources Assessment. New York: Oxford University Press.

[16] Demers,Michael N.1997.Fundamental of Geographic Information System.

University of New Mexico,John Wiley and Sons,Inc.

Page 200: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

185

GLOSSARIUM

SIG : Sistem Informasi Geografis

GIS : Geograpic Informattion System

WebMap : Pemetaan sistem berbasis internet

JSP : Java Server Page untuk bahasa pemrograman java untuk

aplikasi client server

PHP : Hypertext Prepocessor untuk bahasa pemrograman untuk

aplikasi client server dengan sintak script PHP

Hardware : Perangkat keras

Software : Perangkat lunak

Tool : Alat Bantu Software

GUI : Graphical User Interface

Input : Proses memasukkan data

Output : Hasil yang akan ditampilkan dari proses Input data

Data : Informasi yang digunakan untuk mengolah sistem

Data Spasial : Merupakan data yang terdapat dalam layer peta

Data Atribut : Merupakan data yang terdapat dalam database

Data Raster : Penyajian data obyek dalam bentuk rangkaian pixel

Data Vektor : Penyajian data dalam bentuk rangkaian koordinat

Database : Kumpulan data yang saling berhubungan digunakan untuk

membuat aplikasi sistem

Scanning : Rekaman gambar dalam format data raster

Peta : Representasi bentuk permukaan bumi

Metode : Cara yang digunakan untuk proses perancangan sistem

Digitasi : Proses mengolah peta analog menjadi pemetaan peta digital

Plotter : Alat Scan yang digunakan untuk melakukan scanning Peta

Analog ke *.jpg

Digitizer : Alat yang digunakan untuk melakukan proses digitasi peta

LIS : Model Land Information System untuk sistem dengan

informasi bumi secara detail yang umumnya berupa peta

Page 201: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

186

LRIS : Model Land Related Information System untuk sistem

dengan informasi bumi secara detail dan umumnya berupa

peta

Tools : Komponen yang digunakan untuk navigasi sistem peta

Tools Main : Alat bantu yang digunakan untuk manipulasi data peta

Tools Drawing : Alat bantu yang digunakan untuk mengolah peta analog ke

peta digital

Tools DBMS : Alat bantu yang digunakan untuk mengolah database

Map Info : Tool yang digunakan untuk mengolah peta

Java 2 SDK : Java Virtual Machine

MapXtreme Java : Tool yang digunakan sebagai webserver untuk ke aplikasi

webmap

Quantum GIS : Software open source untuk proses digitasi peta

PostGis : Tool yang digunakan untuk mengolah data spasial

Macromedia Dreamwaver : Tool yang digunakan untuk membuat dan merubah

dokumen HTML

MapServer : Tool yang digunakan sebagai webserver untuk ke aplikasi

webmap

Cartoweb : Tool yang digunakan untuk melakukan proses editing data

spasial

Uji Coba : Proses melakukan rangkaian kegiatan untuk mengetahui

hasil dari pengolahan sistem yang dibuat

Field : Data atribut atau data tabel

Atribut : Kumpulan data yang terdapat dalam tabel

Manajemen Layer : Proses menambah, merubah dan menghapus data spasial

Thematic Peta : pengelompokan peta berdasarkan nilai individu(individual

value), kisaran (range), kerapatan titik (dot density), simbol

gradual (graduated symbols) dan Grid (continuos thematic

shading) dengan grafik lingkaran (pie chart) dan grafik

batang (bar chart)

Page 202: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

LAMPIRAN

BIODATA PENDAMPING

PROGRAM HIBAH PENULISAN BUKU TEKS PERGURUAN TINGGI

TAHUN 2015

A. Identitas Diri 1. Nama lengkap Dr. Ir. Raden Venantius Hari Ginardi, MSc

2. Jenis Kelamin Laki-laki

3. Jabatan Fungsional Lektor

4. NIP 196505181992031003

5. NIDN 0018056508

6. Tempat dan Tanggal Lahir Makassar, 18 Mei 1965

7. E-mail [email protected]

8. Nomor Telepon HP 081399355955

9. Alamat Kantor Jurusan Teknik Informatika, Kampus ITS Sukolilo,

Surabaya 60111

10. Nomo Telepon / Fax Telp 031-5939214, Fax 031-5913804

11. Lulusan yang telah dihasilkan 2 tahun terakhir: S1 = 15, S2 = 6, S3 = 0

12. Mata Kuliah yang diampu S3: Seminar Riset 1

S2: Topik Dalam Data Mining

S1: Data Warehousing

S1: Topik Khusus KCV

S1: Algoritma dan Struktur Data

S1: Pemrograman Terstruktur B. Riwayat Pendidikan

S-1 S-2 S-3

Nama Perguruan

Tinggi

Institut Teknologi

Sepuluh Nopember,

Surabaya -

Indonesia

Institut Pertanian

Bogor, Bogor -

Indonesia

Technische

Universitaet Wien,

Vienna – Austria

Bidang Ilmu Komputer (Teknik

elektro)

Information

Technologi for

Natural Resources

Management (MSc in

IT for NRM)

Geoscience and

Informatics

Tahun Masuk - Lulus 1984 - 1991 1998 - 2000 2001 – 2010

Judul Skripsi – Tesis - Disertasi

Penggunaan IBM-

PC Sebagai

Perangkat

Pengendali

Realtime

Diirect NOAA

Imagery Extraction

System for Data

Acquisition of Rice

Growth Modelling

Spatial Data

Organization for

Indonesian National

Spatial Data

Infrastructure

Nama pembimbing/

promotor

Ir. Yoyon K

Suprapto, MSc

Dr. Kudang B

Seminar, Dr. I

Handoko

Prof. Dr. Josef Jansa

Page 203: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

C. Pengalaman Penelitian Dalam 5 Tahun Terakhir

No Tahun Judul Penelitian Pendanaan

Sumber Jumlah

1 2011 Location Based Services untuk Tanggap

Bencana di Indonesia

ASEA UNINET (Austria)

Indosat

2000 Euro

Rp 5.000.000

2 2012 Educational Data Mining untuk

Peningkatan Kualitas Pendidikan di

Indonesia

Mandiri

3 2013 Perekaman Keragaan Tebu Secara

Periodik Menggunakan Kamera Dan

Gps Smart Phone Untuk

Mengoptimalkan Produksi Gula

Nasional

Departemen

Pertanian

Rp 118.339.000

4 2013 Intelligent Method for Dipstick

Urinalysis

JICA Japan Rp 180.000.000

D. Pengalaman Pengabdian kepada Masyarakat dalam 5 Tahun Terakhir

No Tahun Judul Kegiatan Pengabdian Sumber

1 2011 Pendampingan Pemanfaatan TIK untuk

Rintisan Sekolah Bertaraf Internasional,

kerjasama dengan Dinas Pendidikan

Kota Surabaya, no kontrak

903/6092/436.6.4/2011

Pemerintah Kota Surabaya

2 2012 Mengikuti kegiatan Informatics Social

Responsibility 2012 , Srt Tugas Dekan

no 2094/IT2.5/KP/2012

Institut Teknologi Sepuluh Nopember

3 2012 Instruktur dalam Pelatihan kegiatan

informatics social responsibility 2012,

Srt Tugas Dekan no

1151/IT2.7/PM/2012

Institut Teknologi Sepuluh Nopember

4 2013 Pelatihan Aplikasi Multimedia bagi

Pengajar SMK

PIKTI – ITS

E. Publikasi Artikel Ilmiah Dalam Jurnal dalam 5 Tahun Terakhir

No Judul Artikel Ilmiah Nama Jurnal Volume/

nomor- Tahun

1 The Reconstruction of Spatial

Data Creation Process and Its

Usability in Indonesian National

Spatial Data Infrastructure,

Jurnal Ilmiah

Geomatika,

Bakosurtanal.

ISSN: 0854-2759

(Terakreditasi)

Vol 17 No 2, Desember 2011, pp

95-109,

Page 204: HKIP 2015 PROPOSAL PROGRAM HIBAH PENULISAN BUKU · PDF filehkip 2015 proposal program hibah penulisan buku teks perguruan tinggi tahun 2015 membangun aplikasi sistem informasi geografis

No Judul Artikel Ilmiah Nama Jurnal Volume/

nomor- Tahun

2 Pendekatan Algoritma Heuristik dan

Neural Network untuk Screening

Test pada Urinalysis

Jurnal

Cybermatika,

STEI ITB

Bandung,

Vol 1 No 2, Desember 2013

F. Pemakalah Seminar Ilmiah (Oral Presentation) dalam 5 Tahun Terakhir

No Nama pertemuan Ilmiah /

Seminar

Judul Artikel Ilmiah Waktu dan tempat

1. 8th International Symposium

on Location-Based Services

Current Development of

Android’s Location- Based

Services in Indonesia

21-23 November 2011, Vienna –

Austria

2. Seminar Nasional Geomatika

2011

The Reconstruction Of Spatial

Data Creation Process And Its

Usability In Indonesian

National Spatial Data

Infrastructure

Cibinong, 5 Mei 2011

3. Seminar Nasional Geospasial

dalam Pembangunan Wilayah

dan Kota

Membangun Relasi Antar

Dataset Dalam

Pengorganisasian Koleksi Data

Spasial

UNDIP Semarang,

8-9 Juni 2011

4. The 7th International

Conference On Information

And Communication

Technology And Systems

(ICTS) 2013

On Demand Investigation In

Educational Data Mining To

Improve Decision Support In A

School Information System

14-15 Mei 2013

5 ICT-Eurasia International

Conference 2014 Intelligent Method for Dipstick

Urinalysis Using Smartphone

14-17 April 2014

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar

dan dapat dipertanggungjawabkan secara hukum. Apabila di kemudian hari

ternyata dijumpai ketidak- sesuaian dengan kenyataan, saya sanggup

menerima sanksi.

Surabaya, 23 April 2015

Pendamping,

Dr. Ir. Raden Venantius Hari Ginardi, MSc