database. Apabila User memilih menu data pegawai, maka server akan mengirimkan data para pegawai beserta laporan jam kerja masing-masing pegawai dari database.
3.5. Perancangan Interface
Sistem yang dibangun memiliki dua buah aplikasi yang berbeda, yaitu aplikasi pada PC Hub dan aplikasi yang dapat digunakan oleh User.
3.5.1. Rancangan Tampilan pada PC Hub Aplikasi yang terdapat pada PC Hub merupakan aplikasi yang berfungsi untuk
berkomunikasi dengan Reader dan mengumpulkan data tag dari Reader. Setelah data terkumpul maka data tersebut akan diolah dengan metode trilateration untuk
menentukan lokasi tag dan mengirimkan data tersebut ke Server. Adapun rancangan tampilan aplikasi PC Hub dapat dilihat pada gambar 3.5.
Gambar 3.5 Rancangan Tampilan Aplikasi PC Hub
3.5.2. Rancangan Tampilan Login Tampilan ini berisi username dan password yang harus diisi untuk mengakses sistem.
User yang dapat masuk adalah user yang sudah terdaftar terlebih dahulu didalam database sistem. Rancangan tampilan login dapat dilihat pada gambar 3.6.
Universitas Sumatera Utara
Gambar 3.6 Rancangan Tampilan Login
3.5.3. Rancangan Tampilan Live Map Tampilan ini merupakan tampilan Live Map yang juga berfungsi sebagai tampilan
halaman utama pada sistem. Tampilan ini berisi tentang peta gedung yang memiliki informasi keberadaan pegawai dan juga tampilan ini berisi tentang aktivitas para
pegawai. Rancangan tampilan Live Map dapat dilihat pada gambar 3.7.
Gambar 3.7 Rancangan Tampilan Live Map
3.5.4. Rancangan Tampilan Employee List Tampilan ini berisi tentang informasi mengenai para pegawai. Seluruh pegawai yang
terdaftar didalam sistem ditampilkan pada halaman ini. Rancangan tampilan Employee List dapat dilihat pada gambar 3.8.
Universitas Sumatera Utara
Gambar 3.8 Rancangan Tampilan Employee List
3.5.5. Rancangan Tampilan Employee Report Tampilan ini berisi informasi tentang laporan kinerja pegawai berdasarkan jam kerja
para pegawai beserta evaluasi dari jam kerja pegawai tersebut. Rancangan tampilan Employee Report dapat dilihat pada gambar 3.9.
Gambar 3.9 Rancangan Tampilan Employee Report
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1. Implementasi Sistem