Yes

Awal media Exit

No
Start

Menu
Kompetensi

Contoh soal

Praktikum
Prasyarat

Bantuan

Latihan
Tujuan

Profil
i

Pendahuluan Unsur-Unsur Luas Volume Ringkasan

permukaan

Kubus Kubus
Kubus

Nilai anda ≥8
Balok
Simul tuntas
Simul asi
asi
Next
Next Nilai anda
tidak tuntas
Balok
Balok

Simul
Simul asi
asi
Next
Next

Gambar 4.1 Flowchart media pembelajaran

57
 58

Penjelasan dari alur flowchart dapat dilihat pada story board berikut:

Tampilan: Awal media

Keterangan :
 Halaman awal media merupakan tampilan judul materi dengan format tulisan
menggunakan text Arial Black yang dimodifikasi dengan warna dan animasi.
 Logo Universitas jambi pada kiri atas layar dan logo Dinas Pendidikan pada
kanan bawah layar.
 Pada sisi kanan bawah terdapat tombol “Mulai” untuk masuk ke menu utama.

Tampilan : Menu utama

Keterangan :
 Konsep penyususnan pada menu materi disusun dengan menggunakan konsep
mind mapp yang terdiri dari, tombol pendahuluan, materi mengenal kubus dan
balok, luas permukaan kubus dan balok, volume kubus dan balok dan
ringkasan.
 Pada sisi kanan layar terdapat, tombol materi prasyarat, contoh soal, soal
latihan, panduan praktikum, profil penyusun dan tombol bantuan
 59

Tampilan : Kompetensi

Keterangan :
 Pada halaman kompetensi berisi kompetensi inti dan kompetensi dasar dengan
format penulisan Franklin Gothic Demi Cond
 Pada bagian bawah kompetensi inti dan kompetensi dasar terdapat tombol
“Menu Utama” untuk menuju ke halaman menu utama

Tampilan : Tujuan pembelajaran

Keterangan :
 Pada halaman tujuan pembelajaran berisi indikator dan tujuan pembelajaran
dengan format penulisan Franklin Gothic Demi Cond
 Pada bagian bawah kompetensi inti dan kompetensi dasar terdapat tombol
“Menu Utama” untuk menuju ke halaman menu utama.
 60

Tampilan : Pendahuluan

Keterangan :
 Pada halaman pendahuluan berisi materi secara garis besar dengan format
penulisan Franklin Gothic Demi Cond.
 Pada bagian bawah pendahuluan terdapat tombol “Play” untuk memutar video
aktifitas pabrik yang memiliki keterkaitan dengan materi dan tombol “Menu
Utama” untuk menuju ke halaman menu utama.

Tampilan: Materi mengenal unsur-unsur kubus dan balok

Keterangan :
 Pada halaman materi mengenal kubus dan balok berisi materi definisi kubus dan
balok dengan format penulisan Franklin Gothic Heavy.
 Pada bagian bawah materi terdapat gambar kubus dan balok yang berfungsi
sebagai tombol untuk masuk ke halaman unsur-unsur kubus dan balok dan
tombol “Menu Utama” untuk menuju ke halaman menu utama
 61

Tampilan : Materi sisi kubus

Keterangan :
 Pada halaman materi sisi kubus berisi materi definisi sisi kubus dan bagian-bagiannya
dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi sisi kubus terdapat 6 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian sisi kubus, tombol “Menu Utama”
untuk menuju ke halaman menu utama dan tombol “lanjut” untuk masuk ke halaman
selanjutnya.
 Pada bagian samping materi terdapat gambar rangka kubus yang dihubungkan dengan
keenam tombol interaktif.
Tampilan : Materi rusuk kubus

Keterangan :
 Pada halaman materi rusuk kubus berisi materi definisi rusuk kubus dan bagian-
bagiannya dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi rusuk kubus terdapat 12 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian rusuk kubus, tombol “Menu Utama”
untuk menuju ke halaman menu utama dan tombol “lanjut” untuk masuk ke halaman
selanjutnya.
 Pada bagian samping materi terdapat gambar rangka kubus yang dihubungkan dengan
tombol interaktif.
 62

Tampilan : Materi titik sudut kubus

Keterangan :
 Pada halaman materi titik sudut kubus berisi materi definisi titik sudut kubus dan bagian-
bagiannya dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi titik sudut kubus terdapat 8 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian titik sudut kubus, tombol “Menu
Utama” untuk menuju ke halaman menu utama, dan tombol “lanjut” untuk masuk ke
halaman selanjutnya.
 Pada bagian samping materi terdapat gambar rangka kubus yang dihubungkan dengan
kedelapan tombol interaktif.

Tampilan: Materi jaring-jaring kubus

Keterangan :
 Pada halaman materi jaring kubus berisi materi definisi jaring-jaring kubus dengan format
penulisan Franklin Gothic Heavy.
 Pada halaman materi jaring kubus terdapat gambar kubus yang telah dimodifikasi dengan
animasi interaktif, tombol “buka jaring kubus” unutk menjalankan animasi tersebut dan
tombol “Menu Utama” untuk menuju ke halaman menu utama.
 Pada bagian samping layar terdapat tombol next untuk lanjut ke materi mengenal unsur-
unsur balok.
 63

Tampilan : Materi sisi balok

Keterangan :
 Pada halaman materi sisi balok berisi materi definisi sisi balok dan bagian-bagiannya
dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi sisi balok terdapat 6 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian sisi balok, tombol “Menu Utama”
untuk menuju ke halaman menu utama dan tombol “lanjut” untuk masuk ke halaman
selanjutnya.
 Pada bagian samping materi terdapat gambar rangka balok yang dihubungkan dengan
keenam tombol interaktif.
Tampilan : Materi rusuk balok

Keterangan :
 Pada halaman materi rusuk balok berisi materi definisi rusuk balok dan bagian-bagiannya
dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi rusuk balok terdapat 12 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian rusuk balok, tombol “Menu Utama”
untuk menuju ke halaman menu utama dan tombol “lanjut” untuk masuk ke halaman
selanjutnya.
 Pada bagian samping materi terdapat gambar rangka balok yang dihubungkan dengan
tombol interaktif.
 64

Tampilan : Materi titik sudut balok

Keterangan :
 Pada halaman materi titik sudut balok berisi materi definisi titik sudut balok dan bagian-
bagiannya dengan format penulisan Franklin Gothic Heavy.
 Pada halaman materi titik sudut balok terdapat 8 tombol interaktif yang berfungsi untuk
membantu siswa dalam mengetahui bagian-bagian titik sudut balok, tombol “Menu
Utama” untuk menuju ke halaman menu utama, dan tombol “lanjut” untuk masuk ke
halaman selanjutnya.
 Pada bagian samping materi terdapat gambar rangka balok yang dihubungkan dengan
kedelapan tombol interaktif.

Tampilan : Materi jaring-jaring balok

Keterangan :
 Pada halaman materi jaring balok berisi materi definisi jaring-jaring balok dengan
format penulisan Franklin Gothic Heavy.
 Pada halaman materi jaring balok terdapat gambar balok yang telah dimodifikasi
dengan animasi interaktif, tombol “buka jaring balok” unutk menjalankan animasi
tersebut dan tombol “Menu Utama” untuk menuju ke halaman menu utama.
 65

Tampilan : Materi luas permukaan kubus dan balok

Keterangan :
 Pada halaman materi luas permukaan kubus dan balok berisi materi keterkaitan antara
luas permukaan kubus dan balok dengan jaring-jaring kubus dan balok dengan format
penulisan Franklin Gothic Heavy.
 Pada bagian bawah materi terdapat gambar kubus dan balok yang berfungsi sebagai
tombol untuk masuk ke halaman simulasi fuzzle menghitung luas kubus dan balok dan
tombol “Menu Utama” untuk menuju ke halaman menu utama.

Tampilan : Simulasi fuzzle menghitung luas permukaan kubus

Keterangan :
 Pada halaman simulasi fuzzle menghitung luas permukaan terdapat gambar jaring-jaring
kubus dengan transparansi 30% yang merupakan sebagai media fuzzle.
 Pada bagian sisi paling kanan layar terdapat 3 persegi satuan dengan warna yang berbeda,
persegi-persegi tersebut merupakan fuzzle yang berfungsi untuk menghitung luas jaring-
jaring kubus.
 Pada bagian bawah media simulasi terdapat tombol untuk masuk ke halaman pembahasan
materi dan tombol “Menu Utama” untuk menuju ke halaman menu utama.
 66

Tampilan : Simulasi fuzzle menghitung luas permukaan balok

Keterangan :
 Pada halaman simulasi fuzzle menghitung luas permukaan terdapat gambar jaring-
jaring balok dengan transparansi 30% yang merupakan sebagai media fuzzle.
 Pada bagian sisi paling kanan layar terdapat 4 persegi satuan dengan warna yang
berbeda, persegi-persegi tersebut merupakan fuzzle yang berfungsi untuk
menghitung luas jaring-jaring balok.
 Pada bagian bawah media simulasi terdapat tombol untuk masuk ke halaman
pembahasan materi dan tombol “Menu Utama” untuk menuju ke halaman menu
utama.
Tampilan : Materi volume kubus dan balok

Keterangan :
 Pada halaman materi volume kubus dan balok berisi materi definisi volume dalam
satuan kubik dengan format penulisan Franklin Gothic Heavy.
 Pada bagian bawah materi terdapat gambar kubus dan balok yang berfungsi
sebagai tombol untuk masuk ke halaman simulasi fuzzle menghitung volume
kubus dan balok dan tombol “Menu Utama” untuk menuju ke halaman menu
utama
 67

Tampilan : Simulasi fuzzle menghitung volume kubus

Keterangan :
 Pada halaman simulasi fuzzle menghitung volume terdapat gambar rangka kubus yang
berfungsi sebagai media fuzzle.
 Pada bagian sisi kanan atas layar simulasi terdapat kubus satuan dengan warna yang
berbeda, kubus satuan tersebut merupakan fuzzle yang berfungsi untuk menghitung
volume kubus.
 Pada bagian bawah media simulasi terdapat tombol untuk masuk ke halaman pembahasan
materi dan tombol “Menu Utama” untuk menuju ke halaman menu utama.
Tampilan : Simulasi fuzzle menghitung volume balok

Keterangan :
 Pada halaman simulasi fuzzle menghitung volume terdapat gambar rangka balok yang
berfungsi sebagai media fuzzle.
 Pada bagian sisi kanan atas layar simulasi terdapat kubus satuan dengan warna yang
berbeda, kubus satuan tersebut merupakan fuzzle yang berfungsi untuk menghitung
volume balok.
 Pada bagian bawah media simulasi terdapat tombol untuk masuk ke halaman pembahasan
materi dan tombol “Menu Utama” untuk menuju ke halaman menu utama.
 68

Tampilan : Ringkasan materi

Keterangan :
 Pada halaman ringkasan materi berisi point-point penting dari materi kubus dan
balok, tiap-tiap poin tersebut merupakan ringkasan dari materi-materi yang telah
dibahas. format penulisan Franklin Gothic Heavy.
 Pada halaman ringkasan materi terdapat tombol “Menu Utama” untuk menuju ke
halaman menu utama.

Tampilan : Materi prasyarat

Keterangan :
 Pada halaman materi prasyarat berisi materi-materi dasar yang berkaitan dengan
materi kubus dan balok. Materi dasar tersebut merupakan materi yang telah
dipelajari sebelumnya baik di SD maupun di kelas VII SMP. format penulisan
Franklin Gothic Heavy.
 Pada halaman ringkasan materi terdapat tombol “Menu Utama” untuk menuju ke
halaman menu utama.
 69

Tampilan : Contoh soal

Keterangan :
 Pada halaman contoh soal berisi contoh-contoh soal dari materi kubus dan balok beserta
langkah-langkah penyelesaiannya. format penulisan text Maiandra GD
 Pada halaman contoh soal terdapat tombol “Menu Utama” untuk menuju ke halaman
menu utama.

Tampilan : Soal latihan

Keterangan :
 Pada halaman soal latihan terdapat kolom nama siswa yang akan terhubung ke halaman
penilaian dengan format penulisan text Cooper Black.
 Tombol mulai berfungsi untuk masuk kehalaman soal
 Jumlah soal terdiri dari 10 butir soal objectiv dengan penscoran tiap-tiap soal yang benar
bernilai 10 dan tiap-tiap soal yang salah bernilai 0.
 Dihalaman soal terakhir terdapat tombol penilaian yang akan masuk ke halaman penilaian
dengan standar ketuntasan minimum 80.
 Pada halaman soal latihan terdapat tombol “Menu Utama” untuk menuju ke halaman
menu utama.
 70

Tampilan : Panduan praktikum

Keterangan :
 Pada halaman praktikum berisi tugas praktikum siswa secara berkelompok yang
terdiri dari, bahan dan alat praktikum, langkah kerja atau kegiatan praktikum, dan
halaman diskusi siswa. format penulisan Maiandra GD.
 Penyusunan tugas praktikum siswa disusun sesuai dengan LKPD dan dilengkapi
dengan contoh gambar.
 Tombol next berfungsi untuk masuk ke halaman praktikum selanjutnya
 Tombol back berfungsi untuk kembali ke halaman praktikum sebelumnya
 Pada halaman praktikum terdapat tombol “Menu Utama” untuk menuju ke
halaman menu utama.
Tampilan : profil penyusun

Keterangan :
 Pada halaman profil penyusun berisi profil pengembang media dengan format
penulisan text Cooper Black dan juga terdapat foto pengembang media.
 Pada halaman profil penyusun terdapat tombol “Menu Utama” untuk menuju ke
halaman menu utama.
 71

Tampilan : bantuan

Keterangan :
 Pada halaman bantuan berisi petunjuk penggunaan tombol-tombol pada media
dengan format penulisan text Maiandra GD.
 Halaman bantuan juga terdapat pada halaman-halaman simulasi yang berfungsi
untuk membantu siswa melakukan simulasi.
 Pada halaman bantuan terdapat tombol “Menu Utama” untuk menuju ke halaman
menu utama.