3.4 Flowchart Sistem
Untuk memperjelas bagaimana proses tes ini berjalan semua proses yang dilakukan dapat digambarkan melalui flowchart sebagai berikut:
No Yes
No Yes
Yes No
No Yes
No Yes
No
Gambar 3.1 Flowchart Sistem
3.5 Perancangan Antarmuka Interface
Antarmuka Interface merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka dalam aplikasi tes potensi
akademik STAN ini terdiri dari: START
Splash Screen
Input Jawaban Menjawab soal
Menu utama Home
Lihat hasil
END Soal
1. Perancangan Antarmuka untuk Pengguna User
Antarmuka untuk user dirancang agar user dapat melakukan tes potensi akademik STAN dengan menjawab soal-soal yang tersedia.
3.5.1 Form Splash Screen
Splash Screen adalah form yang biasa ditampilkan sesaat setelah sebuah program aplikasi diaktifkan running. Splash Screen digunakan untuk menampilkan informasi tentang hal-hal
yang berhubungan dengan judul dan pembuat program aplikasi, beberapa detik sebelum program aplikasi siap digunakan. Objek splash screen ini tediri dari kontrol label, kontrol
image, dan kontrol timer.
1. Rancangan Form Splash Screen
Gambar 3.2 Rancangan Form Objek Spash Screen
Kontrol image Kontrol label 1
Kontrol label
Kontrol label Kontrol label 4
Kontrol Timer
3.5.2 Form Menu Utama
Menu utama merupakan halaman yang menampilkan form utama yang berisikan pilihan menu soal, dan exit. Menu utama ini terdiri dari kontrol command button dan kontrol image.
Fungsi darimenu utama ini adalah sebagai menu utama dari aplikasi untuk mengeksekusi objek-objek berikutnya.
Berikut ini adalah rancangan form utama dari aplikasi ini: 1.
Rancangan Form Menu Utama
Gambar 3.3 Rancangan Form Utama Gambar 3.3 Rancangan Form Menu Utama
3.5.3
Form Soal
Form soal ini digunakan user untuk menjawab pertanyaan yang tersedia sesuai dengan tahun
yang dipilih. Pilihan jawaban pada form soal ini ada 4 yaitu: A, B, C, D. Berikut ini adalah rancangan form soal:
Kontrol image Command button 1
Command button 2
1. Rancangan Form Soal
Gambar 3.4 Rancangan Form Soal
Gambar 3.4 Rancangan Form Soal
1. Pertanyaan A. Jawaban A C. Jawaban C
B. Jawaban B D. Jawaban D 2. Pertanyaan
A. Jawaban A C. Jawaban C B. Jawaban B D. Jawaban D
3. Pertanyaan A. Jawaban A C. Jawaban C
B. Jawaban B D. Jawaban D 4. Pertanyaan
A. Jawaban A C. Jawaban C B. Jawaban B D. Jawaban D
5. Pertanyaan A. Jawaban A C. Jawaban C
B. Jawaban B D. Jawaban D Sampai...soal ke 20
20. Pertanyaan A. Jawaban A C. Jawaban C
B. Jawaban B D. Jawaban D Tahun
Pilih Proses
Hitung score
Reset
Exit
3.5.4 Form Jawaban
Form jawaban digunakan agar user dapat membandingkan jawaban yang benar dengan
jawaban yang diinput oleh user. Sehingga jika jawaban user salah maka user dapat memperbaikinya. Jika jawaban user salah, maka status jawabannya berwarna merah dan jika
jawaban user benar, maka status jawabannya berwarna biru.
1. Rancangan Form Jawaban
Gambar 3.5 Rancangan Form Jawaban
Gambar 3.5 Rancangan Form Jawaban
Gambar 3.5 Rancangan Form Jawaban
3.5.5 Form Menu Input Soal
Dalam form menu soal input soal ini, pengguna dapat mengedit soal dengan menggunakan perintah tambah, edit, hapus, dan kembali. Dan data yang sudah di proses, secara otomatis
akan tersimpan di database. No status jawaban anda Jawaban yang benar jawaban anda
1. 2.
3. 20.
Hasil yang anda dapatkan
Status Label jawaban
Label jawaban Status
Label jawaban Label jawaban
Status Label jawaban
Label jawaban
Status Label jawaban
Label jawaban
Total Total
Skore Skore
Gambar 3.6 Rancangan Menu Input Soal
Gambar 3.6 Rancangan Form Menu Input Soal
Gambar 3.6 Rancangan Form Menu Input Soal 3.5.6
Form About
Form about memuat nama pembuat dan tujuan aplikasi ini dibuat. Dengan user mengklik
tombol about me yang terdapat pada menu utama, maka secara otomatis user dapat mengetahui pembuat aplikasi tersebut.
ID
Pertanyaan Pilihan A
Tambah Edit
Hapus List Soal
Pilihan B Pilihan C
Pilihan D Jawaban
Kategori
1. Rancangan Form About
Gambar 3.7 Rancangan Form About
Gambar 3.7 Rancangan Form about
Kontrol image Application Title
Penulis Tujuan pembuatan
aplikasi
OK Kontrol Timer
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem