Tampilan Layar Umum HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN

Bab ini menjelaskan secara jelas mengenai sistem informasi tata ruang pemukiman kawasan pemukiman PUSPIPTEK SITARUP yang telah diimplementasikan kedalam bahasa pemrograman, hasil tampilan layar beserta petunjuk dalam menggunakan sistem informasi tata ruang pemukiman kawasan PUSPIPTEK ini.

4.1 Tampilan Layar Umum

Dalam tampilan aplikasi SITARUP, secara umum terdapat lima 5 bagian yang harus diketahui, diantaranya: banner, pilihan menu, layar informasi, menu icon bawah, dan footer. Berikut gambar tampilan umum aplikasi SITARUP: Gambar 4.1 Tampilan Umum SITARUP 88 Gambar 4.2 Tampilan Umum SITARUP Pengelola Pada tampilan pengguna umum terdapat enam pilihan menu dan pada tampilan pengelola terdapat lima pilihan menu. Menu-menu yang terdapat dalam aplikasi SITARUP ini memiliki tampilan, fungsi dan informasi yang berbeda-beda.

4.1.1 Tampilan Layar

Index Home Tampilan layat index Home merupakan tampilan awal dari aplikasi SITARUP. Website ini baru dapat diakses melalui http:localhostweb_gis . Tampilan layar index ini berisikan informasi mengenai aplikasi SITARUP, sehingga pengguna yang menggunakan aplikasi ini mengetahui manfaat dan fungsinya. Selain informasi, tampilan index juga memberikan gambaran umum berupa foto mengenai keadaan kawasan pemukiman PUSPIPTEK. Gambar 4.3 menunjukkan tampilan dari layar index: Gambar 4.3 Tampilan Layar Index Home

4.1.2 Tampilan Layar WebGIS

Tampilan layar webGIS ini merupakan tampilan inti dalam aplikasi SITARUP ini. Pada tampilan awal layar webGIS gambar 4.4, terdapat tiga pilihan peta yang dapat dipilih oleh pengguna. Pilihan tersebut antara lain Sistem Informasi Spasial SIS Pendukung Perencanaan Tata Ruang Pemukiman, SIS Pemanfaatan Tata Ruang Pemukiman dan SIS Pendukung Pengawasan Tata Ruang Pemukiman SIS Pendukung Perencanaan Tata Ruang Pemukiman gambar 4.5 berisikan informasi mengenai perencanaan tata ruang pemukiman PUSPIPTEK yang akan datang dengan menampilkan peta perencanaan dan peta eksisting kawasan PUSPIPTEK. SIS Pemanfaatan Tata Ruang Pemukiman gambar 4.6 berisikan informasi mengenai pemanfaatan tata ruang PUSPIPTEK. Informasi yang ditampikan antara lain data penduduk kawasan, data fasilitas kawasan dan tata guna lahan kawasan pemukiman. Sedangkan SIS Pendukung Pengawasan Tata Ruang Pemukiman gambar 4.7 berisikan informasi pembangunan kawasan dari mulai pembangunan tahap awal hingga sekarang. Informasi tersebut berguna untuk mengetahui bagaimana perkembangan kawasan pemukiman PUSPIPTEK, serta mengetahui perubahan fungsi lahan dari tiap tahapan pembangunan dalam bentuk grafik. Berikut gambar tampilan dari layar webGIS : Gambar 4.4 Tampilan Layar webGIS Gambar 4.5 Tampilan Layar webGIS Perencanaan Gambar 4.6 Tampilan Layar webGIS Pemanfaatan Gambar 4.7 Tampilan Layar webGIS Pengawasan Pada halaman tampilan peta terdapat menu searching data peta, namun layanan searching ini masih kurang makasimal, karena hanya dapat mencari data dengan satu kata kunci pada setiap layer. Setiap peta memiliki data dan informasi yang berbeda-beda, sesuai dengan jenis tampilan petanya. Informasi akan tampil jika pengguna mengklik salah satu objek pada peta. Data peta yang terdapat pada aplikasi ini menggunakan data tahun 1977 sampai 2009. Gambar 4.8 merupakan tampilan layar informasi pada peta. Gambar 4.8 Tampilan Layar Informasi Gambar 4.9 merupakan tampilan dari grafik perubahan lahan yang terjadi di kawasan pemukiman PUSPIPTEK dari tahun 1977 hingga 2029 nanti. Gambar 4.9 Tampilan Layar Grafik

4.1.3 Tampilan Layar Gallery

Tampilan layar gallery merupakan tampilan yang berisikan foto-foto dari kawasan pemukiman PUSPIPTEK. Terdapat dua buah tampilan layar gallery, tampilan awal layar gallery hanya berisikan foto-foto kawasan pemukiman PUSPIPTEK, dan tampilan kedua layar gallery berisi tampilan detail dari foto-foto kawasan pemukiman PUSPIPTEK beserta informasi mengenai foto tersebut. berikut tampilan awal layar gallery dan tampilan kedua gallery. Gambar 4.10 Tampilan Layar Gallery Awal Untuk dapat mengakses tampilan kedua layar gallery, pengguna harus mengklik salah satu foto yang telah tersedia pada tampilan layar pertama. Untuk dapat kembali ke tampilan pertama layar gallery, pengguna dapat mengklik button gallery atau icon gallery. Berikut gambar tampilan layar detail gallery. Gambar 4.11 Tampilan Layar Gallery Detail

4.1.4 Tampilan Layar Panduan

Tampilan layar panduan ini berisikan informasi mengenai perangkat lunak yang harus tersedia guna mendukung tampilan layar web GIS. Pada tampilan ini juga, pengguna dapat mengunduh perangkat lunak pendukung tampilan layar webGIS dengan cara mengklik link download yang telah tersedia. Berikut gambar layar panduan: Gambar 4.12 Tampilan Layar Panduan

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:localhostweb_gisadmin . 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. Gambar 4.16 Tampilan Layar Index Home 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.17 Tampilan Layar WebGIS Pengelola Gambar 4.18 Tampilan Layar Edit Data Warga Gambar 4.19 Tampilan Layar Preview Report

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.20 Tampilan Layar Buku Tamu Pengelola 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. Gambar 4.22 Tampilan Layar User Pengelola 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 Gambar 4.24 Tampilan Layar Tambah User

4.2 Pengujian Sistem