26
Gambar 4.1 Pembuatan Scene Aplikasi
Gambar 4.1 merupakan scene media pembelajaran interaktif kegiatan ibadah yang terdiri dari Scene Home, Scene Menu Utama, Scene Wudhu, Scene Sholat,
Scene Tayamum, Schene Doa, Scene Quiz dan Scene Profil.
4.2.2 Tampilan Scene Aplikasi
Pembuatan Media Pembelajaran Kegiatan Ibadah Agama Islam ini memiliki beberapa halaman sesuai dengan rancangan yang telah dibuat. Sehingga di dalam
suatu halaman terdapat tombol tombol yang mengacu pada content menu yang bersesuaian dengan tombol itu sendiri.
4.2.2.1 Tampilan Home
Tampilan home adalah tampilan awal aplikasi dengan backrground gambar karakter anak laki-laki dan perempuan serta terdapat gambar masjid sebegai
ilustrasi awal aplikasi sebagai media pembelajaran agama islam bagi siswa PAUD. Di halaman ini terdapat judul aplikasi dan sebuah button untuk masuk ke
menu utama. Pada tombol ini menggunakan
action script
sebagai berikut :
onrelease{ gotoAndStop3
}
commit to user
27
Adapun tampilan home dapat dilihat pada Gambar 4.2.
Gambar 4.2 Tampilan Home 4.2.2.2
Tampilan Menu Utama
Halaman menu utama Media Pembelajaran Kegiatan Ibadah Agama Islam adalah halaman yang tampil setelah kita masuk ke aplikasi. Pada halaman ini
terdapat enam tombol yang masing-masing mewakili menu utama yang terdapat dalam aplikasi, yaitu Sholat, Wudhu, Tayamun, Doa, Quiz dan Profil. Pada
tombol menu, menggunakan action script :
skrip tombol wudhu : on release {
gotoAndStop4; pengertian = Wudhu;
penjelasan = wudhu adalah; }
skrip tombol sholat on release {
gotoAndStop5; pengertian = Sholat;
penjelasan = Sholat adalah; }
skrip berdoa on release {
gotoAndStop6; pengertian = Berdoa;
commit to user
28
penjelasan = Berdoa adalah; }
skrip tayamum on release {
gotoAndStop7; pengertian = Tayamum;
penjelasan = Tayamum adalah; }
skrip tombol quiz on release {
gotoAndStop8; pengertian = Quiz;
penjelasan = Quiz adalah; }
skrip tombol profil on release {
gotoAndStop9; pengertian = Profil;
penjelasan = Profil adalah; }
Adapun tampilan menu utama dapat dilihat pada Gambar 4.3.
Gambar 4.3 Tampilan Menu Utama
commit to user
29
4.2.2.3 Tampilan Content Menu
Halaman content menu merupakan halaman yang menampilkan isi dari menu yang dipilih. Setiap menu utama terdiri dari tiga buah submenu yaitu
penjelasan, animasi dan video. Disebelah kiri atas terdapat button menu yang dipilih, dibawahnya terdapat tiga buah kotak yang merupakan submenu yang
masing-masing dapat diklik untuk menampilkan contentnya. Pada masing-masing tombol submenu menggunakan action script :
tombol penjelasan onrelease{
animasi.gotoAndStop2 }
tombol animasi onrelease{
animasi.gotoAndStop3 }
tombol video onrelease{
animasi.gotoAndStop4 }
animasi.gotoAndStopnomer frame berfungsi memunculkan pop up
Kemudian dikanan bawah ditambahkan sebuah tombol untuk kembali ke menu utama, menggunakan action script :
frame 3 adalah menu utama onrelease{
gotoAndStop3 }
Adapun tampilan content menu dapat dilihat pada Gambar 4.4.
commit to user
30
Gambar 4.4 Tampilan Content Menu 4.2.2.4
Tampilan Penjelasan
Tampilan penjelasan berisi judul dan pengertian dari menu pembelajaran yang dipilih tadi. Contohnya untuk menu penjelasan sholat. Disebelah kanan atas
ditambahkan tombol close untuk keluar dari halaman ini dan kembali ke content menu Sholat, menggunnakan
action script
:
gotoAndStop1 berfungsi mengilangkan pop up onrelease{
gotoAndStop1 stopAllSounds
}
Adapun tampilan penjelasan dapat dilihat pada Gambar 4.5.
Gambar 4.5 Tampilan Penjelasan
commit to user
31
4.2.2.5 Tampilan Animasi
