Membuat Project pada Membuat Intro dalam program

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