3.4 Perancangan Tampilan
3.4.1 Rancangan Halaman Awal
Rancangan Halaman awal merupakan tampilan awal ke menu utama untuk memulai aplikasi pembelajaran matematika yang menampilkan judul aplikasi dan Author
pembuat dan berbagai tombol pada setiap menu – menu yang ditampilkan.
Gambar 3.4.1 Kerangka Rancangan Halaman Awal
Universitas Sumatera Utara
3.4.2 Rancangan Materi
Pada rancangan ini berisikan tombol materi matematika yakni Bangun Datar, Bangun Ruang, KPK dan FPB, Pecahan, Pengukuran, Aritmatika Sosial, Volume dan Debit, Akar dan
Pangkat yang penyajiannya berupa ilustrasi. Klik materi, lalu akan muncul materi – materi
tersebut.
Gambar 3.4.2 Kerangka Rancangan Materi
Universitas Sumatera Utara
3.4.3 Rancangan Petunjuk
Pada rancangan tombol menu petunjuk, berisi tentang dari keterangan petunjuk yang membuat aplikasi.
3.4.4 Rancangan Kuis Mulai
Di menu kuis mulai, berisi tombol mulai, rancangan menu pertanyaan soal, dan rancangan menu hasil kuis, dimana masing
– masing tombol menu jika di klik akan menuju lembar masing
– masing yang terhubung, maka tampilan rancangan menu masing – masingnya seperti ini.
Gambar 3.4.3 Kerangka Rancangan Petunjuk
Universitas Sumatera Utara
sssssss
1 2
3
5
6
4
Gambar 3.4.4 Kerangka Rancangan Menu Kuis Mulai
3.4.5 Rancangan kuis Pertanyaan
Setelah klik tombol menu kuis yang terdapat menu mulai yaitu tombol mulai, maka menu selanjutnya akan masuk ke menu kuis, yang didalam kuis tersebut terdapat beberapa
pertanyaan soal, yang di jawab. Kerangka menu yang ditampilkan seperti ini.
Gambar 3.4.5 Kerangka Rancangan Menu Kuis Pertanyaan
1. Tombol Beranda 2. Tombol Suara
3. Tombol Keluar 4. Author
5. Judul 6. Soal
Universitas Sumatera Utara
1 2
3
4 5
6
7
8 9
10
11
3.4.6 Rancangan Hasil Kuis
Dimenu hasil kuis, klik menu kuis, lalu ke menu mulai yaitu, tombol mulai maka akan muncul pertanyaan soal, setelah menjawab soal, maka didalam menu kuis, terdapat hasil dari
pertanyaan soal yang di jawab dari menu kuis. Maka tampilan kerangka menu hasil kuis seperti ini.
Gambar 3.4.6 Kerangka Rancangan Menu Hasil Kuis
1. Tombol Beranda
2. Tombol Suara
3. Tombol Keluar
4. Author
5. Judul
6. Respon Hasil
7. Input Data Hasil Kuis
8. Tombol Simpan
9. Hasil Benar
10. Hasil Salah 11. Tombol Coba Lagi
Universitas Sumatera Utara
3.4.7 Rancangan Rapor
Di rancangan tombol menu rapor, Setelah menjawab Hasil kuis, Selanjutnya menjelaskan hasil tampilan rancangan rapor tersebut.
Gambar 3.4.7 Kerangka Rancangan Rapor
3.4.8 Rancangan Profil
Rancangan tombol menu profil berisikan menu yang menampilkan gambar dan data - data diri si pembuat.
Universitas Sumatera Utara
Gambar 3.4.8 Kerangka Rancangan Profil
Universitas Sumatera Utara
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian implementasi sistem