BAB IV HASIL DAN PEMBAHASAN
4.2 Implementasi Desain Antar Muka (Desain Interface)
Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat.
Berikut ini merupakan perancangan antar muka dari aplikasi yang di bangun ( Sistem Informasi Administrasi Lokasi Area Surveyor Berbasis Web dan Android ) :
4.2.1 Antar Muka Login Administr ator
Berikut ini merupakan gambaran Halaman awal dari Login Administrator Web, dimana admin harus melakukan login terlebih dahulu sebelum masuk ke halaman utama administrator dengan mengisi username dan password yang dimiliki oleh admin :
4.2.2 Antar Muka Halaman Administrator
Pada Gambar 4.2 merupakan tampilan halaman admin setelah login dari halaman index, dimana pada halaman utama ini terdapat beberapa menu beranda, pegawai, lokasi, list area, berita, maps dan logout :
Gambar 4.2 Antar Muka Halaman Administrator
4.2.3 Antar Muka Halaman Pegawai
Pada Gambar 4.3 merupakan halaman pegawai, dimana pada halaman ini admin dapat melakukan proses pengolahan data pegawai mulai dari proses tambah data, edit data dan hapus data :
4.2.4 Antar Muka Halaman Tambah Pegawai
Berikut ini merupakan gambaran Halaman tambah pegawai dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.4 Antar Muka Halaman Tambah Pegawai
Gambar 4.4 merupakan halaman untuk menambahkan pegawai yang terdiri dari id pegawai, nama pegawai, username, password, alamat, nomer telpon, email, jabatan, status user dimana terdapat inputan jabatan yang sudah ditentukan hanya ada admin dan surveyor saja.
4.2.5 Antar Muka Halaman Ubah Pegawai
Berikut ini merupakan gambaran Halaman ubah pegawai dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.5 Antar Muka Halaman Ubah Pegawai
Gambar 4.5 merupakan halaman untuk ubah/edit Pegawai, dimana admin dapat mengedit atau mengubah data sesuai dengan yang diinginkan, kemudian di status user, admin dapat mengubah-ubah status pegawai yang apabila seorang pegawai tidak masuk atau izin.
4.2.6 Antar Muka Halaman Lokasi
Pada Gambar 4.6 merupakan halaman lokasi, dimana pada halaman ini admin dapat melakukan proses pengolahan data lokasi mulai dari proses tambah data, edit data dan hapus data :
Gambar 4.6 Antar Muka Halaman Lokasi
4.2.7 Antar Muka Halaman Tambah Lokasi
Berikut ini merupakan gambaran Halaman tambah lokasi dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.7 merupakan halaman untuk menambahkan lokasi yang terdiri dari id lokasi, nama lokasi, alamat, kategori, nomer telpon, dan status, dimana status lokasi merupakan penjelasan dari setiap lokasi apakah sekolah ini dalam keadaan sudah disurvei atau belum disurvei.
4.2.8 Antar Muka Halaman Ubah Lokasi
Berikut ini merupakan gambaran Halaman ubah lokasi dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.8 Antar Muka Halaman Ubah Lokasi
Gambar 4.8 merupakan halaman untuk ubah/edit lokasi, dimana admin dapat mengedit atau mengubah data yang sesuai, apabila ada perubahan di setiap lokasi, seperti perpindahan gedung sekolah yang akan mengubah alamat lokasi sistem.
4.2.9 Antar Muka Halaman List Ar ea
Pada Gambar 4.9 merupakan halaman list area, dimana pada halaman ini admin dapat melakukan proses pengolahan data list area mulai dari proses tambah data, edit data dan hapus data :
Gambar 4.9 Antar Muka Halaman List Area
Gambar 4.9 menunjukan keterangan list area dimana yang ditampilkan di list area baru dibagikan dan hanya berstatus proses karena data diambil dari data master yang ditampilkan lagi di form list area.
4.2.10 Antar Muka Halaman Tambah List Ar ea
Berikut ini merupakan gambaran Halaman tambah list area dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos yang digunakan untuk membagikan list area survei yang diberikan untuk surveyor dari admin.
Gambar 4.10 Antar Muka Halaman Tambah List Area
Gambar 4.10 merupakan halaman untuk menambahkan list area yang diambil dari beberapa data pegawai dan lokasi, terdiri dari tanggal pembagian, id karyawan, nama karyawan, jabatan, dan nama lokasi, dimana terdapat tanggal pembagian yang digunakan untuk menunjukan tanggal penyurveian ditujukan untuk para surveyor dan tanggal tidak dapat diisikan dihari sebelumnya, kemudian nama lokasi diambil dari data lokasi yang hanya berstatus belum disurvei.
4.2.11 Antar Muka Halaman Edit List Area
Berikut ini merupakan gambaran Halaman tambah list area dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.11 Antar Muka Halaman Edit List Area
Gambar 4.11 merupakan halaman untuk ubah/edit list area, dimana admin dapat mengedit atau mengubah data yang sesuai, apabila ada perubahan data dilist area, seperti perpindahan area lokasi yang terkadang tidak dapat disurvei dengan surveyornya.
4.2.12 Antar Muka Halaman Laporan Sur vei
Pada Gambar 4.12 merupakan halaman laporan survei, dimana pada halaman ini admin hanya dapat melakukan melihat data hasil survei yang datanya didapatkan dari surveyor setelah melakukan pensurveian melalui smartphone android atau diambil dari form list area tetapi berdasarkan status lokasi yang hanya sudah disurvei, seperti Gambar berikut :
Gambar 4.12 Antar Muka Halaman Laporan Survei
4.2.13 Antar Muka Halaman Grafik
Pada Gambar 4.13 merupakan halaman grafik, dimana pada halaman ini hanya menunjukan berapa kali seorang karyawan dengan jabatan surveyor mensurvei ke lokasi – lokasi yang telah ditentukan selama karyawan bekerja, seperti Gambar berikut :
4.2.14 Antar Muka Halaman Berita
Berikut ini merupakan gambaran Halaman tambah Berita dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.14 Antar Muka Halaman Berita
Pada Gambar 4.14 merupakan halaman untuk menambahkan Berita yang terdiri dari id berita, judul berita, keterangan berita, gambar berita, dan tanggal berita dimana tanggal berita ditentukan sesuai yang diinginkan.
4.2.15 Antar Muka Halaman Ubah Berita
Berikut ini merupakan gambaran Halaman ubah berita dari website sistem informasi administrasi lokasi surveyor pada Halaman Deteksi Jawa Pos.
Gambar 4.15 Antar Muka Halaman Ubah Berita
Gambar 4.15 merupakan halaman untuk ubah/edit berita, dimana admin dapat mengedit atau mengubah data sesuai yang diinginkan, apabila ada perubahan data berita, seperti judul berita, keterangan berita dan gambar berita.
4.2.16 Antar Muka Halaman Maps
Pada Gambar 4.16 merupakan halaman maps, dimana pada halaman ini admin dapat melihat list area survei dengan tampilan map yang diambil dari google maps, yang dapat membantu admin untuk mengecek semua penyurveian apakah surveyornya dalam melakukan tugas berada di posisi tepat sesuai yang telah ditentukannya.
Gambar 4.16 Antar Muka Halaman Maps
4.2.17 Antar Muka Halaman Utama
Pada Gambar 4.17 berikut ini merupakan gambaran Halaman awal web, yang ditujukan untuk surveyor, dimana surveyor hanya dapat melihat list karyawan, list lokasi, pembagian area survei, berita dan contact :
4.2.18 Antar Muka Halaman List Karyawan
Pada Gambar 4.18 berikut ini merupakan gambaran Halaman web list karyawan, yang tujukan untuk surveyor dimana surveyor hanya dapat melihat list karyawan dan disediakan nomer telpon dan alamat agar saling berkoordinasi :
Gambar 4.18 Antar Muka Halaman List Karyawan
4.2.19 Antar Muka Halaman List Lokasi
Pada Gambar 4.19 berikut ini merupakan gambaran Halaman web list Lokasi, yang ditujukan untuk surveyor, dimana surveyor hanya dapat melihat list lokasi yang dapat digunakan untuk mencari alamat yang ditujukan :
Gambar 4.19 Antar Muka Halaman List Lokasi
4.2.20 Antar Muka Halaman Pembagian Ar ea Sur vei
Pada gambar 4.20 berikut ini merupakan gambaran Halaman web pembagian area survei, yang ditujukan untuk surveyor, dimana surveyor hanya dapat melihat pembagian area survei yang telah ditentukan oleh koordinator :
4.2.21 Antar Muka Halaman Berita Karyawan
Pada Gambar 4.21 berikut ini merupakan gambaran Halaman web berita karyawan, yang ditujukan untuk surveyor, dimana surveyor hanya dapat melihat berita yang telah diupload oleh admin :
Gambar 4.21 Antar Muka Halaman Berita Karyawan
4.2.22 Antar Muka Halaman Contact
Pada Gambar 4.22 berikut ini merupakan gambaran Halaman web contact, yang ditujukan untuk surveyor, dimana surveyor hanya dapat melihat contact admin yang digunakan untuk melaporkan area survei yang bermasalah saat waktu surveyor di lokasi yang telah ditentukan :
Gambar 4.22 Antar Muka Halaman Contact
4.2.23 Antar Muka Login Aplikasi Andr oid
Berikut ini merupakan gambaran Halaman awal dari Login Aplikasi Android. Dalam form ini menampilkan form login, didalam form tersebut ada beberapa inputan diantaranya username dan password. juga terdapat satu button yaitu button login yang berfungsi untuk memvalidasi dari database yang sudah tersimpan, apakah username dan password benar dalam form tersebut. Dapat dilihat pada Gambar 4.23 :
Gambar 4.23 Login Aplikasi Android
4.2.24 Antar Muka Menu Aplikasi Andr oid
Berikut ini merupakan gambaran halaman setelah dari login aplikasi android. Dalam form ini menampilkan tiga tombol button diantaranya lihat list area, laporan dan logout.
4.2.25 Antar Muka Lihat List Area Aplikasi Android
Berikut ini merupakan gambaran halaman setelah dari menu dan memilih lihat list area pada aplikasi android. Dalam form ini menampilkan nama lokasi, alamat lokasi dan tanggal pembagian. Dapat dilihat pada Gambar 4.25 :
Gambar 4.25 Lihat List Area Aplikasi Android
4.2.26 Antar Muka Lapor an Aplikasi Andr oid
Berikut ini merupakan gambaran halaman setelah dari menu dan memilih hasil laporan pada aplikasi android. Dalam form ini menampilkan keterangan survei dan mengirimkan latitude dan longitude ke dalam web yang sudah saling terhubung. Dapat dilihat pada Gambar 4.26 :
Gambar 4.26 Laporan Aplikasi Android