BAB III METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM
A. Perancangan Antarmuka Pendaftar Asisten Laboratorium
Gambar 3.42 merupakan rancangan antarmuka untuk halaman Login. Halaman ini berfungsi untuk masuk ke dalam sistem. Pada halaman ini, terdapat dua field yang digunakan untuk memasukkan id dan kata sandi dari pengguna. Terdapat tombol Masuk yang digunakan untuk masuk ke dalam aplikasi dan dua link, yaitu Lupa Kata Sandi untuk berpindah ke halaman Lupa Kata Sandi dan Daftar Sekarang untuk berpindah ke halaman Permohonan Akun.
Gambar 3.43 Rancangan Antarmuka Halaman Lupa Kata Sandi
Gambar 3.43 merupakan rancangan antarmuka untuk halaman Lupa Kata Sandi. Halaman ini berfungsi untuk me-reset kata sandi bila mahasiswa lupa kata sandinya. Pada halaman ini, terdapat dua field, yaitu id dan re-captcha. Terdapat juga, dua tombol yaitu tombol Kirim untuk mengirim kata sandi te-reset dan tombol Kembali untuk berpindah kembali ke halaman Login.
Gambar 3.44 Rancangan Antarmuka Halaman Daftar Permohonan Akun
Gambar 3.44 merupakan rancangan antarmuka untuk halaman Daftar Permohonan Akun. Halaman ini memiliki dua bagian. Bagian pertama berisi syarat dan ketentuan permohonan akun. Bagian kedua berisi form untuk mengajukan permohonan akun yang terdiri dari empat field, yaitu nim, nama, email student, dan re-captcha. Terdapat juga, tombol Daftar untuk mengajukan permohonan akun dan link Masuk Sekarang untuk kembali ke halaman Login.
Gambar 3.45 merupakan rancangan antarmuka untuk halaman Ubah Kata sandi mahasiswa yang ditampilkan ketika mahasiswa pertama kali masuk ke sistem dan data profilnya belum lengkap. Pada halaman ini, terdapat tiga field, yaitu kata sandi lama, kata sandi baru, dan konfirmasi kata sandi baru. Terdapat juga dua tombol, yaitu tombol Simpan untuk menyimpan kata sandi dan tombol Lewati untuk melewati tahap ubah kata sandi dan melanjutkan ke halaman Lengkapi Profil.
Gambar 3.46 Rancangan Antarmuka Halaman Lengkapi Profil Anda
Gambar 3.46 merupakan rancangan antarmuka untuk halaman Lengkapi Profil. Pada halaman ini terdapat empat field yang wajib dilengkapi, yaitu semester, prodi, penjurusan, nomor telepon; dan dua field opsional yang boleh dilengkapi, yaitu foto profil dan daftar riwayat hidup. Untuk field nim, nama, dan email tidak dapat diubah lagi. Terdapat juga, tombol Simpan untuk menyimpan data profil yang sudah dilengkapi.
Gambar 3.47 Rancangan Antarmuka Profil Mahasiswa
Gambar 3.47 merupakan rancangan antarmuka Profil mahasiswa. Halaman ini pertama kali ditampilkan jika mahasiswa berhasil masuk dan memiliki profil yang sudah lengkap. Pada bagian atas dari setiap halaman, terdapat menu navigasi yang terdiri dari menu untuk berpindah halaman dalam sistem.
Halaman ini berisikan rincian data profil mahasiswa, daftar pengalaman asistensi, dan daftar pengalaman organisasi atau kepanitiaan atau UKM. Untuk daftar pengalaman asistensi dan organisasi atau kepanitiaan atau UKM dapat ditambahkan dengan menekan tombol Tambah, dialog untuk form penambahan pengalaman asistensi atau organisasi ditampilkan. Selain itu, data pengalaman asistensi dan organisasi yang sudah ada juga dapat diubah dengan menekan tombol Ubah atau dihapus dengan menekan tombol Hapus.
Gambar 3.48 Rancangan Antarmuka Dialog Tambah Pengalaman Asistensi dan Tambah Pengalaman Organisasi atau Kepanitiaan atau UKM
Gambar 3.48 pada bagian kiri merupakan rancangan antarmuka dialog Tambah Pengalaman Asistensi. Dialog ini dapat diakses dengan menekan tombol Tambah pada bagian daftar pengalaman asistensi dari halaman Profil mahasiwa. Dialog ini berisi form yang terdiri dari tiga field, yaitu mata kuliah, semester asistensi, dan sertifikat. Terdapat juga tombol Simpan untuk menyimpan data pengalaman asistensi dan tombol Batal untuk membatalkan penambahan pengalaman asistensi dengan menutup dialog.
Gambar 3.48 pada bagian kanan merupakan rancangan antarmuka dialog Tambah Pengalaman Organisasi atau Kepanitiaan atau UKM. Dialog ini dapat diakses dengan menekan tombol Tambah pada bagian daftar pengalaman organisasi dari halaman Profil mahasiwa. Dialog ini berisi form yang terdiri dari empat field, yaitu nama organisasi, posisi, status, dan sertifikat. Terdapat juga tombol Simpan untuk menyimpan data pengalaman organisasi dan tombol Batal untuk membatalkan penambahan pengalaman organisasi dengan menutup dialog.
Gambar 3.49 Rancangan Antarmuka Halaman Ubah Profil
Gambar 3.49 merupakan rancangan antarmuka untuk halaman Ubah Profil yang dapat diakses dengan memilih menu Ubah Profil yang berada di bawah menu Profil atau dari tombol Ubah pada halaman Profil Mahasiswa. Pada halaman ini terdapat empat field yang wajib dilengkapi, yaitu semester, prodi, penjurusan, nomor telepon; dan dua field opsional yang boleh dilengkapi, yaitu foto profil dan daftar riwayat hidup. Untuk field nim, nama, dan email tidak dapat diubah lagi. Terdapat juga, tombol Simpan Perubahan untuk menyimpan data perubahan profil, tombol Reset, dan tombol Ubah Kata Sandi yang menampilkan dialog sesuai Gambar 3.50.
Gambar 3.50 Rancangan Antarmuka Dialog Ubah Kata Sandi Mahasiswa
Gambar 3.50 merupakan rancangan antarmuka dialog ubah kata sandi mahasiswa yang dapat diakses dengan menekan tombol Ubah Kata Sandi pada halaman Ubah Profil dari Gambar 3.49 sebelumnya. Pada dialog ini, terdapat tiga field yang wajib untuk dilengkapi, yaitu kata sandi lama, kata sandi baru, dan konfirmasi kata sandi baru. Terdapat juga dua tombol, yaitu tombol Simpan untuk menyimpan perubahan kata sandi dan tombol Batal untuk membatalkan pengubahan kata sandi dengan menutup dialog.
Gambar 3.51 Rancangan Antarmuka Halaman Pendaftaran Asistensi
Gambar 3.51 merupakan rancangan antarmuka untuk halaman Pendaftaran Asistensi yang diakses dengan memilih menu Pendaftaran Asistensi pada menu navigasi di bagian atas setiap halaman. Halaman ini berisi form untuk mendaftarkan diri sebagai kandidat asisten laboratorium yang terdiri dari beberapa field sesuai dengan Gambar 3.51. Field yang wajib diisi adalah yang diberi simbol (*).
Mahasiswa dapat menekan tombol Konfirmasi untuk berpindah ke halaman Konfirmasi Pendaftaran Asistensi atau Batal untuk membatalkan pendaftaran.
Gambar 3.52 Rancangan Antarmuka Konfirmasi Pendaftaran Asistensi
Gambar 3.52 merupakan rancangan antarmuka untuk halaman Konfirmasi Pendaftaran Asistensi yang diakses setelah menekan tombol Konfirmasi pada halaman Pendaftaran Asistensi. Mahasiswa dapat meninjau ulang pendaftarannya dan menekan tombol Ajukan untuk menyimpan data pendaftarannya ke database atau tombol Batal untuk membatalkan data pendaftarannya.
Gambar 3.53 Rancangan Antarmuka Halaman Riwayat Semua Pendaftaran
Gambar 3.53 merupakan rancangan antarmuka untuk halaman Riwayat Semua Pendaftaran yang diakses dengan memilih menu Semua Pendaftaran yang berada di bawah menu Riwayat Pendaftaran dari menu navigasi. Terdapat tombol Buka untuk mengarahkan mahasiswa ke halaman Rincian Pendaftaran dan tombol Unduh untuk mengunduh pendaftaran terkait.
Gambar 3.54 merupakan rancangan antarmuka untuk halaman Rincian Pendaftaran yang diakses dengan menekan tombol Buka pada salah satu data dari halaman Riwayat Semua Pendaftaran. Halaman ini berisikan data rincian pendaftaran.
Gambar 3.55 Rancangan Antarmuka Halaman Riwayat Pendaftaran Semua Mata Kuliah
Gambar 3.55 merupakan rancangan antarmuka untuk halaman Riwayat Pendaftaran Semua Mata Kuliah yang diakses dengan memilih menu Semua Mata Kuliah yang berada di bawah menu Riwayat Pendaftaran dari menu navigasi. Terdapat tombol Unduh Semua untuk mengunduh semua pendaftaran mata kuliah.
Gambar 3.56 Rancangan Antarmuka Halaman Panduan Pengguna
Gambar 3.56 merupakan rancangan antarmuka untuk halaman Panduan Pengguna yang diakses dengan memilih menu Panduan Pengguna yang berada di bawah menu Ekstra dari menu navigasi. Terdapat sejumlah panduan pengguna yang dapat dilihat.
Gambar 3.57 Rancangan Antarmuka Halaman Tentang Sistem
Gambar 3.57 merupakan rancangan antarmuka untuk halaman Tentang Sistem yang diakses dengan memilih menu Tentang Sistem yang berada di bawah menu Ekstra dari menu navigasi. Terdapat informasi tentang sistem yang dapat dilihat.