Jurusan Teknik Elektro UM SKPL
Halaman 36 dari 51
Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Elektro-UM dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Elektro UM
Nama_mk Varchar
10 Not Null
4.3. Desain Antarmuka
Rancangan layout dan menu utama program : Untuk rancangan layout dan menu utama program ABSIPER VB ini dapat dilihat pada Gambar 2
hingga Gambar 10. -
Splashscreen: Splashscreen ini bertujuan sebagai tampilan loading utnuk dapat masuk ke dalam aplikasi
ABSIPER VB. Splashscreen digunakan untuk mempercantik tampilan aplikasi. Rancangan tampilan splashscreen dapat dilihat pada Gambar 2.
Gambar 2. Splashscreen
- Login
Setelah tampilan splashscreen selesai, maka halaman awan yang muncul adalah menu login. Jadi untuk dapat mengakses aplikasi ini diperlukan username dan password dari admin yang telah
terdaftar dalam sistem dan database. Tidak sembarang orang dapat mengakses aplikasi ini termasuk mahasiswa dan dosen. Rancangan tampilan menu login dapat dilihat pada Gambar 3.
Gambar 3. Form Login
- Form awal
Setelah berhasil login masuk sesuai dengan username dan password dari admin yang terdaftar dalam database, maka halaman awal dari aplikasi ABSIPER VB ini adalah menampilkan
text berupa “SELAMAT DATANG” serta menu bar yang ada pada aplikasi ini. Rancangan dari tampilan halaman utama dari aplikasi ini dapat dilihat pada Gambar 4.
Jurusan Teknik Elektro UM SKPL
Halaman 37 dari 51
Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Elektro-UM dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Elektro UM
Gambar 4. Form awal
- Menu admin 1
Jika username dan password yang dientrikan cocok dengan id milik admin 1, maka menu yang akan ditampilkan adalah menu khusus untuk admin 1. Rancangan tampilan menu admin 1
dapat dilihat pada Gambar 5.
Gambar 5. Form Menu Admin 1
- Menu admin 2
Jika username dan password yang dientrikan cocok dengan id milik admin 2, maka menu yang akan ditampilkan adalah menu khusus untuk admin 2. Rancangan tampilan menu admin 2
dapat dilihat pada Gambar 6.
Gambar 6. Form Menu Admin 2
- Menu admin 3
Jika username dan password yang dientrikan cocok dengan id milik admin 3, maka menu yang akan ditampilkan adalah menu khusus untuk admin 3. Rancangan tampilan menu admin 3
dapat dilihat pada Gambar 7.
Jurusan Teknik Elektro UM SKPL
Halaman 38 dari 51
Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Elektro-UM dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Elektro UM
Gambar 7. Form Menu Admin 3
- Contoh Form Matakuliah yang dipilih
Untuk mengentrikan data kehadiran sesuai matakuliah dan dosen yang diampu, maka perlu merancang desain tampilan yang lebih spesifik dan jelas dalam pengelompokkannya. Rancangan
tampilan menu berdasarkan matakuliah yang dipilih berdasarkan nama dosen yang ada pada
menu awal admin dapat dilihat pada Gambar 8.
Gambar 8. Form Matakuliah
- Contoh form menampilkan form absensi per offering
Rancangan tabel atau grid dari data kehadiran yang belum atau akan dientrikan dalam sistem ini dapat dilihat pada Gambar 9.
Gambar 9. Form Absensi
- Contoh form crystal report laporan absensi
Setelah selesai mengentrikan data atau melakukan pengelolaan data meliputi update data, maka untuk dapat melihat hasil output dari data yang dikelola dapat dilihat dalam bentuk laporan.
Laporan ini nantinya yang akan diserahkan kepada dosen sebagai arsip kehadiran mahasiswa dalam matakuliah yang diampu masing-masing dosen. Rancangan desain format laporan yang
akan dicetak dapat dilihat pada Gambar 10.
Jurusan Teknik Elektro UM SKPL
Halaman 39 dari 51
Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Elektro-UM dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Elektro UM
Gambar 10. Form Format Laporan
5. Implementasi Sistem 5.1. Fungsionalitas
