PERANCANGAN IMPLEMENTASI SITEM

INFORMASI UKM BERBASIS WEB GIS DI

KABUPATEN TULUNGAGUNG

TUGAS AKHIR

Sebagai Syarat Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh :

Mochamad Ridho Djatmiko

08560174

JURUSAN INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2013

ii

LEMBAR PERSETUJUAN

PERANCANGAN IMPLEMENTASI SITEM INFORMASI UKM BERBASIS

WEB GIS DI KABUPATEN TULUNGAGUNG

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Menyetujui

Dosen Pembimbing I

Ir. Nur Alif Mardiyah, MT

108.9203.0257

Dosen Pembimbing II

Lailatul Husniah S.ST

iii

LEMBAR PENGESAHAN

PERANCANGAN IMPLEMENTASI SITEM INFORMASI UKM BERBASIS

WEB GIS DI KABUPATEN TULUNGAGUNG

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh:

Mochamad Ridho Djatmiko

08560174

Tugas Akhir ini telah diuji dan dinyatakan lulus oleh tim penguji pada tanggal

Mengetahui/Menyetujui

Dosen Penguji I

Agus Eko M. S.Kom

Mengetahui

Ketua Jurusan Teknik Informatika

Eko Budi Cahyono, S.Kom, MT

108.9504.0330

Dosen Penguji II

Evi Dwi W. S.Kom

iv

LEMBAR PERNYATAAN

Yang bertanda tangan di bawah ini :

Nama : Mochamad Ridho Djatmiko

Tempat / Tgl Lahir : Sidoarjo, 12 Oktober 1989

NIM : 08560174

Fakulats / Jurusan : Teknik / Informatika

Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul

“PERANCANGAN IMPLEMENTASI SITEM INFORMASI UKM

BERBASIS WEB GIS DI KABUPATEN TULUNGAGUNG” beserta seluruh

isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik

sebagian maupun keseluruhan, kecuali dalam bentuk kutipan yang telah

disebutkan sumbernya.

Demikian surat pernyataan ini dibuat sebenar-benarnya. Apabila kemudian

ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau

ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap

menanggung segala bentuk resiko/sanksi yang berlaku.

Malang, 11 Januari 2013

Yang Membuat Pernyataan

Mochamad Ridho Djatmiko

Mengetahui,

Dosen Pembimbing I

Ir. Nur Alif Mardiyah, MT

108.9203.0257

v

ABSTRAK

Pengembangan Sistem Informasi Geografis berbasis web untuk Usaha

Kecil Menengah belum banyak dikembangkan, sebagian besar aplikasi yang

ada menampilkan peta statis sehingga administrator web tidak bisa leluasa

dalam memperbaharui data dan calon pembeli tidak dapat mengetahui lokasi

usaha yang dituju. Dalam skripsi ini dibangun suatu Sistem Informasi

Geografis Usaha Kecil Menegah berbasis web yang dapat membantu

pembeli untuk mengetahui informasi tentang UKM yang akan dikunjungi

serta produk barangnya dan pihak pembeli dapat mengetahui informasi.

Aplikasi ini menggunakan mapscript sebagai modul yang digunakan untuk

membuat fungsi dan class MapServer agar dapat dijalankan di PHP.

Sedangkan MapServer sendiri adalah sebuah layanan untuk memproses dan

menampilkan data spasial yang berasal dari datadase, untuk apalikasi

databasenya menggunakan MySql.

Kata Kunci : Sistem Informasi Geografis, Usaha Kecil Menengah.

vi

ABSTRACT

The development of web based Geographic Information Systems for Small

and medium Enterprises is not much developed, most of the application exist show

static map so the web administrator is not free to recondition the data and the

buyer didn’t know the location of work that have been purposed. In this thesis

built a web based Geographic Information Systems for Small and medium

Enterprises that can help buyer to know the information about the Small and

medium Enterprises that would be visit as well as the product and the buyer know

the information. This application used script map as module that use to make

function and class Map Server in order to operate in PHP. Whereas Map Server

itself is a service to process and show spatial data from database, for database’s

application used MySql.

Key Word: Geographic Information System, Small and Medium Enterprises

vii

PERSEMBAHAN

Puji syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga

penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikan ucapan

terima kasih sebesar-besarnya kepada :

1. Allah Subhanahu WaTa’Ala, yang tidak ada hentinya melimpahkan

rahmat dan kasih sayang-Nya. Membimbing di setiap langkah-langkahku,

serta menolong ketika aku mengalami kegagalan.

2. Bapak/ Ibu Dekan Fakultas Teknik Universitas Muhammadiyah Malang.

3. Bapak Eko Budi Cahyono, S.Kom, MT selaku Ketua Jurusan Teknik

Informatika.

4. Ibu Ir. Nur Alif Mardiyah, MT selaku dosen pembimbing I dan Ibu

Lailatul Husniah S.ST selaku dosen pembimbing II yang senantiasa telah

banyak memberikan pengarahan dan bimbingannya dalam penyelesaian

penulisan Tugas Akhir ini.

5. Bapak Agus Eko M. S.Kom dan Ibu Evi Dwi W. S.Kom yang telah

meluangkan waktunya untuk menguji tugas akhir ini.

6. Segenap Bapak dan Ibu Dosen Program Studi Teknik Informatika dan

Staff Tata Usaha Fakultas Teknik Universitas Muhammadiyah Malang.

7. Kedua orang tua, Ayahanda Malik Afandi dan Ibunda Ninik Sukatmi yang

selalu memberikan dukungan teknis maupun non-teknis dan sangat

berperan penting terhadap pengerjaan Tugas Akhir ini. Jasa kalian takkan

pernah kulupakan.

8. Kakakku Hendra Febri Antomi Afandi yang senantiasa selalu memberikan

motivasi dan dukungan.

9. Sayangku Ernita Dian Prathivi S.Kep yang tidak bosan-bosannya selalu

mendukung dan menemaniku dalam mengerjakan Tugas Akhir ini.

viii

10. Sahabatku SEMANGGI (Oktafian Sulistiyo, Lailatul Habibah, dan Siti

Lu’lu’ul Khoiriyah ). Terimakasih atas semangatnya. Persahabatan kalian

adalah yang terbaik.

11. Pihak Dinas Perindustrian dan Perdagangan (DISPERINDAG)yang telah

membantu penulis dengan memberikan izin pengambilan data dalam

menyelesaikan tugas akhir.

12. Semua pihak yang tidak dapat saya sebutkan satu persatu yang telah sudi

meluangkan waktunya untuk membantu dan mensuport.

ix

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan

rahmat dan hidayah-Nya sehingga peneliti dapat menyelesaikan tugas akhir yang

berjudul “Perancangan Implementasi Sitem Informasi Ukm Berbasis Web Gis Di

Kabupaten Tulungagung”. Tak lupa juga kita mengucapkan Salawat dan salam

kepada Nabi junjungan kita Muhammad SAW, yang telah banyak mengajarkan

umat islam untuk selalu barada di jalan yang benar jalan Allah.

Di dalam tulisan ini saya sebagai penulis membahas mengenai Sistem

Informasi Geografis Usaha Kecil Menengah di Kebupaten Tulungagung. Selama

ini untuk mengetahui informasi Usaha Kecil Menengah masih dilakukan secara

manual. Oleh karena itu perlu adanya suatu sistem yang tepat untuk dapat

menunjukkan informasi dengan mudah. Dengan adanya sistem ini, diharapkan

setiap orang dapat mengetahui informasi Usaha kecil menengah secara detail.

Saya sangat berterima kasih kepada dosen-dosen informatika dan semua

orang yang telah membantu saya dalam menghadapi kesulitan-kesulitan didalam

pembuatan skripsi ini. Semoga tulisan ini bermanfaat bagi semua yang

membacanya. Saya sebagai penulis menyadari sepenuhnya bahwa dalam

penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan didalamnya.

Oleh karena itu saya mengharapkan saran yang membangun agar tulisan ini

bermanfaat bagi perkembangan ilmu pengetahuan ke depan.

Malang, 11 Januari 2013

Penulis

Mochamad Ridho Djatmiko

x

DAFTAR ISI

HALAMAN SAMPUL ....................................................................................

HALAMAN JUDUL ....................................................................................... i

LEMBAR PERSETUJUAN............................................................................. ii

LEMBAR PENGESAHAN ............................................................................. iii

LEMBAR PERNYATAAN ............................................................................. iv

ABSTRAK ....................................................................................................... v

ABSTRACT ....................................................................................................... vi

PERSEMBAHAN ........................................................................................... vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR ISI .................................................................................................... ix

DAFTAR TABEL ............................................................................................ xiii

DAFTAR GAMBAR ....................................................................................... xiv

BAB I PENDAHULUAN

1.1. Latar Belakang ..................................................................... 1

1.2. Rumusan Masalah ................................................................. 3

1.3. Tujuan ................................................................................... 4

1.4. Batasan Masalah .................................................................... 4

1.5. Metodologi ............................................................................ 4

1.6. Sistematika Penulisan ........................................................... 5

BAB II LANDASAN TEORI

2.1. Profil Kabupaten Tulungagung ............................................ 7

2.1.1. Orientasi Wilayah ...................................................... 8

2.2. Peta ....................................................................................... 9

2.2.1. Jenis-Jenis Peta .......................................................... 9

2.2.2. Pengelompokan Unsur Peta ...................................... 10

2.3. Sistem Informasi Geografis (SIG) ........................................ 11

2.3.1. Pengertian Sistem Informasi Geografis (SIG) .......... 11

2.3.2. Subsistem SIG ........................................................... 13

2.3.3. Komponen SIG .......................................................... 14

2.3.4. Prinsip Kerja SIG ...................................................... 17

xi

2.3.5. Konsep Model Data Spasial pada SIG ...................... 17

2.3.6. Perbandingan Data Ruster dan Data Vector .............. 24

2.3.7. Sistem Informasi Geografis Berbasis WEB (WebGIS) 25

2.3.8. Pemilihan Teknologi ................................................. 26

2.3.9. Data Vektor atau Raster ............................................ 26

2.4. MapServer ............................................................................ 27

2.4.1. Pengenalan MapServer .............................................. 27

2.4.2. Arsitektur Umum Aplikasi Pemetaan di Web ........... 28

2.4.3. Fitur-fitur Pada Mapserver ........................................ 29

2.4.4. Pengetahuan Dasar MapServer ................................. 30

2.4.5. Komponen Pembentuk MapServer ........................... 31

2.4.6. Struktur FiIe MAP ..................................................... 31

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1. Deskripsi Sistem .................................................................. 33

3.2. Perancangan Sistem ............................................................. 34

3.2.1. Penggambaran Awal Sistem ...................................... 34

3.2.2. Model Analisa ........................................................... 34

3.2.2.1. Use Case Diagram ...................................... 34

3.2.3. Activity Diagram ....................................................... 36

3.2.3.1. Activity Diagram Login ............................... 36

3.2.3.2. Activity Diagram Lihat Peta ........................ 37

3.2.3.3. Activity Diagram Navigasi Peta .................. 38

3.2.3.4. Activity Diagram Lihat Lokasi UKM ......... 38

3.2.3.5. Activity Diagram Lihat Detail UKM .......... 39

3.2.3.6. Activity Diagram Lihat Data UKM Per-

Kecamatan ................................................... 40

3.2.3.7. Activity Diagram Insert ............................... 40

3.2.3.8. Activity Diagram Update ............................ 41

3.2.3.9. Activity Diagram Delete .............................. 41

3.2.4. Sequence Diagram .................................................... 42

3.2.5. Class Diagram ........................................................... 48

xii

3.3. ER Diagram .......................................................................... 49

3.4. Design User Interface ........................................................... 51

3.4.1. Tampilan Utama Aplikasi ......................................... 51

3.4.2. Tampilan Menu Login .............................................. 52

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1. Implementasi Perangkat Lunak ............................................ 53

4.1.1. Form Utama ............................................................... 53

4.1.2. Form Data .................................................................. 54

4.1.3. Form Login ................................................................ 55

4.1.4. Form Data Admin ...................................................... 56

4.1.5. Form Jenis UKM ....................................................... 57

4.1.6. Form UKM ................................................................. 57

4.1.7. Form Gallery ............................................................. 57

4.2. Tabel Basis Data .................................................................. 59

4.2.1. Tabel Data Admin ..................................................... 59

4.2.2. Tabel Data Gallery ..................................................... 59

4.2.3. Tabel Data Jenis ......................................................... 59

4.2.4. Tabel Data Kecamatan ............................................... 60

4.2.5. Tabel Data UKM ....................................................... 60

4.3. Pengujian Perangkat Lunak .................................................. 60

4.4. Pengujian Fungsional ........................................................... 61

4.4.1. Form Utama ................................................................ 61

4.4.2. Form Login ................................................................ 61

4.4.3. Tombol Navigasi ....................................................... 62

4.4.3.1. Tombol Zoom-in ......................................... 62

4.4.3.2. Tombol Zoom-out ....................................... 63

4.4.3.3. Tombol Netral ............................................. 64

4.4.3.4. Tombol Item ................................................ 65

4.4.3.5. Tombol Kiri ................................................. 66

4.4.3.6. Tombol Kanan ............................................. 67

4.4.3.7. Tombol Atas ................................................ 68

4.4.3.8. Tombol Bawah ............................................ 69

xiii

4.4.3.9. Tombol Garis .............................................. 70

4.4.4. Form Pencarian ......................................................... 71

4.4.5. Form Admin .............................................................. 72

4.4.5.1. Form UKM .................................................. 73

4.4.5.2. Form Jenis UKM ......................................... 74

4.4.5.3. Form Gallery ............................................... 74

4.4.5.4. Form Administrator ..................................... 75

4.5. Pengujian User ..................................................................... 76

BAB V KESIMPULAN DAN SARAN

5.1. Kesimpulan ............................................................................. 78

5.2 Saran ........................................................................................ 78

DAFTAR PUSTAKA ..................................................................................... 79

LAMPIRAN ................................................................................................. 80

xiv

DAFTAR TABEL

Tabel 2.1. Perbandingan sfuktur data vector dan raster .................................. 24

Tabel 4.1 Form-Form Aplikasi Dan Keterangannya ....................................... 58

Tabel 4.2 Admin .............................................................................................. 59

Tabel 4.3 Gallery ............................................................................................. 59

Tabel 4.4 Jenis ................................................................................................ 59

Tabel 4.5 Kecamatan ....................................................................................... 60

Tabel 4.6 UKM ............................................................................................... 60

Tabel 4.7 Tabel Hasil Pengujian Fungsional .................................................. 76

Tabel 4.8 Tabel Hasil Pengujian User ............................................................. 76

xv

DAFTAR GAMBAR

Gambar 2.1. Kabupaten Tulungagung ............................................................ 7

Gambar 2.2. Komponen Utama Sistenn Informasi Geografis ........................ 12

Gambar 2.3. Subsistem Sistem Informasi Geografis ...................................... 13

Gambar 2.4. Komponen SIG ........................................................................... 14

Gambar 2.5. Komponen Perangkat Keras / Hardware Dalam SIG ................. 15

Gambar 2.6. Model Data Spasial .................................................................... 18

Gambar 2.7. Data Vektor ................................................................................ 18

Gambar 2.8. Data Raster ................................................................................. 19

Gambar 2.9. Atribut lokasi dalam setiap sel atau pixel ................................... 22

Gambar 2.10. Arsitektur Umum Aplikasi pemetaan Berbasis Web ............... 28

Gambar 3.1. Deskripsi Sistem ......................................................................... 33

Gambar 3.2. Use Case Diagram ..................................................................... 35

Gambar 3.3. Activity Login ............................................................................. 37

Gambar 3.4. Activity Diagram Lihat Peta ....................................................... 37

Gambar 3.5. Activity Diagram Navigasi Peta ................................................. 38

Gambar 3.6. Activity Diagram Lihat Lokasi UKM ........................................ 39

Gambar 3.7. Activity Diagram Lihat Detail UKM .......................................... 39

Gambar 3.8. Activity Diagram Lihat Data UKM Per-kecamatan ................... 40

Gambar 3.9. Activity Diagram Insert .............................................................. 40

Gambar 3.10. Activity Diagram Update ......................................................... 41

Gambar 3.11. Activity Diagram Delete ........................................................... 42

Gambar 3.12. Sequence Diagram Login ......................................................... 43

Gambar 3.13. Sequence Diagram Lihat Peta .................................................. 43

Gambar 3.14. Sequence Diagram Navigasi Peta ............................................ 44

Gambar 3.15. Sequence Diagram Navigasi Peta ............................................ 45

Gambar 3.16. Sequence Diagram Navigasi Peta ............................................ 45

Gambar 3.17. Sequence Diagram Lihat Data UKM Per-Kecamatan ............ 46

Gambar 3.18. Sequence Diagram Insert ......................................................... 46

Gambar 3.19. Sequence Diagram Update ....................................................... 47

Gambar 3.20. Sequence Diagram Delete ........................................................ 47

xvi

Gambar 3.21. Class Diagram ......................................................................... 48

Gambar 3.22. ER Diagram ............................................................................. 49

Gambar 3.23. Tampilan Utama Aplikasi ........................................................ 51

Gambar 3.24. Tampilan Menu Login .............................................................. 52

Gambar 4.1 Tampilan Awal Aplikasi .............................................................. 53

Gambar 4.2 Tampilan Form Data .................................................................... 54

Gambar 4.3 source code Form Data ................................................................ 55

Gambar 4.4 Tampilan Form Login .................................................................. 55

Gambar 4.5 source code Form Login .............................................................. 56

Gambar 4.6 Tampilan Form Data Admin ........................................................ 56

Gambar 4.7 Tampilan Form Jenis UKM.......................................................... 57

Gambar 4.8 Tampilan Form UKM................................................................... 57

Gambar 4.9 Tampilan Form Gallery ................................................................ 58

Gambar 4.10 Tampilan FormUtama ................................................................ 61

Gambar 4.11 Tampilan Form Login ................................................................ 61

Gambar 4.12 Tampilan Form Admin Setelah Login ....................................... 62

Gambar 4.13 Tampilan Sebelum Zoom-in....................................................... 62

Gambar 4.14 Tampilan Setelah Zoom-in ......................................................... 63

Gambar 4.15 Tampilan Sebelum Menekan Tombol zoom-out ........................ 63

Gambar 4.16 Tampilan Sesudah Menekan Tombol zoom-out ........................ 64

Gambar 4.17 Tampilan Sebelum Menekan Tombol Netral ............................. 64

Gambar 4.18 Tampilan Sesudah Menekan Tombol Netral .............................. 65

Gambar 4.19 Tampilan Sebelum Menekan Tombol Item ................................ 65

Gambar 4.20 Tampilan Sesudah Menekan Tombol Item ................................ 66

Gambar 4.21 Tampilan Sebelum Menekan Tombol Kiri................................. 66

Gambar 4.22 Tampilan Sesudah Menekan Tombol Kiri ................................. 67

Gambar 4.23 Tampilan Sebelum Menekan Tombol Kanan............................. 67

Gambar 4.24 Tampilan Sesudah Menekan Tombol Kanan ............................. 68

Gambar 4.25 Tampilan Sebelum Menekan Tombol Atas ................................ 68

Gambar 4.26 Tampilan Sesudah Menekan Tombol Atas ................................ 69

Gambar 4.27 Tampilan Sebelum Menekan Tombol Bawah ............................ 69

Gambar 4.28 Tampilan Sesudah Menekan Tombol Bawah............................. 70

xvii

Gambar 4.29 Tampilan Sebelum Menekan Tombol Garis .............................. 70

Gambar 4.30 Tampilan Sesudah Menekan Tombol Garis ............................... 71

Gambar 4.31 Tampilan Form Pencarian .......................................................... 71

Gambar 4.32 Tampilan User Mengisi input ..................................................... 72

Gambar 4.33 Tampilan Lokasi yang di Cari .................................................... 72

Gambar 4.34 Tampilan Form Admin ............................................................... 73

Gambar 4.35 Tampilan Form UKM................................................................. 73

Gambar 4.36 Tampilan Form Pengisian Data UKM ....................................... 73

Gambar 4.37 Tampilan Form Jenis UKM........................................................ 74

Gambar 4.38 Tampilan Form Pengisian Jenis UKM ....................................... 74

Gambar 4.39 Tampilan Form Gallery .............................................................. 74

Gambar 4.40 Tampilan Form Pengisian Gallery ............................................. 75

Gambar 4.41 Tampilan Form Administrator ................................................... 75

Gambar 4.42 Tampilan Form Penambahan Admin ......................................... 75

Gambar 4.43 Rumus Menghitung Prosentase .................................................. 77

xviii

78

DAFTAR PUSTAKA

[1] Eddy Prahasta, 2006 “Membangun aplikasi Web-Based GIS dengan

MapServer “.

[2] Andeka Rocky Tanaamah, “Perencanaan dan Implementasi WebGIS

Pariwisata Kabupaten Sumba Timur”, UGM Yogyakarta.

[3] Julio Adisantoso, “Pemetaan Berbasis Web dengan Menggunakan

MapServer dan MhpMapscript (Studi Kasus Kampus Institut Pertanian

Bogor Darmaga) “

[4] Taufiq Hidayat, 2006. “Perancangan Sistem Informasi Geografis

Penentuan Jalur Jalan Optimum Kodya Yogyakarta”, Universitas Islam

Indonesia.

[5] Julio Adisantoso, “Pemetaan Berbasis Web Dengan Menggunakan

Mapserver Dan Phpmapscript (Studi Kasus Kampus Institut Pertanian

Bogor Darmaga)”

[6] Mudian Paena, “Validasi Luas Periodik dan Penentuan Luas Potensi

Tambak di Kabupaten Luwu Utara Provinsi Sulawesi Selatan dengan

Menggunakan Teknologi Penginderaan Jauh dan Sistem Informasi

Geografis”. [7] Sri Sutanti, 2012. “Perancangan Sistem Informasi Geografis Tempat

Pariwisata Kabupaten Cilacap Berbasis Web”, Amikom Yogyakarta.

[8] Esty Rismayanda, 2012. “Sistem Informasi Geografis Perumahan Kota

Banjarbaru Kalimantan Selatan”, Amikom Yogyakarta.

[9] Muhammad Adri Wibowo, 2010. “Perancangan Sistem Informasi

Geografis Penentuan Jalur Jalan Optimum Menggunakan Metode

Dijkstra Kota Yogyakarta Berbasis Web”, Amikom Yogyakarta.

[10] Hamidi, “Aplikasi Sistem Informasi Geografis Berbasis Web Penyebaran

Dana Bantuan Operasional Sekolah”, Universitas Riau Pekanbaru.

[11] Tuti Herawati, “Sistem Informasi Geografis Terminal Bus Dalam Kota Di

Dki Jakarta”, Universitas Gunadarma.