• Tidak ada hasil yang ditemukan

BAB IV HASIL DAN PEMBAHASAN

4.1.5 Tampilan Layar Buku Tamu

Pada tampilan layar buku tamu ini, pengguna diminta untuk mengisikan form nama, email dan komentar mengenai aplikasi ini. Setelah diisi, secara otomatis informasi yang pengguna masukkan ke dalam form akan tampil di bagian bawah form. Berikut tampilan layar buku tamu yang disajikan pada gambar 4.13.

Gambar 4.13 Tampilan Layar Buku Tamu

4.1.6 Tampilan Layar Contact Us

Tampilan layar contac us ini berisikan informasi mengenai kontak yang dapat dihubungi oleh pengguna jika ingin mendapatkan informasi lebih jauh mengenai aplikasi SITARUP ini. Berikut gambar tampilan layar contact us yang disajikan pada gambar 4.14.

Gambar 4.14 Tampilan Layar Contact Us

4.1.7 Tampilan Layar Login Pengelola

Tampilan layar login ini merupakan tampilan awal bagi pengelola jika ingin mengakses keseluruhan dari tampilan pengelola. Pengelola baru dapat mengakses website ini melalui http://localhost/web_gis/admin. Pada tampilan layar login ini, pengelola diminta untuk memaskkan nama beserta password yang dimiliki oleh pengelola, jika nama dan password sesuai, maka pengelola akan masuk ke dalam layar index (Home) pengelola, namun jika nama dan password tidak sesuai, maka pengelola diminta untuk memasukkan nama dan password kembali. Gambar tampilan layar login pengelola dapat dilihat pada gambar 4.15:

Gambar 4.15 Tampilan Layar Login Pengelola

4.1.8 Tampilan Layar Index (Home) Pengelola

Tampilan index pengelola ini merupakan tampilan awal setelah pengelola berhasil login. Pada tampilan ini, terdapat ucapan selamat datang kepada pengelola yang telah login. Berikut gambar tampilan layar index pengelola.

4.1.9 Tampilan Layar WebGIS Pengelola

Tampilan layar webGIS ini berisikan informasi mengenai data warga yang menghuni rumah di kawasan pemukiman PUSPIPTEK. Pengelola dapat mengedit data warga yang menghuni rumah tersebut jika warga tersebut telah pindah dan digantikan dengan warga baru yang akan menempati rumah. Caranya dengan mengklik icon edit yang sesuai dengan data yang akan diganti, lalu mengisikan data warga baru pada form yang telah disediakan. Untuk laporan data warga kawasan, pengelola dapat mencetak data warga dengan mengklik icon print pada link preview report. Berikut tampilan layar webGIS pengelola pada gambar 4.17, 4.18 dan 4.19.

Gambar 4.18 Tampilan Layar Edit Data Warga

4.1.10 Tampilan Layar Buku Tamu Pengelola

Tampilan layar buku tamu ini merupakan tampilan yang digunakan oleh pengelola dalam mengelola data buku tamu. Pengelola dapat melakukan penghapusan buku tamu jika terdapat komentar-komentar yang kurang pantas ditampilkan dengan cara mengklik icon delete yang telah tersedia. Selain itu, pengelola dapat mencetak data buku tamu yang telah masuk untuk dijadikan laporan dengan cara mengklik icon print pada link preview report. Berikut gambar tampilan dari layar buku tamu pengelola yang terdapat pada gambar 4.20 dan 4.21.

Gambar 4.21 Tampilan Layar Preview Report Buku Tamu Pengelola

4.1.11 Tampilan Layar User

Tampilan layar user berisikan informasi mengenai nama

dan password pengelola yang berhak mengelola aplikasi SITARUP

ini. Terdapat tiga aksi yang dapat dilakukan pengelola pada tampilan layar user, yaitu aksi update, aksi delete dan aksi tambah user. Berikut tampilan layar user yang disajikan pada gambar 4.22.

Jika pengelola mengklik icon edit, maka akan tampil layar

edit user, dan pengelola dapat melakukan update data user seperti

data nama dan password. Icon delete berfungsi untuk menghapus pengelola yang sudah tidak berhak mengelola aplikasi SITARUP ini. Sedangkan button tambah berfungsi untuk menambah user yang berhak untuk mengelola aplikasi SITARUP ini. Jika button tambah diklik, maka akan tampil layar tambah user yang berisikan data nama

dan password user. Setelah diisi, maka data-data tersebut akan

tampil di halaman layar user. Berikut gambar tampilan layar edit

user dan tambah user.

Gambar 4.23 Tampilan Layar Edit User

4.2 Pengujian Sistem

Pengujiaan sistem dilakukan untuk mengetahui apakah sistem berjalan sesuai dengan rancangan yang telah dibuat. Berikut tabel hasil pengujian sistem menggunakan metode black box.

Tabel 4.1 Pengujian Sistem Metode Black Box

No Rancangan Input-Output Hasil Yang Diharapkan

1 Buka Program Masuk ke menu utama

2 Klik menu HOME Æindex Menampilkan menu utama

3 Klik menu WEBGIS Æ tampilan pilihan

webgis

Menampilkan tiga link pilihan webgis tata ruang pemukiman PUSPIPTEK 4 Klik icon SIS Pendukung Perencanaan

Tata Ruang Pemukiman Æ tampilan

webgis perencanaan

Menampilkan webgis perencanaan tata ruang pemukiman PUSPIPTEK

5 Klik icon SIS Pemanfaatan Tata Ruang Pemukiman Æ tampilan webgis

pemanfaatan

Menampilkan webgis pemanfaatan tata ruang pemukiman PUSPIPTEK

6 Klik icon SIS Pendukung Pengawasan Tata Ruang Pemukiman Æ tampilan

webgis perencanaan

Menampilkan webgis pengawasan tata ruang pemukiman PUSPIPTEK

7 Klik menu Gallery Æ dokumentasi/foto wilayah pemukiman PUSPIPTEK

Menampilkan dokumentasi/foto wilayah pemukiman PUSPIPTEK

8 Klik dokumentasi/foto wilayah pemukiman PUSPIPTEK Æ informasi detail dokumentasi/foto

Menampilkan dokumentasi/foto yang dipilih beserta informasi detail mengenai dikumentasi/foto tersebut 9 Klik Menu PANDUAN Æ panduan Menampilkan informasi mengenai tata

10 Klik menu BUKU TAMU Æ isi buku tamu

Menampilkan form buku tamu

11 Klik menu submit Æ menyimpan buku tamu

Menampilkan informasi buku tamu yang telah di-submit

12 Klik menu CONTACT US Æinformasi Menampilkan informasi alamat dan kontak pengelola website

13 Klik menu SUBMIT admin Æ masuk ke menu utama admin

Menampilkan menu utama admin

14 Klik menu RESET admin Æ kembali ke menu login admin

Menampilkan menu login admin

15 Klik menu edit webgis Æ edit data tabular

Menampilkan form edit data tabular

webgis

16 Klik link preview report Æ masuk ke tampilan preview report

Menampilkan preview report data warga penghuni kawasan pemukiman PUSPIPTEK

17 Klik Icon print report Æ terhubung ke

printer

Menampilkan kotak dialog printer

18 Klik menu BUKU TAMU admin Æ

daftar buku tamu

Menampilkan daftar data buku tamu

19 Klik link preview report Æ masuk ke tampilan preview report

Menampilkan preview report data buku tamu

20 Klik Icon print report Æ terhubung ke

printer

Menampilkan kotak dialog printer

14 Klik menu delete buku tamu Æ data buku tamu terhapus

Menghapus data buku tamu

15. Klik LogoutÆ Keluar dari menu admin Kembali ke menu login admin

Pada bab ini berisikan kesimpulan dari penelitian yang telah dilakukan serta saran-saran yang bermanfaat bagi penulisan skripsi maupun pengembangan aplikasi ini.

Dokumen terkait