Menu Pelajaran Animasi Pembelajaran Pengenalan Huruf Hijaiyah Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6

sound yang diinginkan maka otomatis akan muncul suara pengantar tersebut.

3.2 Menu Pelajaran

Pada bagian ini terdapat 2 buah menu, tetapi pada menu pertama terdapat 2 teori lagi yaitu membaca dan menulis. Penjelasannya sebagai berikut:

3.2.1 Tombol Membaca dan Menulis

Gambar 3.1 Tampilan gambar tombol membaca dan menulis Text berupa tulisan “membaca menulis” akan diubah menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button , kemudian klik 2 kali sehingga muncul tampilan sebagai berikut: Universitas Sumatera Utara Gambar 3.2 Tombol membaca dan menulis Pada bagian Up ketikan membaca menulis lalu pilih insert key frame pada Over , begitu juga pada Down . Pada button ini jika kursor diarahkan pada tombol maka ukurannya akan membesar. Cara membesarkan ukuran tombol dengan cara mengklik pada frame over lalu pilih properties , dan rubahlah position dan size nya. Maka ketika kursor mengarah pada tombol ini akan muncul membesar. Tombol membaca menulis ini akan terkoneksi dengan isi materi yang sudah penulis buat. Untuk mengkoneksikan tombol tersebut dengan isi materi dibutuhkan adanya action script , script tersebut adalah: onpress{ gotoAndStop3; } Gambar 3.3 Script tombol menulis dan membaca Universitas Sumatera Utara

3.2.2 Tombol Bertajwid

Gambar 3.4 Tampilan gambar tombol bertajwid Text berupa tulisan “Bertajwid” akan diubah menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button , kemudian klik 2 kali sehingga muncul tampilan sebagai berikut: Gambar 3.5 Tombol bertajwid Pada bagian Up ketikan Bertajwid lalu pilih insert key frame pada Over , begitu juga pada Down . Pada button ini jika kursor diarahkan pada tombol maka ukurannya akan membesar. Cara membesarkan ukuran tombol dengan cara mengklik pada frame over lalu pilih properties , dan rubahlah position dan size nya. Maka ketika kursor mengarah pada tombol ini akan muncul membesar. Universitas Sumatera Utara Tombol membaca menulis ini akan terkoneksi menu belajar tajwid. Untuk mengkoneksikan tombol tersebut dengan menu belajar tajwid dibutuhkan adanya action script , script tersebut adalah: onpress{ gotoAndStop34; } Gambar 3.6 Script tombol bertajwid

3.2.3 Tombol Menu

Untuk tombol Menu mengambil gambar dari internet, setelah itu penulis meberikan sedikit efek agar lebih menarik sebelumnya penulis harus mengkonvert nya dahulu ke menjadi simbol dengan cara convert to symbol dan penulis menambahkan tulisan yg juga diberi warna. Berikut tampilannya: Universitas Sumatera Utara Gambar 3.7 Tombol menu Setelah tombol sudah diberi efek dan disisipkan teks tersebut maka insert key frame pada over , dan down . Penulis hanya memberikan efek membesar pada tombol. Cara membesarkan ukuran tombol dengan cara mengklik pada frame over lalu pilih properties , dan rubahlah position dan size nya. Maka ketika kursor mengarah pada tombol ini akan muncul membesar. Kemudian koneksikan teks yang telah berhasil dibuat menjadi button dengan action script agar ketika diklik dapat berpindah ke layer menu, lalu ketikkan script sebagai berikut: onpress{ gotoAndStop2; } Gambar 3.8 Script ke menu Universitas Sumatera Utara

3.2.4 Tombol Home

Penulis membuat tombol home ini tidak menggunakan gambar yang ada pada library , melainkan membuat sendiri dengan cara create new symbol atau langsung saja menekan Ctrl + F8 yang terdapat pada keyboard lalu pilih button . Penulis terlebih dahulu membuat oval tool dan membuatnya sehingga menjadi gambar awan dan memberikan efek warna agar terlihat menarik dan menyisipkan kata “home”. Berikut tampilannya: Gambar 3.9 Tombol home Setelah tombol sudah diberi efek dan disisipkan teks tersebut maka insert key frame pada over , dan down . Penulis hanya memberikan efek membesar pada tombol. Cara membesarkan ukuran tombol dengan cara mengklik pada frame over lalu pilih properties , dan rubahlah position dan size nya. Maka ketika kursor mengarah pada tombol ini akan muncul membesar. Universitas Sumatera Utara Kemudian koneksikan teks yang telah berhasil dibuat menjadi button dengan action script agar ketika diklik dapat berpindah ke layer menu, lalu ketikkan script sebagai berikut: onpress{ gotoAndStop1; } Gambar 3.10 Script ke home

3.3 Layer