BAB IV HASIL DAN ANALISIS 4.1.Hasil Karya / Implementasi a. Halaman Utama User Berikut ini merupakan tampilan dari halaman utama user. Gambar 4.1 Halaman Utama User b. Halaman Daftar User Berikut ini merupakan tampilan dari halaman daftar untuk user. Gambar 4.2 Halaman Daftar User 24
25 c. Halaman Login User Berikut ini merupakan tampilan halaman login untuk user yang dibuat pop-up. Gambar 4.3 Halaman Login User d. Halaman Menu Utama User Berikut ini merupakan tampilan halaman menu utama untuk user setelah user berhasil login. Gambar 4.4 Halaman Menu Utama
26 e. Halaman Detail Kamar Berikut ini merupakan tampilan halaman untuk melihat detail kamar yang ingin dipesan oleh user. Gambar 4.5 Halaman Detail Kamar f. Halaman Pemesanan Berikut ini merupakan tampilan halaman untuk memesan kamar Gambar 4.6 Halaman Pemesanan
27 g. Halaman Login Admin Berikut ini merupakan tampilan halman login untuk admin. Gambar 4.7 Halaman Login Admin h. Halaman Utama Admin Berikut ini merupakan tampilan halaman utama admin setelah admin berhasil login yang menampilkan detail seluruh produk kamar kos yang ada di Ngekost.com dengan tombol Ubah untuk mengubah detail kos yang sudah ada, dan tombol Hapus untuk menghapus kos yang sudah ada. Gabmar 4.8 Halama Utama Admin
28 i. Halaman Input Berikut adalah tampilan halaman input yang difungsikan untuk memasukkan detail kos baru yang belum ada dalam database. Gambar 4.9 Halaman Input j. Halaman Ubah Berikut adalah tampilan halaman ubah yang difungsikan untuk mengubah detail kost yang ditampilkan. Halaman ubah sengaja dibuat mirip dengan halaman input agar mudah dipahami oleh pengguna. Gambar 4.10 Halaman Ubah
29 4.2.Hasil Pengujian a. User Tabel 4.1 Hasil pengujian user No Point Pengujian Data Input / Kondisi 1 Proses Daftar Email belum Input bukan merupakan email belum belum Nama Depan belum Nama Belakang belum Nomor HP belum Semua field sudah diisi dengan benar Hasil Uji Berhasil Status
30 2 Proses Login benar, salah salah, benar dan password salah dan Benar 3 Sortir data Memasukkan kondisi sortir berdasarkan lokasi Menekan tombol Tampilkan Semua 4 Melihat detail Menekan tombol Lihat Detail login Berhasil login Data kamar kost yang muncul hanya yang sama dengan kondisi pencarian berdasarkan lokasi Semua data tentang kamar kost akan ditampilkan semua Detail kamar kost yang dipilih akan ditampilkan
31 5 Memesan kamar kost Eror b. Admin Tabel 4.2 Hasil pengujian admin No Point Pengujian Data Input / Kondisi 1 Proses Login benar, salah salah, benar dan password salah dan Benar 2 Sortir data Memasukkan kondisi sortir berdasarkan lokasi Menekan tombol Tampilkan Semua Hasil Uji login Berhasil login Data kamar kost yang muncul hanya yang sama dengan kondisi pencarian berdasarkan lokasi Semua data tentang kamar kost akan ditampilkan Status
32 semua 3 Memasukkan Data Belum memasukkan nama kos Belum memasukkan Lokasi Belum memasukkan kamar Belum memasukkan Harga Belum memilih file foto kamar 3 Hapus data Menekan tombol Hapus 4 Edit data Menekan tombol Ubah input input input input input Muncul, bila setuju data kamar kost yang terpilih akan dihapus dari database Berpindah ke halaman Edit yang akan menampilkan detail kamar kost yang dipilih Setelah Data kamar Eror
33 mengubah data yang diinginkan, tekan tombol Simpan kost yang dipilih akan ter-update 4.3.Analisa Kebutuhan Secara tampilan, Ngekost.com punya tampilan yang sederhana dengan paduan warna Monochrome sebagai temanya. Namun masih ada beberapa masalah pada User Interface-nya. Ngekost.com memiliki alur tampilan yang mudah untuk dipahami. Secara sistem, Ngekost.com masih mempunyai kelemahan. Sistem sortir pada Ngekost.com hanya menggunakan satu kategori saja, yaitu lokasi, detail kost yang belum terlihat memaparkan informasi mendetail tentang kost, dan validasi pembayaran yang masih terbilang manual.