82
b. Perencanaan
Bedasarkan informasi yang didapatkan mengenai kebutuhan dapat ditentukan produk yang dikembangkan adalah berupa sistem pengujian yang
mampu menyelenggarakan tes dan mampu menginterpretasikan skor tes. Perencanaan aplikasi kuis digital membutuhkan
flowchart sebagai alur proses
pembuatan agar sesuai dengan tahapan proses penelitian yang dibutuhkan.
Hasil dari tahap perencanaan adalah pembuatan flowchart aplikasi kuis
digital. Flowchart disusun secara berurutan dari proses awal hingga akhir yang
dibuat menggunakan simbol-simbol dan anak panah. Flowchart secara lengkap
dapat dilihat pada bagian Lampiran 4. Secara garis besar aplikasi terbagi menjadi tiga bagian yang akan dibahas berikut ini.
1 Bagian Awal
Bagian awal berisi informasi secara umum tentang aplikasi, diantaranya berisi tujuan pembelajaran, petunjuk pengoperasian, referensi materi, dan
informasi tentang pengembang.
Gambar 6. Diagram Bagian Awal Aplikasi Kuis Digital
2 Bagian Materi
Pada bagian materi, telah diidentifikasi kebutuhan bahwa materi yang akan muat dalam aplikasi, yaitu: materi gerbang logika dasar dan flip-flop.
83 Bagian ini berisi informasi terkait materi yang akan dijadikan tes, disertai
tambahan informasi tentang sejarah digital.
Gambar 7. Diagram Bagian Materi Aplikasi Kuis Digital
3 Bagian Kuis
Bagian kuis berisi bentuk tes yang akan dilakukan oleh pengguna. Tes tersebut adalah uji pengetahuan dan uji kemampuan. Sebelum dilakukan uji
kemampuan harus melalui tahap tes kemampuan awal yang digunakan untuk menentukan skor pengguna ke tingkatan kesulitan soal yang tersedia pada uji
kemampuan.
Gambar 8. Diagram Bagian Kuis Aplikasi Kuis Digital Konstruksi tes pada aplikasi hanya berupa dua buah tes, yaitu: uji
pengetahuan dan uji kemampuan Berikut ini merupakan flowchart kuis uji
pengetahuan dan uji kemampuan.
84 Gambar 9. Flowchart Kuis Uji Kemampuan dan Uji Pengetahuan
85
c. Permodelan
Hasil yang diperoleh dari tahap permodelan adalah story board. Story
board berisi desain tampilan aplikasi beserta penjelasan setiap icon yang tampil pada layar. Desain layout terdiri dari halaman home, hamalan mulai,
hamalan materi logika dasar, halaman materi flip-flop dan halaman soal kuis. Background aplikasi dibuat dengan warna beragam, agar aplikasi terlihat lebih
friendly, dan nyaman dilihat oleh mata. Tombol navigasi berupa gambar berbentuk awan agar lebih menarik. Hasil dari
story board berjumlah 22 halaman aplikasi.
Story board secara lengkap dapat dilihat pada Lampiran 2 B. Berikut ini
story board halaman mulai aplikasi kuis digital. Tabel 26.
Story Board
1. Halaman
Kategori