61
BAB IV IMPLEMENTASI
4.1 Pembuatan Aplikasi Tilawati Al-Qur’an
Penyampaian Metode Tilawati berisi tentang isi tata ajar baca tilawati Al-Qur’an dengan diikuti suara serta highlight-nya. Hasil perekaman disimpan ke
dalam file yang kemudian pada program Adobe Flash CS 3 profesional dilakukan proses import.Penulisan Metode Tilawati menggunakan penulisan Arabic. Perekaman
suara dengan menggunakan software cool edit pro.Untuk mengingat materi yang disampaikan maka terdapat beberapa animasi teks Arabic yang diikuti suara. Untuk
penjelajahan program dibuat tombol navigasi yang terhubung secara link dari materi satu dengan yang lainnya.
Beberapa teknik yang digunakan dalam pembuatan media pembelajaran dengan program Adobe Flash CS 3profesional akan dibahas pada bab ini. Berikut
adalah teknik – teknik dalam pembuatan pembelajaran Metode Tilawati Al-Qur’an dengan Adobe Flash CS 3profesional.
4.1.1 Membuat Project pada
Adobe Flash CS 3 profesional
Adobe Flash CS 3profesional merupakan tools yang digunakan untuk membuat aplikasi ini. Didalam Adobe Flash CS 3 profesional terdapat berbagai
macam pilihan project. Untuk studi kasus kali ini, akan digunakan Adobe Flash project dengan
Action Script AS 2.0 sebagai tipe file projectnya. Untuk memulainya, buka aplikasi Adobe Flash dan memilih Create new Action Script AS 2.0 sebagai tipe file
projectnya. Pada Gambar 4.1 dibawah ini adalah gambar home project Adobe Flash.
Gambar 4.1 Home Project Adobe Flash
Setelah create file project selesai dilakukan, maka selanjutnya adalah memilih objek yang terdapat didalam penampilan awal pada Adobe Flash CS 3profesional.
4.1.2 Membuat Intro dalam program
Setelah berada pada “ New Document” atur dimensi dokumen properties pada 900 x 700 pixels. Klik “OK”.
Gambar 4.2 Merubah Ukuran Dimensi Dokumen
Pada Gambar 4.2 menjelaskan tentang bagaimana cara merubah ukuran dimensi dokumen pada file dokumen Adobe Flash CS 3 profesional yang digunakan
pada metode aplikasi ini.
a. Pada layer 1 buat nama “intro” kemudian frame 1 tulislah kata “Semangat
Belajar” pilih font “times new roman”. Kemudian aktifkan kalimat tersebut sebagai fungsi movie clip aplikasi Adobe Flash
Gambar 4.3 Intro Pertama
Pada Gambar 4.3 menjelaskan tentang bagaimana cara memasukkan huruf pada dokumen Adobe Flash CS 3 profesional yang digunakan pada aplikasi Metode
Tilawati.
b. Diaktifkan kalimat tersebut lalu diklik kanan pilih convert to simbol, pilih
movie clip, klik huruf 2 kali kemudian klik lagi movie clip.
Gambar 4.4 Menggunakan Fungsi Convert to Simbol
Pada Gambar 4.4 menjelaskan tentang bagaimana cara menggunakan fungsi “movie clip” pada file dokumen Adobe Flash CS 3profesional yang digunakan pada
aplikasi Metode Tilawati. c.
Klik kanan dari frame 20 untuk mengaktifkan kalimat tersebut lalu ke frame 20 pilih “Insert Keyframe” sebagai langkah animasi.
Gambar 4.5 Menggunakan Fungsi Insert Keyframe
Pada Gambar 4.5 menjelaskan tentang bagaimana cara menggunakan fungsi “Insert Keyframe” pada file dokumen Adobe Flash CS 3profesional yang digunakan
pada aplikasi Metode Tilawati.
d. Block diantara frame 1 sampai 20, pilih “create Motion Tween” Klik frame 1,
buka aktifkan kalimat tersebut kemudian cari bar bawah pilih color alpha buat 0 untuk membuat animasi semakin bagus dan baik.untuk
menampilkannya lakukan ctrl+enter.
Gambar 4.6 Menggunakan Fungsi Create Motion Tween
Pada Gambar 4.6 menjelaskan tentang bagaimana cara menggunakan fungsi Create Motion Tween pada file dokumen Adobe Flash CS 3profesional yang
digunakan pada aplikasi Metode Tilawati. e.
Kemudian langkah selanjutnya copy frame 20 lalu paste ke frame 25 kemudian copy lagi frame 1 kemudian paste ke frame 34. coba dengan ctrl +
enter.
Gambar 4.7 Fungsi Animasi dengan Motion Tween Pada Gambar 4.7 menjelaskan tentang bagaimana cara menggunakan fungsi
Create Motion Tween pada file dokumen Adobe Flash CS 3 profesional yang digunakan pada aplikasi Metode Tilawati.
f. Tambah Layer 2 dengan cara klik “add layer”. Sebagai slide berjalannya
animasi dengan kalimat “BERSAMA” sesuaikan dengan seperti langkah yang diatas.
Gambar 4.8 Fungsi Animasi Adobe Flash
Pada Gambar 4.8 menjelaskan tentang bagaimana cara menggunakan fungsi Create Motion Tween sebagai animasi pada file dokumen Adobe Flash CS 3
profesional yang digunakan pada aplikasi Metode Tilawati.
g. Tambahkan layer “logo”. Klik frame 44 kemudian klik kanan pilih “Insert
Keyframe” untuk masukkan file gambar logo sponsor sebagai hak cipta dari TPQ lewat “import – import to library - open logo”.. Berikut adalah tampilan
Adobe Flash yang telah ter-realese dari TPQ tersebut.
Gambar 4.9 Memasukkan Logo Sponsorship Aplikasi
Pada Gambar 4.9 menjelaskan tentang bagaimana cara menggunakan LOGO sebagai animasi pada file dokumen Adobe Flash CS 3 profesional yang
digunakan pada aplikasi Metode Tilawati.
h. Tambahkan layer “kotak” untuk memberikan variasi cahaya logo TPQ dengan
klik frame 60 masukkan media kotak yang telah diatur cahaya dengan permainan warna. Klik frame 66 klik kanan “Insert Keyframe“ lanjutkan
dengan frame 72 dan 77 sebagai media langkah animasi cahaya kemudian blok layer tersebut lalu pilih create shape tween.
Gambar 4.10 Animasi Cahaya melalui “create shape tween”
Pada Gambar 4.10 menjelaskan tentang bagaimana cara menggunakan fungsi Create shape Tween sebagai animasi pada file dokumen Adobe Flash CS 3
profesional yang digunakan pada aplikasi Metode Tilawati.
i. Jalankan animasi dengan cara klik “control - “Test Movie”. Maka akan
ditampilkan animasi huruf membesar, mengecil dan transparan dengan diikuti oleh tampilan - tampilan sebagai pendukung animasi. Simpan movie tersebut
dengan cara “save as” dan beri nama file yang sesuai dengan isi dari movie tersebut.
4.2 Teknik Pembuatan Penulisan Arabic