Dari flowchart pada Gambar 3.31 maka dapat dijelaskan sebagai berikut: 1.
Saat memulai sistem, pengguna akan diberikan tampilan menu awal dari sistem dan pengguna diminta untuk memilih menu yang ada meliputi
augmented reality, kubus, balok, prisma, limas segitiga, limas segiempat, tabung, kerucut, bola dan latihan.
2. Jika pengguna menekan tombol kubus, maka akan muncul materi kubus.
3. Jika pengguna menekan tombol balok, maka akan muncul materi balok.
4. Jika pengguna menekan tombol prisma, maka akan muncul materi prisma.
5. Jika pengguna menekan tombol limas segitiga, maka akan muncul materi
limas segitiga. 6.
Jika pengguna menekan tombol limas segiempat, maka akan muncul materi limas segiempat.
7. Jika pengguna menekan tombol tabung, maka akan muncul materi tabung.
8. Jika pengguna menekan tombol kerucut, maka akan muncul materi kerucut.
9. Jika pengguna menekan tombol bola, maka akan muncul materi bola.
10. Jika pengguna menekan tombol augmented reality maka akan muncul
tampilan dari augmented reality. 11.
Jika pengguna menekan tombol latihan, maka akan muncul soal-soal latihan mengenai bangun ruang.
12. Menu keluar adalah layanan aplikasi kapada pengguna untuk keluar dan
menutup dari aplikasi.
3.4 Perancangan Tampilan Antarmuka Aplikasi
Tampilan antarmuka perlu dirancang untuk menggambarkan sistem yang akan dibuat dan membantu mempermudah proses pembangunan sistem. Rancangan tampilan
sistem dapat dilihat dan akan dijelaskan sebagai berikut.
Universitas Sumatera Utara
3.4.1 Rancangan Halaman Utama
Tampilan halaman utama sistem pengenalan bangun ruang menggunakan augmented reality ini bertujuan untuk mempermudah pengguna dalam menggunakan sistem
melalui menu yang terlihat pada tampilan halaman utama dan disesain dengan fitur- fitur yang menarik. Secara umum menu utama terbagi menjadi tiga bagian yaitu
tampilan gambar animasi, tampilan judul untuk mengetahui judul aplikasi dan tampilan menu. Tampilan menu berisi tombol-tombol navigasi menu augmented
reality, kubus, balok, prisma, limas segitiga, limas segiempat, tabung, kerucut, bola, latihan dan keluar. Selain itu juga terdapat tampilan animasi gambar untuk
memperjelas dari fungsi masing-masing tombol menu. Rancangan tampilan halaman
utama dapat dilihat pada Gambar 3.32.
2
13 12
11 10
9 8
7 6
5 4
3 1
Gambar 3.32 Rancangan Tampilan Halaman Utama
Keterangan Gambar 3.32 adalah sebagai berikut: 1.
Untuk menampilkan judul sistem 2.
Untuk menampilkan animasi gambar dari tombol
Universitas Sumatera Utara
3. Tombol keluar untuk menutup aplikasi
4. Tombol augmented reality
5. Tombol kubus untuk masuk ke materi kubus
6. Tombol balok untuk masuk ke materi balok
7. Tombol prisma untuk masuk ke materi prisma
8. Tombol limas segitiga untuk masuk ke materi limas segitiga
9. Tombol limas segiempat untuk masuk ke materi limas segiempat
10. Tombol tabung untuk masuk ke materi tabung
11. Tombol kerucut untuk masuk ke materi kerucut
12. Tombol bola untuk masuk ke materi bola
13. Tombol latihan untuk masuk ke halaman latihan
3.4.2 Rancangan Menu Materi
Halaman menu materi berfungsi untuk menampilkan materi materi pelajaran matematika tentang bangun ruang. Menu materi ini berfungsi untuk menampilkan
masing masing dari materi kubus, balok, prisma, limas segitiga, limas segiempat, tabung, kerucut, dan bola. Rancangan untuk menu materi dapat dilihat pada Gambar
3.33.
10 9
7
8 6
5 4
3 2
1
Gambar 3.33 Rancangan Tampilan Halaman Materi
Universitas Sumatera Utara
Keterangan Gambar 3.33 adalah sebagai berikut: 1.
Untuk menampilkan judul materi 2.
Untuk menampilkan sub judul materi 3.
Tombol untuk sub menu home 4.
Tombol untuk sub menu ciri-ciri 5.
Tombol untuk sub menu volume 6.
Tombol untuk sub menu luas 7.
Bagian untuk menampilkan isi dari materi 8.
Tombol untuk menu utama 9.
Tombol untuk materi sebelumnya 10.
Tombol untuk materi selanjutnya
3.4.3 Rancangan Menu Latihan
Halaman menu tes digunakan untuk mengetahui tingkat pemahaman siswa dalam mempelajari materi yang telah diberikan. Tampilan menu tes terbagi menjadi tiga
bagian yaitu bagian pertama memasukkan nama pengguna untuk memulai tes, bagian kedua yaitu tampilan soal-soal tes dan bagian ketiga hasil tes yang diperoleh.
Rancangan tampilan untuk bagian pertama memulai tes dapat dilihat pada Gambar 3.34
INPUT NAMA PESERTA TOMBOL
MULAI TES
TOMBOL MENU UTAMA
JUDUL “LATIHAN”
PETUNJUK TES
Gambar 3.34 Rancangan Tampilan Halaman Mulai Tes
Universitas Sumatera Utara
Setelah memasukkan nama dan menekan tombol mulai tes, maka tampilan soal dan pilihan jawaban akan muncul seperti Gambar 3.35.
TOMBOL MENU UTAMA
GAMBAR BANGUN RUANG
PILIHAN JAWABAN SOAL
LATIHAN
Gambar 3.35 Rancangan Tampilan Halaman Tes
Setelah menjawab 10 pertanyaan mengenai bangun ruang, pengguna dapat melihat hasil tes. Tampilan hasil akan menampilkan nama pengguna yang melakukan
tes, jawaban benar, jawaban salah dan total nilai tes. Rancangan tampilan hasil tes terdapat pada Gambar 3.36.
TOMBOL MENU UTAMA
SKOR PESERTA
JUMLAH JAWABAN SALAH
JUMLAH JAWABAN BENAR
NAMA PESERTA
HASIL LATIHAN
Gambar 3.36 Rancangan Tampilan Halaman Hasil Tes
Universitas Sumatera Utara
3.5 Story Board Aplikasi
