4.3 Perancangan Antarmuka Sistem
Dalam penelitian ini aplikasi menggunakan beberapa form. Form yang digunakan untuk perancangan antarmuka sistem antara
lain:
1. Rancangan Antarmuka Form Pendaftaran Form Pendaftaran adalah form yang berguna untuk
melakukan pendaftaran camaru. Rancangan antarmuka Form Pendaftaran ini terlihat pada Gambar 4.3.
Gambar 4.3 Rancangan Antarmuka Form Pendaftaran
Form Pendaftaran ini juga dapat dilakukan proses edit data dan delete data. Tombol Edit, Delete, Delete All, Print Kartu
Tes dan combo box No Pendaftaran akan muncul jika combo box Edit diaktifkan. Sesudah melakukan pendaftaran, sistem
akan men-generate no pendaftaran, menyimpan data ke database dan mencetak kartu tes. Di dalam kartu tes tersebut
tertera no pendaftaran yang nanti akan digunakan sebagai username dan password ujian.
2. Rancangan Antarmuka Form Login Form Login adalah form yang muncul pertama kali pada saat
mengakses sistem server tes seleksi dan sistem client tes seleksi. Pada Form Login ini user akan diminta memasukkan
username dan password yang sudah dimiliki, untuk dapat login ke dalam sistem. Rancangan antarmuka Form Login ini
terlihat pada Gambar 4.4.
Gambar 4.4 Rancangan Antarmuka Form Login
Form Login ini memiliki fungsi untuk melakukan proses pengecekan ke dalam database untuk memastikan bahwa
user sudah terdaftar dan berhak untuk login ke dalam sistem tersebut.
3. Rancangan Antarmuka Form Server Form Server adalah form yang berguna untuk me-manage
data user, data soal, data fakultas, data pengaturan ujian, melihat data peserta, melihat data hasil dan data penerimaan.
Form Server ini terdiri dari 7 tab utama, yaitu User, Soal, Fakultas, Pengaturan, Peserta, Hasil dan Penerimaan.
a. Tab User Tab User memiliki 4 tab di dalamnya, yaitu tab
Tambah User, Edit User, Hapus User dan Lihat User.
Tab Tambah User digunakan untuk menambahkan user yang baru. Ada 2 jenis user, user sebagai
Administrator yang ditandai dengan status angka 0 dan user sebagai camaru yang ditandai dengan status
angka 1. Rancangan antarmuka tab Tambah User ini terlihat pada Gambar 4.5.
Gambar 4.5 Rancangan Antarmuka Tab Tambah User
Tab Edit User digunakan untuk melakukan perubahan data user yang sudah ada dalam database.
Rancangan antarmuka tab Edit User ini terlihat pada Gambar 4.6.
Gambar 4.6 Rancangan Antarmuka Tab Edit User
Tab Hapus User digunakan untuk menghapus data user yang tidak diperlukan lagi. Rancangan
antarmuka tab Hapus User ini terlihat pada Gambar 4.7.
Gambar 4.7 Rancangan Antarmuka Tab Hapus User
Tab Lihat User digunakan untuk melihat semua user yang ada dalam database. Rancangan antarmuka tab
Lihat User ini terlihat pada Gambar 4.8.
Gambar 4.8 Rancangan Antarmuka Tab Lihat User
b. Tab Soal Tab Soal memiliki 4 tab di dalamnya, yaitu tab
Tambah Soal, Edit Soal, Hapus Soal dan Lihat Soal.
Tab Tambah Soal digunakan untuk menambahkan soal yang baru. Rancangan antarmuka tab Tambah
Soal ini terlihat pada Gambar 4.9.
Gambar 4.9 Rancangan Antarmuka Tab Tambah Soal
Pada Tab Tambah Soal user bisa menambah dan menghapus paket soal. Nama paket soalnya akan
dibuat otomatis. Misalkan belum ada paket, lalu kita tambah paketnya, maka akan menambah paket baru
secara otomatis dengan nama P001 . Jika user menambahkan paket baru lagi, maka akan bertambah
1 paket lagi dengan nama P002 . User juga bisa menghapus paket, yang secara otomatis semua soal
yang terdapat di dalam paket itu juga akan terhapus.
Tab Edit Soal digunakan untuk melakukan perubahan data soal yang sudah ada dalam database. Rancangan
antarmuka tab Edit Soal ini terlihat pada Gambar 4.10.
Gambar 4.10 Rancangan Antarmuka Tab Edit Soal
Tab Hapus Soal digunakan untuk menghapus soal yang sudah tidak diperlukan lagi. Rancangan
antarmuka tab Hapus Soal ini terlihat pada Gambar 4.11.
Gambar 4.11 Rancangan Antarmuka Tab Hapus Soal
Pada tab Hapus Soal, soal dan jawaban tetap ditampilkan, untuk mengurangi terjadinya kesalahan
dalam proses penghapusan. Sehingga data tersebut hanya ditampilkan, tetapi tidak dapat diubah.
Tab Lihat Soal digunakan untuk melihat semua soal yang ada dalam database, berdasarkan nama paket
yang dipilih. Rancangan antarmuka tab Lihat Soal ini terlihat pada Gambar 4.12.
Gambar 4.12 Rancangan Antarmuka Tab Lihat Soal
c. Tab Fakultas Tab Fakultas memiliki 4 tab di dalamnya yaitu, tab
Tambah Fakultas, Edit Fakultas, Hapus Fakultas dan Lihat Fakultas.
Tab Tambah Fakultas digunakan untuk menambah
fakultas atau program studi yang baru. Rancangan antarmuka tab Tambah Fakultas ini terlihat pada
Gambar 4.13.
Gambar 4.13 Rancangan Antarmuka Tab Tambah Fakultas
Tab Edit Fakultas digunakan untuk melakukan perubahan data fakultas yang sudah ada dalam
database. Rancangan antarmuka tab Edit Fakultas ini terlihat pada Gambar 4.14.
Gambar 4.14 Rancangan Antarmuka Tab Edit Fakultas
Tab Hapus Fakultas digunakan untuk menghapus fakultas atau program studi yang sudah tidak
diperlukan lagi. Rancangan antarmuka tab Hapus Fakultas ini terlihat pada Gambar 4.15.
Gambar 4.15 Rancangan Antarmuka Tab Hapus Fakultas
Pada tab Hapus Fakultas, fakultas, program studi batas nilai dan biaya pembangunan minimal tetap
ditampilkan, untuk mengurangi terjadinya kesalahan dalam proses penghapusan. Sehingga data tersebut
hanya ditampilkan, tetapi tidak dapat diubah.
Tab Lihat Fakultas digunakan untuk melihat semua fakultas yang ada dalam database. Rancangan
antarmuka tab Lihat Fakultas ini terlihat pada Gambar 4.16.
Gambar 4.16 Rancangan Antarmuka Tab Lihat Fakultas
d. Tab Pengaturan Tab Pengaturan digunakan untuk me-manage
pengaturan ujian. Data-data yang diatur adalah timer ujian, nama paket soal yang digunakan untuk ujian,
nilai toleransi, tempat tes belangsung dan waktu tes belangsung. Nilai toleransi adalah nilai maksimal
toleransi di bawah batas nilai tiap fakultas. Contohnya jika nilai toleransinya 10 dan batas nilai
suatu fakultas adalah 50. Maka nilai 40-49 termasuk ke dalam toleransi. Jika mendapatkan toleransi,
camaru harus menghubungi fakultas yang bersangkutan untuk menerima kebijakan. Rancangan
antarmuka tab Pengaturan ini terlihat pada Gambar 4.17.
Gambar 4.17 Rancangan Antarmuka Tab Pengaturan
Pada tab Pengaturan, jika user sudah men-set pengaturan ujian maka akan langsung terjadi
perubahan nilai pada Pengaturan saat ini sesuai dengan yang sudah di-set.
e. Tab Peserta Tab Peserta digunakan untuk menampilkan semua
camaru yang sudah terdaftar untuk mengikuti proses ujian. Rancangan antarmuka tab Peserta ini terlihat
pada Gambar 4.18.
Gambar 4.18 Rancangan Antarmuka Tab Peserta
f. Tab Hasil Tab Hasil digunakan untuk menampilkan semua hasil
ujian. Rancangan antarmuka tab Hasil ini terlihat pada Gambar 4.19.
Gambar 4.19 Rancangan Antarmuka Tab Hasil
g. Tab Penerimaan Tab Penerimaan digunakan untuk menampilkan
semua no pendaftaran, nama, dan keterangan penerimaan pada tiap pilihan fakultas yang sudah
dipilih oleh camaru. Rancangan antarmuka tab Penerimaan ini terlihat pada Gambar 4.20.
Gambar 4.20 Rancangan Antarmuka Tab Penerimaan
4. Rancangan Antarmuka Form Client Form Client adalah form yang digunakan dalam proses
mengikuti ujian. Form ini akan menampilkan soal dan pilihan jawabannya, user tinggal memilih jawaban yang telah
disediakan. Rancangan antarmuka Form Client ini terlihat pada Gambar 4.21.
Gambar 4.21 Rancangan Antarmuka Form Client
4.4 Pembahasan dan Implementasi Sistem
Kategori