PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
`id_logistik` int11 NOT NULL AUTO_INCREMENT, `id_kategori_logistik` int11 NOT NULL,
`id_posko` int11 NOT NULL, `value` double NOT NULL,
PRIMARY KEY `id_logistik` ENGINE=InnoDB
DEFAULT CHARSET=latin1
AUTO_INCREMENT=1 ;
4.3. Implementasi Program dan Pembahasan
Seluruh aktifitas untuk menampilkan view yang terdapat dalam sistem DMS-INDSR ini diatur oleh sebuah controllerbernama index..FileIndex.php
mengatur penampilan view dengan membandingkan parameter pada url dan pada atribut jenis user. FileIndex.php ini memiliki fungsi yang sama dengan servlet
pada pembangunan website menggunakan server side scripting jsp. Selain itu terdapat juga controller yang terletak pada controllerindex.php, yang berfungsi
untuk mengatur penggunaan kelas model.
Gambar 4.5.
Controllerpada sistem.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar 4.6. kelasmodelpada sistem.
Gambar 4.7.
viewpada sistem.
4.3.1. Halaman Login
Halaman login merupakan halaman yang muncul ketika pertamakali website dijalankan. Halaman ini terdapat sebuah formyang berisi masukan berupa
email, password,dan jenis user.Jenis usermerupakan sebuah comboBox yang terdiri dari dua pilihan, yakni BNPB dan Posko.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar4.8.
Halaman Login Setelah pengguna memasukkan data pada form login dan menekan tombol masuk,
maka sistem akan menampilkan halaman sesuai dengan jenis user.
4.3.2. Halaman User BNPB 4.3.2.1. Halaman Posko
Halaman posko adalah halaman yang pertama kali ditampilkan oleh sistem, jika jenis user login adalah user BNPB.Halaman posko merupakan
halaman yang berfungsi untuk mengelola data posko, sepertimembuat posko, edit posko, ataupun hapus posko. Seluruh data poskoyang menjadi tanggung jawab
pengguna ditampilkan kedalam 2 tabel, tabel posko pusat dan tabel posko pengguna.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar4.9.
Halaman kelola posko
4.3.2.1.2. Halaman PoskoBuat posko
Pada bagian bawah tabel posko terdapat sebuah tombol “BUAT POSKO”. Tombol ini befungsi untuk membuat data posko baru. Apabila usermenekan
tombol tersebut, maka pada halaman tersebut akan muncul sebuah form kecil yang berisi input mengenai email, password, dan jenis posko.
Gambar 4.10.
Form Posko Baru Seluruh text field yang ada pada form posko baru tersebut tidak boleh
kosong. Apabila terdapat kekosongan pada salah satutext field maka akan muncul
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
pesan peringatan, yang dibangkitkan menggunakanatribut “required” dari input textpadahtml 5.
Gambar 4.11.
Penanganan empty-fielderror
4.3.2.1.2. Halaman PoskoEdit posko
Pada setiap baris posko yang ditampilkan didalam tabel, terdapat tombol “EDIT”. Tombol ini berfungsi untuk membuka halaman pengubahan data posko,
yang berisi form pengubahan data posko yang dipilih sebelumnya.
Halaman 4.12. Halaman Edit Posko
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Form dalam halaman ini berisi textfieldnama posko, lokasi posko, penduduk dan jenis posko. Lokasi posko dapat diubah dengan menggunakan peta digital ataupun
secara manual.
4.3.2.1.3. Halaman Posko Hapus posko
Pada setiap baris posko yang ditampilkan didalam tabel, terdapat tombol “Hapus”. Tombol ini berfungsi untuk menghapus data posko yang dipilih. Ketika
user menekan tombol hapus, maka sistem akan menampilkan sebuah jendela konfirmasi yang dapat dilihat pada gambar .Jendela ini berfungsi untuk mencegah
kesalahan pengguna, sehingga data tidak langsung terhapus apabila pengguna belum memastikan konfirmasi penghapusan.Terdapat 2 tombol pada jendela
konfirmasi tersebut, yakni konfirmasi “Ya” dan “Batal”.
Gambar4.13. Jendela Konfirmasi penghapusan posko
4.3.2.2. Halaman Map
Halaman map merupakan halaman yang menampilkan peta digital, dimana seluruh data posko akan ditampilkan dalam bentuk markerpada peta tersebut.
Selain itu juga terdapat form yang berisis comboBox kategori logistik dan tombol submityang berfungsi untuk menentukan alur transportasi.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar 4.14.
Halaman Map Ketika pengguna memilih salah satu jenis kategori logistik dan menekan tombol
submit, maka sistem akan menampilkan tabel hasil perhitungan transportasi dan merunut jalur distribusi pada peta digital.Jalur distribusi yang terbentuk dibedakan
berdasarkan posko sumberpusat dengan menggunakan warna.
Gambar 4.15. Halaman Map Dengan Jalur
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
4.3.2.3. Halaman Profile
Halaman profile adalah halaman yang berfungsi untuk mengubah data profile pengguna. Halaman ini berisi form yang berisi data profile pengguna
seperti : email, nama bencana, lokasi pusat, dan password. Formlokasi pusat dapat diisi secara manual seperti data profile lainnya, yakni dengan cara menuliskan
nilai koordinat latitude dan longitude yang dipisah dengan tanda baca “,” koma.
Gambar 4.16. Halaman Ubah Profil
Selain itu data lokasi pusat juga dapat diubah dengan menggunakan peta digital yang terdapat disebelah kiri form, yakni dengan melakukan proses klik
pada lokasi yang diinginkan. Lokasi awal sebelum perubahan ditandai dengan sebuah ‘marker’ tetap pada peta digital.Setelah pengguna melakukan proses klik
pada suatu lokasi di peta digital, maka sistem akan menampilkan sebuah marker baru yang dapat dipindahkan dragable.Marker tersebut berfungsi sebagai
penanda titik dari lokasi baru yang akan diambil data koordinatnya. Pengambilan data koordinat baru dilakukan dengan cara melakukan klik ulang pada marker
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
yang berpindah, kemudian sistem akan mengganti data koordinat pada inputan lokasi pusat yang ada di form pengubahan profile.
Gambar 4.17.
Halaman Ubah Profil – Pindah marker Sistem ini juga menyediakan proses pencarian daerah untuk memudahkan
perubahan lokasi pusat tanpa harus mencarinya dengan manual, yakni dengan mengisi formdibawah peta dengan daerah yang diinginkan kemudian menekan
tombol “Pergi ke”.
Gambar 4.18. Halaman Ubah Profil -Form Pergi Ke
Fasilitas ini ditangani oleh objek bernama Geocoder dalam Google Maps Direction Service. Geocoder merupakan sebuah objek yang berfungsi
mengkonfersikan sebuah alamat menjadi sebuah koordinat geocoding atau mengkonfersikan sebuah koordinat menjadi sebuah alamat reverse geocoding.
Penggunaan objek geocoder dalam menemukan lokasi dapat dilihat pada potongan kode program berikut ini :
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
var geocoder = new google.maps.Geocoder; function codeAddress {
var address = document.getElementByIdaddress.value; geocoder.geocode { address: address}, functionresults, status {
if status == google.maps.GeocoderStatus.OK { map.setCenterresults[0].geometry.location;
map.setZoom11; } else {
alertGeocode was not successful for the following reason: + status;
} };
}
4.3.2.4. Halaman Kategori
Halaman kategori merupakan halaman yang berfungsi untuk mengelola data kategori logistik. Halaman berisi sebuah tabel yang memuat data kategori
logistik yang ada, kemudian terdapat sebuah form yang berfungsi untuk menambah kategori logistik. Form berisi text field nama kategori logistik dan
perhitungan logistik.
Gambar 4.19. Halaman Kategori Logistik
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
4.3.3. Halaman User Posko
4.3.3.1. Halaman Home
Halaman home merupakan halaman yang pertama kali ditampilkan oleh sistem, apabila pengguna yang login bertipe “posko”. Halaman ini
menyediakan informasi tentang data profil posko yang menjadi tanggun jawab pengguna. Data yang ditampilkan pada halaman ini adalah berupa
nama posko, koordinat lokasi, jenis posko, dan jumlah penduduk.
Gambar 4.20.
Halaman Home Posko
4.3.3.2. Halaman Profile
Halaman profile pada jenis pengguna “posko” ini adalah halaman yang berfungsi untuk mengubah data profile posko. Halaman ini berisi
form yang berisi data profileposko seperti : nama_posko, koordinat lokasi posko, penduduk, dan pilihan jenis posko. Seperti halnya pada halaman
profile pengguna BNPB, pada halaman ini juga tersediafasilitas geocode untuk membantu dalam menemukan lokasi yang diinginkan.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar 4.21. Halaman Profile Posko
4.3.3.3. Halaman Logistik
Halaman logistik merupakan halaman yang berfungsi untuk melakukan pembaharuan jumlah stok logistik secara berkala. Proses
pembaharuan ini merupakan tanggung jawab dari user posko, dimana pada setiap harinya user diminta untuk memperbaharui data logistik sesuai
dengan kategori yang ada.
Gambar 4.22. Halaman Logistik
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
4.3.4. Halaman Konfirmasi Lokasi Posko Android
Halaman ini merupakan halaman yang terdapat dalam aplikasi konfirmasi posko pada pesawat telepon android. Halaman ini terdapat form yang berisi
masukkan berupa textfielduntuk email dan password, kemudian terdapat tombol untuk melakukan konfirmasi lokasi. Ketika proses konfirmasi berhasil, maka akan
muncuk pesan sukses.
Gambar 4.23.
Halaman Konfirmasi Lokasi
Gambar 4.24.
Halaman Pesan Sukses
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
Proses konfirmasi lokasi posko dilakukan dengan mengirimkan data email, password dan koordinat lokasi. Koordinat lokasi diambil melalui perangkat
android dengan menggunakan location manager, seperti pada listing berikut ini : public String getCoordinate{
String loc=; mgr = LocationManager getSystemServiceLOCATION_SERVICE;
loc=mgr.getLastKnownLocationLocationManager.GPS_PROVIDER.getLatitud e+,+mgr.getLastKnownLocationLocationManager.GPS_PROVIDER.getLon
gitude; return loc;
}
Pengiriman data tersebut dilakukan dari ponsel android, kepada link controlleryang telah disediakan pada web DMS-INDSR. Proses pengiriman pada
ponsel android dilakukan menggunakankelas httpClient dan httpPost, dimana data pengguna dikirimkan sebagai sebuah variabel entity yang merupakan hasil
pengkodean variabel ArrayListmenjadi sebuah url post. Proses pengkodean fungsi untuk mengirim data pada web adalah sebagai berikut :
String line = ; Create a new HttpClient and Post Header
HttpClient httpclient = new DefaultHttpClient; HttpPost httppost = new
HttpPosthttp:10.0.2.2RepodictivemobileResponseloginMobile.php;
try { Add your data
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
ArrayListNameValuePair nameValuePairs = new ArrayListNameValuePair2;
nameValuePairs.addnew BasicNameValuePairemail, email; nameValuePairs.addnew BasicNameValuePairpassword, password;
httppost.setEntitynew UrlEncodedFormEntitynameValuePairs;
Execute HTTP Post Request HttpResponse response = httpclient.executehttppost;
line = EntityUtils.toStringresponse.getEntity;
}catch ClientProtocolException e { line=;
} catch IOException e { line=;
} return line;
Setelah variabel tersebut dikirim, kemudian controller pada website akan memvalidasi email dan password. Apabila email dan password yang dikirimkan
cocok, maka akan dilakukan pembaharuan data lokasi posko pada posko tersebut.
PLAGIAT M ERUPAKAN TINDAKAN TIDAK TERPUJI
104
BAB V PENGUJIAN DAN ANALISIS HASIL