BAB IV PERANCANGAN
4.1 Perancangan Aplikasi 4.1.1
Perancangan Database
Dalam perancangan database akan menggunakan aplikasi XAMPP yang di dalamnya terdiri dari: a.
Apache sebagai web server
b.
MySQL sebagai pengolah database
c.
PhpMyAdmin sebagai database manager
4.1.1.1 Struktur Database 4.1.1.1.1 Tabel peserta_ujian
No Name
Type
Value
Primary
1
Nik
Varchar
20
Primary
2
password
Varchar
30
3
tanggal_teori
Date
4
Tanggal_praktek
Date
5
Nilai
integer
3
Tabel 4.1 Struktur table peserta_ujian
4.1.1.1.2
Tabel Soal
No Name
Type
Value
Primary
1
id_soal
Varchar
5
Primary
2
Deskripsi
Varchar
300
3
id_jawaban
Varchar
5
Tabel 4.2 Struktur table soal
40 http://digilib.mercubuana.ac.id/
4.1.1.1.3
Tabel jawaban
No Name
Type
Value
Primary
1
id_jawab
Varchar
5
Primary
2
Deskripsi
Varchar
300
3
id_soal
Varchar
5
Tabel 4.3 Struktur table jawaban
4.1.1.1.4
No 1 2 3 4 5 6 7 8 9 10 11
Tabel Data_Penduduk
Nama Type Value nik Varchar 20 nama_depan Varchar 50 nama_belakang Varchar 50 tempat_lahir Varchar 20 tanggal_lahir date jenis_kelamin enum(laki-laki,perempuan) alamat Varchar 200 agama enum(ISLAM,PROTESTAN,KATOLIK,HINDU,BUDDHA) status_perkawinan enum(KAWIN,BELUMKAWIN) pekerjaan Varchar 20 kewarnageraan enum(WNI, WNA)
Tabel 4.4 Struktur table Data_Penduduk
4.2
Perancangan Interface Dalam pembangunannya, aplikasi ini akan menggunakan bahasa pemrograman HTML, PHP, dan Javascript. Dan akan dibantu oleh aplikasi pendukung seperti Sublime Text Editor sebagai media koding.
41 http://digilib.mercubuana.ac.id/
Primary Primary
4.2.1
Interface Menu Register
Halaman register merupakan halaman yang akan ditampilkan pada saat user akan melakukan pendaftaran, semua user diharuskan melakukan pendaftaran terlebih dahulu sebelum dapat masuk kedalam sistem, user akan mengisi beberapa data sesuai yang tertera dalam gambar, lalu menekan tombol register sebagai tanda bahwa data yang dimasukan sudah sesuai dan akan didaftarkn kedalam sistem.
Gambar 4.1 Tampilan halaman Register
42 http://digilib.mercubuana.ac.id/
4.2.2
Interface Sign-in
Halaman sign-in merupkan halaman yang akan ditampilkan pada saat user telah melakukan pendaftaran dan kini akan masuk kedalam sistem, usser akan memasukan data berupa NIK dan password yang sebelumnnya sudah didaftarkan
Gambar 4.2 Tampilan halamansign.in
43 http://digilib.mercubuana.ac.id/
4.2.3
Interface Halaman Utama
Halaman utama adalah halaman yang pertama muncul saat user telah masuk kedalam sistem, halaman ini berisi tentang tata tertib dan aturan aturan yang berlaku ketika user melakukan test uji teori, user diharuskan menceklist box sebagai tanda bahwa user telah mengerti dan bersedia mengikuti tata tertib yang ada, setelah box terceklist secara otomatis tombol “uji teori” akan aktif dan user dapat menekan tombol untuk memulai test uji teori.
Gambar 4.3 Tampilan halaman utama
44 http://digilib.mercubuana.ac.id/
4.2.4
Interface Halaman Isi Soal
Halaman isi soal ini adalah halaman yang akan dilihat oleh user setelah user menekan tombol uji teori pada halaman utama, pada halaman berisi soal yang diujikan berserta empat pilihan jawaban, user diharuskan memilih salah satu dari pilihan jawaban tersebut yang dirasa benar untuk dapat melihat soal selanjutnya, untuk melihat soal selanjutnya user dapat menekan tombol “next” atau menekan tombol urutan soal yang berbentuk angka, saat melakukan uji teori ini, user memiliki batas waktu dalam menjawab seluruh pertanyaan, user dapat menekan tombol submit jika user telah menjawab soal secara keseluruhan dan menyimpan data, jika user belum menyelesaikan menjawab soal namun batas waktu telah habis, maka sistem akan secara otomatis menyimpan data dan user tidak dapat lagi melanjutkan pengisian soal.
Gambar 4.4 Tampilan halaman isi soal
45 http://digilib.mercubuana.ac.id/
4.2.5
Interface Skor dan jadwal uji praktek
Halaman skor adalah halaman yang muncul setelah user selesai menyelesaikan test uji teori, pada halaman ini user akan mendapatkan beberapa informasi, mulai dari skor, status lulus atau tidaknya, hingga jadwal uji prakter di SATPAS jika user dinyatakan lulus uji teori.
Gambar 4.5 Tampilan skor dan jadwal uji praktek
46 http://digilib.mercubuana.ac.id/
