APLIKASI PEMETAAN LOKASI PASAR TRADISIONAL PROVINSI

PROVINSI KALIMANTAN TENGAH
Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Palangka Raya
(STMIK) PALANGKA RAYA
PROVINSI KALIMANTAN TENGAH
Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Palangka Raya
(STMIK) PALANGKA RAYA
“Seorang manusia sejati harus menyelesaikan apa yang telah ia mulai”
Tugas Akhir ini kupersembahkan untuk kedua orang tua, adik dan teman-temanku
yang selalu mendukungku
Rommi Kaestria, M.Kom., Pembimbing II Frengklin Matatula,
S.Kom., M.M.SI.
informasi dan pengolahan data dalam banyak aspek kehidupan manusia sangat
penting. Teknologi telah memberikan kemudahan bagi kita dalam kehidupan ini,
hampir setiap aspek kehidupan sudah memanfaatkan kecanggihan teknologi.
Kalimantan Tengah memiliki banyak sekali pasar tradisional yang tersebar luas
disetiap kabupaten dan kota. Sering sekali masyarakat tidak mengetahui letak pasar
tradisional yang terdapat di wilayah lain, dan itu membuat masyarakat khususnya
perantau atau penduduk yang pindah domisili kesulitan pada saat menemukan pasar
tradisional yang terdekat.
Sebelumnya, untuk mengetahui informasi atau lokasi pasar yang tersebar di
Kalimantan Tengah, masyarakat harus berkeliling menemukan pasar dan bertanya
pada penduduk setempat dan meninjau langsung ke lokasi pasar yang dimaksud. Hal ini akan banyak menimbulkan masalah misalnya kurang efektif karena banyak
membuang waktu dan tenaga. Sistem ini diharapkan akan mempermudah pencarian
sehingga bisa membantu masyarakat dalam mendapatkan informasi yang
dibutuhkan dalam waktu yang relatif singkat.
Metode yang digunakan pada penelitian ini meliputi metode observasi,
metode wawancara, metode kepustakaan, metode dokumentasi, dan metode
kuesioner/survei, teknik dan alat bantu analisis menggunakan Tools Unifield
Modeling Language (UML), metode pengembangan sistem ini menggunakan
Prototype, dan metode Pengujian menggunakan Black Box Testing dan Skala
Likert.
sistem informasi yang dapat membantu dalam proses pemetaan lokasi pasar
tradisional Provinsi Kalimantan Tengah. Hasil uji coba sistem dengan mengunakan
Black Box testing sesuai dengan yang diharapkan. Berdasarkan hasil kuesioner
terhadap responden yaitu masyarakat umum (user) dan admin, didapatkan nilai
interpretasi sebesar 92% untuk penilaian masyarakat umum, dan 87,7 % untuk
penilaian dari admin. Sehingga dapat diasumsikan bahwa sistem yang penulis
bangun telah memenuhi nilai yang layak untuk dipublikasikan.
Kata kunci : Aplikasi Pemetaan Lokasi, PHP Native, Pasar Tradisional
viii
ABSTRACT
Provinsi Kalimantan Tengah Berbasis Web, Preceptor I Rommi
Kaestria, M.Kom., Preceptor II Frengklin Matatula, S.Kom.,
M.M.SI.
The development of information technology today is increasing rapidly, the
need for information and data processing in many aspects of human life is very
important. Technology has made it easy for us in this life, almost every aspect of
life has taken advantage of the sophistication of technology. Central Kalimantan
has a lot of traditional markets that are widespread in every district and city. Often
people do not know the location of traditional markets in other regions, and it makes
the community, especially overseas or residents who moved domicile difficult when
finding the nearest traditional market.
Previously, to find out the information or location of the market spread in
Central Kalimantan, people should go around finding the market and ask the locals
and review directly to the location of the market in question. This will cause a lot
of problems for example less effective because it wastes a lot of time and effort.
This system is expected to facilitate the search so that it can help the public in
obtaining the information needed in a relatively short time.
The methods used in this study include observation methods, interview
methods, literature methods, documentation methods, and questionnaire/survey
methods, techniques and analytical tools using Unifield Modeling Language
(UML) Tools, this system development method using Prototype, and Testing
methods using Black Box Testing and Likert Scale.
The results of this study have been successfully implemented into an
information system that can help in the process of mapping the location of
traditional markets of Central Kalimantan Province. Test results of the system by
using Black Box testing as expected. Based on the results of questionnaires to
respondents, namely the general public (users) and admins, an interpretation value
of 92% for the assessment of the general public, and 87.7% for assessment from the
admin. So it can be assumed that the system that the author built has met the value
of being eligible for publication.
Keywords : Location Mapping Application, PHP Native, Traditional Market
ix
KATA PENGANTAR
Dengan memanjatkan Puji Syukur kepada Tuhan Yang Maha Esa karena atas
segala Berkat-Nya penulis dapat menyelesaikan Tugas Akhir dengan berjudul
“Aplikasi Pemetaan Lokasi Pasar Tradisional Provinsi Kalimantan Tengah
Berbasis Web”. Penyusunan Tugas Akhir ini bertujuan untuk memenuhi salah satu
syarat kelulusan jenjang program studi Sistem Informasi pada Sekolah Tinggi
Manajemen Informatika dan Komputer (STMIK) Palangkaraya.
Pada kesempatan kali ini penulis menyampaikan banyak terima kasih sebesar
besarnya kepada semua pihak yang telah membantu dalam penyelesaian Tugas
Akhir ini terutama kepada:
1. Suparno, M.Kom. selaku Ketua Sekolah Tinggi Manajemen Informatika dan
Komputer (STMIK) Palangkaraya.
2. Norhayati, M.Pd. selaku Ketua Jurusan Sistem Informasi Ketua Sekolah Tinggi
Manajemen Informatika dan Komputer (STMIK) Palangkaraya.
3. Rommi Kaestria, M.Kom selaku Dosen Pembimbing I yang telah meluangkan
waktunya untuk memberikan bimbingan dalam Tugas Akhir ini.
4. Frengklin Matatula, S.Kom., M.MSI. selaku Dosen Pembimbing II yang telah
memberikan saran, koreksi, dan bimbingan dalam penyusunan Tugas Akhir ini.
5. Kedua Orang Tua dan seluruh keluarga tercinta yang selalu memberikan
dukungan baik moril maupun materi selama penyusunan Tugas Akhir ini.
6. Bapak dan Ibu Dosen STMIK Palangkaraya yang telah banyak memberikan
bekal ilmu pengetahuan kepada penulis.
x
7. Teman-teman SI-B 2016 yang telah memberikan penulis semangat dan
dukungan selama penyelesaian Tugas Akhir ini.
Tiada gading yang tak retak, Penulis mengharapkan saran dan kritik untuk
penyempurnaan Tugas Akhir ini sehingga bermanfaat bagi semua pihak yang
membutuhkan, sekian dan terima kasih.
Palangka Raya,16 Juli 2021
PERSETUJUAN .................................................................................................... iv
MOTTO DAN PERSEMBAHAN ......................................................................... vi
B. Perumusan Masalah .................................................................................... 2
E. Metodologi Penelitian ................................................................................. 4
F. Sistematika Penulisan ................................................................................. 5
A. Dasar Teori .................................................................................................. 9
BAB III METODE PENELITIAN........................................................................ 32
C. Tinjauan Umum ........................................................................................ 35
A. Implementasi ............................................................................................. 71
BAB V PENUTUP .............................................................................................. 128
Tabel 2. Simbol Activity Diagram ........................................................................ 23
Tabel 3. Simbol Sequence Diagram ..................................................................... 24
Tabel 4. Simbol Class Diagram ............................................................................ 25
Tabel 5. Skala Penilaian Untuk Pernyataan Positif dan Negatif ........................... 26
Tabel 6. Penelitian yang relevan ........................................................................... 30
Tabel 7. Kebutuhan Perangkat Keras .................................................................... 37
Tabel 8. Kegiatan Aktor dan Interaksinya dengan Sistem .................................... 49
Tabel 9. Spesifikasi Tabel Login ........................................................................... 68
Tabel 10. Spesifikasi Tabel Data Pasar ................................................................. 68
Tabel 11. Spesifikasi Tabel Data Kotak Saran...................................................... 68
Tabel 12. Spesifikasi Pelayanan Hosting .............................................................. 70
Tabel 13.Tabel Pengujian Halaman Admin .......................................................... 88
Tabel 14. Tabel Pengujian Halaman User............................................................. 88
Tabel 15. Pengujian Login Admin ........................................................................ 89
Tabel 16. Pengujian Data Pasar Tradisional ......................................................... 91
Tabel 17. Pengujian Data Kotak Saran ................................................................. 96
Tabel 18. Pengujian Halaman Depan User ........................................................... 99
Tabel 19. Pengujian Halaman Data Pasar Tradisional User ............................... 100
Tabel 20. Pengujian Halaman Kotak Saran User ................................................ 102
Tabel 21. Skor Jawaban ...................................................................................... 121
Tabel 22. Poin kuesioner untuk user ................................................................... 121
Tabel 23. Skor ideal (user) .................................................................................. 122
Tabel 24. Ketentuan rating scale user ................................................................ 122
Tabel 25. Hasil Penilaian Responden user .......................................................... 123
Tabel 26. Perhitungan Presentase Jawaban User ................................................ 123
Tabel 27. Poin kuesioner untuk admin ................................................................ 124
Tabel 28. Skor ideal (admin) ............................................................................... 125
Tabel 29. Ketentuan rating scale admin ............................................................. 126
Tabel 30. Hasil Penilaian Responden admin....................................................... 126
Tabel 31. Perhitungan Presentase Jawaban admin .............................................. 126
xiv
Gambar 2. Logo Hypertext Preprosessor (HTML) .............................................. 12
Gambar 3. Logo Bootstrap .................................................................................... 13
Gambar 4. Logo MySQL ....................................................................................... 13
Gambar 5. Logo Mozilla Firefox .......................................................................... 14
Gambar 6. Logo XAMPP ...................................................................................... 14
Gambar 7. Logo Google Maps .............................................................................. 15
Gambar 8. Logo Sublime Text ............................................................................... 15
Gambar 9. Logo StarUML .................................................................................... 16
Gambar 10. Logo Balsamiq Mockup .................................................................... 16
Gambar 11. Model Prototype ................................................................................ 18
Gambar 12. Halaman Depan User ........................................................................ 41
Gambar 13.Halaman Data Pasar Tradisional User ............................................... 41
Gambar 14. Halaman Detail dan Lokasi User ...................................................... 42
Gambar 15. Halaman Kotak Saran User ............................................................... 43
Gambar 16. Halaman Login Admin ...................................................................... 43
Gambar 17. Halaman Dashboard Admin ............................................................. 44
Gambar 18. Halaman Tampil Data Pasar Admin ................................................. 45
Gambar 19. Halaman Tambah Data Pasar Admin ................................................ 46
Gambar 20. Halaman Edit Data Pasar Admin ...................................................... 47
Gambar 21. Halaman Data Kotak Saran Admin ................................................... 48
Gambar 22. Halaman Depan User ........................................................................ 48
Gambar 23. Use Case Sistem yang Dirancang ..................................................... 50
Gambar 24. Activity Diagram Login (Admin) ..................................................... 51
Gambar 25. Activity Diagram Input Data Pasar (Admin) ..................................... 52
Gambar 26. Activity Diagram Updade Data Pasar (Admin)................................. 53
Gambar 27. Activity Diagram Kelola Data Pasar (Admin)................................... 54
Gambar 28. Activity Diagram Balas Data Kotak Saran (Admin) ......................... 55
Gambar 29. Activity Diagram Hapus Data Kotak Saran (Admin) ........................ 56
Gambar 30. Activity Diagram Pasar Berdasarkan Maps (User) ........................... 57
Gambar 31. Activity Diagram Pasar Berdasarkan Maps (User) ........................... 58
Gambar 32. Activity Diagram Search Data Pasar (User) ...................................... 58
Gambar 33. Activity Diagram Kotak Saran (User) .............................................. 59
Gambar 34. Squence Diagram Login Admin ....................................................... 60
Gambar 35. Squence Diagram Input Data Pasar (Admin) .................................... 61
Gambar 36. Squence Diagram Update Data Pasar Admin ................................... 61
Gambar 37. Squence Diagram Delete Data Pasar Admin .................................... 62
Gambar 38. Sequence Diagram Balas Data Kotak Saran Admin ......................... 63
xv
Gambar 39. Squence Diagram Delete Data Kotak Saran Admin ......................... 63
Gambar 40. Squence Diagram Pasar Berdasarkan Maps User ............................. 64
Gambar 41. Squence Diagram Pasar Berdasarkan Tabel User ............................. 65
Gambar 42. Squence Diagram Kotak Saran User ................................................. 65
Gambar 43. Squence Diagram Search Pasar User ................................................ 66
Gambar 44. Class Diagram................................................................................... 67
Gambar 47. Pengujian Login Halaman Admin (Benar)........................................ 90
Gambar 48. Button Tampil Data Pasar ................................................................. 92
Gambar 49. Form Tampil Data Pasar ................................................................... 92
Gambar 50. Button Tambah Data Pasar ................................................................ 93
Gambar 51. Mengisi Lengkap Semua Data Pasar ................................................. 93
Gambar 52. Pop Up Data Pasar Berhasil Ditambah ............................................. 93
Gambar 53. Data Pasar Tidak Diisi Secara Lengkap ............................................ 93
Gambar 54. Pesan Validasi Data Pasar Harus Diisi Dengan Lengkap ................. 94
Gambar 55. Pop Up Gambar Data Pasar Harus Dilengkapi ................................. 94
Gambar 56. Button Ubah dan Hapus Data Pasar .................................................. 94
Gambar 57. Pop Up Konfirmasi Edit Data Pasar ................................................. 94
Gambar 58. Mengubah Data Pasar........................................................................ 95
Gambar 60. Button Hapus Data Pasar ................................................................... 95
Gambar 61. Pop Up Konfirmasi Hapus Data Pasar .............................................. 96
Gambar 62. Pop Up Data Pasar Berhasil Dihapus ................................................ 96
Gambar 63. Button Tampil Data Saran ................................................................. 97
Gambar 64. Form Tampil Data Kotak Saran ........................................................ 97
Gambar 65. Button Balas Data Kotak Saran ......................................................... 97
Gambar 66. Pop Up Konfirmasi Balas Data Kotak Saran .................................... 97
Gambar 67. Pop Up Data Kotak Saran Berhasil Dibalas ...................................... 98
Gambar 68. Saran User Berhasil Dibalas ............................................................. 98
Gambar 69. Button Hapus Data Kotak Saran ....................................................... 98
Gambar 70. Pop Up Konfirmasi Hapus Data Kotak Saran ................................... 98
Gambar 71. Pop Up Data Kotak Saran Berhasil Dihapus .................................... 99
Gambar 72. Klik Marker Icon di Google Maps Pada Halaman Depan User ....... 99
Gambar 73. Halaman Detail dan Lokasi Pasar User........................................... 100
Gambar 74. Halaman Data Pasar Tradisional User ............................................ 101
Gambar 75. Halaman Detail dan Lokasi Pasar User........................................... 102
Gambar 76. Halaman Data Kotak Saran User .................................................... 103
Gambar 77. Pop Up Data Komentar Berhasil Ditambah .................................... 103
Gambar 78. Pesan Validasi Data Kotak Saran Harus Diisi Lengkap ................. 104
xvi
Gambar 81. Manual Program Data Pasar Tradisional ........................................ 106
Gambar 82. Manual Program Data Kotak Saran ................................................ 106
Gambar 83. Manual Program Halaman Dashboard User ................................... 107
Gambar 84. Manual Program Halaman Data Pasar Tradisional User ................ 108
Gambar 85. Manual Program Halaman Detail Data Pasar Tradisional User ...... 109
Gambar 86. Manual Program Halaman Kotak Saran User ................................. 110
Gambar 87. MySQL Databases ........................................................................... 110
Gambar 88. Create Database .............................................................................. 111
Gambar 89. Create User ..................................................................................... 111
Gambar 90. Add User To Database .................................................................... 111
Gambar 91. phpMyAdmin ................................................................................... 112
Gambar 95. Upload ............................................................................................. 113
Gambar 98. Konfigurasi Pengaturan Database Sistem ....................................... 114
Gambar 99. Implementasi Halaman Depan ........................................................ 115
Gambar 100. Implementasi Halaman Data Pasar Tradisional ............................ 116
Gambar 101. Implementasi Halaman Detail Data Pasar Tradisional ................. 117
Gambar 102. Implementasi Halaman Kotak Saran ............................................. 118
Gambar 103. Implementasi Halaman Login Admin ........................................... 118
Gambar 104. Implementasi Halaman Dashboard Admin ................................... 119
Gambar 105. Implementasi Halaman Data Pasar Tradisional Admin ................ 119
Gambar 106. Implementasi Halaman Data Kotak Saran Admin ........................ 120
xvii
Lampiran 2. Instrumen Wawancara
Lampiran 4. Dokumentasi
Lampiran 7. Lembar Kuesioner
informasi dan pengolahan data dalam banyak aspek kehidupan manusia sangat
penting. Teknologi telah memberikan kemudahan bagi kita dalam kehidupan
ini, hampir setiap aspek kehidupan sudah memanfaatkan kecanggihan
teknologi. Beberapa fasilitas teknologi dimanfaatkan diantaranya untuk
mempermudah komunikasi atau untuk mendapat informasi. Oleh karena itulah
teknologi saat ini membutuhkan tingkat mobilitas yang tinggi bagi aspek
kehidupan manusia.
tersebar luas disetiap kabupaten dan kota. Sering sekali masyarakat tidak
mengetahui letak pasar tradisional yang terdapat di wilayah lain, dan itu
membuat masyarakat khususnya perantau atau penduduk yang pindah domisili
kesulitan pada saat menemukan pasar tradisional yang terdekat. Sebagian besar
masyarakat dalam mencari pasar tradisional selalu mempertimbangakan
kualitas dagang pasar, kelengkapan dagang pasar, dan jarak tempuh pasar
dalam setiap wilayah. Hal tersebut dapat menjadi permasalahan bagi
masyarakat khususnya masyarakat Kalimantan Tengah. Masalah lain yang
menjadi pertimbangan adalah perlu adanya pengembangan sistem pendataan
yang mampu menyediakan data dan informasi akurat, tepat guna, dan tepat
waktu sehingga dapat dijadikan pertimbangan dalam pengambilan keputusan.
2
Sebelumnya, untuk mengetahui informasi atau lokasi pasar yang
tersebar di Kalimantan Tengah, masyarakat harus berkeliling menemukan
pasar dan bertanya pada penduduk setempat dan meninjau langsung ke lokasi
pasar yang dimaksud. Hal ini akan banyak menimbulkan masalah misalnya
kurang efektif karena banyak membuang waktu dan tenaga. Sistem ini
diharapkan akan mempermudah pencarian sehingga bisa membantu
masyarakat dalam mendapatkan informasi yang dibutuhkan dalam waktu yang
relatif singkat.
masalah-masalah mengenai pasar tradisional di Kalimantan Tengah maka
penulis mengangkat judul “APLIKASI PEMETAAN LOKASI PASAR
TRADISIONAL PROVINSI KALIMANTAN TENGAH BERBASIS
WEB”.
Provinsi Kalimantan Tengah Berbasis Web?
C. Batasan Masalah
Agar penelitian dalam tugas akhir ini lebih terarah dan memudahkan
dalam pembahasan, maka perlu adanya batasan masalah, yaitu:
1. Sistem yang dibahas adalah aplikasi pemetaan lokasi yang akan
menampilkan lokasi yang berhubungan dengan pasar tradisional yang
tersebar di Kalimantan Tengah
3. Database yang digunakan sistem adalah database MySQL.
4. Sistem berjalan secara online.
5. Website dapat diakses melalui komputer maupun smartphone
6. Admin harus melakukan login agar dapat mengelola data pasar tradisional
7. User tidak memerlukan akun untuk mengakses website
8. Bahasa pemrograman yang digunakan adalah bahasa pemrograman PHP.
9. Sistem dibangun menggunakan software text editor Sublime Text 3.
D. Tujuan dan Manfaat
pasar tradisional yang tersebar dan telah terdaftar pada aplikasi khususnya
untuk wilayah Kota Palangka Raya yang ditampilkan dalam bentuk peta
digital (Google Maps) dan daftar tabel.
2. Manfaat
Lokasi Pasar Tradisional ini yaitu:
a. Manfaat Bagi Masyarakat
akan mempermudah masyarakat untuk mengakses dan mendapatkan
informasi secara akurat mengenai lokasi pasar tradisional di
Kalimantan Tengah.
mengimplementasikannya pada dunia nyata, serta juga sebagai syarat
dari kelulusan program Strata I jurusan Sistem Informasi pada STMIK
Palangka Raya.
informasi khususnya aplikasi pemetaan lokasi pasar tradisional
berbasis web.
Untuk menambah koleksi karya ilmiah pada perpustakaan STMIK
Palangka Raya.
Development (R & D). Research & Development adalah suatu proses atau
langkah-langkah untuk mengembangkan suatu produk baru atau
menyempurnakan produk yang telah ada agar dapat dipertanggung jawabkan.
Disini penulis melakukan penelitian berupa pengumpulan kebutuhan seperti
observasi, wawancara dan penelitian pustaka untuk membangun sebuah produk
nantinya dan apabila produk diterapkan/dibangun dan dihasilkan, maka akan
dilakukan testing untuk mencari kelemahan-kelemahan (kekurangan) produk
yang telah dihasilkan. supaya nantinya dari kelemahan-kelamahan yang
5
didapat, produk dapat dikembangkan lagi menjadi sebuah produk yang efektif
dan dapat di pertanggung jawabkan.
Adapun langkah-langkah yang dilakukan dalam Research &
Development yang penulis lakukan yaitu melakukan penelitian pengumpulan
kebutuhan dengan cara observasi, wawancara dan penelitian pustaka, dan
tahapan selanjutnya adalah merancang sistem yang dibuat dengan
menggunakan UML (Unified Modeling Language) terlebih dahulu dan
kemudian apabila sistem telah dibuat menjadi sebuah protoype nantinya akan
dilakukan evaluasi protoype dengan cara ujicoba sistem dengan menggunakan
Black Box Testing untuk menguji sistem yang dibuat apakah sudah sesuai
standar dan keinginan dari pengguna atau tidak. Hal tersebut dilakukan
berulang dan terus menerus sampai menjadi sebuah sistem yang efektif dan
sesuai dengan keinginan pengguna.
Agar penulisan ini dapat terarah, maka penyusunan ini disusun menurut
sistematika berikut:
masalah, batasan masalah, tujuan dan manfaat, metodologi
penelitian, sistematika penulisan dan juga penjelasan istilah
kunci.
dan mendukung judul, definisi-definisi, model atau pendapat
pakar yang langsung berkaitan dengan ilmu atau masalah yang
diteliti. Pada bab ini juga dituliskan software/tool (komponen)
yang digunakan untuk pembuatan aplikasi atau untuk keperluan
penelitian.
Bab ini berisi tinjauan umum yang menguraikan tentang
gambaran umum objek penelitian, misalnya gambaran umum
perusahaan (struktur organisasi) atau gambaran umum produk,
serta data yang dipergunakan untuk memecahkan masalah-
masalah yang dihadapi.
menguraikan tentang analisis terhadap permasalahan yang
terdapat pada kasus yang diteliti. Meliputi analisis terhadap
masalah yang sedang berjalan, analisis hasil solusinya, analisis
kebutuhan terhadap sistem yang diusulkan, dan analisis
kelayakan sistem yang diusulkan.
Bab ini berisi implementasi program, pengujian sistem dan uji
coba program (prototype), manual program, manual instalasi,
dan hasil penelitian.
BAB V : PENUTUP
sebelumnya, serta saran-saran dari penulis.
G. Penjelasan Istilah Kunci
dalam penulisan ini adalah sebagai berikut:
1. Aplikasi adalah program siap pakai yang dapat digunakan untuk
menjalankan perintah-perintah dari pengguna aplikasi tersebut dengan
tujuan mendapatkan hasil yang lebih akurat sesuai dengan tujuan
pembuatan aplikasi tersebut
tempat bertemunya penjual pembeli, terjadinya kesepakatan harga dan
terjadinya transaksi setelah melalui proses tawar-menawar harga.
3. Website atau lazim disingkat web adalah halaman informasi yang
disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia
selama terkoneksi dengan jaringan internet.
4. Google Maps, adalah layanan peta online dari google yang dapat diakses
secara gratis dan mempermudah pengguna dalam mencari suatu lokasi
atau tempat
berkaitan dengan beberapa letak geografis wilayah yang meliputi dataran
tinggi
8
6. Latitude atau garis lintang adalah garis khayal yang digunakan untuk
menentukan lokasi di bumi terhadap garis khatulistiwa pada globe atau
peta.
7. Longitude atau garis bujur adalah garis khayal yang ditarik dari kutub utara
ke kutub selatan untuk menentukan lokasi di bumi pada globe atau peta.
9
untuk mendukung atau menjadi dasar serta referensi dalam penelitian dan
dalam membangun sistem. Berikut ini beberapa referensi yang berkaitan
dengan objek pembahasan-pembahasan dalam penelitian ini, di antaranya
sebagai berikut:
Teori yang berkaitan dengan topik penelitian merupakan penguraian
tentang beberapa teori yang akan mendukung pembuatan sistem informasi
yang akan dirancang dan dibangun oleh penulis.
a. Aplikasi
aplikasi adalah program siap pakai yang dapat digunakan untuk
menjalankan perintah-perintah dari pengguna aplikasi tersebut dengan
tujuan mendapatkan hasil yang lebih akurat sesuai dengan tujuan
pembuatan aplikasi tersebut, aplikasi mempunyai arti yaitu pemecahan
masalah yang menggunakan salah satu teknik pemrosesan data aplikasi
yang biasanya berpacu pada sebuah komputansi yang diinginkan atau
diharapkan maupun pemrosesan data yang diharapkan.
Pengertian aplikasi secara umum adalah alat terapan yang
difungsikan secara khusus dan terpadu sesuai kemampuan yang
dimilikinya, aplikasi merupakan suatu perangkat komputer yang siap
pakai bagi user.
informasi muka bumi yang fakta (dunia nyata), baik bentuk permukaan
buminya maupun sumbu alamnya, berdasarkan skala peta, sistem
proyeksi peta, serta simbol-simbol dari unsur muka bumi yang disajikan
Menurut Suharjo, dkk (2017:112) Peta merupakan penyajian pada
bidang datar dari sebagian atau seluruh permukaan bumi yang digambar
dalam skala tertentu dengan memanfaatkan system proyeksi tertentu.
Peta sangat efektif untuk menujukkan lokasi dari sebuah objek alamiah
maupun non alamiah, baik dari segi ukuran atau hubungan antara
material objek satu dengan obyek lain.
Berdasarkan kajian di atas dapat disimpulkan pemetaan adalah
proses penyajian informasi muka bumi yang digambarkan berdasarkan
bentuk permukaan bumi, skala peta, sistem proyeksi peta yang efektif
untuk menunjukan lokasi dari sebuah objek alamiah maupun non
alamiah, baik dari segi ukuran atau hubungan antara material objek satu
dengan objek lain.
penyampaian atau penyaluran barang dan jasa dari produsen kepada
konsumen.
yang terbuka dimana terjadi proses transaksi jual beli yang
dimungkinkan proses tawar-menawar. Di pasar tradisional pengunjung
tidak selalu menjadi pembeli, namun pengunjung bisa menjadi penjual,
bahkan setiap orang bisa menjual dagangannya di pasar tradisional.
e. Web
dapat diartikan sebagai kumpulan halaman-halaman yang digunakan
untuk menampilkan informasi teks, gambar diam atau gerak, animasi,
11
suara, dan atau gabungan dari semuanya baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang
saling terkait, yang masing-masing dihubungkan dengan jaringan-
jaringan halaman. Hubungan antara satu halaman web dengan halaman
web yang lainnya disebut hyperlink, sedangkan teks yang dijadikan
media penghubung disebut hypetext.
yang disediakan melalui jaringan internet. Website merupakan
komponen atau kumpulan komponen yang bisa terdiri dari teks, gambar,
suara, video, animasi, dan lain sebagainya.
Berdasarkan kajian di atas dapat disimpulkan web adalah
kumpulan halaman-halaman yang digunakan untuk menampilkan
informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis
yang membentuk satu rangkaian bangunan yang saling terkait di mana
masing-masing dihubungkan dengan jaringan-jaringan halaman
(hyperlink).
mengorganisasikan perangkat lunak sebagai kumpulan objek yang berisi
data dan operasi yang diberlakukan terhadapnya. Metodologi
berorientasi objek merupakan suatu cara bagaimana sistem perangkat
lunak dibangun melalui pendekatan objek secara sistematis.
g. Basis Data
Menurut Fathansyah (2015:14) Basis Data adalah sebuah sistem data
yang dapat memiliki beberapa basis data. Setiap basis data dapat berisi
sejumlah objek basis data (Seperti tabel, indeks, dan lain-lain) Disamping
berisi data, setiap basis data juga menyimpan definisi ( struktur (baik
untuk basis data maupun objek objeknya secara rinci).
12
1) Hyper Text Markup Language (HTML)
Gambar 1. Logo Hyper Text Markup Language (HTML)
Menurut Solihin (2016:10), HTML merupakan singkatan dari
Hyper Text Markup Language. HTML dikembangkan pertama kali
oleh Tim Berners-Lee bersamaan dengan protokol HTTP (Hypertext
Transfer Protocol) pada tahun 1989. Tujuan utama pengembangan
HTML adalah untuk menghubungkan suatu halaman web dengan
halaman web lainnya. Tentunya pada awal pengembangannya.
2) Hypertext Preprocessor (PHP)
Menurut Abdul Kadir (2013:17), PHP adalah bahasa
pemrograman yang ditujukan untuk kepentingan pembuatan aplikasi
web. Sebagai bahasa pemrograman untuk web, PHP sebenarnya
bukanlah satu-satunya, tetapi termasuk yang populer. PHP
memungkinkan pembuatan aplikasi web yang dinamis, dalam arti,
dapat membuat halaman web yang dikendalikan oleh data. Dengan
demikian, perubahan data akan membuat halaman web ikut berubah
tanpa harus mengubah script atau kode yang menyusun halaman web.
Menurut Arief (2011:43), PHP adalah Bahasa Server Side-
Scripting yang menyatu dengan HTML untuk membuat halaman web
yang dinamis. Karena PHP merupakan server side-scripting, maka
sintaks dan perintah-perintah PHP akan di eksekusi di server,
kemudian hasilnya akan dikirimkan ke browser dengan format
HTML.
disimpulkan bahwa PHP merupakan bahasa pemrograman yang
13
server yang digunakan oleh klien untuk ditampilkan pada browser
3) Bootstrap
salah satu Framework HTML, CSS,dan JS yang cukup populer, serta
banyak digunakan oleh para pengembang Web saat ini. Framework
ini banyak digunakan untuk membuat Website yang bersifat
responsif. Artinya bisa menyesuaikan tampilan layout nya
berdasarkan ukuran Viewport dari Device pengaksesannya, mulai
dari Smartphone, Tablet, atau layar PC.
4) MySQL
satu jenis database server yang sangat terkenal MySQL menggunakan
14
FOSS License Exeption dan ada juga yang versi komersial.
5) Mozilla Firefox
Menurut Effendi (2012:6) Mozilla Firefox adalah “mesin
penjelajah internet tanpa menyimpan informasi apapun pada
komputer berdasarkan situs dan laman yang dikunjungi.” Sebagai
web browser yang dikembangkan oleh Mozilla Corporation yang
dibentuk pada tahun 1998 merupakan competitor (pesaing) internet
explore mesin pencari unggulan oleh micosoft kepada pengguna
internet, akan tetapi kekurangan dan cara kerja yang relatif lama
menjadikan Mozilla Firefox menjadi unggulan mesin pencarian
hingga saat ini.
sebuah paket kumpulan Software yang terdiri dari Apache, MySQL,
phpMyAdmin PHP,Perl, FileZilla, dan lain-lain XAMPP berfungsi
untuk memudahkan instalasi lingkungan di PHP, di mana biasanya
lingkungan pengembangan Web memerlukan PHP Apache, MySQL,
dan phpMyAdmin serta Software yang terkait dengan pengembangan
Web.
15
Menurut Minarni (2016:33) Google Map adalah sebuah jasa
peta global virtual gratis dan online yang disediakan oleh Google dan
dapat ditemukan di http://maps.google.com. Google Map
memberikan layanan untuk menunjukkan jalan-jalan yang ada di
seluruh dunia. Bentuknya sama seperti peta yang umum, tetapi
Google Map hanya menunjukkan jalan-jalan saja, dan tidak ada nama
gunung, sungai, ataupun batas-batas daerah yang biasa ditemukan di
peta umum. Walaupun begitu, peta yang ada di Google Map ini
sangat lengkap. Untuk kota-kota besar, Google Map juga
menampilkan nama-nama jalan dan gedung. Selain dalam bentuk
peta Google Map juga bisa menampilkan dalam bentuk foto satelit,
Google Maps API adalah fungsi fungsi pemograman yang disediakan
oleh Google Maps agar Google Maps bisa di integrasikan kedalam
Web atau aplikasi. Google Maps API merupakan aplikasi interface
yang dapat diakses lewat javascript agar Google Map dapat
ditampilkan pada sebuah halaman web.
8) Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks yang
dapat berjalan diberbagai platform operating system dengan
menggunakan teknologi Phyton API. Sublime Text mendukung
berbagai Bahasa pemrograman dan mampu menyajikan fitur syntax
highlight hamper semua Bahasa pemrograman yang di dukung
16
ataupun dikembangkan oleh komunitas seperti C, C++, C=, CSS, D,
Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX,
Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Phyton, R,
Ruby, SQL, TCL, Textile, and XML.
9) Star UML
adalah UML 2.3 yang terdiri dari 4 macam spesifikasi, yaitu
Diagaram Interchange Specification, UML Infrastructure, UML
Superstructure, Object Constraint Language (OCL).
10) Balsamiq Mockup
Balsamiq Mockup adalah program aplikasi yang digunakan
dalam pembuatan tampilan User Interface sebuah aplikasi. Software
ini sudah menyediakan Tools yang dapat memudahkan dalam
membuat desain Prototyping aplikasi yang akan dibuat. Software ini
berfokus pada konten yang ingin digambar dan fungsionalitas yang
dibutuhkan oleh pengguna.
alat wireframing cepat yang membantu bekerja lebih cepat dan lebih
17
cepat. Pengguna akan mengasilkan lebih banyak ide, sehingga
pengguna akan dapat membuang yang buruk dan menemukan solusi
terbaik.
matematika, grafis ataupun bagan agar mudah dipahami oleh pihak yang
berkepentingan. Lebih khusus lagi, istilah ini sering digunakan untuk
proses menggambarkan konsep yang mewakili objek-objek dalam
pengembangan sistem informasi. Berikut adalah pemodelan yang
digunakan penulis dalam pembuatan Aplikasi Pemetaan Lokasi Pasar
Tradisional Provinsi Kalimantan Tengah Berbasis Web:
a. Research and Development (R&D).
Menurut Sugiyono (2016:407), Research and Development
(R&D) merupakan medote penelititan yang digunakan untuk
menghasilkan produk tertentu dan menguji keefektifan produk tersebut.
Research and Develpoment (R&D) merupakan metode penelitian
yang dilakukan secara sengaja dan sistematis untuk menyempurnakan
produk yang telah ada maupun mengembangkan suatu produk baru
melalui pengujian, sehingga produk tersebut dapat dipertanggung
jawabkan.
18
perangkat lunak, tetapi tidak mengidentifikasi persyaratan rinci untuk
fungsi dan fitur. Di lain kasus, pengembang mungkin tidak yakin dari
efisiensi dari sebuah algoritma, adaptasi dari sistem operasi, atau bentuk
yang interaksi manusia dengan mesin harus diambil. Dalam hal ini dan
situasi lain, paradigma prototype mungkin menawarkan pendekatan
yang terbaik. Adapun model dari prototype dapat dilihat pada gambar
berikut :
tersebut dapat dijelaskan sebagai berikut:
1) Pengumpulan Kebutuhan : Developer dan Klien bertemu dan
menentukan tujuan umum, kebutuhan yang diketahui dan gambaran
bagian-bagian yang akan dibutuhkan berikutnya. Detail kebutuhan
19
kebutuhan.
mewakili aspek software yang diketahui serta rancangan ini
menjadi dasar pembuatan prototype.
dipergunakan untuk memperjelas kebutuhan software.
Perulangan ketiga proses ini terus berlangsung hingga semua
kebutuhan terpenuhi. Prototype-prototype dibuat untuk memuaskan
kebutuhan klien lebih baik. Prototype yang dibuat dapat dimanfaatkan
kembali untuk membangun software lebih cepat, namun tidak semua
prototype bisa dimanfaatkan. Sekalipun protoype memudahkan 15
komunikasi antara developer dan klien, membuat klien mendapat
gambaran awal dari prototype. Pendekatan ini memiliki beberapa
keuntungan:
akan meningkatkan sikap dan dukungan pengguna untuk
pengerjaan proyek. Sikap moral pengguna akan meningkat karena
sistem berhubungan nyata dengan mereka.
2) Perubahan dan interasi merupakan konsekuensi alami dari
pengembangan sistem sehingga end user memiliki keinginan untuk
merubah pola pikirnya. Prototyping lebih baik menempatkan situasi
20
interasi kedalam sistem yang dibutuhkan.
3) Prototyping mematahkan filosofi “end user tidak mengetahui secara
detail apa yang dibutuhkan sampai mereka melihat
implementasinya”.
4) Prototyping adalah model aktif, tidak pasif sehinga end user dapat
melihat, merasakan dan mengalaminya.
5) Kesalahan yang terjadi dalam prototyping dapat dideteksi lebih dini.
6) Prototyping dapat meningkatkan kreatifitas karena membolehkan
adanya feedback dari end user. Hal ini akan memberikan solusi
yang lebih baik.
c. Unified Model Language (UML)
Menurut Munawar (2018:49) UML (Unified Modelling
Language) adalah salah satu alat bantu yang sangat handal di dunia
pengembangan sistem yang berorientasi objek.
Unified Modelling Language (UML) menyediakan diagram-
diagram yang sangat kaya dan dapat diperluas sesuai kebutuhan kita.
Diagram adalah representasi secara grafis dari elemen-elemen tertentu
beserta hubungan hubungannya. Diagram penting karena diagram
menyediakan representasi secara grafis dari sistem (atau bagiannya).
Representasi grafis sangat memudahkan pemahaman terhadap sistem.
21
untuk merancang model sebuah sistem. Dengan menggunakan UML
kita dapat membuat model untuk semua jenis aplikasi piranti lunak, di
mana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi
dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun.
UML juga menggunakan class dan operation dalam konsep dasarnya,
maka lebih cocok untuk penulisan piranti lunak dalam bahasa
berorientasi objek seperti C++, Java, C# atau Visual Basic.NET.
Unified Modelling Language (UML) mendeskripsikan Object
Oriented Programming (OOP) dengan beberapa diagram untuk
memodelkan gambaran aplikasi yang akan dikembangkan.
1) Use Case Diagram
merupakan pemodelan untuk melakukan (behavior) sistem
informasi yang dibuat. Use Case mendeskripsikan sebuah interaksi
antara satu atau lebih aktor dengan sistem informasi yang dibuat.
Berikut ini adalah simbol-simbol dalam Use Case Diagram.
Tabel 1. Simbol Use Case Diagram
Simbol Nama Keterangan
1 2 3
Menurut Rosa dan Shalahuddin (2016:161) Activity Diagram
adalah diagram aktivitas yang menggambarkan workflow (aliran
kerja atau aktivitas dari sebuah sistem atau proses bisnis atau menu
yang ada pada perangkat lunak.
Berikut ini adalah simbol-simbol dalam Activity Diagram.
Tabel 2. Simbol Activity Diagram
1 2 3
mendeskripsikan waktu hidup objek dan message yang dikirimkan
dan diterima antar objek. Sequence diagram merupakan diagram
yang menjelaskan bagaimana suatu operasi itu dilakukan. Message
atau pesan apa yang dikirimkan dan kapan pelaksanaannya,
diagram ini diatur berdasarkan waktu. Objek – objek yang berkaitan
dengan proses berjalannya operasi diurutkan dari kiri ke kanan
berdasarkan waktu terjadinya secara terurut.
Berikut ini adalah symbol-simbol dalam Sequence Diagram.
Tabel 3. Simbol Sequence Diagram
1 2 3
Yang memperlihatkan himpunan kelas-kelas, antarmuka-
antarmuka, kolaborasi-kolaborasi dan relasi-relasi. Class Diagram
memperlihatkan aturan-aturan dan tanggung jawab entitas yang
menentukan perilaku sistem. Class Diagram memberikan
pandangan secara luas dari suatu sistem dengan menunjukan kelas-
kelasnya dan hubungan mereka. Class Diagram bersifat statis
menggambarkan hubungan apa yang terjadi bukan apa yang terjadi
jika mereka berhubungan. Dibawah ini merupakan notasi dari Class
Diagram :
1 2 3
mengukur sikap, pendapat dan persepsi seseorang atau sekelompok
orang tentang fenomena sosial”. Skala likert memiliki dua bentuk
pertanyaan yaitu positif dan negatif. Pertanyaan positif diberi skor
5,4,3,2, dan 1. Sedangkan bentuk pertanyaan negatif diberi skor 1,2,3,4
dan 5. Bentuk jawaban skala likert terdiri dari: Sangat Setuju (SS), Setuju
(S), Ragu-ragu (RG), Tidak Sejutu (TS), Sangat Tidak Setuju (STS).
Tabel 5. Skala Penilaian Untuk Pernyataan Positif dan Negatif
No. Keterangan Skor Positif Skor Negatif
1 2 3 4
potongan dari pengetahuan. Sebuah basis data memiliki penjelasan
terstruktur dari jenis fakta yang tersimpan di dalamnya, penjelasan ini
disebut skema. Skema menggambarkan objek yang diwakili suatu basis
data, dan hubungan di antara objek tersebut. Ada banyak cara untuk
mengorganisasikan skema, atau memodelkan struktur basis data,
dikenal sebagai model basis data atau model data. Ada beberapa
komponen dasar database yang digunakan antara lain:
1) Field
merupakan unit terkecil dari data yang disimpan dalam suatu file
atau basis data. Field - field tersebut diorganisasikan dalam record -
record.
dalam format yang telah ditentukan. Selama desain sistem record
kan diklasifikasikan sebagai fixed-lenght record atau variable-
length record. Fixed-length record adalah tipe instance record yang
punya field, jumalah field dan ukuran logik yang sama variable-
length record. Adalah mengijinkan record-record yang berbeda
dalam file yang sama memiliki panjang yang berbeda.
28
yang disebut file. Jadi file merupkan kumpulan semua kejadian dari
struktur record yang diberikan. Table merupakan ekuivalen basis
data relasional dari sebuah file.
4) Kunci (Key)
menemukan record tersebut pada waktu akses atau bisa digunakan
untuk identifikasi tiap record kesebuah file. Adapun jenis kunci
adalah sebagai berikut:
a) Super Key
b) Candidate Key
c) Primary Key
secara unik.
Primary Key akan dinamakan Alternate Key
29
Primary Key pada tabel lain. Akan terjadi suatu relasi yang
memiliki kardinalitas one to many atau many to many
f. Black Box Testing
menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji
desain dan kode program”.
B. Penelitian yang Relevan
sudah pernah dibuat dan dianggap cukup relevan atau mempunyai keterkaitan
dengan judul dan topik yang akan diteliti sehingga berguna untuk menghindari
terjadinya pengulangan penelitian dengan pokok permasalahan yang sama.
Penelitian yang relevan dalam penelitian juga bermakna sebagai referensi yang
berhubungan dengan penelitian yang akan dibahas.
Berikut ini adalah beberapa contoh kajian penelitian yang relevan yang
telah dihimpun :
No Penulis/
1. Mariden/2016
2. Harta Perdana
3. Rebecca
31
4. Glady Sukma
5. Budiman
Lampung.
32
Metode pengumpulan data adalah teknik atau cara yang dilakukan oleh
peneliti untuk mengumpulkan data. Pengumpulan data dilakukan untuk
memperoleh informasi yang dibutuhkan dalam rangka mencapai tujuan
penelitian. Sementara itu instrumen pengumpulan data merupakan alat yang
digunakan untuk mengumpulkan data. Adapun metode pengumpulan data yang
penulis gunakan dalam penulisan adalah sebagai berikut:
1. Metode Observasi
langsung dan pencatatan secara sistematis terhadap obyek yang akan diteliti.
Metode ini merupakan proses di mana penulis terjun langsung kelapangan
untuk mendapatkan data dan informasi yang diperlukan pada pasar
tradisional yang ada di Kalimantan Tengah.
2. Metode Wawancara
dilakukan penulis dengan cara tanya jawab. Dalam wawancara ini penulis
melakukannya kepada Pegawai Dinas Perindustrian Dan Perdagangan
Provinsi Kalimantan Tengah.
mempelajari berbagai sumber – sumber dari buku maupun dari media
internet yang berhubungan dengan masalah yang diangkat.
4. Metode Dokumentasi
dokumen tertulis, maupun gambar.
berbentuk dokumen tentang pengolahan data buku pada.
5. Metode Kuesioner/Survei
karakteristik beberapa orang utama di dalam organisasi yang bisa
terpengaruh oleh sistem yang diajukan atau oleh sistem yang sudah ada.
Metode ini dilakukan dengan cara memberi beberapa pernyataan atau
pernyataan tertulis kepada responden untuk dijawab. Yang di mana jawaban
tersebut digunakan untuk mengukur sikap terhadap sistem yang dibuat
nantinya.
34
kebutuhan, perancangan dan evaluasi prototype. Ketiga tahapan tersebut
dilakukan terus menerus sampai tujuan atau keinginan dari pengguna
terpenuhi.
prototype tersebut adalah sebagai berikut :
1. Pengumpulan kebutuhan, disini penulis melakukan penelitian mengenai
kebutuhan-kebutuhan yang diperlukan untuk membangun sistem nantinya
dengan cara obeservasi dan wawancara terhadap Kepala UPTD Pasar
Pemerintah Kota Palangka Raya. Selain itu penulis juga disini
mengumpulkan kebutuhan dari penelitian pustaka agar mendapatkan data
yang bersifat teoritis.
berupa UML, desain interface dan pembuat sistem prototype yang nantinya
akan dievaluasi apakah sudah sesuai dengan keinginan berupa aplikasi
pemetaan lokasi pasar tradisional
3. Evaluasi Prototype disini penulis melakukan evaluasi sistem dengan Black
Box Testing apakah sistem yang di evaluasi sudah sesuai dengan yang
diinginkan penulis dan UPTD Pasar Pemerintah Kota Palangka Raya atau
tidak, dan juga di tahapan ini hasil dari evaluasi tesebut digunakan untuk
35
selanjutnya.
Adapun tempat yang dijadikan objek penelitian pada sistem yang akan
di buat penulis pada Pasar Tradisional yang ada di Kota Palangka Raya. Sistem
yang sedang berjalan saai ini pada layanan penyedia informasi pasar tradisional
masih secara manual yaitu masyarakat mencari informasi letak pasar dengan
cara bertanya pada masyarakat setempat dan arahan petunjuk arah jalan.
D. Analisis
ditahap ini menyebabkan kesalahan lain pada tahap selanjutnya. Analisa sistem
dapat didefinisikan sebagai penguraian dari suatu sistem Informasi yang utuh
ke dalam bagian komponen-komponennya dengan maksud mengidentifikasi
dan mengevaluasi permasalahan-permasalahan, hambatan-hambatan, yang
terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan
perbaikan-perbaikan. Analisa sistem meliputi survei dan analisis terhadap
sistem informasi yang diperlukan oleh para pengguna dari sistem yang baru, di
samping peningkatan terhadap pengendalian untuk mendeteksi dan
memperbaiki kesalahan serta kekurangan yang akan terjadi.
Pada analisis masalah akan dibahas analisis sistem yang berjalan,
analisis kelemahan sistem yang berjalan, analisis kebutuhan sistem dan analisis
kelayakan sistem.
Analisia sistem yang dilakukan guna mengetahui gambaran umum
tentang sistem yang saat ini sedang berjalan di pasar tradisional
Kalimantan. Adapun sistem dalam pemberian informasi mengenai lokasi
pasar tradisional dilakukan dengan arahan petunjuk arah jalan serta
bertanya pada masyarakat setempat dan harus berkeliling untuk
menemukan pasar khususnya untuk orang yang baru pindah tempat tinggal
atau perantau. Oleh karena itu masyarakat luas akan kesulitan mendapatkan
informasi tentang dimana saja letak pasar tradisional di Provinsi
Kalimantan Tengah, sehingga diperlukan media alternatif untuk
menginformasikan lokasi pasar tradisional di Provinsi Kalimantan Tengah
untuk membantu masyarakat luas yang ingin pergi menuju pasar tradisional
melalui fasilitas internet.
Dalam hal ini sistem yang digunakan belum efisien dan efektif
dikarenakan sistem dalam memberikan informasi pasar tradisional di
Provinsi Kalimantan Tengah berupa arahan petunjuk arah jalan serta
bertanya pada masyarakat setempat dan harus berkeliling untuk
menemukan pasar. Pengelolaan informasi pasar ini membuat masyarakat
cenderung merepotkan dan menghabiskan waktu sehingga pengelolaan
belum efisien dan efektif. Analisis kelemahan sistem bertujuan
membandingkan sistem lama dengan sistem baru yang dirancang.
37
diperlukan untuk merancang dan membangun sistem. Berikut adalah
analisis kebutuhan sistem:
a. Kebutuhan Informasi
dari:
pembuatan sistem dan menjalankan sistem nantinya adalah sebagai
berikut:
Pembuatan Sistem Menjalankan Sistem
6210 CPU @1.80 GHz 1.80 GHz
Bisa menggunakan laptop,
Mouse dan keyboard
digunakan dalam merancang dan membangun sistem ini. Software
yang digunakan yaitu:
2) HTML, sebagai bahasa markup untuk membuat sebuah halaman
web.
4) MySQL, sebagai database server
5) Sublime Text 3, sebagai text editor.
6) Google Chrome, sebagai web browser.
7) Google Map, sebagai map.
8) Balsamiq Mockups, sebagai editing gambar / desain interface
sistem.
10) Bootstrap, untuk membuat website yang bersifat responsive dan
lebih menarik.
c. Pengguna Sistem
pengguna yang dapat mengakses sistem yang dibuat. Kategori
pengguna tersebut adalah :
secara keseluruhan.
4. Analisis Kelayakan Sistem
mempertimbangkan dan memperhitungkan kebutuhan-kebutuhan dalam
pembangunan sebuah sistem sehingga dapat ditentukan layak atau tidaknya
sistem tersebut untuk beroperasi.
diperlukan beberapa analisis, antara lain sebagai berikut:
a. Kelayakan Teknologi
merancang dan mengoperasikan sistem ini juga sudah tersedia. Sistem
ini juga mudah untuk dikuasai dan mudah dioperasikan bagi pengguna
yang baru menggunakannya.
b. Kelayakan Hukum
hukum, karena informasi serta data-data yang digunakan untuk
merancang dan membangun sistem tidak bertentangan dan berasal dari
objek penelitian serta telah mendapatkan persetujuan dari pihak Dinas
Perindustrian Dan Perdagangan Provinsi Kalimantan Tengah.
40
keahlian khusus untuk menggunakannya. Sistem dibangun dan didesain
untuk mempermudah pengelola dalam mengelola data pasar, serta
sistem juga sangat mudah digunakan oleh user.
E. Desain Sistem
1. Desain Antarmuka
interface-nya adalah sebagai berikut:
ketika web pertama kali diakses. Pada halaman ini terdapat kata
sambutan kepada user dan informasi untuk melanjutkan
pengoperasian website. Rancangannya seperti pada gambar 12 di
bawah ini:
Halaman Data Pasar Tradisional adalah halaman yang
ditujukan untuk user. Halaman ini terdapat informasi yang berupa
tabel data pasar tradisional dan fitur pencarian pasar. Rancangannya
seperti pada gambar 13 di bawah ini:
Gambar 13.Halaman Data Pasar Tradisional User
42
Halam detail dan lokasi digunakan untuk menampilkan
pasar yang dipilih pada halaman data pasar tradisional secara
terperinci. Rancangannya seperti gambar 14 di bawah ini:
Gambar 14. Halaman Detail dan Lokasi User
4) Halaman Kotak Saran
15 di bawah ini:
5) Halaman Login
masuk ke halaman admin dan membutuhkan username dan
password admin. Rancangannya seperti gambar 16 di bawah ini:
Gambar 16. Halaman Login Admin
44
admin berhasil login ke dalam sistem. Pada halaman ini berisi
tentang informasi yang. Rancangannya seperti pada gambar 17 di
bawah ini:
45
Halaman tampil data pasar adalah halaman yang muncul
ketika menu tampil data pasar di klik oleh admin. Pada halaman ini
terdapat tabel data pasar yang dapat ditambah, diedit, dan dihapus
oleh admin. Rancangannya seperti pada gambar 18 di bawah ini:
Gambar 18. Halaman Tampil Data Pasar Admin
46
Halaman tambah data pasar adalah halaman yang akan
muncul ketika tombol tambah pada halaman tampil data diklik oleh
admin. Halaman ini berisi form pengisian data pasar yang hanya
bisa diinputkan oleh admin. Rancangannya seperti pada gambar 19
di bawah ini:
47
Halaman edit data pasat adalah halaman yang akan muncul
ketika tombol edit pada halaman tampil data diklik oleh admin.
Halaman ini berisi form untuk mengedit data pasar yang hanya bisa
dilakukan oleh admin. Rancangannya seperti pada gambar 20 di
bawah ini:
10) Halaman Kotak Saran
Halaman tampil kotak saran adalah halaman yang muncul
ketika menu kotak saran di klik oleh admin. Pada halaman ini
terdapat tabel data kotak saran dari user dan dapat dihapus oleh
admin. Rancangannya seperti pada gambar 21 di bawah ini:
48
b. Keluaran Antarmuka
adalah berupa hasil peta di web browser.
Gambar 22. Halaman Depan User
2. Desain Proses
49
diagram.
memperkenalkan suatu sistem. Use case diagram tidak menjelaskan
secara detail tentang penggunaan use case, tetapi hanya memberikan
gambaran singkat hubungan antara use case, aktor, dan sistem.
1) Identifikasi aktor dan interaksinya dengan sistem
Aplikasi pemetaan lokasi pasar tradisional di Kalimantan Tengah
ini adalah sistem yang digunakan oleh dua aktor yakni pertama
merupakan user yang ditujukan untuk admin, kedua adalah user
yang ditujukan untuk user. Interaksi aktor dengan sistem akan
dijelaskan pada tabel berikut ini:
Tabel 8. Kegiatan Aktor dan Interaksinya dengan Sistem
Aktor Kegiatan
1 2
4. Logout
3. Melihat detail data pasar
4. Mencari data pasar
5. Input Kotak Saran
Berdasarkan tabel didapatkan kebutuhan use case diagram
dari sistem yang dapat dilihat pada gambar 23 berikut:
Gambar 23. Use Case Sistem yang Dirancang
Dilihat dari gambar , use case ini terdiri dari sub-sistem yaitu
sistem yang dirancang. Dalam sub-sistem ini aktor admin
diharuskan login terlebih dahulu untuk dapat mengelola data pasar.
Sedangkan untuk aktor user tidak perlu login untuk melihat
informasi pasar, mencari pasar dan menambahkan saran.
b. Activity Diagram
menjelaskan bisnis dan alur kerja operasional secara step-by-step dari
komponen suatu sistem. Activity diagram menunjukkan keseluruhan
51
dari aliran kontrol. Berikut adalah activity diagram dari sistem yang
dirancang.
Gambar 24. Activity Diagram Login (Admin)
Gambar di atas merupakan aktivitas untuk login admin,
aktivitas ini dimulai dengan admin mengklik button login
kemudian sistem merespon dengan menampilkan form login,
selanjutnya admin diminta menginputkan username dan password
kemudian mengklik tombol login, apabila data masukkan bernilai
false maka sistem akan menampilkan pesan kesalahan dan admin
52
tetapi apabila data bernilai true maka sistem akan merespon untuk
menampilkan halaman dashboard.
Gambar 25. Activity Diagram Input Data Pasar (Admin)
Gambar diatas merupakan aktivitas untuk menginput data
pasar, aktivitas ini dimulai dengan admin mengklik tampil data
pasar, sistem merespon dengan menampilkan data pasar. Admin
dapat memilih aksi yaitu tambah data.
53
Gambar 26. Activity Diagram Updade Data Pasar (Admin)
Gambar diatas merupakan aktivitas untuk mengedit data
dapat memilih aksi yaitu edit data.
54
Gambar 27. Activity Diagram Kelola Data Pasar (Admin)
Gambar diatas merupakan aktivitas untuk menghapus data
dapat memilih aksi yaitu hapus data.
55
Gambar 28. Activity Diagram Balas Data Kotak Saran (Admin)
Gambar diatas merupakan aktivitas untuk membalas data
kotak saran, aktivitas ini dimulai dengan admin mengklik tampil
data kotak saran, sistem merespon dengan menampilkan
pengelolaan data kotak saran. Admin dapat memilih aksi yaitu
balas.
56
Gambar 29. Activity Diagram Hapus Data Kotak Saran (Admin)
Gambar diatas merupakan aktivitas untuk menghapus data
kotak saran, aktivitas ini dimulai dengan admin mengklik tampil
data kotak saran, sistem merespon dengan menampilkan
pengelolaan data kotak saran. Admin dapat memilih aksi yaitu
hapus.
57
Gambar 30. Activity Diagram Pasar Berdasarkan Maps (User)
Gambar diatas merupakan aktivitas data pasar tradisional
pada halaman depan user, aktivitas ini dimulai dengan user klik
menu halaman depan, sistem merespon dengan menampilkan maps
pada halaman depan. User Klik Marker pada maps lalu sistem
menampilkan button detail dan user klik button. Sistem
menampilkan detail pasar.
Gambar 31. Activity Diagram Pasar Berdasarkan Maps (User)
Gambar diatas merupakan aktivitas data pasar tradisional
pada halaman data pasar tradisional user, aktivitas ini dimulai
dengan user klik menu data pasar tradisional, sistem merespon
dengan menampilkan tabel pada halaman data pasar tradisional.
User Klik button detail pada tabel lalu sistem menampilkan detail
pasar.
Gambar 32. Activity Diagram Search Data Pasar (User)
59
untuk user, aktivitas ini dimulai dengan user menginput pasar pada
text pencarian dan kilk tombol search, sistem merespon dengan
menampilkan pasar sesuai pencarian user.
10) Activity Diagram Kotak Saran (User)
Gambar 33. Activity Diagram Kotak Saran (User)
Gambar diatas merupakan aktivitas saran untuk user,
aktivitas ini dimulai dengan user menginput data pada form kotak
saran dan kilk tombol submit, sistem merespon dengan
menampilkan pesan berhasil submit.
pemetaan lokasi pasar tradisional:
Gambar 34. Squence Diagram Login Admin
Deskripsi:
dengan menampilkan form login, kemudian admin memasukkan
username dan password, lalu diperiksa apakah data username dan
password admin ada di database atau tidak. Apabila data ada maka
akan berhasil masuk ke dashboard admin, dan jika tidak maka akan
muncul pesan error.
Gambar 35. Squence Diagram Input Data Pasar (Admin)
Deskripsi:
melakukan input data pasar, kemudian sistem akan memasukkan
data pasar kedalam database, lalu sistem akan menampilkan pesan
berhasil tambah data.
Gambar 36. Squence Diagram Update Data Pasar Admin
Deskripsi:
62
data pasar untuk melakukan edit, sistem akan memanggil data dan
melakukan cek data apakah data ada didalam database, kemudian
sistem menampilkan data yang ada pada database, lalu admin
melakukan edit data dan update data pasar ke database, sistem
memperbaharui data pasar dan menampilkan pesan berhasil edit
data.
Gambar 37. Squence Diagram Delete Data Pasar Admin
Deskripsi:
data pasar untuk melakukan hapus, sistem akan memanggil data
dari database dan hapus data pasar, kemudian sistem menampilkan
data yang ada pada database, sistem memperbaharui data pasar dan
menampilkan pesan berhasil hapus data.
63
Gambar 38. Sequence Diagram Balas Data Kotak Saran Admin
Deskripsi:
memilih data kotak saran untuk melakukan balas, sistem akan
memanggil data dari database dan balas data kotak saran, kemudian
sistem melakukan kirim pesan melalui email, sistem menampilkan
pesan berhasil balas data.
Gambar 39. Squence Diagram Delete Data Kotak Saran Admin
64
Deskripsi:
memilih data kotak saran untuk melakukan hapus, sistem akan
memanggil data dari database dan hapus data kotak saran,
kemudian sistem menampilkan data yang ada pada database, sistem
memperbaharui data kotak saran dan menampilkan pesan berhasil
hapus data.
Gambar 40. Squence Diagram Pasar Berdasarkan Maps User
Deskripsi:
memanggil data pasar tradisional dari database, lalu sistem akan
mengarahkan data pasar tradisional ke maps dan menampilkan
pada halaman depan.
Gambar 41. Squence Diagram Pasar Berdasarkan Tabel User
Deskripsi:
sistem akan memanggil data pasar tradisional dari database, lalu
sistem akan mengarahkan data pasar tradisional ke tabel dan
menampilkan pada data pasar tradisional.
9) Squence Diagram Kotak Saran (User)
Gambar 42. Squence Diagram Kotak Saran User
Deskripsi:
66
saran.
Gambar 43. Squence Diagram Search Pasar User
Deskripsi:
kunci data pasar untuk melakukan pencarian pada kolom search,
sistem akan mengirimkan kata kunci data pasar pada ajax dan
langsung memanggil data data dari database, kemudian data
tersebut dilakukan filter data berdasarkan kata kunci dan akan
ditampilkan pada sistem, lalu user menerima hasil pencarian data
pasar.
67
Database pasar.sql adalah database yang dibuat untuk menyimpan
data-data yang akan digunakan dalam proses pengolahan data pasar dan
data login. Berikut adalah desain dari tabel-tabel yang dibuat di dalam
database pasar.sql ini.
1) Tabel Login
Berikut spesifikasi dari tabel login :
Tabel 9. Spesifikasi Tabel Login
Field Name Data Type Size Keterangan
1 2 3 4
(Primary Key)
pasar. Berikut spesifikasi dari tabel pasar :
Tabel 10. Spesifikasi Tabel Data Pasar
1 2 3 4
(Primary Key)
Tabel data kotak saran merupakan tabel yang menyimpan
data saran dari user. Berikut spesifikasi dari tabel pasar :
Tabel 11. Spesifikasi Tabel Data Kotak Saran
1 2 3 4
69
1 2 3 4
diwajibkan untuk login terlebih dahulu dengan menggunakan username
dan password yang sudah terdaftar di dalam database.
5. Desain Keuangan dan Biaya
Desain Keuangan dan biaya merupakan desain yang dibuat untuk
menggambarkan berberapa perkiraan perencanaan taksiran keuangan dan
biaya yang harus dikeluarkan karena adanya pembuatan sistem yang baru
namun dalam hal ini penulis hanya mengulas mengenai berberapa besaran
biaya untuk pemanfaatan layanan jasa yang diberikan oleh perusahaan yang
menyediakan hostingan dan domain.
dalam memberikan pelayanan kepada client. Berikut adalah rincian biaya
yang dapat diuraikan apabila kita Menggunakan pelayanan hosting pada
Uraian Durasi Biaya
Dalam melakukan perawatan pada sistem ini, ada berberapa hal yang
akan penulis lakukan, diantaranya adalah:
a. Melakukan upaya perbaikan sistem, seperti perbaikan ditinjau dari segi
programming coding apabila terdapat error.
b. Menjaga sistem, dengan cara memantau proses kerja yang dilakukan
sistem apakah sudah bekerja dengan benar, seperti proses pencarian
apakah sudah sesuai dengan pencarian yang diharapakan dan lain
sebagainya.
Peningkatan kinerja sistem bisa dilihat dari dukungan sistem
operasi yang ada. Agar membuat sistem ini dapat berjalan dengan baik,
maka diperlukan sistem operasi yang baik pula. Dalam hal ini penulis
merekomendasikan menggunakan sistem operasi windows versi
Windows 10 Pro 64bit. Karena terbukti sistem operasi ini sangat handal
dalam menjalankan aplikasi yang lumayan berat, apalagi sistem ini
berbasis web dan banyak melakukan upload maupun download data
pada lintas bandwidth internet.
sistem dapat bekerja sebagaimana yang diharapkan dan dapat berjalan dengan
baik. Pada tahap ini terdapat uji coba program, manual program dan instalasi,
dan pemeliharaan sistem sehingga dapat dimengerti dengan baik dan diketahui
cara penggunaannya.
Tradisional Provinsi Kalimantan Tengah Berbasis Web.
a. Proses Login
72
73
Kode program diatas adalah kode dari Bahasa pemrograman PHP
yang digunakan untuk proses login Admin. Variabel $user adalah
variable yang dideklarasikan untuk input login admin dengan metode
post dari kolom yang bernama ‘username’. Adapun kolom username
ini adalah kolom untuk input nama pengguna admin untuk login.
Sedangkan variable $pass adalah variable yang dideklarasikan untuk
menangkap data input login admin dengan metode post dari kolom
yang bernama ‘password’. Adapun kolom password ini adalah kolom
untuk input sandi. Jika variable $user dan $pass sesuai dengan yang ada
di basis data, maka akan diarahkan ke halaman admin.
b. Tampil Data Pasar
<?php session_start(); if ( !isset($_SESSION["login"]) ) { header("location: login.php"); exit; } ?> <div class="col-sm-6"> <h1>Data Pasar Tradisional</h1> <ul></ul> <div>
74
<a href="tambahdata.php"button type="button" class="btn btn-block btn-primary col-sm-4"><i class="fa fa-plus"> </i> Tambah Data</button></a> </div> </div>  <div class="card">  <div class="card-body"> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>No</th> <th>Nama Pasar</th> <th>Alamat</th> <th>Jumlah Kios</th> <th>Longitude</th> <th>Latitude</th> <th>Deskripsi</th> <th>Gambar</th> <th>Aksi</th> </tr> </thead> <tbody> <?php $no = 0; $query = mysql_query("SELECT * FROM tb_pasar"); while($row = mysql_fetch_array($query)){ $no++ ?> <tr> <td><?php echo $no ?></td> <td><?php echo $row['nama_pasar'] ?></td> <td><?php echo $row['alamat'] ?></td> <td><?php echo $row['kios'] ?></td> <td><?php echo $row['longitude'] ?></td> <td><?php echo $row['latitude'] ?></td> <td><?php echo $row['deskripsi'] ?></td> <td><img src="../upload/<?php echo $row['gambar'] ?>" width="100px" height="100px"></td> <td> <a onclick="return confirm('Apakah Anda Ingin Mengedit File Ini?')" href="updatedata.php?id=<?php echo
75
$row['id_pasar']; ?>" class="btn btn-success"><i class="fa fa- pen"></i></a> <a onclick="return confirm('Yakin Hapus Data Ini?')" href="hapusdata.php?id=<?php echo $row['id_pasar']; ?>" class="btn btn-danger"><i class="fa fa-trash"></i></a> </td> </tr> <?php }?> </tbody> </table> </div>  </div>  </div>
Kode diatas adalah kode program untuk menampilkan data pasar
pada halaman tampil data pasar dengan cara memanggil data dari basis
data sesuai dengan nama tabel basis data.
c. Tambah Data Pasar
<?php session_start(); if ( !isset($_SESSION["login"]) ) { header("location: login.php"); exit; } ?>  <section class="content"> <div class="container-fluid"> <div class="row">  <div class="col-md-6">  <div class="card card-primary"> 
76
 <form role="form" action="" method="post" enctype="multipart/form-data"> <div class="card-body"> <div class="form-group"> <label>Nama Pasar</label> <input type="text" class="form-control" name="nama_pasar" id="nama_pasar" placeholder="Nama Pasar" required> </div> <div class="form-group"> <label>Alamat</label> <input type="text" class="form-control" name="alamat" id="alamat" placeholder="Alamat" required> </div> <div class="form-group"> <label>Jumlah Kios</label> <input type="text" class="form-control" name="kios" id="kios" placeholder="Jumlah Kios" required> </div> <div class="form-group"> <label>Longitude</label> <input type="text" class="form-control" name="longitude" id="longitude" placeholder="Longitude" required> </div> <div class="form-group"> <label>Latitude</label> <input type="text" class="form-control" name="latitude" id="latitude" placeholder="Latitude" required> </div> <div class="form-group"> <label>Deskripsi</label> <textarea type="mce" class="form-control" name="deskripsi" id="deskripsi" placeholder="Deskripsi" required></textarea> </div> <div class="form-group"> <label for="gambar">Gambar Pasar</label> <div class="input-group"> <div class="custom-file"> <input type="file" class="custom-file-input" name="gambar" id="gambar" for="gambar">
77
78
79
Kode diatas adalah kode program yang dapat diakses pada
halaman tambah data pasar untuk menambah data pasar ke dalam basis
d. Ubah Data Pasar
<?php session_start(); if ( !isset($_SESSION["login"]) ) { header("location: login.php"); exit; } ?>  <section class="content"> <div class="container-fluid"> <div class="row">  <div class="col-md-6">  <div class="card card-primary">   <form role="form" action="" method="post" enctype="multipart/form-data"> <div class="card-body"> <div class="form-group"> <label>Nama Pasar</label> <input type="text" class="form-control" name="nama_pasar" id="nama_pasar" placeholder="Nama Pasar" required> </div>
80
<div class="form-group"> <label>Alamat</label> <input type="text" class="form-control" name="alamat" id="alamat" placeholder="Alamat" required> </div> <div class="form-group"> <label>Jumlah Kios</label> <input type="text" class="form-control" name="kios" id="kios" placeholder="Jumlah Kios" required> </div> <div class="form-group"> <label>Longitude</label> <input type="text" class="form-control" name="longitude" id="longitude" placeholder="Longitude" required> </div> <div class="form-group"> <label>Latitude</label> <input type="text" class="form-control" name="latitude" id="latitude" placeholder="Latitude" required> </div> <div class="form-group"> <label>Deskripsi</label> <textarea type="mce" class="form-control" name="deskripsi" id="deskripsi" placeholder="Deskripsi" required></textarea> </div> <div class="form-group"> <label for="gambar">Gambar Pasar</label> <div class="input-group"> <div class="custom-file"> <input type="file" class="custom-file-input" name="gambar" id="gambar" for="gambar"> <label class="custom-file-label" name="gambar" for="gambar">Choose file</label> </div> </div> </div> </div>  <div class="card-footer">
81
82
83
Kode diatas adalah kode program yang dapat diakses pada
halaman ubah data pasar untuk mengubah data pasar ke dalam basis
e. Hapus Data Pasar
<?php //koneksi database include '../koneksi.php'; //menangkap data id yang akan dikirim dari url $id=$_GET['id']; $sql = ("DELETE FROM tb_pasar WHERE id_pasar='$id'"); //menghapus data dari database mysql_query($sql); //mengalihkan ke halaman tampildata.php header("Location:tampildata.php"); ?>
Kode diatas adalah kode program yang dapat diakses pada tampil
data pasar untuk menghapus data pasar dari dalam basis data sesuai
dengan nama tabel basis data. Variabel $sql = ("DELETE FROM
tb_pasar WHERE id_pasar='$id'"); digunakan untuk menghapus data
pasar.
Berikut adalah kode program untuk menampilkan Data Kotak Saran.
<?php include "../koneksi.php"; ?> <?php session_start(); if ( !isset($_SESSION["login"]) ) {
84
header("location: login.php"); exit; } ?>  <div class="card">  <div class="card-body"> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>No</th> <th>Nama</th> <th>Email</th> <th>Isi Saran</th> <th>Aksi</th> </tr> </thead> <tbody> <?php $no=0; $query = mysql_query("SELECT * FROM tb_kotaksaran"); while($row = mysql_fetch_array($query)){ $no++; ?> <tr> <td><?php echo $no ?></td> <td><?php echo $row['nama_saran'] ?></td> <td><?php echo $row['email_saran'] ?></td> <td><?php echo $row['isi_saran'] ?></td> <td> <a onclick="return confirm('Apakah Anda Ingin Balas Saran Ini?')" href="balassaran.php?id=<?php echo $row['id_saran'] ?>" class="btn btn-primary"><i class="fa fa-envelope"></i></a> <a onclick="return confirm('Yakin Hapus Data Ini?')" href="hapussaran.php?id=<?php echo $row['id_saran']; ?>" class="btn btn-danger"><i class="fa fa-trash"></i></a> </td> </tr> <?php }?> </tbody> </table>
85
Kode diatas adalah kode program untuk menampilkan data kotak
saran pada halaman tampil data kotak saran dengan cara memanggil
data dari basis data sesuai dengan nama tabel basis data.
g. Balas Data Kotak Saran
Berikut adalah kode program untuk balas Data Kotak Saran.
<?php include "../koneksi.php"; $id=$_GET['id']; $data = mysql_query("SELECT * FROM tb_kotaksaran WHERE id_saran ='$id'"); $row = mysql_fetch_assoc($data); $id_saran = $row['id_saran']; $nama_saran = $row['nama_saran']; $email_saran = $row['email_saran']; $isi_saran = $row['isi_saran']; use PHPMailer\PHPMailer\PHPmailer; use PHPMailer\PHPMailer\Exception; require 'PHPMailer/PHPMailer/PHPMailer.php'; require 'PHPMailer/PHPMailer/SMTP.php'; require 'PHPMailer/PHPMailer/Exception.php'; $mail = new PHPMailer; $mail->IsSMTP(); $mail->Host = "smtp.gmail.com"; $mail->Username = "[email protected]"; $mail->Password = "password"; $mail->Port = 465; $mail->SMTPAuth = true; $mail->SMTPSecure = "ssl"; $mail->From = "[email protected]";
86
Kode diatas adalah kode program untuk reply atau balas saran
dari data kotak saran pada halaman tampil data kotak saran.
h. Hapus Data Kotak Saran
Berikut adalah kode program untuk menghapus Data Kotak Saran.
87
<?php //koneksi database include '../koneksi.php'; //menangkap data id yang akan dikirim dari url $id=$_GET['id']; $sql = ("DELETE FROM tb_kotaksaran WHERE id_saran='$id'"); //menghapus data dari database mysql_query($sql); // //mengalihkan ke halaman tampilsaran.php header("Location:tampilsaran.php"); ?>
Kode diatas adalah kode program yang dapat diakses pada tampil
data kotak saran untuk menghapus data kotak saran dari dalam basis
data sesuai dengan nama tabel basis data. Variabel $sql = ("DELETE
FROM tb_pasar WHERE id_saran='$id'"); digunakan untuk
menghapus data kotak saran.
untuk menemukan kesalahan pada sistem tersebut sistem dapat diberikan
kepada pengguna (end user). Selain itu pengujian sangatlah diperlukan
untuk mengetahui tingkat kekurangan sistem yang dirancang. Pengujian
yang dilakukan dengan tidak seksama akan mengakibatkan dampak yang
tidak baik untuk sistem itu sendiri. Karena itulah perlu dilakukan pengujian
seksama, agar diperoleh gambaran yang pasti tentang sistem yang dibuat.
a. Rencana Pengujian
Box Testing dimana dalam tahap ini pengujian memfokuskan pada
kebutuhan fungsional dari program. Pengujian sistem pada program ini
menggunakan data uji berupa sebuah data masukan dengan tujuan untuk
mengetahui apakah program sudah dapat berjalan sesuai dengan
harapan. Berikut adalah rencana pengujian dari beberapa implementasi
program yang akan diujikan dalam penelitian ini.
1) Rencana Pengujian Untuk Halaman Admin
Tabel 13.Tabel Pengujian Halaman Admin
Kelas Uji Butir Uji Jenis Penelitian
1 2 3
Testing Balas Data Kotak Saran
Hapus Data Kotak Saran
1 2 3
Testing
89
mengetahui hasil dari rencana pengujian, sehingga dapat diketahui
kesesuaian yang diharapkan berjalan dengan baik atau tidak.
1) Hasil Pengujian Admin
berdasarkan rencana pengujian admin.
a) Pengujian Login Admin
dahulu dengan cara memasukan username dan password,
apakah username dan password yang dimasukkan telah
terdaftar di basis data atau tidak.
Tabel 15. Pengujian Login Admin
Kasus dan Hasil Uji
Gambar 46. Pop Up Login Halaman Admin (salah)
Gambar 47. Pengujian Login Halaman Admin (Benar)
91
Tabel 16. Pengujian Data Pasar Tradisional
Kasus dan Hasil Uji
93
Gambar 51. Mengisi Lengkap Semua Data Pasar
Gambar 52. Pop Up Data Pasar Berhasil Ditambah
Gambar 53. Data Pasar Tidak Diisi Secara Lengkap
94
Gambar 54. Pesan Validasi Data Pasar Harus Diisi Dengan Lengkap
Gambar 55. Pop Up Gambar Data Pasar Harus Dilengkapi
Gambar 56. Button Ubah dan Hapus Data Pasar
Gambar 57. Pop Up Konfirmasi Edit Data Pasar
95
Gambar 59. Pop Up Data Pasar Berhasil Diubah
Gambar 60. Button Hapus Data Pasar
96
c) Pengujian Data Kotak Saran
Tabel 17. Pengujian Data Kotak Saran
Kasus dan Hasil Uji
Gambar 64. Form Tampil Data Kotak Saran
Gambar 65. Button Balas Data Kotak Saran
Gambar 66. Pop Up Konfirmasi Balas Data Kotak Saran
98
Gambar 68. Saran User Berhasil Dibalas
Gambar 69. Button Hapus Data Kotak Saran
Gambar 70. Pop Up Konfirmasi Hapus Data Kotak Saran
99
2) Hasil Pengujian User
berdasarkan rencana pengujian user.
Tabel 18. Pengujian Halaman Depan User
Kasus dan Hasil Uji
Gambar 72. Klik Marker Icon di Google Maps Pada Halaman
Depan User
b) Pengujian Halaman Data Pasar Tradisional User
Tabel 19. Pengujian Halaman Data Pasar Tradisional User
Kasus dan Hasil Uji
102
c) Pengujian Halaman Kotak Saran User
Tabel 20. Pengujian Halaman Kotak Saran User
Kasus dan Hasil Uji
Gambar 77. Pop Up Data Komentar Berhasil Ditambah
104
Gambar 78. Pesan Validasi Data Kotak Saran Harus Diisi Lengkap
3. Manual Program
(mengoperasikan) program agar dapat dipahami dan dijalankan dengan baik
dan benar oleh pembaca atau pengguna program. Dalam tahap ini penulis
akan menjelaskan bagaimana menggunakan atau mengoperasikan aplikasi
yang dibuat serta fitur-fitur apa saja yang terdapat di dalam aplikasi.
a. Halaman Login (Admin)
Pada halaman ini terdapat halaman login admin dan form input
username dan password sebagai syarat untuk admin dapat mengakses
halaman beranda admin.
105
Pada halaman ini sepenuhnya diakses oleh admin mulai dari tambah,
ubah, hapus dan balas saran user. Pada menu ini terdapat menu Data
Pasar Tradisional dan Data Kotak Saran.
Gambar 80. Manual Program Dashboard Admin
c. Halaman Data Pasar Tradisional (Admin)
Pada halaman ini data pasar tradisional di tampilkan dalam bentuk tabel.
Halaman ini terdapat beberapa button antara lain Tambah Data, Edit
Data, Hapus Data. Berikut adalah gambar dari halaman data pasar
tradisional.
106
Pada tabel data pasar tradisional terdapat button tambah yang berfungsi
untuk menampilkan form Tambah Data Pasar. Tombol Edit Data untuk
mengubah data pasar dari database, Tombol Hapus untuk menghapus
data pasar dari database.
d. Halaman Data Kotak Saran (Admin)
Pada halaman ini data kotak saran di tampilkan dalam bentuk tabel.
Halaman ini terdapat beberapa button antara lain Balas Saran dan Hapus
Saran. Berikut adalah gambar dari halaman data pasar tradisional.
Gambar 82. Manual Program Data Kotak Saran
107
Pada tabel data kotak saran terdapat button Balas Saran yang berfungsi
untuk membalas saran melalui email dari user yang telah melaukan
input saran ke database pada form kotak saran, Button Hapus saran
untuk menghapus data saran dari database.
e. Halaman Dashboard (User)
Pada halaman ini user berhadapan dengan beberapa menu. Pada menu
ini terdapat menu Halaman Depan, Data Pasar Tradisional dan Kotak
Saran.
Pada halaman depan user terdapat maps dan beberapa marker data
pasar tradisional yang ada pada database, jika marker di klik maka akan
tampil lagi keterangan dan button detail.
108
f. Halaman Data Pasar Tradisional (User)
Pada halaman ini data pasar tradisional di tampilkan dalam bentuk tabel.
Halaman ini terdapat button Detail dan Lokasi. Berikut adalah gambar
dari halaman data pasar tradisional.
Gambar 84. Manual Program Halaman Data Pasar Tradisional User
109
Tradisional User
Pada tabel data pasar tradisional terdapat button Detail dan Lokasi yang
berfungsi untuk menampilkan lokasi, gambar, dan detail data pasar
tradisional.
Pada halaman ini terdapat form yang disediakan bagi user untuk
memberi saran. Berikut adalah gambar dari halaman kotak saran.
110
4. Manual Instalasi
Tahapan ini adalah penjelasan langkah demi langkah tentang cara
upload sistem ke dalam web hosting sehingga dapat diakses secara online
menggunakan jaringan internet. Dalam tahapan ini penulis menggunakan
akun cPanel yang telah terdaftar pada http://www.jagoanhosting.com/ dan
menggunakan domain http://www.petapasarkalteng.online/.
url http://www.petapasarkalteng.online/cpanel. Apabila berhasil
Databases.
Gambar 87. MySQL Databases

Documents

APLIKASI PEMETAAN LOKASI PASAR TRADISIONAL PROVINSI