3.5 Story Board Aplikasi
Storyboard atau disebut juga dengan papan cerita merupakan rancangan tampilan yang dideskripsikan secara berurut mengenai fungsi menu ataupun navigasi lainnya
dalam suatu sistem. Storyboard merupakan serangkaian sketsa yang dibuat berbentuk pesegi panjang yang menggambar kan sautu urutan alur cerita elemen-elemen yang
diusulkan untuk sistem. Storyboard dijabarkan secara jelas sehingga dapat mendeskripsikan rancangan yang akan dibuat secara tepat. Hasil dari storyboard akan
digunakan untuk membangun sistem agar lebih terstruktur.
Pada storyboard terdapat frame-frame yang berisikan gambar maupun tulisan yang terdapat pada sistem. Frame merupakan sketsa rancangan elemen yang akan
muncul dalam tampilan multimedia. Storyboard untuk sistem pengenalan bangun ruang menggunakan augmented reality dapat dilihat pada tabel berikut.
Tabel 3. 12 Storyboard Perancangan Sistem Pengenalan Bangun Ruang Menggunakan Augmented Reality
No Kategori Visual
Audio 1 Menu
Utama Lihat gambar 3.7
TEKS:
a. Judul : BANGUN RUANG
- warna hijau , kuning dengan efek
bersinar putih
TOMBOL:
a. tombol augmented reality
- teks : AR
- teks berwarna putih
- warna hijau gelap
- berbentuk elips
b. tombol Kubus
- teks : KUBUS
- music ‘Schubert-
Serenade’ dimainkan
ketika sistem
dijalankan - sound
effect ketika
kursor di arahakan
ke tombol
Universitas Sumatera Utara
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
c. tombol balok
- teks : BALOK
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
d. tombol prisma
- teks : PRISMA
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
e. tombol limas segitiga
- teks : LIMAS SEGITIGA
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
f. tombol limas segiempat
- teks : LIMAS SEGIEMPAT
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
g. tombol tabung
- teks : TABUNG
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
h. tombol kerucut
- teks : KERUCUT
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
Universitas Sumatera Utara
i. tombol bola
- teks : BOLA
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
j. tombol latihan
- teks : LATIHAN
- teks berwarna putih
- warna hijau terang
- berbentuk persegi panjang
k. tombol keluar
- teks : QUIT
- teks berwarna putih
- warna kuning
- berbentuk persegi panjang
ANIMASI : -
Animasi titik-titik putih di belakang tombol seperti efek salju
BACKGROUND : -
Background berwarna hijau tua
2 Halaman materi
Lihat gambar 3.8
TEKS :
a. Judul : KUBUS
- Warna : putih
b. Sub Judul : KUBUS
- Warna : biru
- Materi : Kubus ABCDEFGH
c. Sub Judul : Ciri-ciri Kubus
- Warna : biru
- Materi :
Jumlah bidang sisi ada 6 buah yang
-Musik “Schubert-
Serenade” tetap
berjalan. - sound
effect ketika
tombol di klik
Universitas Sumatera Utara
berbentuk bujur sangkar. ABCD, EFGH, ABFE, BCGF, CDHG, ADHE
Mempunyai 8 titik sudut. A, B, C, D, E, F, G, H
Mempunyai 12 rusuk yang sama panjang. AB, CD, EF, GH, AE, BF,
CG, DH, AD, BC, EH, FG
Semua sudutnya siku-siku
Mempunyai 4 diagonal ruang dan 12 diagonal bidang. 4 diagonal ruang =
garis AG, BH, CE, DF. 12 diagonal bidang = garis AC, BD, EG, FH, AH,
DE, BG, CF, AF, BE, CH, DG.
d. Sub Judul : Volume Kubus
- Warna : biru
- Materi : Volume V = s x s x s = s
3
e. Sub Judul : Luas Kubus
- Warna : biru
- Materi : Luas L = 6 x s x s = s
2
f. Judul : BALOK
- Warna : putih
g. Sub Judul : BALOK
- Warna : biru
- Materi : Balok ABCDEFGH
h. Sub Judul : Ciri-ciri Balok
- Warna : biru
- Materi :
Alasnya berbentuk segi empat
Terdiri dari 12 rusuk. AB, CD, EF, GH, AE, BF, CG, DH, AD, BC, EH,
FG
Universitas Sumatera Utara
Mempunyai 6 bidang sisi. ABCD, EFGH, ABFE, BCGF, CDHG, ADHE
Memiliki 8 titik sudut. A, B, C, D, E, F, G, H
Seluruh sudutnya siku-siku.
Mempunyai 4 diagonal ruang = garis AG, BH, CE, DF dan 12 diagonal
bidang = AC, BD, EG, FH, AH, DE, BG, CF, AF, BE, CH, DG.
i. Sub Judul : Volume Balok
- Warna : biru
- Materi : Volume = p x l x t
j. Sub Judul : Luas Balok
- Warna : biru
- Materi : Luas = 2 x {p x l + p x t + l
x t}
k. Judul : PRISMA
- Warna : putih
l. Sub Judul : PRISMA
- Warna : biru
- Materi : Prisma ABCDEF
m. Sub Judul : Ciri-ciri Prisma
- Warna : biru
- Materi :
Terdiri dari 6 titik sudut . A, B, C, D, E, F
Mempunyai 9 buah rusuk. AB, BC, CA, DE, EF, FD, AD, BE, CF
Mempunyai 5 bidang sisi. ABC, DEF, ABED, BEFC, ACFD
n. Sub Judul : Volume Prisma
Universitas Sumatera Utara
- Warna : biru
- Materi :
Volume = Luas alas x tinggi
Luas alas = ½ x alas x tinggi
o. Sub Judul : Luas Prisma
- Warna : biru
- Materi : Luas = 2 x ½ a x b + a x t +
b x t + p x t
p. Judul : LIMAS
- Warna : putih
q. Sub Judul : Limas Segitiga
- Warna : biru
- Materi : Limas TABC
r. Sub Judul : Ciri-ciri Limas Segitiga
- Warna : biru
- Materi :
Alasnya berbentuk segitiga
Mempunyai 4 bidang sisi alas dan 3 sisi tegak. ABC, ABT, BCT, ACT
Mempunyai 6 rusuk. AB, BC, CA, AT, BT, CT
Mempunyai 4 titik sudut. A, B ,C, T
s. Sub Judul : Volume Limas Segitiga
- Warna : biru
- Materi :
Luas alas = ½ alas x tinggi
Volume = 13 Luas alas x tinggi
t. Sub Judul : Luas Limas Segitiga
- Warna : biru
- Materi : Luas = Luas alas + 3 x luas
sisi tegak
Universitas Sumatera Utara
u. Judul : LIMAS
- Warna : putih
v. Sub Judul : Limas Segiempat
- Warna : biru
- Materi : Limas ABCDE
w. Sub Judul : Ciri-ciri Limas Segiempat
- Warna : biru
- Materi :
Alasnya berbentuk segiempat BCDE
Mempunyai 5 bidang sisi. BCDE, ABC, ACD,ABE, ADE
Mempunyai 5 titik sudut. A, B,C,D,E
Mempunyai 8 rusuk . AB, AC, AD, AE, BC, CD, DE, BE
x. Sub Judul : Volume Limas Segiempat
- Warna : biru
- Materi :
Volume = 13 Luas alas x tinggi
Luas alas = p x l
y. Sub Judul : Luas Limas Segiempat
- Warna : biru
- Materi : Luas = Luas alas + 4 x luas
sisi tegak
z. Judul : TABUNG
- Warna : putih
aa. Sub Judul : Tabung
- Warna : biru
- Materi : Tabung
bb. Sub Judul : Ciri-ciri Tabung
- Warna : biru
Universitas Sumatera Utara
- Materi :
Mempunyai 2 rusuk
Alas dan atapnya berupa lingkaran
Mempunyai 3 bidang sisi . 2 bidang sisi lingkaran atas dan bawah, 1
bidang selimut
cc. Sub Judul : Volume Tabung
- Warna : biru
- Materi :
Volume Tabung = Luas alas x tinggi
Luas alas = x r
2
dd. Sub Judul : Luas Tabung
- Warna : biru
- Materi : Luas tabung = x r
2
x t
ee. Judul : KERUCUT
- Warna : putih
ff. Sub Judul : Kerucut
- Warna : biru
- Materi : Kerucut
gg. Sub Judul : Ciri-ciri Kerucut
- Warna : biru
- Materi :
Mempunyai 2 bidang sisi . 1 bidang sisi lingkaran dan 1 bidang sisi selimut
Mempunyai 2 rusuk dan 1 titik sudut
hh. Sub Judul : Volume Kerucut
- Warna : biru
- Materi :
Volume = 13 x luas alas x tinggi
= 13 x x r
2
x t
ii. Sub Judul : Luas Kerucut
Universitas Sumatera Utara
- Warna : biru
- Materi : Luas selimut = x r x s
- Luas alas = x r
2
- Luas permukaan kerucut = Luas alas
+ luas selimut
jj. Judul : BOLA
- Warna : putih
kk. Sub Judul : Bola
- Warna : biru
- Materi : Bola
ll. Sub Judul : Ciri-ciri Bola
- Warna : biru
- Materi :
Hanya mempunyai 1 bidang
Tidak mempunyai sudut dan tidak mempunyai rusuk
mm. Sub Judul : Volume Bola
- Warna : biru
- Materi :
Volume = 43 r
3
nn. Sub Judul : Luas Bola
- Warna : biru
- Materi : Luas = 4 r
2
TOMBOL :
a. tombol home
- teks : HOME
- teks berwarna putih
- warna: biru
b. tombol ciri-ciri
- teks : CIRI-CIRI
Universitas Sumatera Utara
- teks berwarna putih
- warnabiru
c. tombol volume
- teks : VOLUME
- teks berwarna putih
- warnabiru
d. tombol luas
- teks : LUAS
- teks berwarna putih
- warnabiru
ANIMASI :
a. Judul : Kubus
- Animasi 6 sisi kubus
- Animasi 12 rusuk kubus
- Animasi 8 titik sudut kubus
- Animasi diagonal bidang dan diagonal
ruang kubus -
Animasi volume kubus
b. Judul : Balok
- Animasi 6 sisi balok
- Animasi 12 rusuk balok
- Animasi 8 titik sudut balok
- Animasi diagonal bidang dan diagonal
ruang balok -
Animasi volume balok
c. Judul : Prisma
- Animasi 5 sisi prisma
- Animasi 9 rusuk prisma
- Animasi 8 titik sudut prisma
- Animasi volume prisma
Universitas Sumatera Utara
d. Judul : Limas
- Animasi 4 sisi limas
- Animasi 7 rusuk limas
- Animasi 5 titik sudut limas
- Animasi volume limas
e. Judul : Tabung
- Animasi 3 sisi tabung
- Animasi 2 rusuk tabung
- Animasi volume tabung
f. Judul : Kerucut
- Animasi 2 sisi kerucut
- Animasi volume kerucut
BACKGROUND :
Background berwarna biru dan putih
3 Halaman mulai
tes Lihat gambar 3.9
TEKS :
a. Judul : LATIHAN
b. Petunjuk tes :
PETUNJUK TES Menu tes berisi soal-soal untuk menguji
kemampuan siswa terhadap materi bangun ruang. Jumlah soal adalah 10
pertanyaan dilengkapi dengan pilihan jawaban. Tes disajikan dalam bentuk
pilihan berganda dengan 5 pilihan jawaban a, b, c, d atau e.
Silahkan pilih salah satu jawaban yang benar dengan menekan tombol pada
pilihan jawaban anda.
-music “Schubert
serenade liszt piano”
Dimainkan -sound
effect untuk
tombol home
apabila diarahkan
kursor
Universitas Sumatera Utara
TOMBOL :
a. Tombol mulai
- Teks : mulai
- Warna teks : hitam
- Warna : hijau
b. Tombol home
- warna tombol : hitam, kuning
- bentuk : rumah
BACKGROUND :
Background berwarna kuning, hijau.
4 Halaman tes
Lihat gambar 3.10
TEKS :
a. Judul : LATIHAN
b. Soal
TOMBOL :
a. Tombol jawaban
- Teks : a, b, c, d, e
- Warna teks : merah
- Warna : hijau
b. Tombol lanjut
- Teks : lanjut
- Warnateks : hitam
- Warna : hijau
c. Tombol home
- warna tombol : hitam, kuning
- bentuk : rumah
BACKGROUND :
Background berwarna kuning, hijau. Music
“schubert serenade
liszt piano” tetap
bermain
Universitas Sumatera Utara
5 Halaman hasil tes
Lihat gambar 3.11
TEKS :
a. Judul : HASIL LATIHAN
b. Nama
c. Jawaban benar
d. Jawaban salah
e. Nilai latihan
TOMBOL : -
Tombol home -
warna tombol : hitam, kuning -
bentuk : rumah
BACKGROUND :
Background berwarna kuning, hijau. Musik
“schubert serenade
liszt piano” -sound
effect untuk
tombol home
apabila diarahkan
kursor
3.6 Antar Muka Buku Belajar