BAB III ANALISA DAN PERANCANGAN SISTEM
III.2. Design
III.2.3 Storyboard
III.2.3.1 Rancangan storyboard Pembuka
Gambar III.5 Rancangan storyboard pembuka Halaman ini merupakan tampilan awal pada saat program dijalankan. Halaman ini berfungsi sebagai link untuk
dapat masuk ke dalam Menu Utama, yaitu dengan menekan tombol “Masuk”.
III.2.3.2 Rancangan storyboard Menu Utama
Gambar III.6 Rancangan Storyboard Menu Utama Pada halaman ini terdapat beberapa tombol untuk menuju ke halaman petunjuk, halaman pendahuluan, halaman materi, halaman latihan soal, dan halaman kuis. Selain itu, terdapat tombol lainnya seperti :
- Tombol
x
: berfungsi untuk keluar dari program - Tombol : untuk memperbesar maupunIII.2.3.3 Rancangan storyboard Petunjuk
Gambar III.7 Rancangan Storyboard Petunjuk Halaman ini menampilkan petunjuk penggunaan program bantu belajar bangun ruang sisi datar. Pada Halaman terdapat tombol “Isi Program” dan “Fungsi Tombol”. User dapat memilih untuk menampilkan petunjuk mengenai isi program maupun fungsi tombol yang terdapat pada program bantu. Tombol “Menu Utama” merupakan link untuk kembali ke halaman Menu Utama.
III.2.3.4 Rancangan storyboard Pendahuluan
Halaman ini menampilkan tutorial pengantar mengenai bangun ruang sisi datar. Penyampaian dilakukan dengan menggabungkan elemen-elemen multimedia seperti teks, suara, gambar, dan animasi. Pada halaman ini juga disediakan beberapa tombol yaitu :
- Tombol : untuk menuju ke halaman berikutnya - Tombol : untuk kambali ke halaman sebelumnya.
III.2.3.5 Rancangan storyboard Materi
Gambar III.9 Rancangan Storyboard Materi Pada halaman ini terdapat 2 buah tombol untuk menuju halaman yang berbeda yaitu halaman materi balok dan kubus atau materi prisma dan limas. Untuk dapat menuju salah satu layar maka user menekan tombol atau tulisan sesuai dengan materi yang diinginkan.
III.2.3.6 Rancangan Storyboard Balok dan Kubus
Gambar III.10 Rancangan Storyboard Balok dan Kubus
Pada halaman ini terdapat tombol menuju halaman Pengertian, Jaring-jaring, dan Rumus dan Soal. Selain itu terdapat tombol “Materi” untuk kembali ke halaman materi dan “Menu Utama” untuk kembali ke halaman Menu Utama.
III.2.3.7 Rancangan Storyboard Pengertian Balok dan Kubus
Gambar III.11 Rancangan Storyboard Pengertian Balok dan Kubus
Halaman ini berisi penjelasan mengenai pengertian bangun ruang kubus dan balok. Pada halaman ini terdapat tombol ‘Menu Kubus dan Balok’ yang berfungsi untuk kembali ke halaman kubus dan balok.
Selain itu terdapat sebuah link untuk menuju halaman Unsur-unsur Kubus dan Balok.
III.2.3.8 Rancangan Storyboard Unsur-unsur Kubus dan Balok
Gambar III.12 Rancangan Storyboard Unsur-unsur Kubus dan Balok
Pada halaman ini terdapat animasi sebuah balok yang menunjukkan letak unsur-unsur kubus yang diinginkan. Untuk menampilkan animasi yang diinginkan user bisa memilih tombol yang disediakan, yaitu tombol Titik Sudut, tombol Rusuk, tombol Bidang Sisi, tombol Diagonal bidang, tombol Diagonal Ruang, dan tombol
Bidang Diagonal. Selain itu terdapat tombol Kembali untuk menuju halaman sebelumnya.
III.2.3.9 Rancangan Storyboard Jaring-Jaring Kubus
Gambar III.13 Rancangan Storyboard Jaring-Jaring Kubus
Halaman ini berisi penjelasan dan contoh jaring-jaring bangun ruang balok. Pada halaman ini ditampilkan animasi perubahan jaring-jaring kubus menjadi sebuah kubus. Tombol untuk memainkan animasi ini yaitu :
- Tombol : berfungsi untuk memainkan animasi jaring-jaring kubus.
- Tombol : berfungsi untuk menghentikan animasi.
III.2.3.10 Rancangan Storyboard Jaring-Jaring Balok
Gambar III.14 Rancangan Storyboard Jaring-Jaring Balok
Layar ini berisi penjelasan dan contoh jaring-jaring bangun ruang kubus. Fungsi tombol-tombol yang ada pada halaman ini sama dengan tombol-tombol yang ada pada rancangan storyboard jaring-jaring kubus.
III.2.3.11 Rancangan Storyboard Rumus Kubus dan Balok
Gambar III.15 Rancangan Storyboard Rumus Kubus dan Balok
Pada halaman ini user dapat memilih rumus yang diinginkan dengan menekan salah satu tombol yang disediakan. Tombol rumus yang ada pada halaman ini adalah tombol Luas Permukaan, tombol Volume, tombol Diagonal Bidang, tombol Diagonal Ruang, dan tombol bidang Diagonal.
III.2.3.12 Rancangan Storyboard Luas Permukaan Kubus dan balok
Gambar III.16 Rancangan Storyboard Luas Permukaan Kubus dan Balok
Halaman ini menjelaskan rumus luas permukaan kubus dan rumus luas permukaan balok. Tampilan dan tombol yang pada halaman ini sama dengan halaman volume kubus dan balok, bidang diagonal kubus dan balok, diagonal ruang kubus dan balok, dan diagonal bidang kubus dan balok.
III.2.3.13 Rancangan Storyboard Contoh Soal Luas Permukaan Kubus dan Balok
Gambar III.17 Rancangan Storyboard Contoh Soal Luas Permukaan Kubus dan Balok
Halaman ini menampilkan contoh soal luas permukaan kubus dan balok. Pada halaman ini terdapat tombol jawab. Apabila user menekan tombol ini maka akan muncul jawaban dari soal yang diberikan. Tampilan dan tombol yang pada halaman ini sama dengan halaman contoh soal volume kubus dan balok, bidang diagonal kubus dan balok, diagonal ruang kubus dan balok, dan diagonal bidang kubus dan balok.
III.2.3.14 Rancangan Storyboard Prisma dan Limas
Gambar III.18 Rancangan Storyboard Prisma dan Limas
Pada halaman ini terdapat tombol menuju halaman Pengertian, Jaring-jaring, dan Rumus dan Contoh Soal . Selain itu terdapat tombol Materi untuk kembali ke layar materi.
III.2.3.15 Rancangan Storyboard Pengertian Prisma
Gambar III.19 Rancangan Storyboard Pengertian Prisma
Layar ini berisi penjelasan mengenai pengertian bangun ruang prisma. Pada halaman ini terdapat tombol untuk menuju halaman pengertian limas. Selain itu, terdapat link Unsur-unsur prisma untuk dapat menuju halaman unsur-unsur prisma.
III.2.3.16 Rancangan Storyboard Unsur-unsur Prisma
Gambar III.20 Rancangan Storyboard Pengertian Prisma
Pada halaman ini terdapat animasi sebuah prisma yang menunjukkan letak unsur-unsur prisma yang diinginkan. Untuk menampilkan animasi yang diinginkan user bisa memilih tombol yang disediakan, yaitu tombol Titik Sudut, tombol Rusuk, dan tombol Bidang Sisi.
III.2.3.17 Rancangan Storyboard Pengertian Limas
Gambar III.21 Rancangan Storyboard Pengertian Limas
Layar ini berisi penjelasan mengenai pengertian bangun ruang limas. Pada halaman ini terdapat tombol untuk kembali ke halaman pengertian prisma. Selain itu, terdapat link Unsur-unsur limas untuk dapat menuju halaman unsur-unsur limas.
III.2.3.18 Rancangan Storyboard Unsur-unsur Limas
Gambar III.22 Rancangan Storyboard Unsur-unsur Limas
Pada halaman ini terdapat animasi sebuah limas yang menunjukkan letak unsur-unsur limas yang diinginkan. Untuk menampilkan animasi yang diinginkan user bisa memilih tombol yang disediakan, yaitu tombol Titik Sudut, tombol Rusuk, dan tombol Bidang Sisi.
III.2.3.19 Rancangan Storyboard Jaring-Jaring Prisma
Gambar III.23 Rancangan Storyboard Jaring-jaring Prisma
Halaman ini berisi penjelasan dan contoh jaring-jaring bangun ruang prisma. Pada halaman ini ditampilkan animasi perubahan jaring-jaring prisma menjadi sebuah prisma. Tombol-tombol yang ada pada halaman ini sama dengan tombol-tombol pada halaman jaring-jaring kubus.
III.2.3.20 Rancangan Storyboard Jaring-Jaring Limas
Gambar III.24 Rancangan Storyboard Jaring-jaring Limas
Halaman ini berisi penjelasan dan contoh jaring-jaring bangun ruang limas. Pada halaman ini ditampilkan animasi perubahan jaring-jaring limas menjadi sebuah limas. Tombol-tombol yang ada pada halaman ini sama dengan tombol-tombol pada halaman jaring-jaring kubus.
III.2.3.21 Rancangan Storyboard Rumus Prisma dan Limas
Gambar III.25 Rancangan Storyboard Rumus Prisma dan Limas
Pada halaman ini user dapat memilih rumus yang diinginkan dengan menekan salah satu tombol yang disediakan. Tombol rumus yang ada pada halaman ini adalah tombol Luas Permukaan Limas, tombol Volume Limas, tombol Luas Permukaan Prisma, dan tombol Volume Prisma.
III.2.3.22 Rancangan Storyboard Luas Permukaan Limas
Gambar III.26 Rancangan Storyboard Luas Permukaan Limas
Halaman ini menjelaskan rumus luas permukaan limas. Tampilan dan tombol yang pada halaman ini sama dengan halaman volume limas, halaman luas permukaan prisma, dan halaman volume prisma.
III.2.3.23 Rancangan Storyboard Contoh Soal Luas Permukaan Limas
Gambar III.27 Rancangan Storyboard Contoh Soal Luas Permukaan Limas
Halaman ini menampilkan contoh soal luas permukaan limas. Pada halaman ini terdapat tombol jawab. Apabila user menekan tombol ini maka akan muncul jawaban dari soal yang diberikan. Tampilan dan tombol yang pada halaman ini sama dengan halaman contoh soal volume limas, halaman contoh soal luas permukaan prisma, dan halaman contoh soal volume prisma.
III.2.3.24 Rancangan storyboard Latihan Soal
Gambar III.28 Rancangan Storyboard Latihan Soal Layar ini merupakan tampilan utama latihan soal. Sebelum user mengerjakan soal-soal latihan, terlebih dahulu harus menulis nama pada input box. Nama ini akan tersimpan dan di tampilkan kembali bersama nilai di akhir soal. Tombol “Mulai” berfungsi untuk menuju layar latihan soal yang pertama.
III.2.3.25 Rancangan Storyboard Soal
Layar ini merupakan tampilan soal yang terdiri dari empat buah pilihan jawaban. User dapat memilih salah satu jawaban kemudian menekan tombol ok untuk melanjutkan ke soal berikutnya.