commit to user
3.4.2 Relasi Antar Tabel
Diagram relasi antar tabel menggambarkan adanya relasi antar tabel yang terdapat dalam sistem Tes Bakat. Relasi antar tabel ini berfungsi
untuk meminimalisir resiko data redundancy dan pemborosan memory. Relasi antar tabel ditunjukkan pada Gambar 3.6
akun
PK,FK1 id_pel
username password
nilai
PK id_nilai
nilai FK2
id_soal FK1
id_pel jenis_soal
PK jns_soal
jenis soal
PK id_soal
gambar soal
jwb_a jwb_b
jwb_c jwb_d
jawaban FK1
jns_soal
administrator
PK id_admin
username password
member
PK id_pel
nama jns_klmin
alamat no_telp
tmpt_lhr tgl_lhr
Gambar 3.6 Relasi Antar Tabel
3.4.3 Entity Relationship Diagram ERD
Entity Relationship Diagram digunakan untuk melihat hubungan antar
entitas yang terdapat dalam sistem seleksi bakat. Berikut adalah ERD yang terdapat dalam sistem seleksi bakat yang ditunjukkan pada Gambar 3.7
commit to user
soal Jenis_soal
akun
member 1
memiliki
1
Id_pel
nama gambar
Id_soal Id_pel
Jns_soal
nilai n
mempunyai
1
Id_soal Id_pel
Id_nilai
Jns_soal Jwb_a
jawaban soal
username
Jns_klmin
1 memiliki
n nilai
memiliki n
n password
jenis Jwb_c
Jwb_d Jwb_b
Tgl_lhr Tmpt_lhr
No_telp alamat
Gambar 3.7 Entity Relationship Diagram ERD
14
commit to user
14
3.5 Desain Layout
Desain layout menggambarkan garis besar rancangan user interface dalam pembuatan sistem seleksi bakat yang terdiri atas halaman index utama,
halaman siswa dan halaman admin. 1. Halaman Index Utama
Halaman index utama merupakan halaman yang pertama kali diakses oleh user. Halaman ini berisi form multiuser sehingga siswa dan admin dapat
melakukan proses login melalui halaman ini. Rancangan halaman indeks utama ditunjukkan pada Gambar 3.8
Gambar 3.8 Rancangan Halaman Index Utama 2. Halaman User
Halaman user adalah halaman yang akan diakses oleh user. Halaman ini berisi home, alur test, hasil test dan logout. Rancangan halaman siswa
ditunjukkan pada Gambar 3.9
HEADER
Administrator
ISI
FOOTER Home
Alur Tes Login
Daftar
commit to user
Gambar 3.9 Rancangan Halaman User 3. Halaman Login
Pada halaman login digunakan untuk admin masuk ke dalam sistem Halaman login terpisah dengan index. Hal ini dimaksudkan untuk security
halaman admin. Rancangan halaman login ditunjukkan pada Gambar 3.10
Gambar 3.10 Rancangan Halaman Login
Home Alur test Test
Hasil Test Logout
ISI
FOOTER
Header Login
Username Password
FOOTER
Login