31
4.2.2.5 Tampilan Animasi
Tampilan animasi berisi judul dan animasi yang akan dimainkan sesuai dengan menu yang telah dipilih sebelumnya. Animasi ini ditampilkan
step-by-step
agar gerakan yang ditampilkan lebih fokus dan mudah dipahami, menggunakan tombol navigasi
untuk kembali, lanjut dan ulangi, menggunakan action scipt :
tombol lanjut onrelease{
nextFrame }
tombol kembali onrelease{
prevFrame }
Disebelah kanan atas ditambahkan tombol close untuk keluar dari halaman ini dan kembali ke
content
menu Sholat, menggunakan
action script
:
gotoAndStop1 berfungsi mengilangkan pop up onrelease{
gotoAndStop1 stopAllSounds
}
Adapun tampilan animasi dapat dilihat pada Gambar 4.6.
Gambar 4.6 Tampilan Animasi
commit to user
32
4.2.2.6 Tampilan Video
Tampilan berisi judul dan video yang akan dimainkan sesuai dengan menu yang telah dipilih sebelumnya. Di sisi kiri video terdapat dua buah tombol yang
berisi piilihan untuk memainkan video, yaitu dapat berupa peragaan oleh wanita maupun pria, menggunakan action script :
video wanita btn_1._visible = false
btn_2._visible = false if_root.animasi.pengertian==Wudhu{
vid.contentPath = vidwudhu_w.flv judul = Wudhu Wanita
} else if_root.animasi.pengertian==Sholat{
vid.contentPath = vidsholat_w.flv judul = Sholat Wanita
} else if_root.animasi.pengertian==Berdoa{
vid.contentPath = viddoa_sajagad_w.flv judul = Doa Sapu Jagad Kesejahteraan Umat
btn_1._visible = true btn_2._visible = true
} else{
vid.contentPath = vidtayamum_w.flv judul = Tayamum Wanita
} video pria
btn_1._visible = false btn_2._visible = false
if_root.animasi.pengertian==Wudhu{ vid.contentPath = vidwudhu_p.flv
judul = Wudhu Pria }
else if_root.animasi.pengertian==Sholat{ vid.contentPath = vidsholat_p.flv
commit to user
33
judul = Sholat Pria }
else if_root.animasi.pengertian==Berdoa{ vid.contentPath = viddoa_ortu_w.flv
} else {
vid.contentPath = vidtayamum_p.flv judul = Tayamum Pria
}
Disebelah kanan atas ditambahkan tombol close untuk keluar dari halaman ini dan kembali ke content menu, menggunakan
action script
:
gotoAndStop1 berfungsi mengilangkan pop up onrelease{
gotoAndStop1 stopAllSounds
}
Adapun tampilan video dapat dilihat pada Gambar 4.7.
Gambar 4.7 Tampilan Video 4.2.2.7
Tampilan Quiz
Tampilan quiz merupakan tampilan yang muncul saat pengguna memilih menu quiz untuk memulai quiz. Tampilan ini berisi nomor quiz, penjelasan soal,
gambar soal, pertanyaan, dan lima pilihan jawaban. Dalam quiz ini terdapat 10 soal yang ditampilkan secara acak. Action script yang digunakan :
commit to user
34
frame 1 inisialisasi _root.nomor = 1
_root.nilai = 0 frame 2 random
frame = random14; stopAllSounds
if_root.nomor==1{ s1 = frame
} else if_root.nomor==2{
s2 = frame ifs1 == frame{
gotoAndStop15 }
} else if_root.nomor==3{
s3 = frame ifs1 == frame or s2 == frame{
gotoAndStop15 }
} else if_root.nomor==4{
s4 = frame ifs1 == frame or s2 == frame or s3 == frame{
gotoAndStop15 }
} else if_root.nomor==5{
commit to user
35
s5 = frame ifs1 == frame or s2 == frame or s3 == frame or s4 ==
frame{ gotoAndStop15
} }
else if_root.nomor==6{ s6 = frame
ifs1 == frame or s2 == frame or s3 == frame or s4 == frame or s5 == frame{
gotoAndStop15 }
} else if_root.nomor==7{
s7 = frame ifs1 == frame or s2 == frame or s3 == frame or s4 ==
frame or s5 == frame or s6 == frame{ gotoAndStop15
} }
else if_root.nomor==8{ s8 = frame
ifs1 == frame or s2 == frame or s3 == frame or s4 == frame or s5 == frame or s6 == frame or s7 == frame{
gotoAndStop15 }
} else if_root.nomor==9{
s9 = frame ifs1 == frame or s2 == frame or s3 == frame or s4 ==
commit to user
36
frame or s5 == frame or s6 == frame or s7 == frame or s8 == frame{
gotoAndStop15 }
} else if_root.nomor==10{
s10 = frame ifs1 == frame or s2 == frame or s3 == frame or
s4 == frame or s5 == frame or s6 == frame or s7 == frame or s8 == frame or s9 == frame{
gotoAndStop15 }
} frame 3 cek random frame
if _root.nomor == 11 { gotoAndStop14;
} else { if frame == 0 or frame == 1 or frame == 2 or frame ==
3 or frame=14 { gotoAndPlay2;
} else { gotoAndStopframe;
} }
frame 15 refresh random gotoAndPlay2
stopAllSounds
commit to user
37
Adapun tampilan quiz dapat dilihat pada Gambar 4.8.
Gambar 4.8 Tampilan Quiz
Adapun tampilan quiz apabila jawaban salah dapat dilihat pada Gambar 4.9.
Gambar 4.9 Tampilan Jawaban Salah
Adapun tampilan quiz apabila jawaban benar dapat dilihat pada Gambar 4.10.
commit to user
38
Gambar 4.10 Tampilan Jawaban Benar
Action script
yang digunakan apabila jawaban salah atau benar sebagai berikut :
jawaban benar onrelease{
benar truefalse.gotoAndStop2
_root.nilai += 10 }
onrollOut{ stopAllSounds
} jawaban salah
onrelease{ truefalse.gotoAndStop3
nilai = nilai }
onrollOut{ stopAllSounds
}
Pengguna dapat menjawab dengan mengklik salah satu jawaban yang dianggap benar. Di akhir quiz, ditampilkan skor yang diperoleh, kemudian
pengguna dapat memilih untuk mengulangi quiz atau kembali ke menu utama. Adapun tampilan akhir quiz dapat dilihat pada Gambar 4.11.
commit to user
39
Gambar 4.11 Tampilan Akhir Quiz 4.2.2.8
Tampilan Profil
Tampilan profil merupakan tampilan yang berisi profil yang memuat informasi pembuat aplikasi media pembelajaran ini. Dan di sebelah kanan bawah
terdapat sebuah tombol untuk kembali ke menu utama, menggunakan
action script
:
gotoAndStop3 , 3 adalah menu utama onrelease{
gotoAndStop3 }
Adapun tampilan profil dapat dilihat pada Gambar 4.12.
Gambar 4.12 Tampilan Profil
commit to user
40
4.3 Pengujian Aplikasi
Kategori