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
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
Dosen Pembimbing II
Ir. Nur Alif Mardiyah, MT
Lailatul Husniah S.ST
108.9203.0257
ii
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
Dosen Penguji II
Agus Eko M. S.Kom
Evi Dwi W. S.Kom
Mengetahui Ketua Jurusan Teknik Informatika
Eko Budi Cahyono, S.Kom, MT 108.9504.0330
iii
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.
Mengetahui, Dosen Pembimbing I
Malang, 11 Januari 2013 Yang Membuat Pernyataan
Ir. Nur Alif Mardiyah, MT
Mochamad Ridho Djatmiko
108.9203.0257
iv
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 Geografis Usaha Kecil
skripsi
ini dibangun
Menegah berbasis
web
suatu
Sistem
Informasi
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
databasenya menggunakan MySql.
Kata Kunci : Sistem Informasi Geografis, Usaha Kecil Menengah.
v
apalikasi
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
vi
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.
vii
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.
viii
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
ix
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
BAB II
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
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
x
BAB III
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
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 PerKecamatan ...................................................
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
xi
BAB IV
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
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
xii
BAB V
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
KESIMPULAN DAN SARAN 5.1. Kesimpulan .............................................................................
78
5.2 Saran ........................................................................................
78
DAFTAR PUSTAKA .....................................................................................
79
LAMPIRAN .................................................................................................
80
xiii
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
xiv
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
xv
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
xvi
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
xvii
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.
xviii
