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.
Top Related