Storyboard Media Pembelajaran Interaktif (1)

Tugas
Multimedia
Storyboard Media Pembelajaran Interaktif
Matematika Bab Baris dan Deret

Ditulis oleh :
Widad Ainun Nikmah
A14.2015.02055

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL
FAKULTAS ILMU KOMPUTER
UNIVERSITAS DIAN NUSWANTORO SEMARANG
2017 / 2018

No

Board

Detail

1. Background warna hitam

2. Logo mempunyai efek gelap
terang dan bergerak dengan
menggunakan animation pulse
dan fade
3. Tulisan Salam Sapa menggunakan
Animation fade
4. Line (Garis titik-titik)
menggunakan multiple animation
(wipe dan fade)
1A

5. Menggunakan background music
6. Durasi 00.00.05

1.

1. Background warna putih
2. Terdapat tulisan Selamat Datang
di Media Pembelajaran Interaktif
Matematika yang muncul dengan

menggunakan effect animasi
zoom dan font color yang
berubah warna
3. Rectangle dan tulisan Bab Baris
dan Deret muncul dengan
1B

menggunakan effect fly in dan fly
out
4. Durasi 00.00.02

1

1. Pergantian slide menggunakan
transition plus
2. Masing-masing rectangle muncul
dengan effect fly in dan
menghilang dengan
menggunakan effect fly out
3. Menggunakan music effect

4. Durasi 00.00.05
2A

1. Picture muncul dengan
menggunakan effect animation
appear
2. Picture hilang dengan

2.

menggunakan effect animation
color pulse
3. Menggunakan music effect
2B

4. Durasi 00.00.01

1. Picture menggunakan gambar
atau foto tentang baris berbaris
2. Picture muncul dengan

menggunakan effect animation
disappear dan fade
3. Menggunakan music effect
2C

4. Durasi 00.00.01

2

1. Picture menggunakan gambar
atau foto tentang baris berbaris
2. Picture muncul dengan
menggunakan effect animation
disappear dan fade
3. Menggunakan music effect
2D

4. Durasi 00.00.01

1. Tulisan baris dan deret

menggunakan effect animation
fade, split, random bars, dan
wars
2. Menggunakan music effect
3. Durasi 00.00.01
2E

1. Tulisan aritatika menggunakan
effect animation split dan wipe
2. Menggunakan music effect
3. Durasi 00.00.01

2F

3

1. Pergantian slide menggunakan
transition plus
2. Masing-masing rectangle muncul
dengan effect fly in dan

menghilang dengan
menggunakan effect fly out
3. Durasi 00.00.01
3A

1. Tulisan loading mempunyai effect
animation appear dan wipe
2. Titik-titik di samping tulisan
loading menggunakan animation
effect wipe from left
3. Rectangle di bawah tulisan

3.

loading menggunakan animation
effect wipe from right
3B

4. Menggunakan music effect
5. Durasi 00.00.03


1. Tulisan Widad Ainun Nikmah
present mempunyai effect
animation fade dan wipe
2. Durasi 00.00.01

3C

4

1. Gambar logo mempunyai effect
4.

animation fade dan wipe
2. Durasi 00.00.01

1. Tulisan mulai jika di klik akan
masuk ke halaman menu utama
2. Tulisan mulai akan berganti
5.


warna hitam jika ada kursor atau
akan di klik
3. Menggunakan background musik
4. Gambar animasi bergerak

1. Tombol kembali jika di klik akan
masuk ke halaman pertanyaan
keluar dari media interaktif atau
tidak
2. Tombol pengaturan jika di klik
akan masuk ke halaman
pengaturan
6.

3. Tombol materi jika di klik akan
masuk ke halaman materi
4. Tombol soal jika di klik akan
lanjut ke halaman soal
5. Tombol rumus cepat jika di klik

akan masuk ke halaman rumus
cepat
5

6. Tombol kompetensi jika di klik
akan masuk ke halaman
kompetensi
7. Tombol pembahasan jika di klik
akan ke halaman pembahasan
8. Tombol kesimpulan jika di klik
akan masuk ke halaman
kesimpulan
9. Tombol profil jika di klik akan
masuk kehalaman profil
10. Tombol pesan dan kesan jika di
klik akan masuk ke halaman
pesan dan kesan
11. Tombol video pembahasan jika di
klik akan masuk ke halaman
video pembahasan

12. Tulisan mulai akan berganti
warna hitam jika ada kursor atau
akan di klik
13. Menggunakan background musik
14. Menggunakan music effect saat
mengklik

1. Tombol iya jika di klik akan keluar
dari pembelajaran matematika
baris dan deret
7.

2. Tombol tidak jika di klik akan
kembali ke halaman yang
terakhir di buka
3. Tombol menu jika di klik akan
kembali ke menu utama

6


4. Tulisan akan berganti warna
hitam jika ada kursor atau akan
di klik
5. Menggunakan background musik
6. Menggunakan music effect saat
mengklik

1. Tombol dengan ikon speaker
sebagai pengaturan musik effect
ketika mengklik tombol. Suara
klik akan hidup atau mati
2. Musik effect akan mati ketika
tombol ikon speaker
menunjukkan tanda silang
3. Musik effect akan hidup ketika
tidak ada tanda silang di tombol
ikon speaker
4. Tombol ikon nada atau musik
8A
8.

sebagai pengaturan musik
background. Musik background
akan hidup atau mati ketika
membuka halaman yang dipilih
(kecuali halaman materi dan soal
yang tidak ada musik
background)
5. Musik background akan mati
ketika tombol ikon nada atau
musik menunjukkan tanda silang
6. Musik background akan hidup
ketika tidak ada tanda silang di
tombol ikon nada atau musik

7

7. Tombol ikon kembali jika di klik
akan kembali ke halaman yang
terakhir di buka

1. Tombol dengan ikon speaker
sebagai pengaturan musik effect
ketika mengklik tombol. Suara
klik akan hidup atau mati
2. Musik effect akan mati ketika
tombol ikon speaker
menunjukkan tanda silang
3. Tombol ikon nada atau musik
sebagai pengaturan musik
background. Musik background
akan hidup atau mati ketika
membuka halaman yang dipilih
(kecuali halaman materi dan soal
8B

yang tidak ada musik
background)
4. Musik background akan hidup
ketika tidak ada tanda silang di
tombol ikon nada atau musik
5. Tombol ikon kembali jika di klik
akan kembali ke halaman yang
terakhir di buka

1. Tombol dengan ikon speaker
sebagai pengaturan musik effect
ketika mengklik tombol. Suara
klik akan hidup atau mati

8

2. Musik effect akan hidup ketika
tidak ada tanda silang di tombol
ikon speaker
3. Tombol ikon nada atau musik
sebagai pengaturan musik
background. Musik background
akan hidup atau mati ketika
membuka halaman yang dipilih
(kecuali halaman materi dan soal
yang tidak ada musik
background)
4. Musik background akan mati
8C

ketika tombol ikon nada atau
musik menunjukkan tanda silang
5. Tombol ikon kembali jika di klik
akan kembali ke halaman yang
terakhir di buka

1. Musik effect dan musik
background akan mati ketika
Tombol dengan ikon speaker dan
tombol ikon nada atau musik
menunjukkan tanda silang
2. Tombol ikon kembali jika di klik
akan kembali ke halaman yang
8D

terakhir di buka

1. Tombol tokoh jika di klik akan
9.

menuju ke materi tokoh
matematika (9B)

9

2. Tombol baris dan deret jika di
klik akan menuju ke halaman
materi baris dan deret aritmatika
(9C)
3. Tombol kembali akan kembali ke
halaman sebelumnya
4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
9A

6. Tombol materi jika di klik akan
masuk ke halaman materi
7. Tombol soal jika di klik akan
lanjut ke halaman soal
8. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat
9. Tombol akan berubah warna jika
akan di klik
10. Menggunakan music effect saat
mengklik
1. Pergantian background
menggunakan effect fade
2. Tulisan tokoh matematika
muncul menggunakan effect wipe
dan menghilang dengan
menggunakan effect split
3. Gambar tokoh matematika (Carl
Friedrich Gauss) terdapat

10

multiple animation
(fade,pulse,teeter) dalam sekali
waktu
4. Materi tentang tokoh
matematika muncul dengan
effect wipe
5. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
9B

6. Tombol kembali akan kembali ke
halaman sebelumnya
7. Tombol selanjutnya akan menuju
ke halaman selanjutnya
8. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
9. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
10. Tombol materi jika di klik akan
masuk ke halaman materi
11. Tombol soal jika di klik akan
lanjut ke halaman soal
12. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat
13. Tombol akan berubah warna jika
akan di klik
14. Menggunakan music effect saat
mengklik

11

1. Materi tentang baris dan deret
aritmatika muncul dengan effect
wipe
2. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
3. Tombol kembali akan kembali ke
halaman sebelumnya
9C

4. Tombol selanjutnya akan menuju
ke halaman selanjutnya
5. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
6. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
7. Tombol materi jika di klik akan
masuk ke halaman materi
8. Tombol soal jika di klik akan
lanjut ke halaman soal
9. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat
10. Tombol akan berubah warna jika
akan di klik
11. Menggunakan music effect saat
mengklik

12

1. Tombol pilihan ganda jika di klik
akan menuju ke soal pilihan
ganda matematika (11A)
2. Tombol isian jika di klik akan
menuju ke halaman soal isian
baris dan deret aritmatika (11B)
3. Tombol kembali akan kembali ke
halaman sebelumnya

10.

4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
6. Menggunakan music effect saat
mengklik pengaturan (8A)
1. Jawaban soal dipilih melalui
pilihan ganda
2. Isi lingkaran akan berwarna
hitam terhadap jawaban yang
dipilih
3. Soal pilihan ganda berisi 10 soal
4. Tombol selanjutnya akan menuju
ke halaman selanjutnya

11.

5. Tombol silang akan menuju ke
11A

jendela pertanyaan keluar atau
tidak (nomor 7)
6. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

13

1. Jawaban soal dipilih melalui
pilihan ganda
2. Isi lingkaran akan berwarna
hitam terhadap jawaban yang
dipilih
3. Soal pilihan ganda berisi 10 soal
4. Tombol kembali akan kembali ke
halaman sebelumnya
5. Tombol selanjutnya akan menuju
11B

ke halaman selanjutnya
6. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
7. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

1. Nilai akan muncul secara
otomatis ketika mengklik tombol
selesai
2. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
3. Tombol pengaturan jika di klik
11C

akan menuju ke jendela
pengaturan (8A)
1. Jawaban soal di isi dengan isian
yang benar dan tepat di kolom

12

isian
2. Soal berisi 5 soal

14

3. Kotak akan terisi jawaban yang
anda tuliskan
4. Tombol selanjutnya akan menuju
ke halaman selanjutnya
5. Tombol kembali akan kembali ke
halaman sebelumnya
6. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
12A

7. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

1. Jawaban soal di isi dengan isian
yang benar dan tepat di kolom
isian
2. Soal berisi 5 soal
3. Kotak akan terisi jawaban yang
anda tuliskan
4. Tombol selanjutnya akan menuju
ke halaman selanjutnya
5. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
12B

tidak (nomor 7)
Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

1. Nilai akan muncul secara
otomatis ketika mengklik tombol
selesai
15

2. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
3. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

12C

1. Tombol profil jika di klik akan
keluar data profil diri pembuat
mediapembelajaran interaktif
2. Menggunakan music effect saat
mengklik tombol profil
3. Biodata diri dan foto profil akan
keluar setelah tombol profil di
klik
4. Foto profil menggunakan effect
appear dan pulse
13

5. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
6. Tombol kembali akan kembali ke
halaman sebelumnya
7. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
8. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)

16

9. Tombol materi jika di klik akan
masuk ke halaman materi
10. Tombol soal jika di klik akan
lanjut ke halaman soal
11. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat
12. Tombol akan berubah warna jika
akan di klik
13. Menggunakan music effect saat
mengklik
1. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
2. Tombol kembali akan kembali ke
halaman sebelumnya
3. Tombol selanjutnya jika di klik
akan lanjut ke halaman
selanjutnya
14.

4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
6. Tombol materi jika di klik akan
masuk ke halaman materi
7. Tombol soal jika di klik akan
lanjut ke halaman soal

17

8. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat
9. Tombol akan berubah warna jika
akan di klik
10. Menggunakan music effect saat
mengklik
1. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
2. Tombol kembali akan kembali ke
halaman sebelumnya
3. Tombol selanjutnya jika di klik
akan lanjut ke halaman
selanjutnya
4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
15.

tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
6. Tombol materi jika di klik akan
masuk ke halaman materi
7. Tombol soal jika di klik akan
lanjut ke halaman soal
8. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat

18

9. Tombol ikon menu jika di klik
akan kembali ke halaman menu
utama (no 6)
10. Tombol akan berubah warna jika
akan di klik
11. Menggunakan music effect saat
mengklik
1. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
2. Tombol kembali akan kembali ke
halaman sebelumnya
3. Tombol selanjutnya jika di klik
akan lanjut ke halaman
selanjutnya
4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
16.

tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
6. Tombol materi jika di klik akan
masuk ke halaman materi
7. Tombol soal jika di klik akan
lanjut ke halaman soal
8. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat

19

9. Tombol ikon menu jika di klik
akan kembali ke halaman menu
utama (no 6)
10. Tombol akan berubah warna jika
akan di klik
Menggunakan music effect saat
mengklik
1. Picture tombol dan tulisan klik
untuk lanjut ke halaman
selanjutnya dengan effect fade
dan peek in
2. Tombol kembali akan kembali ke
halaman sebelumnya
3. Tombol selanjutnya jika di klik
akan lanjut ke halaman
selanjutnya
4. Tombol silang akan menuju ke
jendela pertanyaan keluar atau
17.

tidak (nomor 7)
5. Tombol pengaturan jika di klik
akan menuju ke jendela
pengaturan (8A)
6. Tombol materi jika di klik akan
masuk ke halaman materi
7. Tombol soal jika di klik akan
lanjut ke halaman soal
8. Tombol rumus cepat jika di klik
akan masuk ke halaman rumus
cepat

20

9. Tombol ikon menu jika di klik
akan kembali ke halaman menu
utama (no 6)
10. Tombol akan berubah warna jika
akan di klik
Menggunakan music effect saat
mengklik

21