Upload
others
View
40
Download
0
Embed Size (px)
Citation preview
1
SISTEM INFORMASI GEOGRAFIS PERKEBUNAN
PT CENGKEH ZANZIBAR KEBUN KALISIDI
Tugas Akhir disusun untuk memenuhi syarat
mencapai gelar Kesarjanaan Komputer pada
Program Studi Teknik Informatika
Jenjang Program Strata 1
oleh :
NAUFAL ARI SAFRUDI
10.01.53.0044
15933
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS STIKUBANK (UNISBANK)
SEMARANG
2017
4
KATA PENGANTAR
Alhamdulillahirabbil’aalamiin. Puji syukur Penulis panjatkan kehadirat Allah
SWT, dengan ridha dan petunjuk-Nya lah Penulis dapat menyelesaikan Skripsi
dengan judul “SISTEM INFORMASI GEOGRAFIS PERKEBUNAN PT
CENGKEH ZANZIBAR KEBUN KALISIDI” ini. Penulisan tugas akhir ini bertujuan
untuk memenuhi salah satu syarat untuk menempuh jenjang strata satu pada
Universitas Stikubank “UNISBANK” Semarang.
Dalam kesempatan ini Penulis ingin mengucapkan terima kasih kepada pihak - pihak
yang telah memberikan bantuan dan bimbingan dalam menyelesaikan Skripsi ini.
Dalam hal ini kepada:
1. Allah SWT
2. Bapak DR. H. Hasan Abul Razak, S.H., C.N selaku Rektor Universitas Stikubank
Semarang.
3. Bapak Dr. Drs. Yohanes Suhari, M.MSI selaku Dekan Fakultas Teknologi Informasi
(FTI) Universitas Stikubank Semarang.
4. Bapak Jati Sasongko Wibowo, S.Kom, M.Cs selaku Kepala Progdi Teknik Informatika
Unisbank Semarang.
5. Ibu Rina Candra Noor Santi S.Pd, M.Kom selaku Dosen Pembimbing.
6. PT. Cengkeh Zanzibar Kebun Kalisidi, Ungaran, Jawa Tengah.
6
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS STIKUBANK (UNISBANK) SEMARANG
Program Studi : Teknik Informatika
Tugas Akhir Sarjana Komputer
Semester Genap 2017
SISTEM INFORMASI GEOGRAFIS PERKEBUNAN
PT CENGKEH ZANZIBAR KEBUN KALISID
Naufal Ari Safrudi
NIM : 10.01.53.0044
Abstraksi
Salah satu perusahaan yang menerapkan penggunaan Sistem Informasi Geografis adalah
Perkebunan. PT Cengkeh Zanzibar merupakan Perusahaan yang bergerak dibidang Perkebunan.
Permasalahan yang sering dihadapi adalah saat kantor pusat melakukan survey di lapangan, data
yang mereka dapat tidak up to date dan peta kebun yang ada dalam bentuk konvensional serta tidak
bereferensi geospasial. Dalam pengumpulan data metode yang dipakai yaitu observasi, penulusuran
literatur dan wawancara. Metode pengembangan sistem yang digunakan adalah model waterfall.
Hasil dari penelitian ini adalah pembuatan aplikasi Web GIS dengan php/html, Google
Crome sebagai web browser, Pembuatan Peta dengan Quantum GIS, koneksi database menggunakan
localhost dan mapquest sebagai base mapnya, untuk media penyimpanan menggunakan MySQL.
Aplikasi yang dibangun menampilkan peta penggunaan lahan yang ditanami pohon cengkeh, dan data
tabel yang berkaitan dengan tanaman dan penggunaan lahan.
Kata kunci : PT. Cengkeh Zanzibar, MySQL, Web GIS, MySQL, Quantum GIS
Semarang, 30 Agustus 2017
Pembimbing
( Rina Candra Noor Santi, S.Pd, M.Kom )
7
MOTTO
Lakukanlah semua kegiatan dengan ikhlas.
Selalu berusaha dan jangan pantang menyerah.
Berbagilah ilmu walau hanya sedikit.
Jangan bertanya apa yang akan kamu dapat, tapi tanyakan apa yang
akan kamu berikan.
Selalu berfikir positif dan yakin pasti bisa.
PERSEMBAHAN
Allah SWT yang telah memberikan yang terbaik buat kami.
Ayah, Ibu yang telah memberikan doa dan semangat dalam hidup ini,
karena beliaulah saya bisa menjadi S.Kom.
Istri saya Deni Yustina yang memotivasi saya untuk menyelesaikan
Tugas Akhir ini.
Kakak – Kakak saya yang telah memberikan doa dan semangat.
PT. Cengkeh Zanzibar Kebun Kalisidi.
Semua Dosen Fakultas Teknologi Informasi Universtas Stikubank
Semarang.
Dan pihak lainnya yang tidak dapat disebutkan satu persatu.
8
DAFTAR ISI
Halaman
HALAMAN JUDUL ............................................................................................... i
HALAMAN PERSETUJUAN ................................................................................ ii
HALAMAN PENGESAHAN ................................................................................ iii
KATA PENGANTAR ........................................................................................... iv
ABSTRAK ............................................................................................................... v
MOTTO DAN PERSEMBAHAN ......................................................................... vi
DAFTAR ISI ......................................................................................................... vii
DAFTAR GAMBAR ........................................................................................... xiv
DAFTAR TABEL ................................................................................................ xix
DAFTAR LAMPIRAN .......................................................................................... xx
BAB I PENDAHULUAN .................................................................................. 1
1.1. Latar Belakang Masalah .................................................................. 1
1.2. Rumusan dan Pembatasan Masalah ................................................. 3
1.2.1. Rumusan Masalah............................................................... 3
1.2.2. Batasan Masalah ................................................................. 3
1.3. Tujuan dan Manfaat Penelitian ........................................................ 3
1.3.1. Tujuan Penelitian ................................................................ 4
1.3.2. Manfaat Penelitian .............................................................. 4
1.4. Metodologi Penelitian ..................................................................... 5
9
1.4.1. Objek Penelitian .................................................................... 5
1.4.2. Jenis Data ............................................................................... 6
1.4.3. Metode Pengumpulan Data ................................................... 6
1.4.4. Metode Pengembangan Sistem ............................................. 7
1.5. Sistematika Penulisan ...................................................................... 9
BAB II TINJAUAN PUSTAKA ....................................................................... 11
2.1. Pustaka yang Terkait dengan Penelitian ....................................... 11
2.2. Perbedaan Penelitian yang Dilakukan dengan Penelitian
terdahulu ....................................................................................... 16
2.3. Tabel Perbandingan Penelitian Terdahulu dengan Penelitian
yang dilakukan .............................................................................. 18
BAB III LANDASAN TEORI ........................................................................... 21
3.1. PT Cengkeh Zanzibar Kebun Kalisidi .......................................... 21
3.1.1. Struktur Organisasi ........................................................... 22
3.1.2. Deskripsi Kerja Karyawan Tetap PT Cengkeh
Zanzibar Kebun Kalisidi .................................................. 24
3.2. Sistem Informasi .......................................................................... 28
3.2.1. Komponen Sistem Informasi ........................................... 28
3.2.2. Tujuan Sistem Informasi ................................................. 30
3.3.Sistem Informasi Geografis............................................................ 30
3.3.1. Sejarah Sistem Informasi Geografis ................................. 31
10
3.3.2. Komponen Sistem Informasi Geografis .......................... 34
3.3.3. Subsistem Sistem Informasi Geografis ............................ 38
3.3.4. Manfaat SIG ..................................................................... 39
3.4. Peta ................................................................................................ 39
3.4.1. Syarat-syarat Peta ............................................................ 40
3.4.2. Komponen pokok yang harus ada dalam pembuatan peta40
3.5. Pemodelan Berorientasi Objek ...................................................... 48
3.5.1. Object Oriented Design (OOD) ........................................ 48
3.5.2. Unified Modelling Language ........................................... 49
3.5.3. Object Oriented Programming ......................................... 50
3.5.4. Use Case Diagram ............................................................ 54
3.5.5. Class Diagram .................................................................. 55
3.5.6. Sequence Diagram ............................................................ 56
3.5.7. Activity Diagram. ............................................................. 57
3.6. Quantum GIS ............................................................................... 58
3.7. Xampp .......................................................................................... 59
3.8. SAS Planet .................................................................................... 60
3.9. WWW ........................................................................................... 60
3.10.Web Browser ................................................................................ 61
3.11. Web Server .................................................................................. 61
3.12. Web Database.............................................................................. 62
11
3.13. Macromedia Dreamweaver ......................................................... 62
3.14. Hyper Text Markup Language .................................................... 63
3.15. PHP ............................................................................................. 64
3.16. Database MySQL ........................................................................ 65
BAB IV Analisis dan Perancangan Sistem ......................................................... 66
4.1. Analisis Sistem .............................................................................. 66
4.1.1. Analisis Masalah............................................................... 66
4.1.2. Tujuan Pembuatan Sistem ................................................ 66
4.1.3. Analisis Kebutuhan Sistem ............................................... 66
4.1.3.1.Kebutuhan Fungsional .......................................... 66
4.1.3.2.Kebutuhan Non Fungsional .................................. 67
4.1.3.3.Analisis Kebutuhan Penunjang ............................ 68
4.2. Perancangan Basis Data ................................................................ 69
4.2.1. Penaksiran Kebutuhan Data ................................... 69
4.2.2. Perancangan Database ............................................ 70
4.3.Pemodelan Sistem .......................................................................... 74
4.3.1. Class Diagram ...................................................................... 74
4.3.2. Use Case Diagram ................................................................ 75
4.3.3. Sequence Diagram ............................................................... 77
4.3.4. Activity Diagram .................................................................. 79
4.4.Perancangan Interface .................................................................... 80
12
4.4.1.Rancangan Tampilan Awal Program .................................... 80
4.4.2.Perancangan Tampilan Beranda User ................................... 81
4.4.3.Perancangan Tampilan Halaman Penggunaan lahan user ..... 82
4.4.4.Perancangan Tampilan Halaman Kategori Tanaman User ... 82
4.4.5.Perancangan Tampilan Halaman Data Persemaian User ...... 83
4.4.6.Perancangan Tampilan Halaman Data Perawatan User ........ 83
4.4.7.Perancangan Tampilan Halaman Peta User .......................... 84
4.4.8.Perancangan Tampilan User Profil ....................................... 84
4.4.8.Perancangan Tampilan Admin .............................................. 85
4.4.9.Perancangan Tampilan Halaman Content Admin ................. 85
4.5.Pengolahan Data Spasial ................................................................ 86
BAB V Implementasi ........................................................................................ 96
5.1 Implemantasi Sistem ...................................................................... 96
5.1.1. Implementasi Perangkat Keras ............................................. 96
5.1.2. Implementasi Perangkat Lunak ............................................ 96
5.2 Implementasi Basis Data ................................................................ 97
5.3 Implementasi Interface ................................................................. 101
5.3.1 Interface User ................................................................... 103
5.3.1.1. Halaman Penggunaan Lahan ............................... 104
5.3.1.2. Halaman Kategori ............................................... 105
5.3.1.3. Halaman Persemaian ........................................... 106
13
5.3.1.4. Halaman Perawatan ............................................. 107
5.3.1.5. Halaman Map ...................................................... 108
5.3.2 Interface Admin ............................................................... 109
5.3.2.1. Halaman Penggunaan Lahan ............................... 110
5.3.2.2. Halaman Kategori ............................................... 111
5.3.2.3. Halaman Persemaian ........................................... 112
5.3.2.4. Halaman Perawatan ............................................. 113
5.3.2.5. Halaman Pengguna.............................................. 114
5.3.2.6. Halaman Map ...................................................... 114
BAB VI Hasil dan Pembahasan ........................................................................ 115
6.1 Cara Kerja Aplikasi SIG ............................................................ 115
6.2 Halaman User ............................................................................. 116
6.2.1. Halaman Penggunaan Lahan .............................................. 116
6.2.2. Halaman Kategori Tanaman .............................................. 117
6.2.3. Halaman Persemaian .......................................................... 117
6.2.4. Halaman Perawatan ............................................................ 118
6.2.5. Halaman Profil ................................................................... 118
6.2.6. Halaman Map ..................................................................... 119
6.3 Halaman Administrator .............................................................. 120
6.3.1. Fitur Penggunaan Lahan .................................................... 121
6.3.2. Fitur Kategori Tanaman ..................................................... 123
14
6.3.3. Fitur Persemaian Tanaman ................................................. 125
6.3.4. Fitur Perawatan Tanaman Cengkeh ................................... 127
6.3.5. Fitur Map ............................................................................ 129
6.3.6. Fitur Data Pengguna ........................................................... 130
BAB VII PENUTUP .......................................................................................... 132
7.1 Kesimpulan .................................................................................. 132
7.2 Saran ............................................................................................. 132
DAFTAR PUSTAKA .......................................................................................... 134
LAMPIRAN ......................................................................................................... 136
15
DAFTAR GAMBAR
Halaman
Gambar 1.1. Tahap Sistem Waterfall ....................................................................... 8
Gambar 3.1. Logo PT Cengkeh Zanzibar .............................................................. 21
Gambar 3.2. Struktur Organisasi PT Cengkeh Zanzibar Kebun Kalisidi .............. 22
Gambar 3.3. Komponen SIG .................................................................................. 34
Gambar 3.4. Contoh Data Vektor dan Data Raster ................................................ 36
Gambar 3.5. Contoh Data Atribut .......................................................................... 37
Gambar 3.6. Susunan Peta ..................................................................................... 45
Gambar 3.7. Tampilan Quantum GIS ................................................................... 59
Gambar 4.1. Peta Kebun Kalisidi Perblok ............................................................. 69
Gambar 4.2. Class Diagram ................................................................................... 74
Gambar 4.3. Use Case Diagram User .................................................................... 75
Gambar 4.4. Use Case Administrator .................................................................... 76
Gambar 4.5. Sequence Diagram Admin ................................................................ 77
Gambar 4.6. Sequence Diagram User .................................................................... 78
Gambar 4.7. Activity Diagram User ...................................................................... 79
Gambar 4.8. Activity Diagram Admin ................................................................... 80
Gambar 4.9. RancanganTampilan Awal Program ................................................ 81
Gambar 4.11. Rancangan Tampilan Halaman Penggunaan Lahan ........................ 82
Gambar 4.12. Rancangan Tampilan Halaman Kategori Tanaman ........................ 82
16
Gambar 4.13. Rancangan Halaman Persemaian .................................................... 83
Gambar 4.14. Rancangan Halaman Data Perawatan ............................................. 83
Gambar 4.15. Rancangan Halaman Peta ................................................................ 84
Gambar 4.16. Rancangan Halaman User Profil ..................................................... 84
Gambar 4.17. Rancangan Tampilan Home Admin ................................................ 85
Gambar 4.18. Rancangan Halaman Admin input,edit,delete data ......................... 85
Gambar 4.19. Tampilan SAS Planet ...................................................................... 87
Gambar 4.20. Merubah Base Map ......................................................................... 87
Gambar 4.21. Menambahkan Layer ....................................................................... 88
Gambar 4.22. Toolbar Drawing Crop Citra Satelit ................................................ 88
Gambar 4.23. Proses Pemotongan Area Terpakai ................................................. 89
Gambar 4.24. Penentuan Jenis Format File Output Citra ...................................... 89
Gambar 4.25. Tampilan Awal Quantum GIS......................................................... 90
Gambar 4.26. Membuka File Satelitcaz19.map ..................................................... 90
Gambar 4.27. Membuat Layer ............................................................................... 91
Gambar 4.28. Pilih Tipe Layer Polygon ................................................................ 91
Gambar 4.29. Proses Digitasi Layer Polygon ........................................................ 91
Gambar 4.30. Pemberian Attribut Blok ................................................................. 92
Gambar 4.31. Hasil Digitasi Layer Polygon .......................................................... 93
Gambar 4.32. Lihat Data Tabel Attribut ................................................................ 93
Gambar 4.33. Styling Data Vektor yang Sudah Dibuat ......................................... 94
17
Gambar 4.34. Export Data Menjadi Geojson ......................................................... 94
Gambar 4.35. Data Vektor Format Geojson .......................................................... 95
Gambar 5.1. Basis Data .......................................................................................... 97
Gambar 5.2. Tabel Kategori Tanaman ................................................................... 97
Gambar 5.3. Tabel Penggunaan Lahan .................................................................. 98
Gambar 5.4. Tabel Perawatan ................................................................................ 99
Gambar 5.5. Tabel Persemaian ............................................................................ 100
Gambar 5.6. Tabel User ....................................................................................... 101
Gambar 5.7. Tampilan Awal Program ................................................................. 102
Gambar 5.8. Halaman Home ................................................................................ 103
Gambar 5.9. Halaman Penggunaan Lahan ........................................................... 104
Gambar 5.10. Halaman Kategori Tanaman.......................................................... 105
Gambar 5.11. Halaman Persemaian ..................................................................... 106
Gambar 5.12. Halaman Perawatan ....................................................................... 107
Gambar 5.13. Halaman Map ................................................................................ 108
Gambar 5.14. Halaman Home Admin.................................................................. 109
Gambar 5.15. Halaman Penggunaan Admin ........................................................ 110
Gambar 5.16. Halaman Kategori Tanaman Admin ............................................. 111
Gambar 5.17. Halaman Persemaian Admin ......................................................... 112
18
Gambar 5.18. Halaman Perawatan Admin ........................................................... 113
Gambar 5.19. Halaman Data Pengguna Admin ................................................... 114
Gambar 5.20. Halaman Map Admin .................................................................... 114
Gambar 6.1. Tampilan Awal Program ................................................................. 115
Gambar 6.2. Halaman Home User ....................................................................... 116
Gambar 6.3. Halaman Penggunaan Lahan User .................................................. 116
Gambar 6.4. Tampilan Halaman Kategori Tanaman User ................................... 117
Gambar 6.5. Tampilan Halaman Persemaian User .............................................. 117
Gambar 6.6. Halaman Perawatan Tanaman User ................................................ 118
Gambar 6.7. Halaman Profil User ........................................................................ 118
Gambar 6.8. Halaman Map User.......................................................................... 119
Gambar 6.9. Tampilan Pop Up data atribut ......................................................... 119
Gambar 6.10. Tampilan Halaman Home Admin ................................................. 120
Gambar 6.11. Halaman Penggunaan Lahan Admin ............................................. 121
Gambar 6.12. Form Edit Data Penggunaan Lahan Admin .................................. 121
Gambar 6.13. Form Input Data Penggunaan Lahan Admin................................. 122
Gambar 6.14. Form Hapus Data Penggunaan Lahan Admin ............................... 122
Gambar 6.15. Halaman Kategori Tanaman Admin ............................................. 123
Gambar 6.16. Input Data Kategori Admin ........................................................... 123
Gambar 6.17. Form Input Data Admin ............................................................... 124
Gambar 6.18. Edit Data Kategori Tanaman Admin ............................................. 124
Gambar 6.19. Hapus Data Admin ........................................................................ 125
19
Gambar 6.20. Halaman Persemaian Admin ......................................................... 125
Gambar 6.21. Input Data Persemaian Admin ...................................................... 126
Gambar 6.22. Form Edit Data Persemaian Admin .............................................. 126
Gambar 6.23. Hapus Data Kategori Admin ......................................................... 127
Gambar 6.24. Halaman Perawatan Tanaman Cengkeh Admin............................ 127
Gambar 6.25. Form Input Data Perawatan Admin .............................................. 128
Gambar 6.26. Form Edit Data Perawatan Admin ................................................ 128
Gambar 6.27. Hapus Data Perawatan Tanaman Cengkeh Admin ....................... 129
Gambar 6.28. Tampilan Halaman Map Admin .................................................... 129
Gambar 6.29. Halaman Data Pengguna Admin ................................................... 130
Gambar 6.30. Form Input Data Pengguna Admin ............................................... 130
Gambar 6.31. Form Edit Data Pengguna ............................................................. 131
Gambar 6.32. Hapus Data Pengguna Pengguna................................................... 131
20
DAFTAR TABEL
Halaman
Tabel 2.3. Perbandingan Penelitian Terdahulu dengan Penelitian yang Dilakukan
sekarang.............................................................................................................. 18
Tabel 3.1. Simbol dan Notasi Use Case Diagram .............................................. 55
Tabel 3.2. Simbol dan Notasi Class Diagram .................................................... 56
Tabel 3.3. Simbol dan Notasi Sequence Diagram.............................................. 57
Tabel 3.3. Simbol dan Notasi Activity Diagram ................................................ 57
Tabel 4.1. Representasi Data Spasial ................................................................. 70
Tabel 4.2. Data Penggunaan Lahan.................................................................... 70
Table 4.3. Kategori Tanaman ............................................................................. 71
Table 4.4. Persemaian Tanaman ........................................................................ 71
Table 4.5. Perawatan Tanaman Cengkeh ........................................................... 72
Table 4.6. Tabel User ......................................................................................... 73
Table 4.7. Keterangan Use Case User ................................................................ 75
Table 4.8. Keterangan Use Case Admin ............................................................ 76
Table 4.8. Keterangan Sequence Diagram Admin ............................................. 77
Table 4.8. Keterangan Sequence Diagram User ................................................ 78
21
DAFTAR LAMPIRAN
Halaman
8.1 Listing Program Index Form Login ........................................................... 136
8.2 Listing Program User .................................................................................. 149
8.2.1 Listing Program Home ....................................................................... 150
8.2.2 Listing Program penggunaan ............................................................. 150
8.2.3 Listing Program kategori.................................................................... 151
8.2.4 Listing Program Persemaian .............................................................. 153
8.2.5 Listing Program Perawatan ................................................................ 155
8.2.6 Listing Program Map ......................................................................... 158
8.3 Listing Program Admin............................................................................... 162
8.3.1 Listing Program Home ....................................................................... 162
8.3.2 Listing Program Penggunaan ............................................................. 167
8.3.3 Listing Program Kategori ................................................................... 173
8.3.4 Listing Program Persemaian .............................................................. 179
8.3.5 Listing Program Perawatan ................................................................. 185
8.3.6 Listing Program Pengguna .................................................................. 175
8.3.7 Listing Program Map .......................................................................... 196
8.4 Listing Program Conn ................................................................................. 201
8.5 Listing Program Proses Login ...................................................................... 201
8.6. Listing Program Logout .............................................................................. 201
22
BAB I
PENDAHULUAN
1.1. Latar Belakang
Seiring majunya teknologi informasi sekarang ini, membuat penggunaan
komputer menjadi suatu kebutuhan di dunia bisnis maupun perseorangan.
Penggunaan komputer sebagai alat pengolahan data secara elektronik adalah suatu
tindakan yang tepat dalam menangani berbagai masalah diera majunya teknologi
informasi, karena komputer diciptakan untuk membantu menyelesaikan pekerjaan
dengan cepat dan memiliki tingkat ketelitian yang tinggi dalam membantu
memecahkan suatu masalah.
Dengan semakin pesatnya perkembangan teknologi informasi di segala
bidang, mendorong mengalirnya informasi-informasi yang membuat berbagai
perusahaan memilih menggunakan teknologi informasi sebagai kebutuhan utama
dalam menunjang berbagai kegiatannya. Salah satu perusahaan yang menerapkan
penggunaan Teknologi Informasi adalah Perkebunan. Walaupun demikian, tidak
semua perkebunan menggunakan teknologi informasi, disebabkan kurangnya
sarana dan prasarana, serta sumber daya manusia yang tidak mendukung. PT
Cengkeh Zanzibar adalah sebuah Perusahaan yang bergerak dibidang Perkebunan
dengan tanaman cengkeh sebagai komoditas utamanya. Perusahaan yang
berkantor pusat di Kota Semarang ini mempunyai 4 kebun besar yang tersebar di
Pulau Jawa. Sesekali pihak Kantor Pusat maupun Direktur Utama Kebun
23
melakukan pengecekan langsung ke lapangan apakah data yang mereka peroleh
valid atau tidak. PT Cengkeh Zanzibar Kebun Kalisidi adalah salah satu dari 4
kebun Besar yang dimiliki oleh PT Cengkeh Zanzibar dengan luas lahan yang
mencapai 304,19 Hektar yang terbagi menjadi 9 blok wilayah. Karena luas lahan
yang besar, pihak Kantor Pusat maupun Direktur Utama tidak dapat melakukan
pengecekan keseluruhan kebun dengan 9 wilayah yang ada saat survei di
lapangan.
Permasalahan yang sering dihadapi oleh Kantor Pusat adalah informasi yang
mereka dapatkan dari laporan bulanan pihak kebun tidak up to date sewaktu Pihak
Kantor Pusat melakukan pengecekan langsung ke lapangan. Dan peta kebun yang
ada tidak bereferensi geospasial. Sehingga yang menjadi batasan kebun maupun
wilayah blok kebun tersebut menjadi rancu saat dicek di lapangan.
Untuk itulah diperlukan suatu aplikasi yang dapat memadukan konsep yang
mengacu pada sistem basis data dengan konsep visual yang dapat
menginformasikan data tanaman cengkeh dan penggunaan lahan dengan baik
yang disertai dengan peta Perkebunan dan bentuk implementasi tersebut maka
diperlukan Sistem Informasi Geografis (SIG). Menurut Murai (1999) : SIG
sebagai sistem informasi yang digunakan untuk memasukkan menyimpan,
memanggil kembali, mengolah, menganalisis dan menghasilkan data bereferensi
geografis atau data geospasial, untuk mendukung pengambilan keputusan dalam
perencanaan dan pengelolaan penggunan lahan, sumber daya alam lingkungan,
transportasi, fasilitas kota dan pelayanan umum lainnya. Dengan SIG perusahaan
24
mampu memahami konsep lokasi, posisi, peta serta ruang yang hubungannya
dengan basis data yang nantinya diwujudkan dalam suatu bentuk miniatur
permukaan bumi untuk kemudian dimanipulasi, dimodelkan dan dianalisis
sebagai alat bantu dalam memberikan informasi terhadap suatu hal yang juga
memungkinkan sebagai sarana untuk mendukung pengambilan suatu keputusan.
Dari permasalahan tersebut maka penulis memilih judul Skripsi yang
berhubungan dengan konsep Sistem Informasi Geografis yang bejudul “SISTEM
INFORMASI GEOGRAFIS PERKEBUNAN PT CENGKEH ZANZIBAR
KEBUN KALISIDI“.
1.2. Rumusan dan Pembatasan Masalah
1.2.1. Rumusan Masalah
Rumusan masalah yang akan dibahas pada penelitian ini yaitu bagaimana
merancang aplikasi GIS yang bisa memberikan informasi tentang
penggunaan lahan, kategori tanaman, persemaian dan perawatan dalam
bentuk data tabel dan peta tematik Kebun Kalisidi yang berbasis web.
1.2.2. Batasan Masalah
Penulis hanya membatasi masalah pada :
a. Informasi yang ditampilkan meliputi : penggunaan lahan (petakan isi
dan petakan kosong, kategori tanaman menurut tinggi pohonnya,
persemaian/bibit tanaman cengkeh, perawatan (semprot gulma).
b. Sistem yang dibangun berbasis web dan format web adalah php/html.
25
c. Pembuatan area perblok dan batas kebun dengan menggunakan
Quantum GIS versi 2.14.11.
d. Sistem yang dibuat hanya ditujukan untuk karyawan PT Cengkeh
Zanzibar baik itu dari Kebun Kalisidi maupun Kantor Pusat.
1.3. Tujuan dan Manfaat Penelitian
1.3.1. Tujuan Penelitian
Tujuan yang ingin dicapai dalam penelitian ini adalah memberikan
informasi berupa peta tematik Kebun Kalisidi kepada pihak Kebun
maupun Kantor Pusat.
1.3.2. Manfaat Penelitian
a. Bagi Pengguna (User)
Mempermudah pihak Kebun maupun Kantor Pusat dalam memperoleh
informasi data tentang penggunaan lahan yang ditampilkan dalam
peta, persemaian/bibit tanaman cengkeh, kategori tanaman menurut
tinggi pohonnya dan juga perawatan tanaman yang ditampilkan dalam
data tabel.
b. Bagi Penulis
Dapat menerapkan dan mengembangkan ilmu yang sudah diperoleh
selama perkuliahan serta menambah wawasan sehingga dapat
mengembangkan dan juga mampu menguasai penelitian yang sudah
dibuat.
26
c. Bagi Perusahaan
Memberikan kemudahan bekerja bagi Perusahaan dalam memperoleh
informasi tentang tanaman cengkeh yang ada di PT Cengkeh Zanzibar
Kebun Kalisidi baik itu pihak Kebun maupun Kantor Pusat.
d. Bagi Akademik
Dapat dijadikan sebagai sarana penelitian bagi mahasiswa yang ingin
menambah wawasan lebih jauh tentang pemanfaatan Sistem Informasi
Geografis untuk Perusahaan yang bergerak dibidang Perkebunan.
Serta sebagai sarana referensi / literature mahasiswa dalam
penguasaan materi dan penerapan ilmu yang telah diterima selama
dibangku perkuliahan
1.4. Metodologi Penelitian
Pengambilan data dilakukan di PT Cengkeh Zanzibar Kebun Kalisidi mengenai
data penggunaan lahan, persemaian/bibit tanaman, kategori tanaman menurut
tinggi pohonnya, perawatan tanaman (semprot gulma).
1.4.1. Objek Penelitian
Objek penelitia yang digunakan pada tugas akhir ini adalah PT Cengkeh
Zanzibar Kebun Kalisidi yang berlokasi di Desa Kalisidi, Kecamatan
Ungaran Barat, Kabupaten Semarang, Jawa Tengah.
27
1.4.2. Jenis Data
a. Data Primer
Data primer untuk pembuatan tugas akhir ini diperoleh dengan
interview dan observasi di lapangan dengan pihak yang bertanggung
jawab di PT Cengkeh Zanzibar Kebun Kalisidi yaitu Pemimpin
Kebun, Kabag Tanaman, Pengawas Tanaman.
b. Data Sekunder
Data sekunder yang diperoleh dalam penelitian ini dari berbagai
sumber seperti Biro Pusat Statistik. Buku laporan, jurnal dan lain-
lain.
1.4.3. Metode Pengumpulan Data
Proses pengumpulan data ini sangat penting karena mendukung hasil
penlitian. Metode yang digunakan yaitu :
a. Observasi
Proses pengumpulan data dengan cara melakukan pengamatan
langsung kesemua area Perkebunan PT Cengkeh Zanzibar Kebun
Kalisidi.
b. Penelusuran Literatur
Pengumpulan data dengan cara penelusuran literatur menggunakan
sebagian data yang telah ada atau laporan data dari peneliti
sebelumnya yang ada di internet maupun buku yang berhubungan
dengan Sistem Informasi Geografis dan Perkebunan Cengkeh.
28
c. Wawancara
Proses pengumpulan data dengan cara mewawancarai Pemimpin
Kebun, Kabag Tanaman, Pengawas Tanaman, Kabag Kantor dan
Karyawan Bagian Administrasi di Perkebunan PT Cengkeh Zanzibar
Kebun Kalisidi.
1.4.4. Metode Pengembangan Sistem
Metode yang digunakan untuk membuat atau mengembangkan perangkat
lunak ini adalah model waterfall (Pressman, 2002). Adapun tahap-tahap
dalam metode ini adalah :
1. Requirements Definition
Pada tahap ini kegiatan yang dilakukan adalah menganalisa masalah
yang ada untuk merancang Sistem Informasi Geografis Peta
Perkebunan PT Cenkeh Zanzibar Kebun Kalisidi
2. System and Software Design
Analisa dikumpulkan kemudian merancang desain web dengan
pemodelan UML. Yaitu Web Gis peta Perkebunan PT Cengkeh
Zanzibar Kebun Kalisidi dengan data spasial dan data dalam bentuk
tabel. Data spasial tersebut yaitu data penggunaan lahan perblok yang
ada di Kebun Kalisidi.
3. Implementation and Unit Testing
Setelah merancang functional recruitment, use case diagram, class
diagram, sequence diagram, activity diagram kemudian melakukan
29
coding. Untuk pembuatan layer blok dan layer marker menggunakan
software Quantum GIS, untuk desain webnya menggunakan
Macromedia Dreamweaver dan notepad ++. Selain itu dalam tahap
ini juga dilakukan pemeriksaan terhadap modul yang dibuat, apakah
sudah memenuhi fungsi yang diinginkan atau belum.
4. Integration & System Testing
Kode program yang telah dibuat kemudian diuji coba dan
diimplementasikan. Dan juga diperiksa kembali apakah Web Gis
yang dibuat sudah layak pakai atau masih diperlukan perbaikan.
5. Operation and Maintenance
Jika tahap sebelumnya sudah memenuhi syarat maka aplikasi sudah
layak untuk digunakan. Proses selanjutnya pemeliharaan sistem.
Dikarenakan sistem yang telah dibuat diperlukan penyesuaian
performa agar sesuai dengan Web Gis lainnya.
Gambar 1.1. Tahap Sistem Waterfall (Pressman 2002)
30
1.5. Sistematika Penulisan
BAB I PENDAHULUAN
Dalam bab ini menjelaskan Perumusan Masalah, Pembatasan Masalah, Tujuan
Penelitian, Manfaat Penelitian, Metodologi Penelitian dan Sistematika Penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini menjelaskan tentang informasi yang sudah didapat dari hasil penelitian
yang dilakukan sebelumnya yang berkaitan dengan permasalahan yang sedang
diteliti.
BAB III LANDASAN TEORI
Pada bab ini berisi uraian beberapa landasan teori yang digunakan dan
berhubungan dengan pokok permasalahan yang dipilih, landasan teori tersebut
bersumber dari buku atau hasil penelitian yang akan dijadikan landasan penulisan
skripsi yang telah dibuat. Dalam perancagan aplikasi Web Gis ini digambarkan
dengan Unified Modelling Language (UML). Mulai dari bagaimana membuat use
case diagram, class diagram, sequence diagram dan activity diagram.
BAB IV ANALISA DAN PERANCANGAN SISTEM
Pada bab ini menguraikan tentang kebutuhan sistem yang dibutuhan dalam
menganalisa dan merancang Sistem Informasi Geografis, merancang kebutuhan
data, perancangan sistem yang akan dibuat yang sudah disesuaikan dengan
kebutuhan pemakai.
31
BAB V IMPLEMENTASI SISTEM
Dalam bab ini menguraikan deskripsi Sistem Informasi Geografis yang sudah
dibuat, arsitektur sistem informasi geografis, kebutuhan data, perancangan
interface antar sistem dan manusia serta membahas bagaimana rancangan itu
diimplementasikan.
BAB VI HASIL PENELITIAN DAN PEMBAHASAN
Menjelaskan penelitian yang telah dilakukan dan pembahasannya, yaitu berupa
langkah-langkah dan cara kerja SIG yang telah dibuat.
BAB VII PENUTUP
Dalam bab ini akan membahas kesimpulan yang dapat diambil dan saran-saran
yang diharapkan dapat bermanfaat.
32
BAB II
TINJAUAN PUSTAKA
Pada bab ini akan dijelaskan tentang tinjauan pustaka yang dipakai dalam pembuatan
Sistem Informasi Geografis PT Cengkeh Zanzibar Kebun Kalisidi. Peneliti
mengambil referensi dari berbagai jurnal yang ada, digunakan sebagai jurnal
pembanding dan pendukung dalam pembuatan sistem informasi. Peneliti terdahulu
pernah meneliti tentang Sistem Informasi Geografis yang berbasis web maupun
desktop yang digunakan sebagai pembanding dalam Pembuatan Web Gis Sistem
Informasi Geografis Perkebunan PT Cengkeh Zanzibar Kebun Kalisidi.
2.1. Pustaka yang Terkait dengan Penelitian
2.1.1. Ade Hermawan, Muhammad Nasir, Ekapuji Agustini, Universitas Bina
Darma Palembang yang berjudul “SISTEM INFORMASI
GEOGRAFIS PEMETAAN AREA PERKEBUNAN SAWIT PT
KASIH AGRO MANDIRI 1”. Masalah yang ada di PT Agro Mandiri
ini adalah dalam menentukan area tanam pada setiap blok perkebunan
masih dilakukan dengan cara manual, dimana tim survey harus mengecek
langsung ke lokasi perkebunan yang akan ditanami. Begitu juga halnya
dengan menentukan masa pemupukan dan masa panen yang masih
dilakukan secara manual karena tim sim survey melihat langsung ke
lokasi blok perkebunan yang akan memasuki masa panen, sehingga
33
membuat pekerjaan menjadi lamban karena banyak waktu yang terbuang.
Tujuan dari pembuatan aplikasi ini adalah pembuatan Sistem Informasi
Geografis berbasis Web GIS.
Tujuan dari pembuatan aplikasi Web GIS ini adalah pembuatan peta area
tanam, pemupukan, panen beserta data atribut yang terkait dengan peta
Perkebunan. Aplikasi ang erbasis desktop ini dkembangkan dengan
metode pengembangan sistem waterfall. Software tools yang digunakan
dalam penelitian ini adalah ArcGIS 10.2
Hasil penelitian adalah Aplikasi Sistem Informasi Geografis berbasis
Web pada PT Kasih Agro Mandiri 1. Sistem ini terdiri dari tiga peta yang
berisikan peta area tanam, pemupukan dan panen. Pada setiap peta
terdapat data spasial yang merupakan isi dari peta tersebut. Aplikasi
tersebut digunakan oleh Manager sebagai bahan untuk mengambil
keputusan. Sistem yang dibuat dapat memudahkan admin dalam
mengirformasikan kepada Manager tentang area tanam, peta area
pemupukan, dan peta area panen.
2.1.2. Arif Imam Suroso, Kudang B.Seminar, Pramadia Satriawan, Institute
Pertanian Bogor yang berjudul “PENGEMBANGAN SISTEM
INFORMASI GEOGRAFIS UNTUK PENGELOLAAN
PERKEBUNAN KELAPA SAWIT”. Penelitian ini memiliki tujuan
34
yaitu : melakukan kajian terhadap sistem dan informasi yang telah ada,
analisis Sistem Informasi Sesuai kebutuhan pengguna, mengintegrasikan
Sistem Informasi spasial dengan sistem informasi yang sudah ada pada
divisi-divisi operasional.
Objek dalam penelitian ini adalah PT Astra Agro Lestari TBK. Penelitian
ini dikembangkan dengan metode pengembangan System Development
Life Cycle (SDLC) dengan dikombinasikan dengan Rapid Application
Development (RAD). Untuk pemodelan sistemnya menggunakan
diagram DFD. Untuk pembuatan peta dan layoutnya menggunakan
ArcView.
Hasil dari penelitian ini adalah GIS berbasis desktop yang menyajikan
peta tematik beserta data atribut yang terkait didalamnya seperti kondisi
tanaman sawit beserta hasil panen yang diproduksi selama panen dan
data produksi sawit yang dapat terangkut oleh angkutan produksi kebun.
Data atribut kebun yang disajikan juga dalam bentuk diagram batang
sehingga memudahkan user dalam memperoleh informasi. Adanya
informasi rute terpendek untuk dilalui oleh angkutan produksi
perkebunan. Untuk membedakan blok lokasi yang ada, dibedakan dengan
warna yang berbeda satu sama lain.
35
2.1.3. Merujuk pada penelitian yang dilakukan oleh Witno, Akhbar, ida,
Arianingsih, Universitas Tadulako yang berjudul “ IDENTIFIKASI
PENGGUNAAN LAHAN DI HUTAN LINDUNG KEBUN KOPI
DESA NUPABOMBA KECAMATAN TANANTOVEA
KABUPATEN DONGGALA” . Pembuatan Aplikasi GIS yang bertujuan
memberikan informasi tentang penggunaan lahan di Hutan Lindung
Kebun Kopi Desa Nupabomba, Kecamatan Tanantovea, Kabupaten
Donggala.
Metode yang digunakan dalam penelitian ini adalah Metode Supervised
Classification ( Klasifikasi Terbimbing). Dalam pengumpulan data ada
dua sumber yang digunakan, yaitu data yang langsung diperoleh dari hasil
survey lapangan misalnya titik koordianat yang diambil di lapangan
menggunakan GPS dan data yang diperoleh melalui mendownload citra
ALOS tahun 2009. Untuk pembuatan petanya menggunakan software
ArcGis.
Hasil dari penelitian ini adalah aplikasi GIS berbasis Desktop yang
menampilkan informasi tentang Hutan Lindung Kebun Kopi Desa
Nupabomba, Kecamatan Tanantovea, Kabupaten Donggala dengan data
spasial yang ditunjukkan dengan titik untuk mengidentifikasi penggunaan
lahan oleh masyarakat sekitar dan data atribut yang ada ditampilkan dalam
tabel.
36
2.1.4. Merujuk pada penelitian Nur Faizzah, Eko Budiyanto, S.Pd., M.Si,
Universitas Negeri Surabaya yang berjudul “PEMANFAATAN
SISTEM INFORMASI GEOGRAFIS DAN DATA
PENGINDERAAN JAUH UNTUK KAJIAN KONDISI TANAMAN
CENGKEH BERDASARKAN NILAI NDVI DI KECAMATAN
WONOSALAM KABUPATEN JOMBANG”. Penelitian ini bertujuan
mengkaji persebaran kondisi tanaman cengkeh di Kecamatan
Wonosalam berdasarkan factor fisiologi lahannya. Serta mengkaji
kemungkinan keterkaitan antara faktor fisiologi lahan dengan kondisi
tanaman cengkeh di Kecamatan wonosalam.
Rancangan penelitian yang digunakan adalah penelitian survey.
Pendekatan yang digunakan dalam penelitian ini adalah pendekatan
spasial dan deskripstif kuantitatif yang dilakukan dengan menggunakan
Sistem Informasi Geografis dan Penginderaan Jauh. Objek dalam
penelitian ini adalah seluruh lahan perkebunan cengkeh masyrakat di
Kecamatan Wonosalam Kabupaten Jombang. Data sekunder dalam
penelitian ini diperoleh melalui studi analisa data, arsip, buku serta
bentuk dokumentasi lain yang dimiliki oleh instansi yang terkait dengan
penelitian ini, diantaranya adalah Dinas Perairan Kabupaten Jombang,
Badan Pusat Statistik (BPS) Kabupaten Jombang, UPTD Dinas
Perkebunan dan Kehutanan Kecamatan Wonosalam. Data yang
37
dibutuhkan dalam penelitian ini meliputi peta lokasi penelitian dan
profil, data curah hujan, peta penggunaan lahan. Teknik analisa dalam
penelitian ada dua yaitu : analisis spasial dan analisis korelasi produk
moment. Alat yang digunakan dalam penelitian ini adalah peta RBI
skala 1:25000 tahun 2001, GPS eTrex Vista HCx, Abney Level,
Termometer, Altimeter, Roll Meter, Software ENVI, software SPSS.
Hasil dari penelitian ini adalah GIS berbasis Desktop yang terdiri dari 4
peta yaitu : peta persebaran tanaman cengkeh menurut kemiringan tanah,
ketinggian tanah, suhu udara dan topografi yang ada di Kecamatan
Wonosalam. Persebaran tanaman cengkeh ditunjukkan dengan
point/titik sehingga dapat memudahkan user untuk mengidentifikasi
lokasi persebaran tanaman cengkeh. Peta yang dibuat dilengkapi dengan
legenda (keterangan) sesuai dengan judul peta yang dibuat.
2.2. Perbedaan Penelitian yang Dilakukan dengan Penelitian Terdahulu
Keempat jurnal penelitian tersebut, membuat penulis dapat mengembangkan
penelitian yang berjudul “SISTEM INFORMASI GEOGRAFIS PETA
PERKEBUNAN CENGKEH ZANZIBAR KEBUN KALISIDI”. Tujuan yang
ingin dicapai dalam penelitian ini adalah memberikan informasi berupa peta
tematik kepada pihak Kebun Kalisidi dan juga Kantor Pusat PT Cengkeh
Zanzibar tentang penggunaan lahan perblok dan data tabel yang berkaitan
38
dengan tanaman cengkeh yaitu kategori tanaman cengkeh perblok,
persemaian/bibit tanaman cengkeh, perawatan (semprot gulma) agar pihak
Kebun maupun Kantor Pusat dapat lebih mudah memperoleh informasi
dibandingkan dengan membaca/melihat peta dan data tanaman cengkeh yang ada
sebelumnya.
Objek yang digunakan adalah PT Cengkeh Zanzibar Kebun Kalisidi yang
berlokasi di Desa Kalisidi, Kecamatan Ungaran Barat, Kabupaten Semarang.
Aplikasi ini dikembangkan dengan metode pengembangan sistem Waterfall.
Data-data yang digunakan diperoleh melalui observasi dan wawancara dengan
pihak PT Cengkeh Zanzibar Kebun Kalisidi. Perangkat lunak yang digunakan
dalam perancangan Web GIS meliputi Quantum GIS versi 2.14.11, XAMPP,
Notepad++, Macromedia Dreamweaver.
Hasil dari penelitian ini adalah Web GIS yang bertujuan untuk
menginformasikan kepada user (Pihak Kebun Kalisidi dan Pihak Kantor Pusat)
tentang peta penggunaan lahan perblok dan data tabel meliputi kategori tanaman
menurut tingginya, persemaian/bibit tanaman, perawatan (semprot gulma).
Sehingga kondisi perlakuan tanaman cengkeh dan juga penggunaan lahan yang
ada di Kebun Kalisidi dapat cepat terpantau oleh Pemimpin Kebun dan Pihak
Kantor Pusat melalui aplikasi yang dibuat tanpa harus survey ke lapangan yang
selama ini pihak Kantor Pusat lakukan.
39
2.3. Tabel Perbandingan Penelitian Terdahulu dengan Penelitian yang
Dilakukan
No Peneliti Judul Tujuan Hasil Persamaan Perbedaan
1 Ade
Herma
wan,
Muham
mad
Nasir,
Ekapuji
Agusti
ni
SISTEM
INFORMASI
GEOGRAFIS
PEMETAAN
AREA
PERKEBUNA
N SAWIT PT
KASIH
AGRO
MANDIRI 1
Pembuatan
aplikasi GIS
berbasis
Web GIS
untuk
membantu
kinerja
perusahaan
dalam
menentukan
area tanam,
jadwal
pemupukan
dan jadwal
panen sawit
Aplikasi
web GIS
ini terdiri
dari 3
peta yaitu
peta area
tanam,
peta
pemupuk
an dan
panen.
Pada
setiap
peta
terdapat
atribut
yang
menjadi
isi dari
peta
tersebut
- Metode
pengemb
angan
sistem
menggun
akan
model
waterfall.
- Sistem
yang
dibuat
hanya
untuk
internal
perusahaa
n
- Aplikasi
berbasis
Web GIS
- Software
yang
digunaka
n untuk
pembuata
n peta
dan
layoutnya
adalah
Arc GIS
- Layer
jalan
tidak
dibuat
dalam
peta
2 Arif
Imam
Suroso,
Kudan
g
B.Semi
nar,
Pramad
ia
Satriaw
an
PENGEMBA
NGAN
SISTEM
INFORMASI
GEOGRAFIS
UNTUK
PENGELOLA
AN
PERKEBUNA
N KELAPA
SAWIT
Melakukan
kajian
terhadap
sistem dan
informasi
yang telah
ada, analisis
Sistem
Informasi
Sesuai
kebutuhan
pengguna,
mengintegra
sikan Sistem
Informasi
spasial
dengan
Aplikasi
desktop
GIS yang
menampil
kan peta
area
perkebun
an
beserta
data
atributny
a
- Area
perblok
perkebun
an
dibedaka
n dengan
warna
sehingga
memudah
kan
dalam
membaca
peta
- Metode
pengemb
angan
sistem
SDLC (
System
Develop
ment Life
Cycle)
dikombin
asikan
dengan
Rapid
Applicati
on
Develop
ment
40
sistem
informasi
yang sudah
ada pada
divisi-divis
operasional
(RAD)
- Pemodela
n sistem
dengan
DFD
- Pembuata
n peta
dan
layoutnya
menggun
akan
ArcView
3 Witno,
Akhbar
, ida,
Arianin
gsih
IDENTIFIKA
SI
PENGGUNA
AN LAHAN
DI HUTAN
LINDUNG
KEBUN KOPI
DESA
NUPABOMB
A
KECAMATA
N
TANANTOVE
A
KABUPATEN
DONGGALA
Pembuatan
Aplikasi GIS
berbasis
desktop
yang
bertujuan
memberikan
informasi
tentang
penggunaan
lahan di
Hutan
Lindung
Kebun Kopi
Desa
Nupabomba,
Kecamatan
Tanantovea,
Kabupaten
Donggala
Memberi
kan
informasi
tentang
pengguna
an lahan
di Hutan
Lindung
Kebun
Kopi
Desa
Nupabom
ba,
Kecamata
n
Tanantov
ea,
Kabupate
n
Donggala
Mengguna
kan
metode
pengemba
ngan
sistem
waterfall
- Citra
yang
digunaka
n adalah
ALOS
tahun
2009
- Pembuata
n peta
dan
layout
menggun
akan Arc
GIS
- Aplikasi
berbasis
desktop
4 Nur
Faizzah
, Eko
Budiya
nto,
S.Pd.,
M.Si
PEMANFAAT
AN SISTEM
INFORMASI
GEOGRAFIS
DAN DATA
PENGINDER
AAN JAUH
UNTUK
KAJIAN
KONDISI
Penelitian
ini bertujuan
mengkaji
persebaran
kondisi
tanaman
cengkeh di
Kecamatan
Wonosalam
berdasarkan
- Aplikasi
berbasis
desktop
- GIS data
pengind
eraan
jauh
untuk
kajian
kondisi
Motode
pengemba
ngan
sistem
waterfall
- Pembuat
an layer
berdasar
kan nilai
NDVI.
- Pembuat
an peta
dan
layoutny
a.
41
TANAMAN
CENGKEH
BERDASARK
AN NILAI
NDVI DI
KECAMATA
N
WONOSALA
M
KABUPATEN
JOMBANG
faktor
fisiologi
lahannya.
Serta
mengkaji
kemungkina
n keterkaitan
antara faktor
fisiologis
lahan
dengan
kondisi
tanaman
cengkeh di
Kecamatan
wonosalam
tanaman
cengkeh
berdasar
kan nilai
NDVI di
Kecama
tan
Wonosa
lam,
Kabupat
en
Jomban
g
- Tidak
dibuat
layer
jalan
- Aplikasi
berbasis
desktop
- Software
SPSS
untuk
pengolah
data
statistic.
42
BAB III
LANDASAN TEORI
3.1. PT Cengkeh Zanzibar Kebun Kalisidi
Gambar 3.1. Logo PT Cengkeh Zanzibar
PT Cengkeh Zanzibar berdiri pada tahun 1970. PT Cengkeh Zanzibar berkantor
Pusat di Jl. Imam Bonjol no.155, Semarang Tengah, Semarang, Jawa Tengah.
PT Cengkeh Zanzibar Memiliki 4 kebun dengan komoditas utama adalah
cengkeh, salah satunya adalah Kebun Kalisidi. Kebun Kalisidi beralamat di
Desa Kalisidi, Ungaran Barat, Kabupaten Semarang. Dengan luas lahan yang
mencapai 304,19 hektar menjadikan Kebun Kalisidi yang terbesar ketiga di PT
Cengkeh Zanzibar.
PT Cengkeh Zanzibar adalah Perusahaan yang bergerak dibidang perkebunan
dan yang menjadi komoditas utamanya adalah cengkeh. Cengkeh sendiri dapat
dimanfaatkan mulai dari bunga cengkeh, gagang cengkeh, dan juga daunnya
yang disuling untuk dijadikan minyak cengkeh. Hasil produksi cengkeh kering
dan gagang cengkeh kering dari PT Cengkeh Zanzibar dibeli oleh Perusahaan
Rokok besar seperti PT Djarum, PT Gudang Garam dan juga PT HM
Sampoerna.
43
3.1.1. Struktur Organisasi
Gambar 3.2. Strutur Organisasi PT Cengkeh Zanzibar Kebun Kalisidi
Keberhasilan suatu organisasi dalam mencapai tujuannya dipengaruhi
oleh struktur organisasi. Dalam struktur organisasi terdapat gambaran
visual mengenai cara pengaturan manajemen organisasi yang
memungkinkan adanya koordinasi kegiatan diantara semua pihak untuk
mencapai tujuan organisasi. Dalam sebuah organisasi harus menciptakan
struktur organisasi yang baik, sehat dan adanya tangggung jawab yang
jelas agar tujuan yang diinginkan oleh organisasi bisa tercapai.
Dari uraian diatas maka dapat diambil kesimpulan bahwa struktur
organisasi merupakan suatu kerangka yang menunjukkan hubungan-
44
hubungan diantara pejabat-pejabat maupun bidang-bidang kerja satu
sama lain, sehingga jelas kedudukan, kewenangan, tugas dan tanggung
jawab masing-masing secara teratur.
Beikut data Karyawan Tetap PT Cengkeh Zanzibar Kebun Kalisidi :
1. Pemimin Kebun : Bambang Dwi C.K
2. Wakil Pemimpin Kebun : Haryono
3. Kabag Umum : Dian Adie Artanto
4. Kabag Tanaman : Sugito Triyono
5. Kabag Kantor : Adi Wiyanto
6. Admin : Atok Mei Diyanto
7. Pembantu Admin : Erlinda Wicaksono
8. Pengawas Tanaman Silirsari 1 : Risgondo
9. Pengawas Tanaman Silirsari 2 : Ahmadi
10. Pengawas Tanaman Watusalang 1 : Ery Subiyanto
11. Pengawas Tanaman Watusalang 2 : Budiyanto
12. Pengawas Tanama Kalipangus : Subahir
13. Pengawas Tanaman Sintok 1 : Zaenal Asrofi
14. Pengawas Tanaman Sintok 2 : Poniran B.W
15. Pengawas Tanaman Mindongan 1 : Sunarno
16. Pengawas Tanaman Mindongan 2 : Nuryanto
17. Pengawas CLO : Raminto
45
18. Danru 1 : Nandar
19. Danru 2 : Widadi
20. Sopir : Welly Nurcahyo
3.1.2. Deskripsi Kerja Karyawan Tetap PT Cengkeh Zanzibar Kebun
Kalisidi
Berdasarkan Struktur Organisasi, kerja masing-masing personil pada PT
Cengkeh Zanzibar Kebun Kalisidi adalah sebagai berikut :
1. Pemimpin Kebun
- Memimpin/mengatur kerja dari setiap divisi yang ada baik itu
kantor, lapangan, sarana dan prasarana yang dibantu oleh Kabag
dari setiap divisi.
- Memeriksa dan menyetujui rencana anggaran belanja kebun dan
realisasi anggaran kebun.
- Bertanggung Jawab atas keseluruhan Kebun.
- Memimpin rapat mingguan Kebun.
- Merencanakan panen cengkeh dengan semua Kabag dan Wakil
Pemimpin Kebun masalah kebutuhan tenaga kerja, anggaran,
sarana dan prasarana, konsumsi dan kesehatan yang dibutuhkan
selama panen.
46
2. Wakil Pemimpin Kebun
- Memimpin/mengatur kerja dari setiap divisi yang ada baik itu
kantor, lapangan, sarana dan prasarana yang dibantu oleh Kabag
dari setiap divisi.
- Memeriksa dan menyetujui rencana anggaran belanja kebun.
- Membantu Pemimipin Kebun merencanakan panen cengkeh
dengan semua Kabag dan Wakil Pemimpin Kebun masalah
kebutuhan tenaga kerja, anggaran, sarana dan prasarana,
konsumsi dan kesehatan yang dibutuhkan selama panen
- Mengkoordinir semua Kabag yang bertanggung jawab di semua
divisi yang Kabag Pimpin.
3. Kabag Umum
- Menyusun dan mengajukan anggaran belanja yang dibutuhkan
untuk keperluan saran dan prasarana.
- Mengatur jalannya armada untuk keperluan logistic di seluruh
Kebun.
- Mengatur tenaga Keamanan melalui Danru yang ada.
- Menginventaris semua sarana dan prasarana yang ada di Kebun.
- Mengatur tenaga harian processing melalui pengawas harian
processing pada saat panen cengkeh.
- Bertanggung Jawab atas cengkeh yang ada di lantai jemur dan
gudang.
47
- Membuat dan mengatur jadwal pekerjaan yang ada di gudang,
lantai jemur dan processing saat panen cengkeh berlangsung.
- Membuat jadwal pengiriman cengkeh dan gagang kering ke
gudang pusat di Semarang dan membuat laporannya.
4. Kabag Tanaman
- Mengatur tenaga harian tanaman melalui Pengawas Tanaman.
- Membuat daftar pekerjaan yang akan dilakukan seperti
pemupukan, pemetakan dan semprot gulma.
- Membuat laporan harian tanaman.
- Menyusun laporan harian tanaman.
- Menyusun dan mengajukan kebutuhan yang diperlukan selama
panen cengkeh.
5. Kabag Kantor
- Menyusun dan membuat laporan anggaran belanja serta laporan
realisasi anggaran.
- Mengajukan laporan rencana anggaran belanja kepada Pemimpin
Kebun.
- Membuat dan megajukan rencana anggaran Kantor.
6. Admin
- Membuat laporan presensi karyawan tetap dan harian kapetan.
- Mengolah laporan pemakaian pupuk dan obat-obat yang
digunakan oleh pengawas tanaman.
48
- Mengolah laporan produksi minyak CLO.
- Mengolah laporan processing.
7. Pembantu Admin
- Membuat laporan presensi karyawan harian petakan kepada
admin.
- Mengolah laporan harian keluar masuk barang dari gudang.
- Mengolah laporan harian produksi cengkeh basah dan kering saat
panen cengkeh berlangsung.
8. Pengawas Tanaman
- Mengatur dan membuat laporan harian pemeliharaan Cengkeh.
- Mengatur karyawan sensus tim mata sebelum panen berlangsung.
- Membuat taksiran jumlah karyawan petik cengkeh yang
dibutuhkan.
- Berkoordinasi dengan Kabag dan Pengawas Tanaman lain saat
panen berlangsung dan tidak berlangsung.
9. Danru
- Menyusun dan membuat jadwal jaga satpam dengan danru yang
lain.
- Bertanggung jawab atas keamanan kebun.
- Menyusun, membuat dan mengajukan daftar kebutuhan yang
diperlukan oleh satpam.
49
10. Pengawas CLO
- Membuat lapoan produksi minyak cengkeh setiap satu kali masak.
- Membuat jadwal kerja tenaga harian penyulingan.
- Membuat daftar kebutuhan penyulingan.
- Melakukan pengawasan terhadap tenaga penyulingan.
11. Sopir
- Mengantarkan kebutuhan logistic keseluruh area kebun.
- Membuat laporan konsumsi bbm yang terpakai.
- Mengantarkan cengkeh dan gagang kering ke gudang pusat di
Semarang.
3.2. Sistem Informasi
Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang
dipertemukan kebutuhan penolahan transaksi harian, mendukung operasi,
bersifat managerial dan kegiatan strategis dari suatu organsasi yang menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan (Robert A.Leitch dan
K. Roscoe Davis).
3.2.1. Komponen Sistem Informasi
Menurut John Burch dan Gary Grudnitski bahwa sistem informasi dibagi
menjadi komponen-komponen yang disebutnya dengan istilah blok
Bangunan, yaitu :
50
1. Blok Masukan
Input mewakili data yang masuk kedalam sistem informasi. Input
disini termasuk metode-motede dan media untuk menangkap data
yang dimasukkan, yang dapat berupa dokumen-dokumen dasar.
2. Blok Model
Blok ini terdiri dari kombinasi prosedur, logika dan model matematika
yang akan memanipulasi input dan data yang tersimpan didatabase
dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang
diinginkan.
3. Blok Keluaran
Produk dari sistem informasi adalah keluaran yang merupakan
informasi yang bekualitas dan dokumentasi yang berguna untuk semua
tingkatan manajemen serta semua pemakai sistem.
4. Blok Teknologi
Teknologi merupakan tool box dalam sistem informasi. Teknologi
digunakan untuk menerima input, menjalankan model, menyimpan
dan mengakses data menghasilkan dan mengirimkan keluaran dan
membantu pengendalian dari sistem secara keseluruhan
5. Blok Basis Data
Database merupakan kumpulan dari data yang saling berhubungan
satu dengan lainnya tersimpan diperangkat keras komputer dan
digunakan perangkat lunak untuk memanipulasinya.
51
6. Blok Kendali
Beberapa pengendalian perlu dirancang dan diterapkan untuk
meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah
ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat
diatasi.
3.2.2. Tujuan Sistem Informasi
Tujuan dari sistem informasi adalah menghasilkan informasi. Sistem
informasi adalah data yang diolah menjadi bentuk yang berguna bagi
para pemakaianya. Data yang diolah saja tidak cukup dapat dikatakan
sebagai suatu informasi. Untuk dapat berguna, maka informasi harus
didukung oleh tiga pilar sebagai berikut : tepat kepada orangnya atau
relevan (relevance), tepat waktu (timeliness) dan tepat nilainya atau
akurat (accurate). Keluaran yang tidak didukung oleh tiga pilar ini tidak
dapat dikatakan sebagai informasi yang berguna, tetapi merupakan
sampah (garbage).
3.3. Sistem Informasi Geografis
Menurut Demers definisi SIG adalah sistem komputer yang digunakan untuk
mengumpulkan, memeriksa, mengintegrasikan, dan menganalisa informasi-
informasi yang berhubungan dengan permukaan bumi. (Prahasta, 2002: 55)
52
3.3.1. Sejarah Sistem Informasi Geografis
35000 tahun yang lalu, di dinding gua Lascaux, Perancis, para
pemburu Cro-Magnon menggambar hewan mangsa mereka, dan juga garis
yang dipercaya sebagai rute migrasi hewan-hewan tersebut. Catatan awal
ini sejalan dengan dua elemen struktur pada sistem informasi gegrafis
modern sekarang ini, arsip grafis yang terhubung ke database atribut.
Pada tahun 1700-an teknik survey modern untuk pemetaan topografis
diterapkan, termasuk juga versi awal pemetaan tematis, misalnya untuk
keilmuan atau data sensus.
Awal abad ke-20 memperlihatkan pengembangan "litografi foto" dimana
peta dipisahkan menjadi beberapa lapisan (layer). Perkembangan
perangkat keras komputer yang dipacu oleh penelitian senjata
nuklir membawa aplikasi pemetaan menjadi multifungsi pada awal
tahun 1960-an.
Tahun 1967 merupakan awal pengembangan SIG yang bisa diterapkan
di Ottawa, Ontario oleh Departemen Energi, Pertambangan dan Sumber
Daya. Dikembangkan oleh Roger Tomlinson, yang kemudian disebut
CGIS (Canadian GIS - SIG Kanada), digunakan untuk menyimpan,
menganalisis dan mengolah data yang dikumpulkan untuk Inventarisasi
Tanah Kanada (CLI - Canadian land Inventory) - sebuah inisiatif untuk
53
mengetahui kemampuan lahan di wilayah pedesaan Kanada dengan
memetakaan berbagai informasi pada tanah, pertanian, pariwisata, alam
bebas, unggas dan penggunaan tanah pada skala 1:250.000. Faktor
pemeringkatan klasifikasi juga diterapkan untuk keperluan analisis.
CGIS merupakan sistem pertama di dunia dan hasil dari perbaikan aplikasi
pemetaan yang memiliki kemampuan timpang susun (overlay),
penghitungan, pendijitalan/pemindaian (digitizing/scanning), mendukung
sistem koordinat nasional yang membentang di atas benua Amerika,
memasukkan garis sebagai arc yang memiliki topologi dan menyimpan
atribut dan informasi lokasional pada berkas terpisah. Pengembangnya,
seorang geografer bernama Roger Tomlinson kemudian disebut "Bapak
SIG".
CGIS bertahan sampai tahun 1970-an dan memakan waktu lama untuk
penyempurnaan setelah pengembangan awal, dan tidak bisa bersaing
denga aplikasi pemetaan komersil yang dikeluarkan beberapa vendor
seperti Intergraph. Perkembangan perangkat keras mikro komputer
memacu vendor lain seperti ESRI, CARIS, MapInfo dan berhasil
membuat banyak fitur SIG, menggabung pendekatan generasi pertama
pada pemisahan informasi spasial dan atributnya, dengan pendekatan
generasi kedua pada organisasi data atribut menjadi struktur database.
Perkembangan industri pada tahun 1980-an dan 1990-an memacu lagi
54
pertumbuhan SIG pada workstation UNIX dan komputer pribadi. Pada
akhir abad ke-20, pertumbuhan yang cepat di berbagai sistem
dikonsolidasikan dan distandarisasikan menjadi platform lebih sedikit, dan
para pengguna mulai mengekspor menampilkan data SIG lewat internet,
yang membutuhkan standar pada format data dan transfer.
Indonesia sudah mengadopsi sistem ini sejak Pelita ke-2
ketika LIPI mengundang UNESCO dalam menyusun "Kebijakan dan
Program Pembangunan Lima Tahun Tahap Kedua (1974-1979)" dalam
pembangunan ilmu pengetahuan, teknologi dan riset.
Jenjang pendidikan SMU / senior high school
melalui kurikulum pendidikan geografi SIG dan penginderaan jauh telah
diperkenalkan sejak dini. Universitas di Indonesia yang membuka
program Diploma SIG ini adalah D3 Penginderaan Jauh dan Sistem
Informasi Geografi, Fakultas Geografi, Universitas Gadjah Mada,
tahun 1999. Sedangkan jenjang S1 dan S2 telah ada sejak 1991 dalam
Jurusan Kartografi dan Penginderaan Jauh, Fakultas Geografi, Universitas
Gadjah Mada. Penekanan pengajaran pada analisis spasial sebagai ciri
geografi. Lulusannya tidak sekadar mengoperasikan software namun
mampu menganalisis dan menjawab persoalan keruangan. Sejauh ini SIG
sudah dikembangkan hampir di semua universitas di Indonesia melalui
55
laboratorium-laboratorium, kelompok studi/diskusi maupun mata
pelajaran.
3.3.2. Komponen Sistem Informasi Geografis
Gambar 3.3. Komponen SIG
Komponen-komponen pendukung SIG terdiri dari lima komponen yang
bekerja secara terintegrasi yaitu perangkat keras (hardware), perangkat
lunak (software), data, manusia, dan metode yang dapat diuraikan sebagai
berikut :
1. Perangkat Keras
Perangkat keras SIG adalah perangkat-perangkat fisik yang merupakan
bagian dari sistem komputer yang mendukung analisis geografi dan
pemetaan. Perangkat keras SIG mempunyai kemampuan untuk
menyajikan citra dengan resolusi dan kecepatan yang tinggi serta
mendukung operasi-operasi basis data dengan volume data yang besar
56
secara cepat. Perangkat keras SIG terdiri dari beberapa bagian untuk
menginput data, mengolah data, dan mencetak hasil proses.
2. Perangkat Lunak
Perangkat lunak digunakan untuk melakukan proses menyimpan,
menganalisa, memvisualkan data-data baik data spasial maupun non-
spasial. Perangkat lunak yang harus terdapat dalam komponen
software SIG adalah:
Alat untuk memasukkan dan memanipulasi data SIG
Data Base Management System (DBMS)
Alat untuk menganalisa data-data
Alat untuk menampilkan data dan hasil analisa
3. Data
Data merupakan komponen penting dalam GIS. Secara fundamental
GIS bekerja dengan dua tipe model data geografis yaitu model data
vector dan model data raster.
a) Data Spasial
Sebuah data yang berorientasi geografis dan memiliki sistem
koordinat tertentu sebagai dasar referensinya (Nuarsa IW. 2005.).
Sebagian besar data yang akan ditangani dalam SIG merupakan
data spasial yaitu sebuah data yang berorientasi geografis,
57
memiliki sistem koordinat tertentu sebagai dasar referensinya dan
mempunyai dua bagian penting yang membuatnya berbeda dari
data lain, yaitu informasi lokasi (spasial) dan informasi deskriptif
(atribut) yang dijelaskan berikut ini (Yousman, 2004):
Data Raster
Data raster adalah data yang menampilkan sisi ruang bumi
dalam bentuk pixel (picture element) yang membentuk
grid/petak dan dihasilkan dari penginderaan jauh. Pada data
raster, resolusi tergantung pada ukuran pixel-nya.
Data Vektor
Data vektor adalah data yang menampilkan pola keruangan
dalam bentuk titik, garis, kurva atau poligon. Data vektor
sangat baik untuk merepresentasikan fitur-fitur jaringan jalan,
gedung, rel kereta dan letak koordinat. Kelemahan data ini
adalah ketidak mampuannya dalam mengakomodasi perubahan
fenomena yang bersifat gradual.
Gambar 3.4. Contoh Data Vektor dan Data Raster
58
b) Data Atribut
Deskriptif dari fenomena yang dimodelkannya. Misalnya data
penduduk, catatan survey dan data statistik lainnya.
Gambar 3.5. Contoh Data Atribut
4. Manusia
Manusia merupakan inti elemen dari SIG karena manusia adalah
perencana dan pengguna dari SIG. Pengguna SIG mempunyai
tingkatan seperti pada sistem informasi lainnya, dari tingkat spesialis
teknis yang mendesain dan mengelola sistem, sampai pada pengguna
yang menggunakan SIG untuk membantu pekerjaannya sehari-hari.
5. Metode
Metode yang digunakan dalam SIG akan berbeda untuk setiap
permasalahan. SIG yang baik tergantung pada aspek desain dan
aspek realnya.
59
3.3.3. Subsistem Sistem Informasi Geografis
Jika beberapa defenisi yang di sebutkan di atas maka, SIG dapat diuraikan
menjadi beberapa subsistem sebagai berikut (Eddy Prahasta, 2009:118-
119):
1. Data Input
Subsistem ini bertugas untuk mengumpulkan, mempersiapkan, dan
menyimpan data spasial dan atributnya dari berbagai sumber.
Subsistem ini pula yang bertanggung jawab dalam mengkonversikan
atau mentransformasikan format-format data aslinya ke dalam format
(native) yang dapat di gunakan oleh perangkat SIG yang bersangkutan.
2. Data Output
Subsistem ini bertugas untuk menampilkan atau menghasilkan
keluaran (termasuk mengekspornya ke format yang dikehendaki)
seluruh atau sebagian basis data (spasial) baik dalam bentuk softcopy
maupun hardcopy seperti halnya tabel, grafik, report, peta dan lain
sebagainya.
3. Data Management
Subsistem ini mengorganisasikan baik data spasial maupun tabel-tabel
atribut terkait kedalam sebuah sistem basis data sedemikian rupa
hingga mudah dipanggil kembali atau di retrieve (di load kedalam
memori), diupdate, dan di edit.
60
4. Data Manipulation dan Analysis
Subsistem ini menentukan informasi-informasi yang dapat di hasilkan
oleh SIG. Selain itu, subsistem ini juga melakukan manipulasi
(evaluasi dan penggunaan fungsi-fungsi dan operator matematis dan
logika) dan pemodelan data untuk menghasilkan informasi yang di
harapkan.
3.3.4. Manfaat SIG
Sistem Informasi Geografis banyak digunakan untuk berbagai
kepentingan anatar lain untuk perencanaan, analisis dan pengambilan
keputusan atau suatu kebijakan mengenai suatu daerah. Adapun manfaat
SIG diantaranya :
- Manajemen Tata Guna Lahan
- Inventarisasi Sumber Daya Alam
- Untuk Pengawasan Daerah Bencana Alam
- Perencanaan Wilayah dan Kota
3.4. Peta
Peta merupakan penyajian grafis permukaan bumi dalam skala tertentu dan
digambarkan pada bidang datar melalui sistem proyeksi peta dengan
menggunakan simbol-simbol tertentu sebagai perwakilan dan objek-objek
spasial di permukaan bumi (Riyanto,dkk,2009).
61
3.4.1. Syarat-syarat peta
Conform, yaitu bentuk dari sebuah peta yang digambar serta harus
sebangun dengan keadaan asli atau sebenarnya di wilayah asal atau di
lapangan.
Equidistance, yaitu jarak di peta jika dikalikan dengan skala yang telah
di tentukan sesuai dengan jarak di lapangan.
Equivalent, yaitu daerah atau bidang yang digambar di peta setalah
dihitung dengan skalanya, akan sama dengan keadaan yang ada di
lapangan.
3.4.2. Komponen pokok yang harus ada dalam pemuatan peta
Peta merupakan alat bantu dalam menyampaikan suatu informasi
keruangan. Berdasarkan fungsi tersebut maka sebuah peta hendaknya
dilengkapi dengan berbagai macam komponen/unsur kelengkapan yang
bertujuan untuk mempermudah pengguna dalam membaca/menggunakan
peta. Beberapa komponen kelengkapan peta yang secara umum banyak
ditemukan pada peta misalnya adalah:
Judul
Mencerminkan isi sekaligus tipe peta. Penulisan judul biasanya di
bagian atas tengah, atas kanan, atau bawah. Walaupun demikian,
sedapat mungkin diletakkan di kanan atas.
62
Legenda
Legenda adalah keterangan dari simbol-simbol yang merupakan kunci
untuk memahami peta.
Orientasi/tanda arah
Pada umumnya, arah utara ditunjukkan oleh tanda panah ke arah atas
peta. Letaknya di tempat yang sesuai jika ada garis lintang dan bujur,
koordinat dapat sebagai petunjuk arah.
Skala
Skala adalah perbandingan jarak pada peta dengan jarak sesungguhnya
di lapangan. Skala ditulis di bawah judul peta, di luar garis tepi, atau di
bawah legenda. Skala dibagi menjadi 3, yaitu:
1. Skala angka. Misalnya 1 : 2.500.000. artinya setiap 1 cm jarak
dalam peta sama dengan 25 km satuan jarak sebenarnya.
2. Skala garis. Skala ini dibuat dalam bentuk garis horizontal yang
memiliki panjang tertentu dan tiap ruas berukuran 1 cm atau lebih
untuk mewakili jarak tertentu yang diinginkan oleh pembuat peta.
3. Skala verbal, yakni skala yang ditulis dengan kata-kata.
63
Simbol
Simbol peta adalah tanda atau gambar yang mewakili ketampakan
yang ada di permukaan bumi yang terdapat pada peta ketampakannya,
jenis-jenis simbol peta antara lain:
1. Simbol titik, digunakan untuk menyajikan tempat atau data
posisional
2. Simbol garis, digunakan untuk menyajikan data yang berhubungan
dengan jarak
3. Simbol area, digunakan untuk mewakili suatu area tertentu dengan
simbol yang mencakup area tertentu
4. Simbol aliran, digunakan untuk menyatakan alur atau gerak.
5. Simbol batang, digunakan untuk menyatakan suatu
harga/dibandingkan dengan harga/nilai lainnya.
6. Simbol lingkaran, digunakan untuk menyatakan kuantitas (jumlah)
dalam bentuk persentase.
7. Simbol bola, digunakan untuk menyatakan volume, makin besar
simbol bola menunjukkan volume semakin besar dan sebaliknya
makin kecil simbol bola berarti volume semakin kecil.
64
Warna Peta
Warna peta digunakan untuk membedakan ketampakan atau objek di
permukaan bumi, memberi kualitas atau kuantitas simbol di peta, dan
untuk keperluan estetika peta.
Tipe Huruf (Lettering)
Lettering berfungsi untuk mempertebal arti dari simbol-simbol yang
ada. Macam penggunaan lettering:
1. Obyek Hipsografi ditulis dengan huruf tegak, contoh: Surakarta
2. Obyek Hidrografi ditulis dengan huruf miring, contoh: Laut Jawa
Garis Astronomis
Garis astronomis terdiri atas garis lintang dan garis bujur yang
digunakan untuk menunjukkan letak suatu tempat atau wilayah yang
dibentuk secara berlawanan arah satu sama lain sehingga membentuk
vektor yang menunjukan letak astronomis.
Inset
Inset adalah peta kecil yang disisipkan di peta utama. Macam-macam
inset antara lain:
65
1. Inset penunjuk lokasi, berfungsi menunjukkan letak daerah yang
belum dikenali
2. Inset penjelas, berfungsi untuk memperbesar daerah yang dianggap
penting
3. Inset penyambung, berfungsi untuk menyambung daerah yang
terpotong di peta utama
Garis Tepi Peta
Garis tepi peta merupakan garis untuk membatasi ruang peta dan
untuk meletakkan garis astronomis, secara beraturan dan benar pada
peta.
Sumber dan Tahun Pembuatan
Sumber peta adalah referensi dari mana data peta diperoleh.
Garis Lintang dan Garis Bujur
Garis lintang adalah garis yang melintang dari arah barat - timur atau
dari arah timur - barat. Garis bujur adalah garis yang membujur dari
arah utara - selatan atau selatan - utara.
3.4.3. Penyusunan Peta
Berikut ini akan diuraikan Standar Nasional Indonesia (SNI) Peta
Geologi Indonesia yang dibakukan menurut buku Standar Nasional
66
Indonesia, SNI 13-4691-1998 tentang Penyusunan Peta Geologi, yang
diterbitkan oleh lembaga Badan Standarisasi Nasional (BSN).
a) Ukuran Lembar Peta Geologi Sistematik
Ukuran dan Koordinat lembar peta sistematis mengacu kepada SK
Ketua Bakosurtanal No. 019.2.2/1/1975 tentang Peta Rupa Bumi dan
disempurnakan lagi melalui SK nomor : HK.02.04/II/KA/96 tentang
Datum Geodesi Nasional 1995 (DGN 95).
Peta Skala 1 : 25.000 berukuran 7.5’ x 7.5’ dengan grid 15’’ x 15’’
Peta Skala 1 : 50.000 berukuran 15’ x 15’ dengan grid 30’’ x 30’’
Peta Skala 1 : 100.000 berukuran 30’ x 30’ dengan grid 1’ x 1’
Peta Skala 1 : 250.000 berukuran 1.5’’ x 1⁰ dengan grid 1’ x 1’
Ukuran kertas diperhitungkan dengan menambah informasi tepi peta
dengan tata letak yang telah dibakukan.
b) Tata Letak
Gambar 3.6. Susunan Peta
67
Keterangan :
1. Peta Geologi
2. Instansi Penerbit
3. Nama Lembar/Daerah
4. Korelasi Satuan Peta
5. Uraian Singkat Setiap Satuan
6. Simbol Peta Geologi yagn Digunakan
7. Peta Indeks Pemetaan Geologi, Para Pemeta dan Penelaah
8. Peta Indeks Lokasi Lembar/Daerah
9. Penampang Geologi
10. Sumber Peta Dasar
11. Deklinasi Magnetik
12. Peta Indeks Pengindraan Jauh
13. Nama Lembar/Daerah, penyusun, tahun penerbitan
14. Daftar Istilah/Informasi/Kerjasama
Penempatan unsur-unsur yang terkandung pada gambar di atas,
dapat di sesuaikan dengan tampilan peta yang dikehendaki.
c) Simbol / Singkatan Huruf
Satuan kronostratigrafi pada peta geologi ditunjukan dengan
singkatan huruf. Sebagai pedoman satuan kronostratigrafi yang diacu
adalah buatan Elsevier atau revisinya. Berikut ini contoh singkatan
huruf :
68
Huruf pertama (Huruf Kapital) menyatakan Jaman,
misalnya Pm untuk jalan Perem, TRuntuk Trias, T untuk tersier,dll.
Hurup berikutnya (Huruf Kecil) menyatakan seri/kala,
misalnya Tm berarti kala Miosen dalam jaman Tersier.
Huruf berikutnya (Huruf Kecil) menyatakan nama formasi atau
satuan litologi, misalnya Tmc menyatakan formasi Cipluk berumur
Miosen dalam jaman Tersier. Dan begitu seterusnya.
d) Tata Warna dan Corak
Warna digunakan untuk membedakan satuan peta geologi, yang
dipilih berdasarkan jenis batuan, umur batuan, dan geokronologi.
Warna dasar yang digunakan adalah Kuning (Yellow), Merah
(Magenta) dan Biru (Cyanida)atau dikenal dengan kombinasi
warna YMC. Warna tersebut dikodekan berdasarkan
persentasinya, misalkan kode warna 013 berarti kombinasi dari
0% Yellow, 10% Magenta dan 30% Cyanida.
Kode warna 100% dinyatakan dengan kode x.
Satuan batuan sedimen diberi warna berdasarkan jenis dan umur.
Untuk membedakan beberapa satuan yang seumur diberi
perbedaan corak.
Satuan batuan malihan diberi warna berdasarkan derajat dan umur
nisbinya. Perbedaan corak diberikan untuk membedakan
litologinya.
69
Satuan batuan beku diberi warna berdasarkan derajat keasaman.
Penambahan corak pada warna dapat dilakukan untuk batuan
khusus.
Satuan batuan tektonik dibedakan berdasarkan kepada corak
dengan menggunakan warna yang kontras dengan satuan batuan
di sekelilingnya.
3.5. Pemodelan Berorientasi Objek
3.5.1. Object Oriented Design
Adalah metode untuk mengarahkan arsitektur software pada manipulasi
objek-objek sistem atau subsistem (A.Suhendar dan Hariman Gunadi,
2002 : 11). OOD meliputi :
1. Object
Objek adalah orang, tempat, benda, kejadian atau konsep-konsep yang
ada didunia nyata yang paling penting bagi suatu aplikasi (perangkat
lunak) semua objek memiliki identitas masing-masing yang dapat
membedakan dari objek-objek lainnya.
2. Kelas
Kelas adalah himpunan atau kumpulan objek dengan atribut properti
yang mirip, perilaku yang mirip, serta hubungan dengan objek yang
lain dengan cara yang mirip.
70
3. Atribut
Data yang dimiliki suatu objek dalam kelas. Setiap atribut akan
memiliki nilai yang berbeda untuk setiap objeknya. Jadi atribut adalah
karakteristik yang membedakan suatu objek dari objek yang lainnya
dalam kelas yang sama.
4. Metoda
Perilaku yang ada pada suatu objek yang ada dalam kelas untuk bisa
ditampilkan. Dalam atribut dan metode dapat memiliki salah satu sifat
berikut :
Private, tidak dapat dipanggil dari luar kelas yang
bersangkutan.
Protected, hanya dapat dipanggil oleh kelas yang
bersangkutan dan anak-anak yang mewarisinya.
Public, dapat dipanggil oleh siapa saja.
3.5.2. Unified Modelling Language
Sebuah bahasa untuk menentukan, visualisasi, konstruksi dan
mendokumentasikan arti facts dari system software, untuk memodelkan
bisnis dan system nonsoftware lainnya (A.Suhendar dan Hariman Gunad,
2002 : 26).
71
Tujuan dari UML adalah memodelkan system menggunakan konsep
object oriented. UML bukan bahasa pemrogaman secara visual, tetapi
modelnya dapat dihubungkan secara langsung dengan bermacam-macam
bahasa pemrogaman. Ini berarti terdapat kemungkinan untuk memetakan
model yang dibuat dengan UML menjadi sebuah bahasa pemrograman
seperti Java, C++, Visual Basic atau PHP.
3.5.3. Object Oriented Programming
OOP (Object Oriented Programming) adalah suatu metode pemrograman
yang berorientasi kepada objek. Tujuan dari OOP diciptakan adalah
untuk mempermudah pengembangan program dengan cara mengikuti
model yang telah ada di kehidupan sehari-hari. Jadi setiap bagian dari
suatu permasalahan adalah objek, nah objek itu sendiri merupakan
gabungan dari beberapa objek yang lebih kecil lagi. Saya ambil contoh
Pesawat, Pesawat adalah sebuah objek. Pesawat itu sendiri terbentuk dari
beberapa objek yang lebih kecil lagi seperti mesin, roda, baling-baling,
kursi, dll. Pesawat sebagai objek yang terbentuk dari objek-objek yang
lebih kecil saling berhubungan, berinteraksi, berkomunikasi dan saling
mengirim pesan kepada objek-objek yang lainnya. Begitu juga dengan
program, sebuah objek yang besar dibentuk dari beberapa objek yang
lebih kecil, objek-objek itu saling berkomunikasi, dan saling berkirim
pesan kepada objek yang lain.
72
a) Konsep OOP (Objet Oriented Programming)
1. Kelas Abstrak (Class Abstraksi)
Kelas merupakan deskripsi abstrak informasi dan tingkah laku
dari sekumpulan data.
Kelas dapat diilustrasikan sebagai suatu cetak biru (blueprint)
atau prototipe yang digunakan untuk menciptakan objek.
Kelas merupakan tipe data bagi objek yang mengenkapsulasi
data dan operasi pada data dalam suatu unit tunggal.
Kelas mendefinisikan suatu struktur yang terdiri atas data
kelas (data field), prosedur atau fungsi (method), dan sifat
kelas (property).
2. Enkapsulasi (encapsulation)
Istilah enkapsulasi sebenarnya adalah kombinasi data dan
fungsionalitas dalam sebuah unit tunggal sebagai bentuk untuk
menyembunyikan detail informasi.
Proses enkapsulasi memudahkan kita untuk menggunakan
sebuah objek dari suatu kelas karena kita tidak perlu
mengetahui segala hal secara rinci.
Enkapsulasi menekankan pada antarmuka suatu kelas, atau
dengan kata lain bagaimana menggunakan objek kelas tertentu.
73
Contoh: kelas mobil menyediakan antarmuka fungsi untuk
menjalankan mobil tersebut, tanpa kita perlu tahu komposisi
bahan bakar, udara dan kalor yang diperlukan untuk proses
tersebut.
3. Pewarisan (Inheritance)
Kita dapat mendefinisikan suatu kelas baru dengan mewarisi
sifat dari kelas lain yang sudah ada.
Penurunan sifat ini bisa dilakukan secara bertingkat-
tingkat, sehingga semakin ke bawah kelas tersebut menjadi
semakin spesifik.
Sub kelas memungkinkan kita untuk melakukan spesifikasi
detail dan perilaku khusus dari kelas supernya.
Dengan konsep pewarisan, seorang programmer dapat
menggunakan kode yang telah ditulisnya pada kelas super
berulang kali pada kelas-kelas turunannya tanpa harus menulis
ulang semua kode-kode itu.
4. Polimorfisme (polymorphism)
Polimorfisme merupakan kemampuan objek-objek yang
berbeda kelas namun terkait dalam pewarisan untuk merespon
secara berbeda terhadap suatu pesan yang sama.
74
Polimorfisme juga dapat dikatakan kemampuan sebuah objek
untuk memutuskan method mana yang akan diterapkan
padanya, tergantung letak objek tersebut pada jenjang
pewarisan.
Method overriding.
Method name overloading.
b) Karakteristik OOP (Object Oriented Programming)
Semua adalah objek.
Komputasi dilakukan dengan komunikasi antar objek. Setiap objek
berkomunikasi dengan objek yang lain melalui pengiriman dan
penerimaan pesan.
Sebuah pesan merupakan permintaan atas sekumpulan aksi dengan
semua argumen yang diperlukan untuk menyelesaikan suatu
tugas tertentu.
Setiap objek memiliki memori sendiri, yang dapat terdiri dari
objek-objek lainnya.
Setiap objek adalah wakil atau representasi dari suatu kelas.
Sebuah kelas dapat mewakili sekelompok objek yang sama.
Kelas merupakan kumpulan tingkah laku yang berkaitan dengan
suatu objek. Jadi, semua objek yang merupakan wakil dari kelas
yang sama dapat melakukan aksi yang sama pula.
75
Kelas-kelas diorganisasikan ke dalam struktur pohon yang berakar
tunggal, yang dinamakan dengan jenjang pewarisan (inheritance
hierarchy).
Setiap objek pada umumnya memiliki tiga sifat, yaitu keadaan,
operasi dan identitas objek.
Operasi merupakan tindakan yang dapat dilakukan oleh sebuah
objek.
Keadaan objek merupakan koleksi dari seluruh informasi yang
dimiliki oleh objek pada suatu saat.
Informasi yang terkandung pada objek tersebut pada akhirnya
memberikan identitas khusus yang membedakan suatu objek
dengan objek lainnya.
3.5.4. Use Case Diagram
Use Case Diagram adalah gambaran graphical dari beberapa atau semua
actor, use case, dan interaksi diantaranya yang memperkenalkan suatu
sistem. Use case diagram tidak menjelaskan secara detil tentang
penggunaan use case, tetapi hanya memberi gambaran singkat hubungan
antara usecase, aktor, dan sistem. Didalam use case ini akan diketahui
fungsi - fungsi apa saja yang berada pada sistem yang dibuat.
76
NO GAMBAR NAMA KETERANGAN
1
Actor Menspesifikasikan himpuan peran yang
pengguna mainkan ketika berinteraksi
dengan use case.
2
Dependency Hubungan dimana perubahan yang terjadi pada
suatu elemen mandiri (independent) akan
mempengaruhi elemen yang bergantung
padanya elemen yang tidak mandiri
(independent).
3
Generalization Hubungan dimana objek anak (descendent)
berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
4
Include Menspesifikasikan bahwa use casesumber
secara eksplisit.
5
Extend Menspesifikasikan bahwa use case target
memperluas perilaku dari use case sumber pada
suatu titik yang diberikan.
6
Association Apa yang menghubungkan antara objek satu
dengan objek lainnya.
7
System Menspesifikasikan paket yang menampilkan
sistem secara terbatas.
8
Use Case Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang menghasilkan suatu
hasil yang terukur bagi suatu aktor
9
Collaboration Interaksi aturan-aturan dan elemen lain yang
bekerja sama untuk menyediakan prilaku yang
lebih besar dari jumlah dan elemen-elemennya
(sinergi).
10
Note Elemen fisik yang eksis saat aplikasi dijalankan
dan mencerminkan suatu sumber daya
komputasi
Tabel 3.1. Simbol dan Notasi Use Case Diagram
3.5.5. Class Diagram
Class diagram adalah model statis yang menggambarkan struktur dan
deskripsi class serta hubungannya antara class. Class diagram mirip ER-
77
Diagram pada perancangan database, bedanya pada ER-diagram tdk
terdapat operasi/methode tapi hanya atribut. Class terdiri dari nama
kelas, atribut dan operasi/methode.
NO SIMBOL KETERANGAN 1
Simbol ini adalah sibol untuk sebuah kelas pada struktur
sistem. penulisan disana tidak diperbolehkan menggunakan
spasi. simbol ini memiliki 3 susunan, yaitu kotak pertama
adalah nama kelas, kedua atribut dan terakhir operasi.
2
Lingkaran ini adalah simbol untuk interface atau dalam
bahasa indonesianya antar muka. konsep yang digunakan
pun sama dengan pemrogramman berorientasi object
(OOP).
3 Simbol ini sering disebut dengan simbol Association atau
dalam bahasa indonesianya yaitu asosiasi. Garis ini adalah
garis yang digunakan untuk menghubungkan atau
merelasikan kelas satu dengan kelas yang lainnya dengan
makna umum.
4 Nama dari sibol ini adalah indirected association atau dalam
bahasa indonesianya adalah asosiasi berarah. Simbol ini
merupakan simbol relasi antar kelas seperti yang diatas,
namun yang membedakan pada relasi ini adalah cara
penggunaannya. Simbol ini digunakan jika kelas yang satu
digunakan oleh kelas yang lainya.
5
Simbol ini bernama Generalisasi. Generalisasi digunakan
untuk menghubungkan antar kelas dengan arti umum-
khusus. Jadi jika ada kelas bermakna umum dan kelas
bermakna khusus dapat menggunakan simbol ini.
6
Nama dari simbol ini adalah Aggregation atau dalam bahasa
indonesia nya Agregasi. Simbol ini adalah simbol yang
menghubungkan antar kelas dengan makna untuk semua
bagian. Jadi relasi ini digunakan jika kelas yang satu adalah
semua bagian dari kelas yang lainnya.
Tabel 3.2. Simbol dan Notasi Class Diagram
3.5.6. Sequence Diagram
Sequence diagram menjelaskan tentang interaksi objek yang disusun
dalam suatu urutan waktu diagram ini
78
Simbol Deskripsi
Actor
Menggambarkan orang yang berinteraksi dengan
sistem.
Entity Class
Menggambarkan hubungan kegiatan yang akan
dilakukan.
Boundary
Class
Menggambarkan sebuah penggambaran dari form.
Control Class
Menggambarkan penghubung antara boundary dengan
tabel.
Lifeline
Menggambarkan tempat mulai dan berakhirnya
sebuah pesan.
Line Message
Menggambarkan pengiriman pesan.
Tabel 3.3. Simbol dan Notasi Sequence Diagram
3.5.7. Activity Diagram
Diagram aktifitas memodelkan alur kerja sebuah proses bisnis dan urutan
aktitifas dalam suatu proses. Dapat juga digunakan untuk
menggambarkan aliran kejadian dalam use case.
Simbol Keterangan
In Action In Action merupakan Sebuah aksi, Apakah sepotong, nonde
composable sederhana perilaku ,Apakah label dengan namanya.
In Activity In Activity ini akan Digunakan untuk mewakili serangkaian tindakan.
Apakah label dengan namanya. Jadi setiap tindakan yang akan
dilakukan harus dituliskan ke dalam label activity
79
In Action
In Action merupakan Sebuah aksi, Apakah sepotong, nonde
composable sederhana perilaku ,Apakah label dengan namanya.
Control Flow Control Flow ini akan Menunjukan Urutan Eksekusi.
Object Flow Object Flow akan Menunjukkan aliran objek dari satu kegiatan (atau
tindakan) untuk aktivitas lain (atau tindakan).
Initial Node Initial Node ini akan Menggambarkan awal dari serangkaian tindakan
atau kegiatan .
Final Activity Node Final Activity Node Digunakan untuk menghentikan semua arus
79ontrol dan arus objek dalam suatu kegiatan
(atau tindakan).
Decision Node
Apakah digunakan untuk mewakili kondisi tes untuk memastikan
bahwa aliran 79ontrol atau aliran objek hanya turun satu jalur.
Mage Node Mage Node Digunakan untuk membawa kembali jalur keputusan
bersama yang berbeda yang diciptakan menggunakan keputusan
simpul.
Tabel 3.3. Simbol dan Notasi Activity Diagram
3.6. Quantum GIS
Quantum GIS (QGIS) adalah sebuah aplikasi Geographical Information
System (GIS) sumber terbuka dan lintas platform yang dapat dijalankan di
sejumlah sistem operasi termasuk Linux. QGIS juga memiliki kemampuan
untuk bekerjasama dengan paket aplikasi komersil terkait. QGIS menyediakan
semua fungsionalitas dan fitur-fitur yang dibutuhkan oleh pengguna GISs pada
umumnya. Menggunakan plugins dan fitur inti (core features) dimungkinkan
untuk menvisualisasi (meragakan) pemetaan (maps) untuk kemudian diedit dan
80
dicetak sebagai sebuah peta yang lengkap. Penguna dapat menggabungkan data
yang dimiliki untuk dianalisa, diedit dan dikelola sesuai dengan apa yang
diinginkan.
Gambar 3.7. Tampilan Quantum GIS
3.7. Xampp
Adalah perangkat lunak bebas yang mendukung banyak sistem operasi,
merupakan campuran dari beberapa program. Yang mempunyai fungsi sebagai
server yang berdiri sendiri (localhost), yang terdiri dari program MySQL
database, Apache HTTP Server, dan penerjemah ditulis dalam bahasa
pemrograman PHP dan Perl.
Nama XAMPP merupakan singkatan dari X (empat sistem operasi), Apache,
MySQL, PHP dan Perl. Program ini tersedia di bawah GNU General Public
License dan bebas, adalah mudah untuk menggunakan web server yang dapat
melayani tampilan halaman web yang dinamis.
81
Komponen yang ada dalam Xampp :
htdoc adalah folder di mana Anda meletakkan file yang akan dijalankan,
seperti file PHP, HTML dan script lainnya.
phpMyAdmin adalah bagian untuk mengelola database MySQL dikomputer.
Untuk membukanya, membuka browser dan ketik alamat http: // localhost /
phpMyAdmin, halaman phpMyAdmin akan muncul.
Control Panel yang berfungsi untuk mengelola layanan (service) XAMPP.
Seperti stop service (berhenti), atau mulai (mulai).
3.8. SAS Planet
SAS Planet adalah program untuk menampilkan dan sekaligus bisa dimanfaatkan
untuk melakukan download image resolusi tinggi dari Google Maps, Here dari
Nokia, Kosmosnimki, Yandex Maps, Yahoo! Maps, Bing Maps, Gurtam,
OpenStreetMap, eAtlas, Genshtab maps, iPhone maps, Navitel maps, dll.
3.9. WWW
WWW adalah singkatan dari World Wide Web atau Waring Wera Wanua.
WWW sendiri adalah bagian dari internet yang merupakan suatu ruang
informasi yang dipakai oleh (URI) Uniform Resource Identifier yang berguna
untuk mengidentifikasi sumber-sumber daya yang berguna.
82
3.10. Web Browser
Web Browser adalah suatu program atau software yang digunakan untuk
menjelajahi internet atau untuk mencari informasi dari suatu web yang
tersimpan didalam komputer. Awalnya, web browser berorientasi pada teks
dan belum dapat menampilkan gambar. Namun, web browser sekarang tidak
hanya menampilkan gambar dan teks saja, tetapi juga memutar file multimedia
seperti video dan suara. Web browser juga dapat mengirim dan menerima
email, mengelola HTML, sebagai input dan menjadikan halaman web sebagai
hasil output yang informative.
3.11. Web Server
Web Server adalah sebuah software yang memberikan layanan berbasis data
dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang
dikenal dan biasanya kita kenal dengan nama web browser dan untuk
mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan
pada umumnya akan berbentuk dokumen HTML. Dalam bentuk sederhana Web
Server akan mengirim data HTML kepada permintaan Web Browser sehingga
akan terlihat seperti pada umumnya yaitu sebuah tampilan website.
83
3.12. Web Database
Web database merupakan suatu sistem untuk menyimpan informasi yang
kemudian dapat diakses melalui website. Sebagai contoh, sebuah komunitas
online (online community) mungkin memiliki database yang menyimpan
informasi username, password, dan detail informasi lain yang dimiliki semua
anggotanya. Sistem database yang paling umum digunakan di Internet adalah
MySQL dikarenakan integrasinya dengan PHP (PHP merupakan server side
programming language yang paling banyak digunakan)
3.13. Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk
mendesain secara visual dan mengelola situs web maupun halaman web.
Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara
manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam
melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan
menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan
pengalaman kita dalam mendesain web.
Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen
HTML tanpa perlu memformat ulang kode tersebut dan kita dapat
menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang
HTML bila kita menginginkannya.
84
Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang
memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita
juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link,
kompatibilitas browser, maupun perkiraan waktu download halaman web.
3.14. Hyper Text Markup Language
Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks
sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan
tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam
perangkat lunak pengolah kata dan disimpan dalam format ASCII normal
sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari
sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan
percetakan yang disebut dengan SGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang digunakan secara luas untuk
menampilkan halaman web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C).
85
3.15. PHP
Adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.
PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya
PHP adalah singkatan dari "Personal Home Page Tools". SelYanjutnya diganti
menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah
menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi
terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember
1999, lebih dari sejuta website menggunakan PHP, di antaranya adalah NASA,
Mitsubishi, dan RedHat.
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan di mana - mana dari
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif
mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.
86
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem.
3.16. Database MySQL
MySQL merupakan sebuah perangkat lunak atau software sistem manajemen
basis data SQL atau DBMS Multithread dan multi user. MySQl sebenarnya
merupakan turunan dari salah satu konsep utama dalam database untuk
pemilihan atau seleksi dan pemasukan data yang memungkinkan
pengoperasian data dikerjakan secara mudah dan otomatis. MySQL diciptakan
oleh Michael "Monty" Widenius pada tahun 1979, seorang programmer
komputer asal Swedia yang mengembangkan sebuah sistem database
sederhana yang dinamakan UNIREG yang menggunakan koneksi low-level
ISAM database engine dengan indexing.
87
BAB IV
ANALISIS DAN PERANCANGAN SISTEM
4.1. Analisis Sistem
Pada tahap ini dilakukan analisa terhadap system yang berjalan dan bagaimana
aliran data ini berjalan.
4.1.1. Analisis Masalah
Berdasarkan hasil observasi yang dilakakukan bahwa system yang akan
dibuat dapat digunakan pihak kebun kalisidi maupun kantor pusat di
Semarang.
4.1.2. Tujuan Pembuatan Sistem
System yang akan dibuat dapat digunakan sebagai bahan pertimbangan
oleh pihak kebun maupun kantor pusat untuk pengambilan keputusan yang
berkaitan dengan tanaman cengkeh dan juga pemanfaatan lahan yang ada
di kebun.
4.1.3. Analisis Kebutuhan Sistem
4.1.3.1. Kebutuhan Fungsional
a) Kebutuhan fungsional yang ada dalam system :
1. Menampilkan data table tanaman
2. Menampilkan peta
3. Login
88
4. Logout
5. Mengolah data spasial dan attribut
b) Untuk hak akses yang diberikan kepada admin dan juga user
berbeda. Berikut penjelasannya :
1. User
- Login
- Melihat data table
- Melihat peta
- Logout
2. Admin
- Login
- Input, edit, delete data table penggunaan lahan, kategori
tanaman, persemaian, perawatan, user.
- Melihat peta
- Logout
4.1.3.2. Kebutuhan Non Fungsional
Kabutuhan non fungsional yang ada dalam system ini adalah
keamanan data yang disajikan sehingga hanya admin yang dapat
merubah data.
89
4.1.3.3. Analisis Kebutuhan Penunjang
Kebutuhan penunjang yang dibutuhkan dalam pembuatan aplikasi
ini adalah sebagai berikut :
1. Hardware
Perangkat keras yang digunakan dalam pembuatan aplikasi ini
adalah seperangkat laptop dengan spesifikasi sebagai berikut :
- Processor Celeron 1,5Ghz
- Harddisk 500gb
- RAM DDR3 4Gb
- Layar 12 inch
2. Software
Operating system yang digunakan adalah windows 7. Untuk
mendownload citra digunakan SAS Planet. Untuk mengedit peta
digunakan Quantum Gis 2.16.13, editor dalam pembuatan web
yaitu macromedia dreamweaver dan notepad ++, server local
menggunakan xampp versi 1.7.7.
3. Brainware / User
Brainware / user yang ada dalam system yaitu administrator
yang bertugas dalam pengelolaan database beserta web nya.
Untuk brainware / user sebagai pamakai adalah karyawan yang
setingkat dengan Kabag atau yang mempunyai jabatan lebih
90
tinggi dibandingkan dengan Kabag baik dari pihak Kebun
Kalisidi maupun dari pihak Kantor Pusat di Semarang.
4.2. Perancangan Basis Data
4.2.1. Penaksiran Kebutuhan Data
Data spasial dan non spasial yang dibutuhkan diantaranya adalah sebagai
berikut :
a) Data Spasial : Data Spasial disini didapat dengan cara menggambar
melalui software Quantum GIS.
Gambar 4.1. Peta Kebun Kalisidi Perblok
Representasi datanya :
NO Nama Bentuk
1 Mindongan 1 polygon
2 Mindongan2 polygon
3 Silirsari1 Polygon
4 Silirsari2 Polygon
91
5 Kalipangus Polygon
6 Watusalang1 Polygon
7 Watusalang2 Polygon
8 Sintok1 Polygon
9 Sintok2 Polygon
10 Blok Point
Tabel 4.1. Representasi Data Spasial
b) Data Non Spasial
Data Non Spasial yang dibuat diantaranya adalah :
- Table User
- Table Penggunaan Lahan
- Tabel Kategori Tanaman
- Tabel Persemaian
- Tabel Perawatan
- Table User / Pengguna
4.2.2. Perancangan Database
1. Tabel Penggunaan Lahan
Pada tahap ini perancangan tabel penggunaan lahan diisi menurut jumlah
blok yang ada dan ditanami tanaman cengkeh..
Field Type Keterangan
id_blok Integer (2) Nomer identitas blok
blok Varchar (15) Nama Blok
tm Varchar (15) Tanaman Menghasilkan
TBM Varchar (30) Tanaman belum menghasilkan
kosong Varchar (30) Petak Kosong
92
jumlah Varchar (30) Jumlah penggunaan lahan
latitude Varchar (500) Titik koordinat latitude
longitude Varchar (500) Titik koordinat longitude
Tabel 4.2. Data Penggunaan Lahan
2. Tabel Kategori Tanaman
Tebel kategori tanaman berisi data petakan tanaman yang ditanami pohon
cengkeh yang dibedakan menjadi 8 kategori tanaman.
Field Type Keterangan
Id_blok Integer (3) Nomor identitas blok
bb Varchar (20) Nama blok kebun
a Varchar (10) Kategori tanaman 1
b Varchar (10) Kategori tanaman 2
c Varchar (10) Kategori tanaman 3
d Varchar (10) Kategori tanaman 4
e Varchar (10) Kategori tanaman 5
f Varchar (10) Kategori tanaman 6
g Varchar (10) Kategori tanaman 7
h Varchar (10) Kategori tanaman 8
jumlah Varchar (10) Jumlah petak perblok
Tabel 4.3. Kategori Tanaman
3. Tabel Persemaian
Table persemaian berisi data bibit tanaman cengkeh yang di
kembangbiakan dan di kelompokkan menurut tinggi bibit tanaman
cengkeh.
Field Type Keterangan
id_petak Integer (3) Nomor identitas petakan
petak Varchar (10) Nama petakan cengkeh
a Varchar (10) Kepercambahan bibit cengkeh
93
b Varchar (10) Tinggi tanaman < 20 cm
c Varchar (10) Tinggi tanaman 40,1 - 60 cm
d Varchar (10) Tinggi tanaman 60,1 - 80 cm
e Varchar (10) Tinggi tanaman 80,1 - 100 cm
f Varchar (10) Tinggi tanaman > 100 cm
jumlah Varchar (10) Jumlah bibit cengkeh
Tabel 4.4. Persemaian
4. Tabel Perawatan
Tabel perawatan berisi data perawatan semprot gulma yang telah
dilakukan di masing – masing blok dengan kategori tanaman menurut
tinggi pohonnya sesuai jumlah dosis obat dan air yang telah ditentukan
oleh Kabag Tanaman.
Field Type Keterangan
id Int (3) No identitas blok
blok Varchar (10) Nama blok kebun
A1 Varchar (10) Jumlah pohon cengkeh kategori 1
B1 Varchar (10) Jumah air
C1 Varchar (10) Jumlah Dosis pestisida
A2 Varchar (10) Jumlah pohon cengkeh kategori 2
B2 Varchar (10) Jumah air
C2 Varchar (10) Jumlah Dosis pestisida
A3 Varchar (10) Jumlah pohon cengkeh kategori 3
B3 Varchar (10) Jumah air
C3 Varchar (10) Jumlah Dosis pestisida
A4 Varchar (10) Jumlah pohon cengkeh kategori 4
B4 Varchar (10) Jumah air
C4 Varchar (10) Jumlah Dosis pestisida
A5 Varchar (10) Jumlah pohon cengkeh kategori 5
B5 Varchar (10) Jumah air
C5 Varchar (10) Jumlah Dosis pestisida
94
A6 Varchar (10) Jumlah pohon cengkeh kategori 6
B6 Varchar (10) Jumah air
C6 Varchar (10) Jumlah Dosis pestisida
A7 Varchar (10) Jumlah pohon cengkeh kategori 7
B7 Varchar (10) Jumah air
C7 Varchar (10) Jumlah Dosis pestisida
A8 Varchar (10) Jumlah pohon cengkeh kategori 8
B8 Varchar (10) Jumah air
C8 Varchar (10) Jumlah Dosis pestisida
A9 Varchar (10) Jumlah pohon cengkeh keseluruhan
B9 Varchar (10) Jumah air
C9 Varchar (10) Jumlah Dosis pestisida
Tabel 4.5. Perawatan Tanaman Cengkeh
5. Table User
Table user berisi data user / pemakai yang nantinya akses login akan
dibedakan menurut level user sipemakai / user.
Field Type keterangan
user_id Integer (2) Nomor identitas user
username Varchar (15) Nama user
password Varchar (15) Password untuk login
fullname Varchar (30) Nama terang / lengkap
level Varchar (30) Tingkatan pemakai ( user/admin )
gambar Varchar (30) Foto user
Table 4.6. User
95
4.3. Pemodelan Sistem
4.3.1. Class Diagram
Gambar 4.2. Gambar Class Diagram
Class diagram terdiri dari 2 class, yaitu :
1. Class Penggunaan
Claas ini terdiri dari 6 field yaitu : id_blok, Blok, tm, TBM, Kosong,
Jumlah.
2. Class Kategori
Class Kategori terdiri dari 11 field, yaitu id_blok, bb, a, b, c, d, e, f, g,
h, jumlah.
Class penggunaan dengan id_blok akan berelasi dengan class kategori
dengan id_blok karena mempunyai Primary key id_blok yang sama.
96
4.3.2. Use Case Diagram
1. Use Case Diagram User
Gambar 4.3. Use Case Diagram User
Table 4.7. Keterangan Use Case User
Nama Sequence Use Case User
Deskripsi Singkat User hanya bias melihat data
tanaman dalam bentuk table
dan peta digital
Actor User
Pra Kondisi Membuka Aplikasi dan login
Tindakan Utama 1. Melihat Peta Kebun
2. Melihat data non
spasial berupa tabel
Pasca Kondisi Melihat innformasi
97
2. Use Case Diagram Admin
Gambar 4.4. Diagram Use Case Administrator
Table 4.8. Keterangan Use Case Admin
Nama Sequence Use Case User
Deskripsi
Singkat
Admin menginputkan data penggunaan lahan,
kategori tanaman, persemaian, perawatan, user
pengguna
Actor Administrator
Pra Kondisi Membuka Aplikasi dan login
Tindakan Utama 1. Input, Edit, Delete Data Penggunaan Lahan
2. Input, Edit, Delete Data Kategori Tanaman
3. Input, Edit, Delete Persemaian
4. Input, Edit, Delete Data Peawatan
5. Input, Edit, Delete User Pengguna Aplikasi
Pasca Kondisi Data Akan Tersimpan
98
4.3.3. Sequence Diagram
1. Sequence Diagram Admin
Gambar 4.5. Sequence Diagram Admin
Table 4.8. Keterangan Sequence Diagram Admin
Nama Sequence Keterangan
Deskripsi Menjelaskan proses input, edit, delete data
Actor Admin
Tindakan - login dengan username dan password
- memilih data / peta ( menu )
- edit, input, delete data
Pasca kondisi Data akan tersimpan
99
2. Sequence Diagram User
Gambar 4.6. Sequence Diagram User
Table 4.8. Keterangan Sequence Diagram User
Nama Sequence Keterangan
Deskripsi Lihat data / peta
Actor User
Tindakan - lihat data table tanaman
- lihat peta
Pasca kondisi Menampilkan data / peta
100
4.3.4. Activity Diagram
1. Activity User
Gambar 4.7. Activity Diagram User
Pengguna / user memilih data penggunaan lahan, kategori tanaman,
persemaian, perawatan kemudian data akan ditampilkan dalam bentuk
table. Untuk menu peta akan ditampilkan data penggunaan lahan yang
berisi data polygon dan marker yang mempunyai informasi di dalam
pop up.
101
3. Activity Admin
Gambar 4.8. Activity Diagram Admin
Administrator memilih data yang akan diinput, edit, delete baik itu
data tabel maupun data marker yang ditampilkan pada peta.
4.4. Perancangan Interface
4.4.1. Rancangan Tampilan Awal Program
Tampilan awal web gis adalah form login, form login berlaku untuk admin
maupun user yang akan mengakses webgis. Sebelum user / admin
melakukan login maka tidak akan bisa masuk ke halaman user / admin.
102
HEADER
FOOTER
Gambar 4.9. RancanganTampilan Awal Program
4.4.2. Perancangan Tampilan Beranda User
Setelah user login dengan hak akses user maka rancangan tampilannya
akan terlihat seperti gambar dibawah ini :
MENU
HEADER
Profil User
home
FOOTER
Gambar 4.10. Rancangan Tampilan Halaman Beranda User
Profil user berisi menmapilkan username dari user yang mengkases web
gis. Tampilan menu ada disebelah kiri untuk memilih data yang akan
ditampilkan.
PILIH LEVEL USER
PASSWORD
USERNAME
SIGN IN
103
4.4.3. Tampilan Halaman Penggunaan Lahan
Halaman Penggunaan Lahan digunakan untuk menampilkan data
penggunaan lahan yang ditanamai cengkeh yang ada di kebun.
MENU
HEADER
Profil
No Blok TM TBM Kosong Jumlah
1 mindongan1 17.52 5.19 3.51 26.22
2 mindongan2 4.87 2.22 2.22 9.30
FOOTER
Gambar 4.11. Rancangan Tampilan Halaman Penggunaan Lahan.
4.4.4. Tampilan Data Kategori Tanaman
Rancangan tampilan berikutnya adalah rancangan tampilan Kategori
Tanaman menurut tinggi pohonnya.
Menu
HEADER
Profil
No Blok 1 2 3 4 5 6 7 8
FOOTER
Gambar 4.12. Rancangan Halaman Kategori Tanaman
104
4.4.5. Tampilan Data Persemaian
Rancangan tampilan halaman Persemaian digunakan untuk menampilkan
data Persemaian / bibit Tanaman Cengkeh yang ada di kebun kalisidi.
MENU
HEADER
Profil
No Petak 1 2 3 4 5 6 Jumlah
FOOTER
Gambar 4.13. Rancangan Halaman Persemaian
4.4.6. Rancangan Halaman Data Perawatan
Rancangan tampilan Perawatan digunakan untuk menampilkan Data
Tanaman Cengkeh menurut kstegori tanaman yang telah dilakukan
penyemprotan.
MENU
HEADER
Profil
No Blok Cengkeh 01
Pohon Air Dosis
FOOTER
Gambar 4.14. Rancangan Halaman Data Perawatan
105
4.4.7. Rancangan Halaman Peta
Tampilan halaman peta digunakan untuk menampilkan peta beserta data
spasial yang berkaitan dengan tanaman cengkeh dan penggunaan
lahannya.
MENU
HEADER
Profil
Peta
FOOTER
Gambar 4.15. Rancangan Halaman Peta
4.4.8. Rancangan Halaman User Profil
Tampilan halaman user digunakan untuk menampilkan data login dari
user pengakses.
Username
HEADER
Profil
User Id
Gambar Username
Password
Fullname
FOOTER
Gambar 4.16. Rancangan Halaman User Profil
106
4.4.8. Rancangan Tampilan Admin
Halaman admin tampil setelah kita melakukan login di awal program
dengan username, password dan level user sebagai administrator. Halaman
admin berisi fungsi penginputan, pengeditan, hapus data tabel dan juga
marker yang ada pada peta.
MENU
HEADER
Profil
Home
FOOTER
Gambar 4.17. Rancangan Tampilan Home Admin
4.4.9. Tampilan Halaman Penggunaan Lahan
MENU
HEADER
Profil
Action berisi :
input, edit, hapus data table dan juga marker FOOTER
Gambar 4.18. Rancangan Halaman Admin input,edit,delete data
Keterangan
1. Header berisi nama programprofil pengakses dan tombol logoutnya
2. Menu berisi submenu yaitu : Data Penggunaan Lahan, kategori tanaman,
persemaian, perawatan, pengguna, map.
3. Action berisi tempat menampilkan data table dan peta untuk kita input,
edit dan delete data yang diinginkan.
4. Footer berisi nama pembuat program.
107
4.5. Pengolahan Data Spasial
Dalam mengolah data spasial menggunakan software Quantum GIS versi
2.14.11, dan menggunakan SAS Planet untuk mendownload citra yang
digunakan sebagai layer saat menggambar peta untuk memperjelas batasan luas
area yang akan digambar. Dalam prakteknya, peta yang dimiliki oleh kebun tidak
bereferensi geospasial, sehingga tidak dapat dijadikan pedoman dalam
mengambar petanya. Sehingga penulis harus menentukan batasan kebun dan
blok kebun dengan cara survei di lapangan menggunakan aplikasi gps yang ada
di handphone dengan acuannya adalah patok batas wilayah dan patok subblok.
Akan tetapi ada di beberapa tempat, ketepatan titik batas kebun masih rancu
dikarenakan patok yang ada sudah hilang. Sehingga tidak semua batas kebun
presisi, ada yang berdasarkan asumsi penulis.
Data spasial dalam bentuk polygon untuk menentukan luas wilayah blok
digambar dengan Quantum GIS dalam bentuk file shp yang penulis rubah
menjadi geojson dan penulis edit kembali secara manual menggunakan software
notepad++ untuk nantinya dimasukkan ke script program map. Data koordinat
polygon blok kebun tersebut penulis masukkan kedalam script map dikarenakan
untuk luasan blok sangat jarang dilakukan pemekaran wilayah ataupun
penggabungan wilayah, sehingga sangat jarang diedit. Sedangkan data
attributnya bisa diedit, input dan delete kapan saja sesuai dengan laporan
harian,mingguan dan bulanan yang dibuat oleh Kabag Tanaman.
Untuk langkah-lankahnya adalah sebagai berikut :
108
1. Download citra menggunakan SAS Planet
- Buka aplikasi SAS Planet
Gambar 4.19. Tampilan SAS Planet
- Menentukan base map yang dipakai. Yang penulis pakai adalah bing
maps satelit.
Gambar 4.20. Merubah Base Map
109
- Menentukan layer yang dipakai. Layer yang dipakai adalah google
map hybrid
Gambar 4.21. Menambahkan Layer
- Kita menentukan area yang akan kita crop dan pakai nantinya.
Gambar 4.22. Toolbar Drawing Crop Citra Satelit
110
- Klik dan drag luas area yang kita pilih.
Gambar 4.23. Proses Pemotongan Area Terpakai
- Setelah itu penulis tentukan outputnya. Disini penulis memilih output
dalam format BMP, CRS / Projection yang dipakai WGS 84, zoom
level 19 dan georeferencingnya dalam format .map serta .kml.
Gambar 4.24. Penentuan Jenis format file Output Citra
111
2. Kartografi dengan Quantum GIS 2.14.11
- Buka Quantum GIS
Gambar 4.25. Tampilan Awal Quantum GIS
- Kita cari dan buka file yang bernama satelitcaz19 di browser panel.
Gambar 4.26. Membuka File Satelitcaz19.map
112
- Langkah selanjutnya adalah membuat layer blok. Klik menubar layer dan
pilih New shepfile Layer.
Gambar 2.17. Membuat Layer
- Setelah kita pilih New Shapefile layer maka akan muncul plihan layer yang
akan kita buat nantinya. Disini penulis membuat layer polygon beserta data
atributnya dalam bentuk tabel.
Gambar 2.28. Pilih Tipe Layer Polygon
113
- Selanjutnya adalah memulai menggambar di canvas. Penulis mengambar
satu persatu blok yang ada di kebun sesuai dengan titik koordinat yang
didapat dari data survey lapangan.
Gambar 4.29. Proses Digitasi Layer Polygon
- Setelah menggambar selesai di satu sublok, isikan data atributnya.
Gambar 4.30. Pemberian Atribut Blok
114
- Berikut adalah tampilan semua blok kebun yang sudah tergambar
Gambar 4.31. Hasil Digitasi Layer Polygon
- Penulis cek hasil gambar tadi dengan melihat didata tabel yang ada
Gambar 4.32. Lihat Data Tabel
115
- Cek ulang data apakah ada data yang tertukar dengan cara, klik kanan layer
penggunaan di layer panel beri label dan styling warna agar dapat diketahui
blok yang tergambar. Berikut adalah hasilnya :
Gambar 4.33. Styling Data Vektor yang sudah Dibuat
- Selanjutnya adalah merubah data dari shp ke geojson. Klik menubar layer
dan pilih save as. tempilannya adalah sebagai berikut :
Gambar 4.34. Eksport Data Menjadi Geojson
116
- Setelah di save as maka datanya akan menjadi format geojson dan penulis
edit kembali secara manual agar data tersebut dapat ditampilkan di layer
map yang tampil di web nantinya
Gambar 4.35. Data Vektor Format Geojson
117
BAB V
IMPLEMENTASI SISTEM
5.1. Implemantasi Sistem
Untuk koneksi website menggunakan localhost, yakni hosting local yang
terintegerasi dengan personal computer maupun laptop.
5.1.1. Implementasi Perangkat Keras
Seperangkat laptop dengan spesisfikasi sebagai berikut :
- Processor intel Celeron 1,5 Ghz
- Harddisk kapasiatas 500 Gb dan RAM 4Gb
- Monitor beresolusi 1366 x 768 pixel
5.1.2. Implementasi Perangkat Lunak
Spesifikasi software yang digunakan sebagai berikut :
1. Sistem Operasi : Windows 7 Profesional
2. Program Aplikasi : Notepad++, Dreamweaver 8, Quantum Gis
2.14.11, xampp 1.6,
3. DBMS : PHP dan MySQL
4. Browser : Google Crome
118
5.2. Implementasi Basis Data
Dalam pembuatan basis data menggunakan xampp 1.6 sebagai hosting lokalnya.
Caranya adalah sebagai berikut :
1. Tulisakan Nama Basis datanya yang akan digunakan.
Gambar 5.1. Basis Data
2. Buat Tabel Kategori
Gambar 5.2. Tabel Kategori Tanaman
119
CREATE TABLE IF NOT EXISTS `kategori` (
`id_blok` int(3) NOT NULL AUTO_INCREMENT,
`bb` varchar(20) NOT NULL,
`a` varchar(10) NOT NULL,
`b` varchar(10) NOT NULL,
`c` varchar(10) NOT NULL,
`d` varchar(10) NOT NULL,
`e` varchar(10) NOT NULL,
`f` varchar(10) NOT NULL,
`g` varchar(10) NOT NULL,
`h` varchar(10) NOT NULL,
`jumlah` varchar(10) NOT NULL,
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=10
;
3. Buat Tabel Penggunaan
Gambar 5.3. Tabel Penggunaan Lahan
CREATE TABLE IF NOT EXISTS `penggunaan` (
`id_blok` int(3) NOT NULL AUTO_INCREMENT,
`blok` varchar(20) NOT NULL,
`tm` varchar(10) NOT NULL,
`TBM` varchar(10) NOT NULL,
`kosong` varchar(10) NOT NULL,
`jumlah` varchar(10) NOT NULL,
`latitude` varchar(30) NOT NULL,
`longitude` varchar(30) NOT NULL,
120
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=10
;
4. Buat Tabel Perawatan
Gambar 5.4. Tabel Perawatan
`id` int(10) NOT NULL,
`blok` varchar(30) NOT NULL,
`a1` int(20) NOT NULL,
`b1` int(20) NOT NULL,
`c1` int(20) NOT NULL,
`a2` int(20) NOT NULL,
`b2` int(20) NOT NULL,
`c2` int(20) NOT NULL,
`a3` int(20) NOT NULL,
`b3` int(20) NOT NULL,
`c3` int(20) NOT NULL,
`a4` int(20) NOT NULL,
`b4` int(20) NOT NULL,
`c4` int(20) NOT NULL,
`a5` int(20) NOT NULL,
`b5` int(20) NOT NULL,
`c5` int(20) NOT NULL,
`a6` int(20) NOT NULL,
`b6` int(20) NOT NULL,
`c6` int(20) NOT NULL,
121
`a7` int(20) NOT NULL,
`b7` int(20) NOT NULL,
`c7` int(20) NOT NULL,
`a8` int(20) NOT NULL,
`b8` int(20) NOT NULL,
`c8` int(20) NOT NULL,
`a9` int(20) NOT NULL,
`b9` int(20) NOT NULL,
`c9` int(20) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
5. Buat Tabel Persemaian
Gambar 5.5. Tabel Persemaian
CREATE TABLE `persemaian` (
`id_petak` int(3) NOT NULL,
`petak` varchar(10) NOT NULL,
`a` varchar(10) NOT NULL,
`b` varchar(10) NOT NULL,
`c` varchar(10) NOT NULL,
`d` varchar(10) NOT NULL,
`e` varchar(10) NOT NULL,
`f` varchar(10) NOT NULL,
`jumlah` varchar(10) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
122
6. Buat Tabel User
Gambar 5.6. Tabel User
`user_id` int(2) NOT NULL auto_increment,
`username` varchar(15) NOT NULL,
`password` varchar(15) NOT NULL,
`fullname` varchar(30) NOT NULL,
`level` varchar(30) NOT NULL,
`gambar` varchar(30) NOT NULL,
PRIMARY KEY (`user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=6 ;
5.3. Implementasi Interface
Seperti yang telah dijelaskan dalam BAB IV, langkah selanjutnya adalah
pengkodean ( coding ). Maka tampilan awal program yang telah dibuat terlihat
pada gambar 5.7. Ada 2 pilihan level user yaitu user dan administrator yang
nantinya hak aksesnya akan dibedakan menurut level user pemaikai aplikasi.
123
Gambar 5.7. Tampilan Awal Program
<form role="form" action="proseslogin.php" method="post" class="login-form">
<div class="form-group">
<label class="sr-only" for="form-username">Username</label>
<input type="text" name="username" placeholder="Username..." class="form-username form-
control" id="form-username">
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Password</label>
<input type="password" name="password" placeholder="Password..." class="form-password
form-control" id="form-password">
</div>
<div class="form-group">
<select name="level" class="form-control" required>
<option value="">Pilih Level User</option>
<option value="1">Administrator</option>
<option value="2">User</option>
</select>
</div>
<button name="submit" type="submit" class="btn style2">Sign in!</button></form>
124
5.3.1. Interface User
Account user yang sudah login akan diproses dan setelah itu
menampilkan halaman berandanya sebagai berikut :
Gambar 5.8. Halaman Home
<table width="877" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="heading"> <div align="center">
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td>
</tr>
<tr>
<td align="left" valign="top" style="padding-top:20px;"
class="text_left"><div align="center" class="style1">
<p> </p>
<p class="style2">Selamat Datang di GIS PT Cengkeh Zanzibar
</p>
<p class="style2">Kebun Kalisidi </p>
<p class="style2"> </p>
</div></td>
</tr>
</table>
<button name="submit" type="submit" class="btn style2">Sign in!</button>
</form>
125
Terlihat pada gambar 5.8. yang menampilkan tampilan awal user
setalah melakukan login seperti yang telah di rancang dan
digambarkan pada bab sebelumnya di gambar 4.3.
5.3.1.1. Halaman Penggunaan Lahan
Gambar 5.9. Halaman Penggunaan Lahan
<?php
$no = 1;
$total = 0;
while ($row = mysqli_fetch_array($query))
{
$jumlah = $row['jumlah'] ;
echo '<tr>
<td>'.$row['id_blok'].'</td>
<td>'.$row['blok'].'</td>
<td>'.$row['tm'].'</td>
<td>'.$row['TBM'].'</td>
<td>'.$row['kosong'].'</td>
<td>'.$row['jumlah'].'</td>
</tr>';
$total += $row['jumlah'];
$no++;
}?>
126
5.3.1.2. Halaman Kategori
Halaman Kategori berisi data kategori tanaman cengkeh menurut
tinggi pohonya. Dimana terdapat 8 kategori yang di kelompokkan.
Gambar 5.10. Halaman Kategori Tanaman
<?php
$no = 1;
$total = 0;
while ($row = mysqli_fetch_array($query))
{
$jumlah = $row['jumlah'] ;
echo '<tr>
<td>'.$row['id_blok'].'</td>
<td>'.$row['bb'].'</td>
<td>'.$row['a'].'</td>
<td>'.$row['b'].'</td>
<td>'.$row['c'].'</td>
<td>'.$row['d'].'</td>
<td>'.$row['e'].'</td>
<td>'.$row['f'].'</td>
<td>'.$row['g'].'</td>
<td>'.$row['h'].'</td>
<td>'.$row['jumlah'].'</td>
</tr>';
$total += $row['jumlah'];
$no++;
}?>
127
5.3.1.3. Halaman Persemaian
Halaman persemaian berisi data Persemaian / bibit tanaman cengkeh
yang tersebar dibeberapa petak lahan.
Gambar 5.11. Halaman Persemaian
<?php
$no = 1;
$total = 0;
while ($row = mysqli_fetch_array($query))
{
$jumlah = $row['jumlah'] ;
echo '<tr>
<td>'.$row['id_blok'].'</td>
<td>'.$row['bb'].'</td>
<td>'.$row['a'].'</td>
<td>'.$row['b'].'</td>
<td>'.$row['c'].'</td>
<td>'.$row['d'].'</td>
<td>'.$row['e'].'</td>
<td>'.$row['f'].'</td>
<td>'.$row['g'].'</td>
<td>'.$row['h'].'</td>
<td>'.$row['jumlah'].'</td>
</tr>';
$total += $row['jumlah'];
$no++;
}?>
128
5.3.1.4. Halaman Perawatan
Halaman perawatan adalah halaman yang menyajikan data semprot
gulma di semua blok Kebun yang terbagi menjadi 8 kategori tanaman
menurut tinggi pohonnya.
Gambar 5.12. Halaman Perawatan
<?php
while ($row = mysqli_fetch_array($query))
{
echo '<tr>
<td>'.$row['blok'].'</td><td>'.$row['a1'].'</td><td>'.$row['b1'].'</td><td>'.$row['c1'].'
</td><td>'.$row['a2'].'</td><td>'.$row['b2'].'</td><td>'.$row['c2'].'</td><td>'.$row['a
3'].'</td><td>'.$row['b3'].'</td><td>'.$row['c3'].'</td><td>'.$row['a4'].'</td><td>'.$ro
w['b4'].'</td><td>'.$row['c4'].'</td><td>'.$row['a5'].'</td><td>'.$row['b5'].'</td><td>'.
$row['c5'].'</td><td>'.$row['a6'].'</td><td>'.$row['b6'].'</td><td>'.$row['c6'].'</td><td
>'.$row['a7'].'</td><td>'.$row['b7'].'</td><td>'.$row['c7'].'</td><td>'.$row['a8'].'</td>
<td>'.$row['b8'].'</td><td>'.$row['c8'].'</td><td>'.$row['a9'].'</td><td>'.$row['b9'].'</t
d><td>'.$row['c9'].'</td>
</tr>';
}?>
129
5.3.1.5. Halaman Map
Halaman Map menyajikan data polygon dan marker untuk
menjelaskan data penggunaan lahan khususnya yang berkaitan
dengan tanaman cengkeh
Gambar 5.13. Halaman Map
<?php
require ('config.php');
// query
$sql = "SELECT * from `penggunaan`";
$data = mysql_query($sql);
$js = '';
// looping script js ini sesuai dengan jumlah lokasi yang ada pada database
while($row = mysql_fetch_assoc($data)) {
$js .= 'L.marker(['.$row['latitude'].', '.$row['longitude'].']).addTo(map)
.bindPopup("<b>Blok : '.$row['blok'].'</b><br /><b>Tanaman Menghasilkan :
'.$row['tm'].' ha</b><br /><b>Tanaman Belum Menghasilkan: '.$row['TBM'].'
ha</b><br /><b>Lahan Kosong : '.$row['kosong'].' ha</b><br /><b>Luas Blok :
'.$row['jumlah'].' ha</b>");
';
}
// menampilkan script js hasil dari looping diatas
echo $js;
?>
130
5.3.2. Interface Admin
Setelah melakukan login dengan user account administrator, tampilan
beranda / home adalah sebagai berikut :
Gambar 5.14. Halaman Home Admin
<table width="877" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="heading"> <div align="center">
<p> </p>
<p> </p>
<p> </p>
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td>
</tr>
<tr>
<td align="left" valign="top" style="padding-top:20px;"
class="text_left"><div align="center" class="style1">
<p> </p>
<p class="style2">Selamat datang di GIS PT Cengkeh Zanzibar </p>
<p class="style2">Kebun Kalisidi </p>
<p class="style2"> </p>
</div></td>
</tr>
</table>
131
5.3.2.1. Tampilan Halaman Penggunaan Lahan
Halaman penggunaan lahan berisi data penggunaan lahan yang
ditanami cengkeh baik itu yang sudah menghasilkan maupun
tanaman yang belum menghasilkan, serta data lahan kosong
yang belum atau tidak terpakai.
Gambar 5.15. Halaman Penggunaan Admin
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_blok']; ?></td><td><?php echo $data['blok'];
?></td><td><?php echo $data['tm'];?></td><td><?php echo
$data['TBM'];?></td><td><?php echo $data['kosong'];?></td><td><?php
echo $data['jumlah'];?></td><td><?php echo
$data['latitude'];?></td><td><?php echo $data['longitude'];?></td>
<td><center>
<div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-
toggle="tooltip" title="Edit" href="edit-pg.php?hal=edit&kd=<?php
echo $data['id_blok'];?>"><span class="glyphicon glyphicon-
edit"></span></a> <a onClick="return confirm ('Yakin hapus <?php echo
$data['blok'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus" href="hapus-
132
5.3.2.2. Tampilan Halaman Kategori Tanaman
Sama halnya dengan data penggunaan lahan, data kategori juga
dapat ditambah, dirubah maupun di hapus oleh administrator.
Data Kategori ditampilkan dalam bentuk table.
Gambar 5.16. Halaman Kategori Tanaman Admin
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_blok']; ?></td><td><?php echo $data['bb'];
?></td><td><?php echo $data['a'];?></td><td><?php echo
$data['b'];?></td><td><?php echo $data['c'];?></td><td><?php echo
$data['d'];?></td><td><?php echo $data['e'];?></td><td><?php echo
$data['f'];?></td><td><?php echo $data['g'];?></td><td><?php echo
$data['h'];?></td><td><?php echo $data['jumlah'];?></td><td><center>
<div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-
toggle="tooltip" title="Edit" href="edit-
kategori.php?hal=edit&kd=<?php echo $data['id_blok'];?>"><span
class="glyphicon glyphicon-edit"></span></a> <a onClick="return confirm
('Yakin hapus <?php echo $data['blok'];?>.?');" class="btn btn-sm btn-danger
tooltips" data-placement="bottom" data-toggle="tooltip" title="Hapus"
href="hapus-kategori.php?hal=hapus&kd=<?php echo
$data['id_blok'];?>"><span class="glyphicon glyphicon-trash"></a>
133
5.3.2.3. Tampilan Halaman Persemaian
Data persemaian menampilkan data persemaian atau bibit
tanaman yang ada di petak lahan kebun. Data tersebut dapat
dirubah, ditambah maupun dihapus oleh administrator.
Gambar 5.17. Halaman Persemaian Admin
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_petak']; ?></td>
<td><?php echo $data['petak']; ?></td>
<td><?php echo $data['a'];?></td>
<td><?php echo $data['b'];?></td>
<td><?php echo $data['c'];?></td>
<td><?php echo $data['d'];?></td>
<td><?php echo $data['e'];?></td>
<td><?php echo $data['f'];?></td>
<td><?php echo $data['jumlah'];?></td>
<td><center><div id="thanks"><a class="btn btn-sm btn-primary" data-
placement="bottom" data-toggle="tooltip" title="Edit Persemaian"
href="edit-persemaian.php?hal=edit&kd=<?php echo
$data['id_petak'];?>"><span class="glyphicon glyphicon-edit"></span></a>
<a onClick="return confirm ('Yakin hapus <?php echo $data['petak'];?>.?');"
class="btn btn-sm btn-danger tooltips" data-placement="bottom" data-
134
5.3.2.4. Tampilan Halaman Perawatan
Data perawatan ditampilkan dalam bentuk table yang dapat
diubah, ditambah maupun dihapus oleh adminstrator
Gambar 5.18. Halaman Perawatan Admin
<tr>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['blok']; ?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['a1']; ?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['b1'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['c1'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['a2'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['b2'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['c2'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['a3'];?></span></td>
<td bgcolor="#FFCC33"><span class="style6"><?php
echo $data['b3'];?></span></td>
135
5.3.2.5. Tampilan Halaman Data Pengguna
Halaman pengguna berisi data pengguna baik itu user biasa
maupun administrator. Data yang ada yang ditampilkan dalam
table dapat dirubah di tambah maupun dihapus oleh
administrator.
Gambar 5.19. Halaman Data Pengguna Admin
?>
<tbody>
<tr>
<td><?php echo $data['user_id']; ?></td><td><?php echo
$data['username'];?></td><td><?php echo
$data['password'];?></td><td><?php echo $data['fullname'];?></td>
<td><?php echo $data['level'];?></td><td><center>
<img src="<?php echo $data['gambar']; ?>" class="img-square" height="80"
width="75" style="border: 3px solid #333333;" />
</center></td><td><center><div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-
toggle="tooltip" title="Edit" href="edit-admin.php?hal=edit&kd=<?php echo
$data['user_id'];?>"><span class="glyphicon glyphicon-edit"></span></a>
<a onClick="return confirm ('Yakin hapus <?php echo
$data['fullname'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus" href="hapus-
136
5.3.2.6. Tampilan Halaman Map
Halaman map menyajikan peta tematik berupa data polygon dan
juga marker. Marker di mewakili blok kebun.
Gambar 5.20. Halaman Map Admin
<?php
require ('config.php');
// query
$sql = "SELECT * from `penggunaan`";
$data = mysql_query($sql);
$js = '';
// looping script js ini sesuai dengan jumlah lokasi yang ada pada database
while($row = mysql_fetch_assoc($data)) {
$js .= 'L.marker(['.$row['latitude'].', '.$row['longitude'].']).addTo(map)
.bindPopup("<b>Blok : '.$row['blok'].'</b>");
';
}
// menampilkan script js hasil dari looping diatas
echo $js;
?>
137
BAB VI
HASIL PENELITIAN DAN PEMBAHASAN
6.1. Cara Kerja Aplikasi SIG
Dalam bab ini kita akan membahas cara kerja / langkah – angkah untuk
pengguna maupun admin dalam mempergunakan aplikasi yang telah dibuat.
Pada saat login user maupun admin menggunakan 1 form yang sama. Tetapi di
berikan pilihan level login sebagai user atau administrator untuk membedakan
hak akses login yang didapat nantinya.
Gambar 6.1. Tampilan Awal Program
Pada saat tampilan awal program user harus login terlebih dahulu dengan pilhan
level user sebagai hak pengakses yang akan dibedakan menjadi hak akses user
dan hak askses administrator.
138
6.2. Halaman User
Gambar 6.2. Halaman Home User
Jika kita login dengan user level sebagai user maka halaman pertama yang
muncul adalah sebagai berikut. Dimana menu bar ada di sebelah kiri layar. Dan
untuk melihat profil account dari user beserta logoutnya ada di icon pojok kanan
atas.
6.2.1. Halaman Pengunaan Lahan
Gambar 6.3. Halaman Penggunaan Lahan User
Dalam table tersebut dijelaskan ada 9 blok Kebun / wilayah dengan data
Tanaman Cengkeh yang ada di perkebunan.
139
6.2.2. Halaman Kategori Tanaman
Gambar 6.4. Halaman Kategori Tanaman User
Tebel tersebut menjelaskan 9 blok / wilayah yang ada dengan data
kategori tanaman cengkeh. Jika kita ingin Berpindah kedata yang lain bias
langsung mengklik menubar yang ada di sebaleh kiri.
6.2.3. Halaman Persemaian Tanaman Cengkeh
Gambar 6.5. Halaman Persemaian User
Pada table ini menyajikan data persemaian tanaman / bibit Tanaman yang
dibudidayakan oleh pihak kebun menurut sub blok yang ada di
perkebunan.
140
6.2.4. Halaman Perawatan
Fitur halaman perawatan menampilkan data perawatan tanaman yang
telah dilakukan penyemprotan gulma oleh pihak kebun.
Gambar 6.6. Halaman Perawatan Tanaman User
6.2.5. Halaman Profil
Gambar 6.7. Halaman Profil User
Tampilan user profil berisi data nomer id, username, password, dan
fullname yang telah terdaftar di database. Untuk mengembalikan ke
tampilan sebelumnya bias kita klik icon kembali pada layar.
141
6.2.6. Halaman Map
Menampilkan peta dengan layer polygon dan marker yang berfungsi untuk
menjelaskan penggunaan lahan yang ada di kebun kalisidi khususnya yang
ditanami cengkeh.
Gambar 6.8. Halaman Map User
Jika salah satu icon blok kebun kita klik maka akan muncul gambar
seperti berikut :
Gambar 6.9. Tampilan Pop Up data atribut
142
6.3. Halaman Administrator
Setelah kita login sebagai administrator maka tampilan halaman utamanya
adalah sebagai berikut
Gambar 6.10. Tampilan Halaman Home Admin
Pada halaman tersebut letak dari menu dan juga icon account profil sama dengan
yang ada di halaman Home user. Yang membedakan adalah fitur dari menunya
di mana administrator bias menambah, mengedit, membaca dan menghapus data
yang diinginkan.
143
6.3.1. Fitur Penggunaan Lahan
Gambar 6.11. Halaman Penggunaan Lahan Admin
Di fitur menu penggunaan lahan inilah administror dapat melakukan
Create, Read, edit dan delete data attribute tanaman cegkeh yang ada di
setiap blok kebun yang ada atau yang dibuat.
a. Form Edit Data Penggunaan Lahan
Gambar 6.12. Form Edit Data Penggunaan Lahan Admin
144
b. Form Input Data Penggunaan Lahan
Gambar 6.13. Form Input Data Penggunaan Lahan Admin
c. Hapus Data Penggunaan Lahan
Gambar 6.14. Form Hapus Data Penggunaan Lahan Admin
145
6.3.2. Fitur Kategori Tanaman
Gambar 6.15. Halaman Kategori Tanaman Admin
Pada fitur menu inilah administror dapat melakukan Create, Read, edit dan
delete data attribute tanaman cengkeh yang ada di setiap blok kebun
menurut tinggi tanaman yang ada di kebun.
a. Input Data Kategori Tanaman
Untuk memasukkan data baru klik input data
Gambar 6.16. Input Data Kategori Admin
146
Setelah itu masukkan data di form input data
Gambar 6.17. Form Input Data Admin
b. Edit Data Katgori Tanaman
Gambar 6.18. Edit Data Kategori Tanaman Admin
Untuk edit data seperti terlihat di gambar 6.18. Klik Pada Icon Edit
Data
147
c. Hapus Data
Gambar 6.19. Hapus Data Admin
Untuk Hapus Data Klik Icon Hapus Data lalu klik ok
6.3.3. Fitur Persemaian Tanaman
Gambar 6.20. Halaman Persemaian Admin
Fitur ini menampilkan data persemaian / bibit tanaman cengkeh yang ada
di kebun yang dibagai kedalam beberapa petak tanam. Di fitur ini
administrator dapat leluasa untuk melakukan perubahan maupun
menambah dan menghapus data persemaian.
148
a. Input Data Persemaian Tanaman
Gambar 6.21. Input Data Persemaian Admin
Setalh klik input data maka akan muncul form untuk mengisi data baru
yang akan diinputkan. Setalh data diisi lalu klik icon simpan.
b. Edit Data Katgori Tanaman
Untuk mengedit data kita klik icon edit data. Seelah itu akan muncul
form data yang berisi data yang akan kita edit. Setelah selesai lalu klik
simpan.
Gambar 6.22. Form Edit Data Persemaian Admin
149
c. Hapus Data
Untuk menghapus data sama seperti hapus data yang lain. Klik pada
icon hapus. Lalu klik ok
Gambar 6.23. Hapus Data Kategori Admin
6.3.4. Fitur Perawatan Tanaman Cengkeh
Data Perawatan menampilkan data yang semprot gulma yang dilakukan
oleh Pihak Kebun. Yang terbagi menjadi 9 blok kebun dan 8 jenis kategori
tanaman yang sudah dilakukan penyemprotan.
Gambar 6.24. Halaman Perawatan Tanaman Cengkeh Admin
150
a. Input Data Kategori Tanaman
Gambar 6.25. Form Input Data Perawatan Admin
Sama seperti form inputan yang lain, kita isikan data baru kedalam
form. Setelah di isi kita klik simpan.
b. Edit Data Perawatan Tanaman
Gambar 6.26. Form Edit Data Perawatan Admin
Di data penggunakita juga bias melakukan editing data, setelah kita
pilih data yang kita edit lalu rubah data apa saja yang akan dirubah.
Setelah itu klik simpan.
151
c. Hapus Data
Gambar 6.27. Hapus Data Perawatan Tanaman Cengkeh Admin
Untuk mengahpus data sama seperti data yang lain. Kita klik icon
hapus. Lalu tekan ok.
6.3.5. Fitur Map
Fitur map digunakan untuk menampilkan map. Untuk pengeditan marker
dilakukan di fitur penggunaan lahan.
Gambar 6.28. Tampilan Halaman Map Admin
152
6.3.6. Fitur Data Pengguna
Halaman Data Pengguna berisi data Pengguna aplikasi webgis baik itu
administrator maupun user dalam hal ini adalah Kabag, admin, Pimpinan
Kebun dan Wakil Pimpinan Kebun.
Gambar 6.29. Halaman Data Pengguna Admin
a. Input Data Kategori Tanaman
Gambar 6.30. Form Input Data Pengguna Admin
Masukkan inputan data baru yang nantinya akan menggunakan webgis
ini baik itu administrator maupun user biasa. Lalu kita klik simpan.
153
b. Edit Data Kategori Tanaman
Gambar 6.31. Form Edit Data Pengguna
Edit data pengguna jika ada pengguna baik administrator maupun user
biasa yang akan mengedit profil dirinya.
c. Hapus Data
Gambar 6.32. Hapus Data Pengguna Pengguna
Hapus data pengguna jikalau ada data pengguna baik itu user maupun
administrator yang sudah tidak bekerja di kebun kalisidi maupun di
Kantor Pusat.
154
BAB VII
PENUTUP
7.1. Kesimpulan
Dari hasil penelitian ini, dapat diambil kesimpulan bahwa :
1. Aplikasi yang dibuat berbasis Web GIS.
2. Aplikasi yang dibuat untuk pemetaan penggunaan lahan khususnya yang
ditanamai pohon cengkeh.
3. Tabel data yang didapat ada 5, yaitu : tabel penggunaan lahan, kategori
tanaman, persemaian, perawatan, data pengguna.
4. Dalam perancangan data spasialnya menggunakan software Quantum GIS,
untuk base mapnya menggunakan MapQuest.
5. Web gis yang dibuat menggunakan PHP/HTML.
6. Untuk koneksi databasenya masih menggunakan localhost.
7.2. Saran
Saran yang dapat diberikan untuk pengembangan sistem ini selanjutnya adalah
sebagai berikut :
1. Menambah fasilitas keamanan agar sistem yang dibuat tidak dapat di-
hacking atau dicuri datanya oleh orang yang tidak berwenang.
155
2. Untuk titik koordinat batas kebun bisa diperbaiki kembali agar yang
menjadi batas – batas kebun menjadi lebih presisi dengan sistem plotting
data digital menggunakan GPS Garmin.
3. Aplikasi dijadikan berbasis web mobile.
4. Database bisa diganti menggunakan Postgre SQL atau dengan
menggunakan Map Server agar tidak kesulitan mengkorversikan data
spasialnya.
156
DAFTAR PUSTAKA
Eddy, Prahasta, Ir, MT. (2001) Konsep-konsep Dasar Sistem Informasi Geografis
, Bandung , Informatika Bandung. Sutarman S.kom. (2003)
Membangun Aplikasi Web Dengan PHP dan MySql. Graha Ilmu,
Yogyakarta.
Priyanto, Eko. (2013), Perancangan Sistem Informasi Geografis (SIG) Berbasis
Web Untuk Penyediaan Informasi Fasilitas Dan Personalia di
Universitas Lampung,
http://jurnal.fmipa.unila.ac.id/index.php/semirata/article/download/87
4/693, diakses 1 April 2017.
Nur Faizzah, Eko Budiyanto, S.Pd., M.Si (2015), Pemanfaatan Sistem Informasi
Geografis dan Data Penginderaan Jauh Untuk Kajian Kondisi
Tanaman Cengkeh Berdasarkan Nilai NDVI Di Kecamatan
Wonosalam Kabupaten
Jombang, http://ejournal.unesa.ac.id/index.php/swara-
bhumi/article/view/11366, diakses 1 Januari 2017.
Ade Hermawan, Muhammad Nasir, Ekapuji Agustini (2015), Sitem Informasi
Geografis Pemetaan Area Perkebunan Sawit PT Kasih Agro Mandiri
1, http://digilib.binadarma.ac.id/files/disk1/142/123-123-
adehermawa-7097-1-jurnalc-m.pdf. Diakses 1 Januari 2017.
Arif Imam Suroso, Kudang B.Seminar, Pramadia Satriawan (2004),
Pengembangan Sistem Informasi Geografis untuk Pengelolaan
Perkebunan Kelapa Sawit,
http://journal.ipb.ac.id/index.php/jmagr/article/view/3356, diakses 1
Januari 2017
Supriyanto, Aji (2007) Web dengan HTML & XML. Graha Ilmu, Yogyakarta.
157
Kadir, Abdul. (2002) Dasar Pemrograman Web Dinamis Menggunakan PHP.
Andi, Yogyakarta
Elcom. (2010) Adobe Dreamweaver CS5. Andi, Yogyakarta.
158
LAMPIRAN
8.1 Listing Program Index Form Login
<?php include "conn.php"; ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>cengkeh zanzibar</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
</script>
<script language="JavaScript">
var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu");
namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" ");
159
var tgl = new Date();
var hari = tgl.getDay();
var tanggal = tgl.getDate();
var bulan = tgl.getMonth();
var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
popupWindow = window.open(url,winName,settings)
}
</script>
<style type="text/css">
.style1 {font-size: 24px}
.style2 {font-size: 36}
</style>
</head>
<body class="skin-blue">
<header class="header">
<p><a href="index.php" class="logo"><img src="cengkeh-zanzibar-pt.jpg" width="45" height="40"></a></p>
<nav class="navbar navbar-static-top" role="navigation">
<div class="navbar-right">
<ul class="nav navbar-nav">
<li class="messages-menu">
<table width="1000">
<tr>
160
<td>
<div align="center" class="style1">
<div align="left">PT CENGKEH ZANZIBAR KEBUN KALISIDI </div>
</div></td></tr>
</table></li></ul></div></nav></header>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside><section class="content"><div class="row"><div class="col-lg-12"></div><div class="top-content"><div
class="inner-bg"><div class="container"><div class="row"><div class="col-sm-6 col-sm-offset-3 form-box"><div
class="form-top"><div class="form-top-left"><h3 align="center"> </h3>
<h3>Silahkan Masukkan Username dan Password Anda </h3>
<p> </p></div></div><div class="form-bottom">
<form role="form" action="proseslogin.php" method="post" class="login-form">
<div class="form-group"><label class="sr-only" for="form-username">Username</label>
<input type="text" name="username" placeholder="Username..." class="form-username form-control" id="form-username">
</div><div class="form-group">
<label class="sr-only" for="form-password">Password</label>
<input type="password" name="password" placeholder="Password..." class="form-password form-control" id="form-
password">
</div>
<div class="form-group">
<select name="level" class="form-control" required>
<option value="">Pilih Level User</option>
<option value="1">Administrator</option>
<option value="2">User</option>
</select></div>
<button name="submit" type="submit" class="btn style2">Sign in!</button>
</form></section></div>
<div class="footer-main">Copyright © by Naufal Ari Safrudi</div>
</aside></div>
161
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="js/plugins/fullcalendar/fullcalendar.js" type="text/javascript"></script>
<script src="js/Director/app.js" type="text/javascript"></script>
<script src="js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
$(this).parents('li').addClass("task-done");
console.log('ok');
});
$('input').on('ifUnchecked', function(event) {
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
</body>
</html>
8.2 Listing Program User
<style type="text/css">
.style1 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
162
<table width="877" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td align="left" valign="top" class="heading"> <div align="center">
<p> </p><p> </p><p> </p>
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td></tr><tr>
<td align="left" valign="top" style="padding-top:20px;" class="text_left"><div align="center" class="style1">
<p> </p>
<p class="style2">Selamat datang di GIS PT Cengkeh Zanzibar </p>
<p class="style2">Kebun Kalisidi </p>
<p class="style2"> </p>
</div></td></tr>
</table>
8.2.1 Listing Program Home
<style type="text/css">
.style1 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style><table width="877" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td align="left" valign="top" class="heading"> <div align="center">
<p> </p><p> </p><p> </p>
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td></tr><tr>
<td align="left" valign="top" style="padding-top:20px;" class="text_left"><div align="center" class="style1">
<p> </p>
<p class="style2">Selamat datang di GIS PT Cengkeh Zanzibar </p>
<p class="style2">Kebun Kalisidi </p>
<p class="style2"> </p>
</div></td></tr>
163
</table>
8.2.2 Listing Program Penggunaan
<style type="text/css">
.style1 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style><table width="877" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td align="left" valign="top" class="heading"> <div align="center">
<p> </p><p> </p><p> </p>
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td></tr><tr>
<td align="left" valign="top" style="padding-top:20px;" class="text_left"><div align="center" class="style1">
<p> </p><p class="style2">Selamat datang di GIS PT Cengkeh Zanzibar </p>
<p class="style2">Kebun Kalisidi </p><p class="style2"> </p></div></td></tr>
</table>
8.2.3 Listing Program Kategori
<?php
$db_host = 'localhost'; // Nama Server
$db_user = 'localhost'; // User Server
$db_pass = 'admin'; // Password Server
$db_name = 'gis'; // Nama Database
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die ('Gagal terhubung dengan MySQL: ' . mysqli_connect_error());
}
$sql = 'SELECT *
FROM kategori';
164
$query = mysqli_query($conn, $sql);
if (!$query) {
die ('SQL Error: ' . mysqli_error($conn));
}
?>
<html>
<head>
<title>Menampilkan Data MySQL Ke Dalam Tabel HTML</title>
<style type="text/css">
body {font-size: 12px; color: #343d44; font-family: "segoe-ui", "open-sans", tahoma, arial;
padding: 0; margin: 0;}
table {margin: auto;font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";font-size: 12px;}
h1 {margin: 25px auto 0;text-align: center;text-transform: uppercase;font-size: 17px;}
table td {transition: all .5s;}
.data-table {border-collapse: collapse;font-size: 12px;min-width: 537px;}
.data-table th,.data-table td {border: 1px solid #e1edff;padding: 7px 17px;}
.data-table caption {margin: 7px;}
.data-table thead th {background-color: #508abb;color: #FFFFFF;border-color: #6ea1cc !important;text-transform: uppercase;}
.data-table tbody td {color: #353535;}
.data-table tbody td:first-child,.data-table tbody td:nth-child(6),.data-table tbody td:last-child {text-align: right;}
.data-table tbody tr:nth-child(odd) td {background-color: #f4fbff;}
.data-table tbody tr:hover td {background-color: #ffffa2;border-color: #ffff0f;}
.data-table tfoot th {background-color: #e5f5ff;text-align: right;}
.data-table tfoot th:first-child {text-align: right;}
.data-table tbody td:empty{background-color: #ffcccc;}
</style>
</head>
<body>
165
<table width="860" class="data-table">
<caption class="title">
Data Kategori Tanaman Menurut Tinggi Tanaman
</caption>
<thead>
<tr>
<th width="54"><div align="center">NO</div></th><th width="129"><div align="center">Blok</div></th>
<th width="100"><div align="center">1 </div></th><th width="100"><div align="center">2 </div></th>
<th width="100"><div align="center">3 </div></th><th width="100"><div align="center">4 </div></th>
<th width="100"><div align="center">5 </div></th><th width="100"><div align="center">6 </div></th>
<th width="100"><div align="center">7 </div></th><th width="100"><div align="center">8 </div></th>
<th width="100">Jumlah (ha) </th>
</tr>
</thead>
<tbody>
<?php
$no =
1;
$total =
0;
while ($row = mysqli_fetch_array($query))
{$jumlah = $row['jumlah'] ;
echo '<tr>
<td>'.$row['id_blok'].'</td><td>'.$row['bb'].'</td><td>'.$row['a'].'</td><td>'.$row['b'].'</td><td>'.$row['c'].'</td>
<td>'.$row['d'].'</td><td>'.$row['e'].'</td><td>'.$row['f'].'</td><td>'.$row['g'].'</td><td>'.$row['h'].'</td>
<td>'.$row['jumlah'].'</td></tr>';
$total += $row['jumlah'];
$no++;
}?>
166
</tbody>
<tfoot>
<tr><th colspan="10"><div align="center">TOTAL</div></th>
<th width="145"><div align="right"><?=number_format($total, 0, ',', '.')?></th>
</tr></tfoot>
</table>
</body>
</html>
8.2.4 Listing Program Persemaian
<?php
$db_host = 'localhost'; // Nama Server
$db_user = 'localhost'; // User Server
$db_pass = 'admin'; // Password Server
$db_name = 'gis'; // Nama Database
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die ('Gagal terhubung dengan MySQL: ' . mysqli_connect_error());}
$sql = 'SELECT *
FROM persemaian';
$query = mysqli_query($conn, $sql);
if (!$query) {
die ('SQL Error: ' . mysqli_error($conn));}
?>
<html>
<head>
<title>Menampilkan Data MySQL Ke Dalam Tabel HTML</title>
<style type="text/css">
167
body {font-size: 12px;color: #343d44;font-family: "segoe-ui", "open-sans", tahoma, arial;padding: 0;margin: 0;}
table {margin: auto;font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";font-size: 12px;}
h1 {margin: 25px auto 0;text-align: center;text-transform: uppercase;font-size: 17px;}
table td {transition: all .5s;}
.data-table {border-collapse: collapse;font-size: 12px;min-width: 537px;}
.data-table th,
.data-table td {border: 1px solid #e1edff;padding: 7px 17px;}
.data-table caption {margin: 7px;}
.data-table thead th {background-color: #508abb;color: #FFFFFF;border-color: #6ea1cc !important;text-transform: uppercase;}
.data-table tbody td {color: #353535;}
.data-table tbody td:first-child,.data-table tbody td:nth-child(9),
.data-table tbody td:last-child {text-align: right;}
.data-table tbody tr:nth-child(odd) td {background-color: #f4fbff;}
.data-table tbody tr:hover td {background-color: #ffffa2;border-color: #ffff0f;}
.data-table tfoot th {background-color: #e5f5ff;text-align: right;}
.data-table tfoot th:first-child {text-align: right;}
.data-table tbody td:empty{background-color: #ffcccc;}
</style>
</head>
<body>
<table width="1100" class="data-table">
<caption class="title">
Data Persemaian Tanaman Cengkeh
</caption>
<thead>
<tr>
<th width="40"><div align="center">NO</div></th><th width="100"><div align="center">sub bLOK </div></th><th
width="70"><div align="center">kepercambahan </div></th><th width="100"><div align="center">< 20 cm </div></th><th
width="120"><div align="center">40,1 - 60 cm </div></th><th width="120"><div align="center">60,1 - 80 cm
168
</div></th><th width="120"><div align="center">80,1 - 100 cm </div></th><th width="120"><div align="center">> 100 cm
</div></th><th width="100">Jumlah (ha) </th>
</tr></thead><tbody>
<?php
$no =
1;
$total =
0;
while ($row = mysqli_fetch_array($query))
{$jumlah = $row['jumlah'] ;
echo '<tr>
<td>'.$row['id_petak'].'</td><td>'.$row['petak'].'</td><td>'.$row['a'].'</td><td>'.$row['b'].'</td>
<td>'.$row['c'].'</td><td>'.$row['d'].'</td><td>'.$row['e'].'</td><td>'.$row['f'].'</td><td>'.$row['jumlah'].'</td>
</tr>';
$total += $row['jumlah'];
$no++;
}?>
</tbody><tfoot><tr>
<th colspan="8"><div align="center">TOTAL</div></th>
<th width="189"><div align="right"><?=number_format($total, 0, ',', '.')?></th>
</tr></tfoot></table></body>
</html>
8.2.5 Listing Program Perawatan
<?php
$db_host = 'localhost'; // Nama Server
$db_user = 'localhost'; // User Server
$db_pass = 'admin'; // Password Server
$db_name = 'gis'; // Nama Database
169
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {die ('Gagal terhubung dengan MySQL: ' . mysqli_connect_error());}
$sql = 'SELECT *
FROM perawatan';
$query = mysqli_query($conn, $sql);
if (!$query) {die ('SQL Error: ' . mysqli_error($conn));}
?>
<html>
<head>
<title>Menampilkan Data MySQL Ke Dalam Tabel HTML</title>
<style type="text/css">
body {font-size: 12px;color: #343d44;font-family: "segoe-ui", "open-sans", tahoma, arial;padding: 0;margin: 0;}
table {margin: auto;font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";font-size: 12px;}
h1 {margin: 25px auto 0;text-align: center;text-transform: uppercase;font-size: 17px;}
table td {transition: all .5s;}
.data-table {border-collapse: collapse;font-size: 12px;min-width: 537px;}
.data-table th,
.data-table td {border: 1px solid #e1edff;padding: 7px 17px;}
.data-table caption {margin: 7px;}
.data-table thead th {background-color: #508abb;color: #FFFFFF;border-color: #6ea1cc !important;text-transform: uppercase;}
.data-table tbody td {color: #353535;}
.data-table tbody td:first-child,
.data-table tbody td:nth-child(9),
.data-table tbody td:last-child {text-align: right;}
.data-table tbody tr:nth-child(odd) td {background-color: #f4fbff;}
.data-table tbody tr:hover td {background-color: #ffffa2;border-color: #ffff0f;}
.data-table tfoot th {background-color: #e5f5ff;text-align: right;}
.data-table tfoot th:first-child {text-align: right;}
170
.data-table tbody td:empty{background-color: #ffcccc;}
.style8 {font-size: 8px; font-family: "Times New Roman", Times, serif; }
</style></head>
<body>
<table width="1500" align="left" class="data-table">
<caption class="title">
Data Perawatan Tanaman Cengkeh
</caption>
<thead><tr>
<th width="300" rowspan="2"><span class="style8">blok</span></th>
<th colspan="3"><span class="style8">cengkeh 01 </span></th><th colspan="3"><span class="style8">cengkeh 02
</span></th><th colspan="3"><span class="style8">cengkeh 03 </span></th><th colspan="3"><span
class="style8">cengkeh 04 </span></th><th colspan="3"><span class="style8">cengkeh 05 </span></th><th
colspan="3"><span class="style8">cengkeh 06 </span></th><th colspan="3"><span class="style8">cengkeh 07
</span></th><th colspan="3"><span class="style8">cengkeh 08 </span></th><th colspan="3"><span
class="style8">jumlah</span></th>
</tr><tr>
<th width="70"><span class="style8">pohon</span></th><th width="70"><div align="center"
class="style8">air</div></th><th width="70"><div align="center" class="style8">Dosis </div></th><th><span
class="style8">pohon</span></th><th><div align="center" class="style8">air</div></th><th><div align="center"
class="style8">Dosis </div></th><th><span class="style8">pohon</span></th><th><div align="center"
class="style8">air</div></th><th><div align="center" class="style8">Dosis </div></th><th><span
class="style8">pohon</span></th><th><div align="center" class="style8">air</div></th><th><div align="center"
class="style8">Dosis </div></th><th><span class="style8">pohon</span></th><th><div align="center"
class="style8">air</div></th><th><div align="center" class="style8">Dosis </div></th><th><span
class="style8">pohon</span></th><th><div align="center" class="style8">air</div></th><th><div align="center"
class="style8">Dosis </div></th><th><span class="style8">pohon</span></th><th><div align="center"
class="style8">air</div></th><th><div align="center" class="style8">Dosis </div></th><th><span
class="style8">pohon</span></th><th><div align="center" class="style8">air</div></th><th><div align="center"
class="style8">Dosis </div></th><th><span class="style8">pohon</span></th><th><div align="center"
class="style8">air</div></th><th><div align="center" class="style8">Dosis </div></th>
</tr></thead><tbody>
<?php
while ($row = mysqli_fetch_array($query))
{echo '<tr>
171
<td>'.$row['blok'].'</td><td>'.$row['a1'].'</td><td>'.$row['b1'].'</td><td>'.$row['c1'].'</td><td>'.$row['a2'].'</td><td>'.$row['
b2'].'</td><td>'.$row['c2'].'</td><td>'.$row['a3'].'</td><td>'.$row['b3'].'</td><td>'.$row['c3'].'</td><td>'.$row['a4'].'</td><td>
'.$row['b4'].'</td><td>'.$row['c4'].'</td><td>'.$row['a5'].'</td><td>'.$row['b5'].'</td><td>'.$row['c5'].'</td><td>'.$row['a6'].'</t
d><td>'.$row['b6'].'</td><td>'.$row['c6'].'</td><td>'.$row['a7'].'</td><td>'.$row['b7'].'</td><td>'.$row['c7'].'</td><td>'.$row['
a8'].'</td><td>'.$row['b8'].'</td><td>'.$row['c8'].'</td><td>'.$row['a9'].'</td><td>'.$row['b9'].'</td><td>'.$row['c9'].'</td></tr
>';
}?></tbody></table>
</body>
</html>
8.2.6 Listing Program Map
<html>
<head>
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.1.0/mapquest.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.1.0/mapquest.css"/>
</head>
<body>
<div id="map" style="width: 1125px; height: 500px"></div>
<script type="text/javascript">
window.onload = function() {
L.mapquest.key = 'lYrP4vF3Uk5zgTiGGuEzQGwGIVDGuy24';
var map = L.mapquest.map('map', {
center: [-7.14302,110.35650],
layers: L.mapquest.tileLayer('map'),
zoom: 14});
map.addControl(L.mapquest.control());
var denverLatLngs = [[ -7.135054469108586, 110.35672957502466 ], [ -7.135505900169551, 110.35654393982202 ], [ -
7.136633774658317, 110.35750024238106 ], [ -7.136695653059197, 110.35747774114439 ], [ -7.136645025276659,
110.35729773125092 ], [ -7.136656275895001, 110.35704459233823 ], [ -7.136802533933444, 110.35689833429979 ], [ -
7.136999419754426, 110.35688145837227 ], [ -7.137230057430433, 110.35726960470507 ], [ -7.137235682739604,
110.35741023743434 ], [ -7.142948184202656, 110.35735960965179 ], [ -7.142959434820998, 110.352700447331 ], [ -
7.140638994788001, 110.35364268661712 ], [-7.140239597836867, 110.35425022000757 ], [ -7.1376617999093,
110.35425022000757 ], [ -7.137678675836813, 110.35501526205482 ], [-7.135915141411735, 110.35496885325416 ], [ -
172
7.135909516102563, 110.35575077122893 ], [-7.135043218490244, 110.35574514591976 ], [ -7.135054469108586,
110.35672957502466]];
L.polygon(denverLatLngs, {color: '#000000',fillColor: '#000000',
fillOpacity: 0.6}).bindPopup('mindongan 1').addTo(map);
var denverLatLngs = [[-7.135055875435879, 110.3567225433882], [-7.135041812162949, 110.35574584908343], [-
7.135909516102561, 110.35574866173802], [-7.135915141411732, 110.35496955641786], [-7.13767867583681,
110.35501455889123], [-7.137666018891175, 110.35425232949856], [-7.14024241049145, 110.35424951684398], [-
7.140641807442584, 110.3536419834535], [-7.142958028493703, 110.35270115049467], [-7.143287109080201,
110.35253801652871], [-7.143270233152689, 110.35221174859679], [-7.142927089293263, 110.3522483131064], [-
7.142721765508525, 110.3523270674348], [-7.142461594959371, 110.35190024710145], [-7.142340650812196,
110.35176523968136], [-7.142073448626578, 110.3517568017176], [-7.141703584548591, 110.35180461684554], [-
7.141079878394268, 110.35174836375384], [-7.140447734276187, 110.35143404960392], [-7.140419607730332,
110.35179406939086], [-7.140148186562837, 110.3520359576852], [-7.13994848808727, 110.35206689688565], [-
7.139015389928547, 110.3527440434771], [-7.138516143739628, 110.35280803136891], [-7.138178625189374,
110.35272646438594], [-7.137998615295905, 110.35280521871432], [-7.137772196601778, 110.35288678569728], [-
7.137118254410661, 110.35295147675275], [-7.137199821393638, 110.35317930177418], [-7.1369944976089,
110.35347181785106], [-7.136853864879628, 110.35350556970609], [-7.13629274028983, 110.35334243574013], [-
7.136225236579779, 110.35318492708335], [-7.135794900428206, 110.35314836257373], [-7.135717552427106,
110.35304710700865], [-7.135416598386462, 110.35304148169948], [-7.135216899910895, 110.35285022118768], [-
7.13473663914043, 110.35279185860503], [-7.134624132957011, 110.35262872463908], [-7.134494750846081,
110.35258934747488], [-7.133788774545132, 110.35244308943643], [-7.133587669742273, 110.35290858377034], [-
7.133255776501189, 110.3525485639834], [-7.133008262897669, 110.35235167816242], [-7.132243220850427,
110.35222792136067,], [-7.132102588121154, 110.35234605285325], [-7.13195633008271, 110.35232355161656], [-
7.131669439314994, 110.35214916703227], [-7.13148661676694, 110.35215479234144], [-7.13142473836606,
110.35240793125413], [-7.130884708685653, 110.35252606274672], [-7.130287019586246, 110.35237980470825], [-
7.130031068018969, 110.35242480718162], [-7.129862308743842, 110.35239105532659], [-7.129626045758664,
110.35246980965499], [-7.129389782773487, 110.35272294856767], [-7.129384157464315, 110.35290295846114], [-
7.129669641904739, 110.35326157192078], [-7.129692143141423, 110.35348095897845], [-7.12980464932484,
110.35357658923435], [-7.129821525252353, 110.35381285221953], [-7.130029661691677, 110.3540716164414], [-
7.130142167875095, 110.35399848742217], [-7.131360047310595, 110.35462711572202], [-7.131579434368261,
110.35445273113773], [-7.132063210956958, 110.35477899906964], [-7.132085712193642, 110.35491400648974], [-
7.13188882637266, 110.35511651761989], [-7.131978831319395, 110.355482162716], [-7.131838198590122,
110.35559466889943], [-7.132046335029446, 110.35596031399552], [-7.132164466522035, 110.35580843064791], [-
7.132299473942136, 110.35575780286538], [-7.132423230743896, 110.35581968126625], [-7.132580739400681,
110.35582530657543], [-7.132679182311172, 110.35563967137278], [-7.132797313803761,110.35558341828109], [-
7.132825440349616, 110.35525152504], [-7.132707308857027, 110.35518964663912], [-7.132628554528634,
110.35497025958145], [-7.132752311330393, 110.35484087747052], [-7.133050452716452, 110.35495338365394], [-
7.133050452716452, 110.35513901885658], [-7.133151708281528, 110.35535840591425], [-7.133219211991579,
110.35542028431513], [-7.133219211991579, 110.35554966642606], [-7.133573606469346, 110.35580843064791], [-
7.13378736821784, 110.3558309318846], [-7.133781742908669, 110.35605031894227], [-7.134023631203018,
110.35651159429428], [-7.133995504657164, 110.35664660171439], [-7.134102385531411, 110.35696724433713], [-
7.134552410265083, 110.35716413015811], [-7.135055875435879, 110.3567225433882]];
L.polygon(denverLatLngs, {color: '#a6cee3',fillColor: '#a6cee3',
fillOpacity: 0.6}).bindPopup('mindongan 2').addTo(map);
var slr1LatLngs = [[-7.141198713050502, 110.35737578241569], [-7.138263707990578, 110.35738281405209], [-
7.13790368820364, 110.35759657580059], [-7.137993693150375, 110.35779346162155], [-7.138072447478768,
173
110.35826036228275], [-7.138033070314571, 110.35835036722948], [-7.137518354525434, 110.35845162279456], [-
7.137282091540256, 110.35842912155788], [-7.137057079173419, 110.35831099006528], [-7.13692769706249,
110.35807753973467], [-7.136834879461171, 110.3579003424958], [-7.136685808768142, 110.35792565638705], [-
7.136529706438649, 110.35771751994774], [-7.136346883890595, 110.35772033260233], [-7.13625125363469,
110.3575684492547], [-7.136124684178345, 110.35754876067261], [-7.135961550212389, 110.35742781652543], [-
7.135531214060817, 110.3574334418346], [-7.135303389039394, 110.35762470234641], [-7.13528088780271,
110.3577231452569], [-7.135354016821932, 110.35789190453202], [-7.135331515585248, 110.35821817246395], [-
7.1355340267154, 110.35895508796533], [-7.135593092461695, 110.35907603211251], [-7.135717552427102,
110.3591456453135], [-7.135692238535833, 110.3592018984052], [-7.135478476787339, 110.35925252618775], [-
7.135408160422702, 110.35923002495106], [-7.13536034529475, 110.35915127062268], [-7.134913133215663,
110.35913439469516], [-7.134755624558877, 110.35897688603838], [-7.134013786911966, 110.35841716777591], [-
7.133929407274403, 110.35850717272264], [-7.133822526400156, 110.35854092457767], [-7.133749397380934,
110.35869562057987], [-7.133414691485266, 110.35890938232836], [-7.133168584209038, 110.35897407338383], [-
7.133002637588497, 110.35910064284018], [-7.132760749294148, 110.35946066262711], [-7.132676369656585,
110.35948878917297], [-7.132611678601119, 110.35962098393848], [-7.132653868419901, 110.35986287223282], [-
7.132572301436922, 110.35996412779791], [-7.132320568851525, 110.36001967772596], [-7.131991488265027,
110.36017156107357], [-7.131977424992099, 110.36028406725698], [-7.131873356772438, 110.36038251016748], [-
7.131639906441845, 110.3604950163509], [-7.131468334512133, 110.36098160559418], [-7.140321164819842,
110.36099285621258], [-7.140315539510671, 110.36023906478367], [-7.141198713050502, 110.36024469009284], [-
7.141198713050502, 110.35737578241569]];
L.polygon(slr1LatLngs, {color: '#1f78b4',fillColor: '#1f78b4',
fillOpacity: 0.6}).bindPopup('silirsari 1').addTo(map);
var slrLatLngs = [[-7.131462709202956, 110.36097879293959,], [-7.131358640983295, 110.36115317752389], [-
7.131358640983295, 110.36156945040254], [-7.131457083893785, 110.36168195658595], [-7.131535838222178,
110.3617719615327], [-7.13182554164448, 110.36194353346241], [-7.131862106154091, 110.36204197637289], [-
7.131684908915207, 110.36226136343056], [-7.131682096260621, 110.36251168968867], [-7.1317636632436,
110.36261294525374], [-7.131864918808676, 110.3628913980577], [-7.131845230226578, 110.363065782642], [-
7.131594903968472, 110.36322891660797], [-7.131552714149691, 110.36329782664531], [-7.13151614964008,
110.36343845937458], [-7.13154708884052, 110.36349471246629], [-7.13179460244404, 110.3637253501423], [-
7.132103994448439, 110.36429631902314], [-7.132111026084903, 110.36436101007861], [-7.131741162006916,
110.36430194433231], [-7.1316089672414, 110.3641894381489], [-7.131462709202956, 110.36421475204017], [-
7.130978932614259, 110.36466477677384], [-7.131105502070604, 110.36469571597428], [-7.131347390364953,
110.36463383757339], [-7.131460599712018, 110.36461696164591], [-7.131592794477534, 110.36475759437516], [-
7.131699675351781, 110.36474634375682], [-7.13178124233476, 110.36484759932189], [-7.131995004083254,
110.36481666012145], [-7.132893647223305, 110.36511902048942], [-7.13312287857202, 110.36509089394356], [-
7.133429457921834, 110.36512464579859], [-7.1339188598197, 110.36529903038289], [-7.134485609718668,
110.36512745845317], [-7.135581138679702, 110.36506558005229], [-7.135962253376031, 110.36541434922088], [-
7.136083197523205, 110.36559717176894], [-7.136554317166268, 110.3655296680589], [-7.137147787283798,
110.36492213466843], [-7.137374205977927, 110.36485744361296], [-7.13745296030632, 110.36467462106491], [-
7.137599218344763, 110.36449742382602], [-7.138073150642412, 110.36446085931642], [-7.138317851591346,
110.36437647967885], [-7.13843317042935, 110.36477306397541], [-7.138261598499637, 110.36482087910336], [-
7.138064712678656, 110.36500370165142], [-7.138011272241532, 110.36520621278156], [-7.137769383947183,
110.36527371649161], [-7.13753030830742, 110.36553529336807], [-7.137519057689078, 110.36559435911435], [-
7.13762875121791, 110.36574342980738], [-7.137808761111379, 110.36572936653445], [-7.138033773478216,
110.36555498195015], [-7.138233471953782, 110.36559154645977], [-7.138421919811008, 110.36550716682221], [-
7.138548489267353, 110.36554373133181], [-7.138545676612767, 110.36400520927357], [-7.137668128382106,
110.36399114600064], [-7.137665315727522, 110.36099355937618], [-7.131462709202956, 110.36097879293959]];
L.polygon(slrLatLngs, {color: '#b2df8a',fillColor: '#b2df8a',
174
fillOpacity: 0.6}).bindPopup('silirsari 2').addTo(map);
var slrLatLngs = [[-7.142957325330049, 110.35735679699721], [-7.141195197232265, 110.35737086027012], [-
7.141189571923094, 110.36023976794728], [-7.14031061736514, 110.36024258060188], [-7.140316242674311,
110.36098512141244], [-7.137666722054815, 110.36098512141244], [-7.137655471436474, 110.36399747447346], [-
7.138544270285476, 110.36400309978264], [-7.138555520903818, 110.36552755856795], [-7.138859287599047,
110.36549380671292], [-7.139033672183345, 110.36556131042298], [-7.139565263899995, 110.36519707165415], [-
7.139959035541959, 110.36427452095013], [-7.140718452280031, 110.36388074930817], [-
7.141036282248186,110.36394825301821], [-7.142355417248764, 110.36273459256459], [-7.142597305543111,
110.36217206164751], [-7.142957325330049, 110.36174453815052], [-7.142957325330049, 110.35735679699721]];
L.polygon(slrLatLngs, {color: '#33a02c',fillColor: '#33a02c',
fillOpacity: 0.6}).bindPopup('kalipangus').addTo(map);
var slrLatLngs = [[-7.142940449402536, 110.36176985204175], [-7.144043010000033, 110.36012726176386], [-
7.144538037207073, 110.35980661914112], [-7.144824927974788, 110.35999787965294], [-7.145024626450356,
110.35989099877868], [-7.14530026659973, 110.3591147061131], [-7.145812169734282, 110.35842841839425], [-
7.146099060501999, 110.35834966406586], [-7.146731907783725, 110.35859717766938], [-7.148022916238447,
110.358090899844], [-7.14860232308305, 110.35778713314876], [-7.14922110709185, 110.35772525474789], [-
7.149417992912831, 110.35756212078194], [-7.149727384917231, 110.35755087016359], [-7.149727384917231,
110.35501948103666], [-7.142951700020878, 110.35499697979998], [-7.142940449402536, 110.36176985204175]];
L.polygon(slrLatLngs, {color: '#fb9a99',fillColor: '#fb9a99',
fillOpacity: 0.6}).bindPopup('watusalang 1').addTo(map);
var slrLatLngs = [[-7.149725978589938, 110.35755087016355], [-7.151251140538898, 110.35740039314321], [-
7.152774192996922, 110.35536403122335], [-7.153322660641084, 110.35425725164399], [-7.15354204769875,
110.35425162633483], [-7.153750184138072, 110.35463977266758], [-7.154849932080984, 110.35419818589769], [-
7.155268314450569, 110.35405403735018], [-7.155262689141399, 110.35199517419363], [-7.14973722920828,
110.35196142233859], [-7.149725978589938, 110.35755087016355]];
L.polygon(slrLatLngs, {color: '#e31a1c',fillColor: '#e31a1c',
fillOpacity: 0.6}).bindPopup('watusalang 2').addTo(map);
var slrLatLngs = [[-7.142939746238886, 110.35498713550884], [-7.149729494408168, 110.35502229369114], [-
7.149743557681093, 110.35196212550218], [-7.149760433608606, 110.34920572400844], [-7.148882885377945,
110.34981888270806], [-7.148497551699738, 110.34991451296398], [-7.148390670825491, 110.35042641609853], [-
7.14819941031368, 110.35066830439287], [-7.147721259034153, 110.35094394454225], [-7.147344363319703,
110.35133209087505], [-7.146869024694762, 110.35159507407879], [-7.146458377125286, 110.35206197473997], [-
7.145234872380614, 110.35226448587012], [-7.14495923223124, 110.35256825256535], [-7.1444642050242,
110.35319266188333], [-7.144002929672186, 110.35339517301348], [-7.143693537667787, 110.3533895477043], [-
7.142950996857228, 110.3532545402842], [-7.142939746238886, 110.35498713550884]];
L.polygon(slrLatLngs, {color: '#fdbf6f',fillColor: '#fdbf6f',
fillOpacity: 0.6}).bindPopup('sintok 1').addTo(map);
var slrLatLngs = [[-7.149742151353803, 110.3519649381567], [-7.155256360668581, 110.35198462673883], [-
7.155261985977752, 110.35404911520455], [-7.155986244533506,110.35369050174489], [-7.156498147668058,
110.35360612210732], [-7.158099954454473, 110.35290999009742], [-7.158291214966283, 110.35256122092882], [-
175
7.158246212492917, 110.35113801770858], [-7.158083078526961, 110.35073299544828], [-7.15752054760987,
110.35045172998973], [-7.157039583675758, 110.35029422133294], [-7.156533305850377, 110.35033359849714], [-
7.156145159517584, 110.35029422133294], [-7.155703572747668, 110.35031109726046], [-7.155315426414876,
110.35043485406223], [-7.154983533173793, 110.35044047937139], [-7.154578510913487, 110.35029422133296], [-
7.154378812437921, 110.34992435725498], [-7.154176301307769, 110.34967121834228], [-7.153917537085906,
110.34932807448287], [-7.153731901883266, 110.34897368000507], [-7.153536422389577, 110.34833942639607], [-
7.153333911259425, 110.34824379614015], [-7.152979516781658, 110.34824379614015], [-7.152732003178138,
110.34822692021265], [-7.152501365502132, 110.34827192268601], [-7.152175097570219, 110.34828879861352], [-
7.151854454947477, 110.34821566959431], [-7.151640693198983, 110.34847443381616], [-7.151471933923856,
110.34869382087383], [-7.151210357047409, 110.34872476007425], [-7.150585947729439, 110.34907915455202], [-
7.150130297686595, 110.34926478975466], [-7.149753401972145, 110.34919728604461], [-7.149742151353803,
110.3519649381567]];
L.polygon(slrLatLngs, {color: '#ff7f00',fillColor: '#ff7f00',
fillOpacity: 0.6}).bindPopup('sintok 2').addTo(map);
<?php
require ('config.php');
// query
$sql = "SELECT * from `penggunaan`";
$data = mysql_query($sql);
$js = '';
while($row = mysql_fetch_assoc($data)) {
$js .= 'L.marker(['.$row['latitude'].', '.$row['longitude'].']).addTo(map)
.bindPopup("<b>Blok : '.$row['blok'].'</b><br /><b>Tanaman Menghasilkan : '.$row['tm'].' ha</b><br /><b>Tanaman Belum
Menghasilkan: '.$row['TBM'].' ha</b><br /><b>Lahan Kosong : '.$row['kosong'].' ha</b><br /><b>Luas Blok :
'.$row['jumlah'].' ha</b>");';}
echo $js;
?>
}
</script>
</body>
</html>
8.3 Listing Program Admin
8.3.1 Listing Program home
176
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #0000FF}
.style4 {font-size: 24px;color: #FFFFFF;}
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
177
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
class="icon-bar"></span></a>
<a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right"><ul class="nav navbar-nav"><li class="dropdown user user-menu"><a href="#" class="dropdown-
toggle" data-toggle="dropdown"><i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li>
<li><a href="detail-admin.php?hal=edit&kd=<?php echo $_SESSION['user_id'];?>">
<i class="fa fa-user fa-fw pull-right"></i>
Profile </a> </li>
<li class="divider"></li>
<li><a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a> </li>
</ul></li></ul></div></nav
</header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside class="left-side sidebar-offcanvas">
<section class="sidebar">
178
<div class="user-panel">
<div>
<center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-Square" alt="User Image"
style="border: 3px solid white;" /></center>
</div><div class="info">
<center><p><?php echo $_SESSION['fullname']; ?></p></center>
</div></div><!--<form action="#" method="get" class="sidebar-form">
<div class="input-group"><input type="text" name="q" class="form-control" placeholder="Search..."/>
<span class="input-group-btn">
<button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
</span></div>
</form>
<?php include "menu.php"; ?>
</section></aside>
<aside class="right-side">
<section class="content">
<div class="row" style="margin-bottom:5px;"></div>
<div class="row">
<div class="col-lg-12">
<section class="panel">
<div class= id="noti-box">
<table width="877" border="0" align="center" cellpadding="0" cellspacing="0"><tr>
<td align="left" valign="top" class="heading"><div align="center">
<p> </p><p> </p><p> </p>
<p><img src="../pic/caz.jpg" width="125" height="152" /></p>
</div></td></tr>
<tr><td align="left" valign="top" style="padding-top:20px;" class="text_left"><div align="center" class="style5">
<p> </p>
179
<p class="style2">Selamat datang di GIS PT Cengkeh Zanzibar </p><p class="style2">Kebun Kalisidi </p>
<p class="style2"> </p>
</div></td>
</tr>
</table>
</div>
</section>
</div></div>
<div class="row"></div>
</section><!-- /.content -->
<div class="footer-main">
<p>Copyright © by Naufal Ari Safrudi </p>
</div>
</aside><!-- /.right-side -->
</div><!-- ./wrapper -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- Director App -->
<script src="../js/Director/app.js" type="text/javascript"></script>
<!-- Director dashboard demo (This is only for demo purposes) -->
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
180
<!-- Director for demo purposes -->
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().addClass('highlight');
$(this).parents('li').addClass("task-done");
console.log('ok');
});
$('input').on('ifUnchecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().removeClass('highlight');
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({
height: '400px',
size: '5px',
BorderRadius: '5px'
});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',
radioClass: 'iradio_flat-grey'
});
</script>
</script>
</body>
181
</html>
8.3.2 Listing Program Penggunaan
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #0000FF}
.style4 {font-size: 24px;color: #FFFFFF;}
182
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
<a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li><li>
<a href="detail-admin.php?hal=edit&kd=<?php echo $_SESSION['user_id'];?>">
<i class="fa fa-user fa-fw pull-right"></i>
Profile </a> </li>
<li class="divider"></li>
<li><a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a></li>
183
</ul></li></ul></div></nav></header>
</header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left"><aside class="left-side sidebar-offcanvas"><section
class="sidebar"><div class="user-panel">
<div><center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-square" alt="User
Image" style="border: 3px solid white;" /></center></div>
<div class="info"><center><p><?php echo $_SESSION['fullname']; ?></p></center></div></div>
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/>
<span class="input-group-btn">
<button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
</span></div></form> -->
<?php include "menu.php"; ?>
</section>
</aside>
<aside class="right-side">
<section class="content">
<div class="row" style="margin-bottom:5px;"></div>
<div class="row">
<div class="col-xs-12">
<div class="panel">
<header class="panel-heading"> <b>Data Penggunaan Lahan </b></header>
<div class="panel-body table-responsive">
<div class="box-tools m-b-15">
<form action="pg.php" method="post">
<div class="input-group">
<input type='text' class="form-control input-sm pull-right" style="width: 150px;" name='qcari' placeholder='Cari berdasarkan
Blok' required="required" />
184
<div class="input-group-btn">
<button class="btn btn-sm btn-default" type="submit"><i class="fa fa-search"></i></button>
</div></div></form></div>
<?php
$query1="select * from penggunaan";
if(isset($_POST['qcari'])){
$qcari=$_POST['qcari'];
$query1="SELECT * FROM penggunaan
where id_blok like '%$qcari%'
or blok like '%$qcari%' ";}
$tampil=mysql_query($query1) or die(mysql_error());
?>
<table id="example" class="table table-hover table-bordered">
<thead>
<tr>
<th><center>N0</center></th><th><center>BLOK</center></th><th><center>TM</center></th><th><center>TBM</center
></th><th><center>L.
kosong</center></th><th><center>JUMLAH</center></th><th><center>LATITUDE</center></th><th><center>LONGITU
DE</center></th><th><center>Action</center></th>
</tr>
</thead>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody><tr>
<td><?php echo $data['id_blok']; ?></td><td><?php echo $data['blok']; ?></td><td><?php echo
$data['tm'];?></td><td><?php echo $data['TBM'];?></td><td><?php echo $data['kosong'];?></td><td><?php echo
$data['jumlah'];?></td><td><?php echo $data['latitude'];?></td><td><?php echo $data['longitude'];?></td><td><center>
<div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-toggle="tooltip" title="Edit" href="edit-
pg.php?hal=edit&kd=<?php echo $data['id_blok'];?>"><span class="glyphicon glyphicon-edit"></span></a> <a
onClick="return confirm ('Yakin hapus <?php echo $data['blok'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
185
placement="bottom" data-toggle="tooltip" title="Hapus" href="hapus-pg.php?hal=hapus&kd=<?php echo
$data['id_blok'];?>"><span class="glyphicon glyphicon-trash"></a>
</center></td></tr></tbody>
<?php
}
?><tr><td></tbody></td></tr>
</table>
<?php $tampil=mysql_query("select * from penggunaan order by id_blok");
$user=mysql_num_rows($tampil);
?>
<center>
<h4>Jumlah Blok : <?php echo "$user"; ?> wilayah</h4>
</center>
<div class="text-right" style="margin-top: 10px;"> <a href="pg.php" class="btn btn-sm btn-info">Refresh <i class="fa fa-
refresh"></i></a> <a href="input-pg.php" class="btn btn-sm btn-warning">Input <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div></div></div><div class="row"></div>
<div class="footer-main">
<p>Copyright © by Naufal Ari Safrudi </p>
</div>
</aside></div><!-- ./wrapper -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
186
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="../js/Director/app.js" type="text/javascript"></script>
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().addClass('highlight');
$(this).parents('li').addClass("task-done");
console.log('ok');
});
$('input').on('ifUnchecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().removeClass('highlight');
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({
height: '400px',
size: '5px',
BorderRadius: '5px'
});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',
radioClass: 'iradio_flat-grey'
});
</script>
187
<script type="text/javascript">
$(function() {
"use strict";
// Chart.defaults.global.responsive = true;
</script>
</body>
</html>
8.3.3 Listing Program Kategori
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
188
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #0000FF}
.style4 {
font-size: 24px;
color: #FFFFFF;
}
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right">
189
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li>
<li>
<a href="detail-admin.php?hal=edit&kd=<?php echo $_SESSION['user_id'];?>">
<i class="fa fa-user fa-fw pull-right"></i>
Profile </a> </li>
<li class="divider"></li><li>
<a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a> </li>
</ul></li></ul></div></nav></header></header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside class="left-side sidebar-offcanvas">
<section class="sidebar">
<div class="user-panel">
<div>
<center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-square" alt="User Image"
style="border: 3px solid white;" /></center>
</div><div class="info">
<center><p><?php echo $_SESSION['fullname']; ?></p></center>
</div></div>
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/>
<span class="input-group-btn">
190
<button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
</span></div></form> -->
<?php include "menu.php"; ?>
</section>
</aside>
<aside class="right-side">
<section class="content">
<div class="row" style="margin-bottom:5px;"></div>
<div class="row">
<div class="col-xs-12">
<div class="panel">
<header class="panel-heading"> <b>Data Kategori Tanaman </b></header>
<div class="panel-body table-responsive">
<div class="box-tools m-b-15">
<form action="pg.php" method="post">
<div class="input-group">
<input type='text' class="form-control input-sm pull-right" style="width: 150px;" name='qcari' placeholder='Cari berdasarkan
Blok' required="required" />
<div class="input-group-btn">
<button class="btn btn-sm btn-default" type="submit"><i class="fa fa-search"></i></button>
</div></div></form></div>
<?php
$query1="select * from kategori";
if(isset($_POST['qcari'])){
$qcari=$_POST['qcari'];
$query1="SELECT * FROM kategori
where id_blok like '%$qcari%'
or blok like '%$qcari%' ";
191
}
$tampil=mysql_query($query1) or die(mysql_error());
?>
<table id="example" class="table table-hover table-bordered">
<thead>
<tr>
<th><center>N0</center></th><th><center>BLOK</center></th><th><center>1</center></th><th><center>2</center></th>
<th><center>3</center></th><th><center>4</center></th><th><center>5</center></th><th><center>6</center></th><th><c
enter>7</center></th><th><center>8</center></th><th><center>JUMLAH</center></th><th><center>Action</center></th>
</tr>
</thead>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_blok']; ?></td><td><?php echo $data['bb']; ?></td><td><?php echo $data['a'];?></td><td><?php
echo $data['b'];?></td><td><?php echo $data['c'];?></td><td><?php echo $data['d'];?></td><td><?php echo
$data['e'];?></td><td><?php echo $data['f'];?></td><td><?php echo $data['g'];?></td><td><?php echo
$data['h'];?></td><td><?php echo $data['jumlah'];?></td><td><center>
<div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-toggle="tooltip" title="Edit" href="edit-
kategori.php?hal=edit&kd=<?php echo $data['id_blok'];?>"><span class="glyphicon glyphicon-edit"></span></a> <a
onClick="return confirm ('Yakin hapus <?php echo $data['blok'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus" href="hapus-kategori.php?hal=hapus&kd=<?php echo
$data['id_blok'];?>"><span class="glyphicon glyphicon-trash"></a></center></td></tr>
</tbody>
<?php
}
?>
<tr><td></tbody></td></tr>
</table>
<?php $tampil=mysql_query("select * from kategori order by id_blok");
192
$user=mysql_num_rows($tampil);
?>
<center>
<h4>Jumlah Blok : <?php echo "$user"; ?> wilayah</h4>
</center>
<div class="text-right" style="margin-top: 10px;"> <a href="pg.php" class="btn btn-sm btn-info">Refresh <i class="fa fa-
refresh"></i></a> <a href="input-kategori.php" class="btn btn-sm btn-warning">Input <i class="fa fa-arrow-circle-
right"></i></a> </div>
</div></div></div>
<div class="row"></div>
<div class="footer-main">
<p>Copyright © by Naufal Ari Safrudi </p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().addClass('highlight');
$(this).parents('li').addClass("task-done");
console.log('ok');
193
});
$('input').on('ifUnchecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().removeClass('highlight');
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({
height: '400px',
size: '5px',
BorderRadius: '5px'
});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',
radioClass: 'iradio_flat-grey'
});
</script>
</body>
</html>
8.3.4 Listing Program Persemaian
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
194
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #0000FF}
.style4 {font-size: 24px;color: #FFFFFF;}
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
195
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
class="icon-bar"></span></a>
<a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li>
<li>
<a href="detail-admin.php?hal=edit&kd=<?php echo $_SESSION['user_id'];?>">
<i class="fa fa-user fa-fw pull-right"></i>
Profile </a> </li>
<li class="divider"></li>
<li><a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a> </li>
</ul></li></ul></div></nav></header>
</header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside class="left-side sidebar-offcanvas">
<section class="sidebar">
196
<div class="user-panel">
<div>
<center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-Square" alt="User Image"
style="border: 3px solid white;" /></center>
</div><div class="info">
<center><p><?php echo $_SESSION['fullname']; ?></p></center>
</div></div>
<?php include "menu.php"; ?>
</section></aside>
<aside class="right-side"><section class="content"><div class="row">
<div class="col-xs-12">
<div class="panel">
<header class="panel-heading">
<b>Data PERSEMAIAN </b></header>
<div class="panel-body table-responsive">
<div class="box-tools m-b-15">
<form action="persemaian.php" method="POST">
<div class="input-group">
<input type='text' class="form-control input-sm pull-right" style="width: 150px;" name='qcari' placeholder='Cari berdasarkan
petak' required />
<div class="input-group-btn">
<button class="btn btn-sm btn-default" type="submit"><i class="fa fa-search"></i></button>
</div></div></form></div>
<?php
$query1="select * from persemaian";
if(isset($_POST['qcari'])){
$qcari=$_POST['qcari'];
$query1="SELECT * FROM persemaian
197
where id_petak like '%$qcari%'
or petak like '%$qcari%' ";
}
$tampil=mysql_query($query1) or die(mysql_error());
?>
<table id="example" class="table table-hover table-bordered">
<thead>
<tr>
<th><center>NO</center></th><th><center>PETAK</center></th><th><center>KEPERCAMBAHAN</center></th><th><
center>< 20 CM</center></th><th><center>40,1 - 60 CM</center></th><th><center>60,1 - 80
CM</center></th><th><center>80,1 - 100 CM</center></th><th><center>> 100
CM</center></th><th><center>JUMLAH</center></th><th><center>Action</center></th></tr>
</thead>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_petak']; ?></td><td><?php echo $data['petak']; ?></td><td><?php echo
$data['a'];?></td><td><?php echo $data['b'];?></td><td><?php echo $data['c'];?></td><td><?php echo
$data['d'];?></td><td><?php echo $data['e'];?></td><td><?php echo $data['f'];?></td><td><?php echo
$data['jumlah'];?></td>
<td><center><div id="thanks"><a class="btn btn-sm btn-primary" data-placement="bottom" data-toggle="tooltip" title="Edit
Persemaian" href="edit-persemaian.php?hal=edit&kd=<?php echo $data['id_petak'];?>"><span class="glyphicon glyphicon-
edit"></span></a>
<a onClick="return confirm ('Yakin hapus <?php echo $data['petak'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus Persemaian" href="hapus-persemaian.php?hal=hapus&kd=<?php echo
$data['id_petak'];?>"><span class="glyphicon glyphicon-trash"></a></center></td></tr></div>
<?php
}
?>
</tbody>
</table>
198
<?php $tampil=mysql_query("select * from persemaian order by id_petak");
$user=mysql_num_rows($tampil);
?>
<div class="text-right" style="margin-top: 10px;">
<a href="persemaian.php" class="btn btn-sm btn-info">Refresh <i class="fa fa-refresh"></i></a> <a href="input-
persemaian.php" class="btn btn-sm btn-warning">input <i class="fa fa-arrow-circle-right"></i></a> </div>
</div></div></div></div>
</section>
<div class="footer-main">
Copyright Naufal Ari Safrudi
</div></aside></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<!-- Bootstrap -->
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="../js/Director/app.js" type="text/javascript"></script>
<!-- Director dashboard demo (This is only for demo purposes) -->
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().addClass('highlight');
199
$(this).parents('li').addClass("task-done");
console.log('ok');
});
$('input').on('ifUnchecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().removeClass('highlight');
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({
height: '400px',
size: '5px',
BorderRadius: '5px'
});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',
radioClass: 'iradio_flat-grey'
});
</script>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
200
</head>
<body>
</body>
</html>
8.4.5 Listing Program Perawatan
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
201
<style type="text/css">
.style1 {color: #0000FF}
.style4 {font-size: 24px;color: #FFFFFF;}
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
class="icon-bar"></span></a><a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right"><ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li><li><a href="detail-admin.php?hal=edit&kd=<?php echo
$_SESSION['user_id'];?>"><i class="fa fa-user fa-fw pull-right"></i>Profile </a> </li>
<li class="divider"></li>
<li>
<a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a> </li>
202
</ul></li></ul></div></nav></header>
</header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside class="left-side sidebar-offcanvas">
<section class="sidebar"><div class="user-panel">
<div>
<center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-Square" alt="User Image"
style="border: 3px solid white;" /></center>
</div>
<div class="info">
<center><p><?php echo $_SESSION['fullname']; ?></p></center>
</div></div>
<?php include "menu.php"; ?>
</section></aside><aside class="right-side"><section class="content"><div class="row"><div class="col-xs-12"><div
class="panel"><header class="panel-heading"><b>Data PERSEMAIAN </b></header><div class="panel-body table-
responsive"><div class="box-tools m-b-15"><form action="persemaian.php" method="POST"><div class="input-group">
<input type='text' class="form-control input-sm pull-right" style="width: 150px;" name='qcari' placeholder='Cari berdasarkan
petak' required />
<div class="input-group-btn">
<button class="btn btn-sm btn-default" type="submit"><i class="fa fa-search"></i></button>
</div></div></form></div>
<?php
$query1="select * from persemaian";
if(isset($_POST['qcari'])){
$qcari=$_POST['qcari'];
$query1="SELECT * FROM persemaian
where id_petak like '%$qcari%'
or petak like '%$qcari%' ";
203
}
$tampil=mysql_query($query1) or die(mysql_error());
?>
<table id="example" class="table table-hover table-bordered">
<thead>
<tr>
<th><center>NO</center></th><th><center>PETAK</center></th><th><center>KEPERCAMBAHAN</center></th><th><
center>< 20 CM</center></th><th><center>40,1 - 60 CM</center></th><th><center>60,1 - 80
CM</center></th><th><center>80,1 - 100 CM</center></th><th><center>> 100
CM</center></th><th><center>JUMLAH</center></th><th><center>Action</center></th>
</tr>
</thead>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['id_petak']; ?></td><td><?php echo $data['petak']; ?></td><td><?php echo
$data['a'];?></td><td><?php echo $data['b'];?></td><td><?php echo $data['c'];?></td><td><?php echo
$data['d'];?></td><td><?php echo $data['e'];?></td><td><?php echo $data['f'];?></td><td><?php echo
$data['jumlah'];?></td>
<td><center><div id="thanks"><a class="btn btn-sm btn-primary" data-placement="bottom" data-toggle="tooltip" title="Edit
Persemaian" href="edit-persemaian.php?hal=edit&kd=<?php echo $data['id_petak'];?>"><span class="glyphicon glyphicon-
edit"></span></a>
<a onClick="return confirm ('Yakin hapus <?php echo $data['petak'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus Persemaian" href="hapus-persemaian.php?hal=hapus&kd=<?php echo
$data['id_petak'];?>"><span class="glyphicon glyphicon-trash"></a></center></td></tr></div>
<?php
}
?>
</tbody>
</table>
<?php $tampil=mysql_query("select * from persemaian order by id_petak");
204
$user=mysql_num_rows($tampil);
?>
<div class="text-right" style="margin-top: 10px;">
<a href="persemaian.php" class="btn btn-sm btn-info">Refresh <i class="fa fa-refresh"></i></a> <a href="input-
persemaian.php" class="btn btn-sm btn-warning">input <i class="fa fa-arrow-circle-right"></i></a> </div>
</div></div></div></div>
<div class="footer-main">
Copyright Naufal Ari Safrudi
</div></aside>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="../js/plugins/fullcalendar/fullcalendar.js" type="text/javascript"></script>
<script src="../js/Director/app.js" type="text/javascript"></script>
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().addClass('highlight');
$(this).parents('li').addClass("task-done");
console.log('ok');
});
205
$('input').on('ifUnchecked', function(event) {
// var element = $(this).parent().find('input:checkbox:first');
// element.parent().parent().parent().removeClass('highlight');
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({height: '400px',size: '5px',BorderRadius: '5px'});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',radioClass: 'iradio_flat-grey'});
</script>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
8.4.6 Listing Program Pengguna
<?php
session_start();
if (empty($_SESSION['username'])){
206
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="../css/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="../css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<link href="../css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="../css/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #0000FF}
.style4 {
font-size: 24px;
color: #FFFFFF;
}
.style5 {font-size: 24px}
.style2 {font-size: 24px; color: #000000; }
</style>
207
</head>
<body class="skin-blue">
<header class="header">
<a href="../../skripsi/user/index.php" class="logo"><img src="../cengkeh-zanzibar-pt.jpg" width="45" height="37"></a>
<nav class="navbar navbar-static-top" role="navigation">
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a> <span class="style4">
SISTEM INFORMASI GEOGRAFIS PT CENGKEH ZANZIBAR KEBUN KALISIDI </span>
</a
>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-user"></i>
<span><?php echo $_SESSION['username']; ?> <i class="caret"></i></span> </a>
<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
<li class="dropdown-header text-center">Account</li>
<li>
<a href="detail-user.php?hal=edit&kd=<?php echo $_SESSION['user_id'];?>">
<i class="fa fa-user fa-fw pull-right"></i>
Profile </a> </li>
<li class="divider"></li>
208
<li>
<a href="../logout.php"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a> </li>
</ul></li></ul></div></nav></header></header>
<?php } ?>
<div class="wrapper row-offcanvas row-offcanvas-left">
<aside class="left-side sidebar-offcanvas">
<section class="sidebar">
<div class="user-panel">
<div>
<center><img src="<?php echo $_SESSION['gambar']; ?>" height="80" width="80" class="img-square" alt="User Image"
style="border: 3px solid white;" /></center>
</div>
<div class="info">
<center><p><?php echo $_SESSION['fullname']; ?></p></center>
</div></div>
<?php include "menu.php"; ?>
</section></aside>
<aside class="right-side">
<section class="content">
<div class="row" style="margin-bottom:5px;"></div>
<div class="row">
<div class="col-xs-12">
<div class="panel">
<header class="panel-heading"> <b>Data Pengguna </b> </header>
<div class="panel-body table-responsive">
<div class="box-tools m-b-15">
<form action="admin.php" method="POST">
<div class="input-group">
209
<input type='text' class="form-control input-sm pull-right" style="width: 150px;" name='qcari' placeholder='Cari Berdasarkan
Nama' required />
<div class="input-group-btn">
<button class="btn btn-sm btn-default" type="submit"><i class="fa fa-search"></i></button>
</div></div></form></div>
<?php
$query1="select * from user";
if(isset($_POST['qcari'])){
$qcari=$_POST['qcari'];
$query1="SELECT * FROM user
where fullname like '%$qcari%'
or username like '%$qcari%' ";
}
$tampil=mysql_query($query1) or die(mysql_error());
?>
<table id="example" class="table table-hover table-bordered">
<thead>
<tr>
<th><center>User ID <i class="fa fa-sort"></i></center></th><th><center>Username <i class="fa fa-
sort"></i></center></th><th><center>Password <i class="fa fa-sort"></i></center></th><th><center>Fullname <i class="fa
fa-sort"></i></center></th><th><center>Level <i class="fa fa-sort"></i></center></th><th><center>Foto <i class="fa fa-
sort"></i></center></th><th><center>Tools</center></th>
</tr>
</thead>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tbody>
<tr>
<td><?php echo $data['user_id']; ?></td><td><?php echo $data['username'];?></td><td><?php echo
$data['password'];?></td><td><?php echo $data['fullname'];?></td><td><?php echo $data['level'];?></td>
210
<td><center><img src="<?php echo $data['gambar']; ?>" class="img-square" height="80" width="75" style="border: 3px
solid #333333;" />
</center></td>
<td><center><div id="thanks">
<a class="btn btn-sm btn-primary" data-placement="bottom" data-toggle="tooltip" title="Edit" href="edit-
admin.php?hal=edit&kd=<?php echo $data['user_id'];?>"><span class="glyphicon glyphicon-edit"></span></a> <a
onClick="return confirm ('Yakin hapus <?php echo $data['fullname'];?>.?');" class="btn btn-sm btn-danger tooltips" data-
placement="bottom" data-toggle="tooltip" title="Hapus" href="hapus-admin.php?hal=hapus&kd=<?php echo
$data['user_id'];?>"><span class="glyphicon glyphicon-trash"></a>
</center></td></tr></div>
<?php
}
?>
</tbody></table>
<div class="text-right" style="margin-top: 10px;"> <a href="admin.php" class="btn btn-sm btn-info">Refresh <i class="fa fa-
refresh"></i></a> <a href="input-admin.php" class="btn btn-sm btn-warning">Input <i class="fa fa-arrow-circle-
right"></i></a> </div>
</div></div></div><div class="row"></div></section>
<div class="footer-main">
<p>Copyright © by Naufal Ari Safrudi </p>
</div>
</aside>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../js/plugins/chart.js" type="text/javascript"></script>
<script src="../js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script src="../js/plugins/fullcalendar/fullcalendar.js" type="text/javascript"></script>
211
<script src="../js/Director/app.js" type="text/javascript"></script>
<script src="../js/Director/dashboard.js" type="text/javascript"></script>
<script type="text/javascript">
$('input').on('ifChecked', function(event) {
$(this).parents('li').addClass("task-done");
console.log('ok');
});
$('input').on('ifUnchecked', function(event) {
$(this).parents('li').removeClass("task-done");
console.log('not');
});
</script>
<script>
$('#noti-box').slimScroll({
height: '400px',
size: '5px',
BorderRadius: '5px'
});
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
checkboxClass: 'icheckbox_flat-grey',
radioClass: 'iradio_flat-grey'
});
</script>
</body>
</html>
8.4.7 Listing Program Map
<html>
212
<head>
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.1.0/mapquest.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.1.0/mapquest.css"/>
</head>
<body>
<div id="map" style="width: 800px; height: 600px"></div>
<script type="text/javascript">
window.onload = function() {
L.mapquest.key = 'lYrP4vF3Uk5zgTiGGuEzQGwGIVDGuy24';
var map = L.mapquest.map('map', {
center: [-7.14302,110.35650],
layers: L.mapquest.tileLayer('map'),
zoom: 14
});
map.addControl(L.mapquest.control());
var
denverLatLngs = [
[ -7.135054469108586, 110.35672957502466 ], [ -7.135505900169551, 110.35654393982202 ], [ -
7.136633774658317, 110.35750024238106 ], [ -7.136695653059197, 110.35747774114439 ], [ -7.136645025276659,
110.35729773125092 ], [ -7.136656275895001, 110.35704459233823 ], [ -7.136802533933444, 110.35689833429979 ], [ -
7.136999419754426, 110.35688145837227 ], [ -7.137230057430433, 110.35726960470507 ], [ -7.137235682739604,
110.35741023743434 ], [ -7.142948184202656, 110.35735960965179 ], [ -7.142959434820998, 110.352700447331 ], [ -
7.140638994788001, 110.35364268661712 ], [-7.140239597836867, 110.35425022000757 ], [ -7.1376617999093,
110.35425022000757 ], [ -7.137678675836813, 110.35501526205482 ], [-7.135915141411735, 110.35496885325416 ], [ -
7.135909516102563, 110.35575077122893 ], [-7.135043218490244, 110.35574514591976 ], [ -7.135054469108586,
110.35672957502466] ];
L.polygon(denverLatLngs, {color: '#000000',fillColor: '#000000',
fillOpacity: 0.6}).bindPopup('mindongan 1').addTo(map);
var
denverLatLngs = [ [-7.135055875435879, 110.3567225433882], [-7.135041812162949, 110.35574584908343], [-
7.135909516102561, 110.35574866173802], [-7.135915141411732, 110.35496955641786], [-7.13767867583681,
110.35501455889123], [-7.137666018891175, 110.35425232949856], [-7.14024241049145, 110.35424951684398], [-
7.140641807442584, 110.3536419834535], [-7.142958028493703, 110.35270115049467], [-7.143287109080201,
213
110.35253801652871], [-7.143270233152689, 110.35221174859679], [-7.142927089293263, 110.3522483131064], [-
7.142721765508525, 110.3523270674348], [-7.142461594959371, 110.35190024710145], [-7.142340650812196,
110.35176523968136], [-7.142073448626578, 110.3517568017176], [-7.141703584548591, 110.35180461684554], [-
7.141079878394268, 110.35174836375384], [-7.140447734276187, 110.35143404960392], [-7.140419607730332,
110.35179406939086], [-7.140148186562837, 110.3520359576852], [-7.13994848808727, 110.35206689688565], [-
7.139015389928547, 110.3527440434771], [-7.138516143739628, 110.35280803136891], [-7.138178625189374,
110.35272646438594], [-7.137998615295905, 110.35280521871432], [-7.137772196601778, 110.35288678569728], [-
7.137118254410661, 110.35295147675275], [-7.137199821393638, 110.35317930177418], [-7.1369944976089,
110.35347181785106], [-7.136853864879628, 110.35350556970609], [-7.13629274028983, 110.35334243574013], [-
7.136225236579779, 110.35318492708335], [-7.135794900428206, 110.35314836257373], [-7.135717552427106,
110.35304710700865], [-7.135416598386462, 110.35304148169948], [-7.135216899910895, 110.35285022118768], [-
7.13473663914043, 110.35279185860503], [-7.134624132957011, 110.35262872463908], [-7.134494750846081,
110.35258934747488], [-7.133788774545132, 110.35244308943643], [-7.133587669742273, 110.35290858377034], [-
7.133255776501189, 110.3525485639834], [-7.133008262897669, 110.35235167816242], [-7.132243220850427,
110.35222792136067,], [-7.132102588121154, 110.35234605285325], [-7.13195633008271, 110.35232355161656], [-
7.131669439314994, 110.35214916703227], [-7.13148661676694, 110.35215479234144], [-7.13142473836606,
110.35240793125413], [-7.130884708685653, 110.35252606274672], [-7.130287019586246, 110.35237980470825], [-
7.130031068018969, 110.35242480718162], [-7.129862308743842, 110.35239105532659], [-7.129626045758664,
110.35246980965499], [-7.129389782773487, 110.35272294856767], [-7.129384157464315, 110.35290295846114], [-
7.129669641904739, 110.35326157192078], [-7.129692143141423, 110.35348095897845], [-7.12980464932484,
110.35357658923435], [-7.129821525252353, 110.35381285221953], [-7.130029661691677, 110.3540716164414], [-
7.130142167875095, 110.35399848742217], [-7.131360047310595, 110.35462711572202], [-7.131579434368261,
110.35445273113773], [-7.132063210956958, 110.35477899906964], [-7.132085712193642, 110.35491400648974], [-
7.13188882637266, 110.35511651761989], [-7.131978831319395, 110.355482162716], [-7.131838198590122,
110.35559466889943], [-7.132046335029446, 110.35596031399552], [-7.132164466522035, 110.35580843064791], [-
7.132299473942136, 110.35575780286538], [-7.132423230743896, 110.35581968126625], [-7.132580739400681,
110.35582530657543], [-7.132679182311172, 110.35563967137278], [-7.132797313803761,110.35558341828109], [-
7.132825440349616, 110.35525152504], [-7.132707308857027, 110.35518964663912], [-7.132628554528634,
110.35497025958145], [-7.132752311330393, 110.35484087747052], [-7.133050452716452, 110.35495338365394], [-
7.133050452716452, 110.35513901885658], [-7.133151708281528, 110.35535840591425], [-7.133219211991579,
110.35542028431513], [-7.133219211991579, 110.35554966642606], [-7.133573606469346, 110.35580843064791], [-
7.13378736821784, 110.3558309318846], [-7.133781742908669, 110.35605031894227], [-7.134023631203018,
110.35651159429428], [-7.133995504657164, 110.35664660171439], [-7.134102385531411, 110.35696724433713], [-
7.134552410265083, 110.35716413015811], [-7.135055875435879, 110.3567225433882] ];
L.polygon(denverLatLngs, {color: '#a6cee3',fillColor: '#a6cee3',
fillOpacity: 0.6}).bindPopup('mindongan 2').addTo(map);
var
slr1LatLngs = [ [-7.141198713050502, 110.35737578241569], [-7.138263707990578, 110.35738281405209], [-
7.13790368820364, 110.35759657580059], [-7.137993693150375, 110.35779346162155], [-7.138072447478768,
110.35826036228275], [-7.138033070314571, 110.35835036722948], [-7.137518354525434, 110.35845162279456], [-
7.137282091540256, 110.35842912155788], [-7.137057079173419, 110.35831099006528], [-7.13692769706249,
110.35807753973467], [-7.136834879461171, 110.3579003424958], [-7.136685808768142, 110.35792565638705], [-
7.136529706438649, 110.35771751994774], [-7.136346883890595, 110.35772033260233], [-7.13625125363469,
110.3575684492547], [-7.136124684178345, 110.35754876067261], [-7.135961550212389, 110.35742781652543], [-
7.135531214060817, 110.3574334418346], [-7.135303389039394, 110.35762470234641], [-7.13528088780271,
110.3577231452569], [-7.135354016821932, 110.35789190453202], [-7.135331515585248, 110.35821817246395], [-
7.1355340267154, 110.35895508796533], [-7.135593092461695, 110.35907603211251], [-7.135717552427102,
110.3591456453135], [-7.135692238535833, 110.3592018984052], [-7.135478476787339, 110.35925252618775], [-
214
7.135408160422702, 110.35923002495106], [-7.13536034529475, 110.35915127062268], [-7.134913133215663,
110.35913439469516], [-7.134755624558877, 110.35897688603838], [-7.134013786911966, 110.35841716777591], [-
7.133929407274403, 110.35850717272264], [-7.133822526400156, 110.35854092457767], [-7.133749397380934,
110.35869562057987], [-7.133414691485266, 110.35890938232836], [-7.133168584209038, 110.35897407338383], [-
7.133002637588497, 110.35910064284018], [-7.132760749294148, 110.35946066262711], [-7.132676369656585,
110.35948878917297], [-7.132611678601119, 110.35962098393848], [-7.132653868419901, 110.35986287223282], [-
7.132572301436922, 110.35996412779791], [-7.132320568851525, 110.36001967772596], [-7.131991488265027,
110.36017156107357], [-7.131977424992099, 110.36028406725698], [-7.131873356772438, 110.36038251016748], [-
7.131639906441845, 110.3604950163509], [-7.131468334512133, 110.36098160559418], [-7.140321164819842,
110.36099285621258], [-7.140315539510671, 110.36023906478367], [-7.141198713050502, 110.36024469009284], [-
7.141198713050502, 110.35737578241569] ];
L.polygon(slr1LatLngs, {color: '#1f78b4',fillColor: '#1f78b4',
fillOpacity: 0.6}).bindPopup('silirsari 1').addTo(map);
var slrLatLngs = [ [-7.131462709202956, 110.36097879293959,], [-7.131358640983295, 110.36115317752389], [-
7.131358640983295, 110.36156945040254], [-7.131457083893785, 110.36168195658595], [-7.131535838222178,
110.3617719615327], [-7.13182554164448, 110.36194353346241], [-7.131862106154091, 110.36204197637289], [-
7.131684908915207, 110.36226136343056], [-7.131682096260621, 110.36251168968867], [-7.1317636632436,
110.36261294525374], [-7.131864918808676, 110.3628913980577], [-7.131845230226578, 110.363065782642], [-
7.131594903968472, 110.36322891660797], [-7.131552714149691, 110.36329782664531], [-7.13151614964008,
110.36343845937458], [-7.13154708884052, 110.36349471246629], [-7.13179460244404, 110.3637253501423], [-
7.132103994448439, 110.36429631902314], [-7.132111026084903, 110.36436101007861], [-7.131741162006916,
110.36430194433231], [-7.1316089672414, 110.3641894381489], [-7.131462709202956, 110.36421475204017], [-
7.130978932614259, 110.36466477677384], [-7.131105502070604, 110.36469571597428], [-7.131347390364953,
110.36463383757339], [-7.131460599712018, 110.36461696164591], [-7.131592794477534, 110.36475759437516], [-
7.131699675351781, 110.36474634375682], [-7.13178124233476, 110.36484759932189], [-7.131995004083254,
110.36481666012145], [-7.132893647223305, 110.36511902048942], [-7.13312287857202, 110.36509089394356], [-
7.133429457921834, 110.36512464579859], [-7.1339188598197, 110.36529903038289], [-7.134485609718668,
110.36512745845317], [-7.135581138679702, 110.36506558005229], [-7.135962253376031, 110.36541434922088], [-
7.136083197523205, 110.36559717176894], [-7.136554317166268, 110.3655296680589], [-7.137147787283798,
110.36492213466843], [-7.137374205977927, 110.36485744361296], [-7.13745296030632, 110.36467462106491], [-
7.137599218344763, 110.36449742382602], [-7.138073150642412, 110.36446085931642], [-7.138317851591346,
110.36437647967885], [-7.13843317042935, 110.36477306397541], [-7.138261598499637, 110.36482087910336], [-
7.138064712678656, 110.36500370165142], [-7.138011272241532, 110.36520621278156], [-7.137769383947183,
110.36527371649161], [-7.13753030830742, 110.36553529336807], [-7.137519057689078, 110.36559435911435], [-
7.13762875121791, 110.36574342980738], [-7.137808761111379, 110.36572936653445], [-7.138033773478216,
110.36555498195015], [-7.138233471953782, 110.36559154645977], [-7.138421919811008, 110.36550716682221], [-
7.138548489267353, 110.36554373133181], [-7.138545676612767, 110.36400520927357], [-7.137668128382106,
110.36399114600064], [-7.137665315727522, 110.36099355937618], [-7.131462709202956, 110.36097879293959] ];
L.polygon(slrLatLngs, {color: '#b2df8a',fillColor: '#b2df8a',
fillOpacity: 0.6}).bindPopup('silirsari 2').addTo(map);
var slrLatLngs = [ [-7.142957325330049, 110.35735679699721], [-7.141195197232265, 110.35737086027012], [-
7.141189571923094, 110.36023976794728], [-7.14031061736514, 110.36024258060188], [-7.140316242674311,
215
110.36098512141244], [-7.137666722054815, 110.36098512141244], [-7.137655471436474, 110.36399747447346], [-
7.138544270285476, 110.36400309978264], [-7.138555520903818, 110.36552755856795], [-7.138859287599047,
110.36549380671292], [-7.139033672183345, 110.36556131042298], [-7.139565263899995, 110.36519707165415], [-
7.139959035541959, 110.36427452095013], [-7.140718452280031, 110.36388074930817], [-
7.141036282248186,110.36394825301821], [-7.142355417248764, 110.36273459256459], [-7.142597305543111,
110.36217206164751], [-7.142957325330049, 110.36174453815052], [-7.142957325330049, 110.35735679699721] ];
L.polygon(slrLatLngs, {color: '#33a02c',fillColor: '#33a02c',
fillOpacity: 0.6}).bindPopup('kalipangus').addTo(map);
var
slrLatLngs = [ [-7.142940449402536, 110.36176985204175], [-7.144043010000033, 110.36012726176386], [-
7.144538037207073, 110.35980661914112], [-7.144824927974788, 110.35999787965294], [-7.145024626450356,
110.35989099877868], [-7.14530026659973, 110.3591147061131], [-7.145812169734282, 110.35842841839425], [-
7.146099060501999, 110.35834966406586], [-7.146731907783725, 110.35859717766938], [-7.148022916238447,
110.358090899844], [-7.14860232308305, 110.35778713314876], [-7.14922110709185, 110.35772525474789], [-
7.149417992912831, 110.35756212078194], [-7.149727384917231, 110.35755087016359], [-7.149727384917231,
110.35501948103666], [-7.142951700020878, 110.35499697979998], [-7.142940449402536, 110.36176985204175] ];
L.polygon(slrLatLngs, {color: '#fb9a99',fillColor: '#fb9a99',
fillOpacity: 0.6}).bindPopup('watusalang 1').addTo(map);
var slrLatLngs = [ [-7.149725978589938, 110.35755087016355], [-7.151251140538898, 110.35740039314321], [-
7.152774192996922, 110.35536403122335], [-7.153322660641084, 110.35425725164399], [-7.15354204769875,
110.35425162633483], [-7.153750184138072, 110.35463977266758], [-7.154849932080984, 110.35419818589769], [-
7.155268314450569, 110.35405403735018], [-7.155262689141399, 110.35199517419363], [-7.14973722920828,
110.35196142233859], [-7.149725978589938, 110.35755087016355] ];
L.polygon(slrLatLngs, {color: '#e31a1c',fillColor: '#e31a1c',
fillOpacity: 0.6}).bindPopup('watusalang 2').addTo(map);
var slrLatLngs = [ [-7.142939746238886, 110.35498713550884], [-7.149729494408168, 110.35502229369114], [-
7.149743557681093, 110.35196212550218], [-7.149760433608606, 110.34920572400844], [-7.148882885377945,
110.34981888270806], [-7.148497551699738, 110.34991451296398], [-7.148390670825491, 110.35042641609853], [-
7.14819941031368, 110.35066830439287], [-7.147721259034153, 110.35094394454225], [-7.147344363319703,
110.35133209087505], [-7.146869024694762, 110.35159507407879], [-7.146458377125286, 110.35206197473997], [-
7.145234872380614, 110.35226448587012], [-7.14495923223124, 110.35256825256535], [-7.1444642050242,
110.35319266188333], [-7.144002929672186, 110.35339517301348], [-7.143693537667787, 110.3533895477043], [-
7.142950996857228, 110.3532545402842], [-7.142939746238886, 110.35498713550884] ];
L.polygon(slrLatLngs, {color: '#fdbf6f',fillColor: '#fdbf6f',
fillOpacity: 0.6}).bindPopup('sintok 1').addTo(map);
216
var
slrLatLngs = [ [-7.149742151353803, 110.3519649381567], [-7.155256360668581, 110.35198462673883], [-
7.155261985977752, 110.35404911520455], [-7.155986244533506,110.35369050174489], [-7.156498147668058,
110.35360612210732], [-7.158099954454473, 110.35290999009742], [-7.158291214966283, 110.35256122092882], [-
7.158246212492917, 110.35113801770858], [-7.158083078526961, 110.35073299544828], [-7.15752054760987,
110.35045172998973], [-7.157039583675758, 110.35029422133294], [-7.156533305850377, 110.35033359849714], [-
7.156145159517584, 110.35029422133294], [-7.155703572747668, 110.35031109726046], [-7.155315426414876,
110.35043485406223], [-7.154983533173793, 110.35044047937139], [-7.154578510913487, 110.35029422133296], [-
7.154378812437921, 110.34992435725498], [-7.154176301307769, 110.34967121834228], [-7.153917537085906,
110.34932807448287], [-7.153731901883266, 110.34897368000507], [-7.153536422389577, 110.34833942639607], [-
7.153333911259425, 110.34824379614015], [-7.152979516781658, 110.34824379614015], [-7.152732003178138,
110.34822692021265], [-7.152501365502132, 110.34827192268601], [-7.152175097570219, 110.34828879861352], [-
7.151854454947477, 110.34821566959431], [-7.151640693198983, 110.34847443381616], [-7.151471933923856,
110.34869382087383], [-7.151210357047409, 110.34872476007425], [-7.150585947729439, 110.34907915455202], [-
7.150130297686595, 110.34926478975466], [-7.149753401972145, 110.34919728604461], [-7.149742151353803,
110.3519649381567] ];
L.polygon(slrLatLngs, {color: '#ff7f00',fillColor: '#ff7f00',
fillOpacity: 0.6}).bindPopup('sintok 2').addTo(map);
<?
php
req
uire ('config.php');
//
query
$sq
l = "SELECT * from `penggunaan`";
$d
ata = mysql_query($sql);
$js
= '';
217
//
looping script js ini sesuai dengan jumlah lokasi yang ada pada database
wh
ile($row = mysql_fetch_assoc($data)) {
$js
.= 'L.marker(['.$row['latitude'].', '.$row['longitude'].']).addTo(map)
.bi
ndPopup("<b>Blok : '.$row['blok'].'</b>");
';
}
//
menampilkan script js hasil dari looping diatas
ech
o $js;
?>
}
</script>
218
</body>
</html>
8.4 Listing Program Config
<?php
mysql_connect("localhost","localhost","admin");
mysql_select_db("gis");
?>
8.5 Listing Program Proses Login
<?php
include ("conn.php");
date_default_timezone_set('Asia/Jakarta');
if(isset($_POST['submit']))
session_start();
$username =
$_POST['username'];
$password =
$_POST['password'];
$level
=
$_POST['level'];
$q = mysql_query( "SELECT * FROM user WHERE username='$username' AND password='$password'");
$row = mysql_fetch_array ($q);
if($row['level'] == "administrator" && $level=="1"){
$_SESSION['user_id'] = $row['user_id'];
$_SESSION['username'] = $username;
$_SESSION['fullname'] = $row['fullname'];
$_SESSION['gambar'] = $row['gambar'];
219
header("Location: admin/index.php");
}
else if($row['level'] =="user" && $level=="2"){
$_SESSION['user_id'] = $row['user_id'];
$_SESSION['username'] = $username;
$_SESSION['fullname'] = $row['fullname'];
$_SESSION['gambar'] = $row['gambar'];
header("Location: user/index.php");
}
else{$error = "Failed Login";}
?>
8.6 Listing Program Logout
<?php
session_start();
session_destroy();
echo "<script>alert('Anda telah berhasil keluar.'); window.location = 'index.php'</script>";
?>