1 ANIMASI PEMBELAJARAN PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA DENGAN MENGGUNAKAN ADOBE FLASH CS6 TUGAS AKHIR NURUL HUSNA 112406117 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
2 ANIMASI PEMBELAJARAN PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA DENGAN MENGGUNAKAN ADOBE FLASH CS6 TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya NURUL HUSNA 112406117 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
i PERSETUJUAN Judul : Animasi Pembelajaran Pengenalan Huruf Hijaiyah Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6 Kategori : Tugas Akhir Nama : Nurul Husna Program Studi : D3 Teknik Informatika Departemen : Matematika Fakultas : Matematika dan Ilmu Pengetahuan Alam Disetujui di Medan, Juni 2014 Disetujui Oleh : Program Studi D3 Teknik Informatika FMIPA USU Ketua, Pembimbing Dr. Elly Rosmaini, M.Si Dra. Normalina Napitupulu, M.Sc NIP. 196005201985032002 NIP. 196711101996021001
ii PERNYATAAN ANIMASI PEMBELAJARAN PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA DENGAN MENGGUNAKAN ADOBE FLASH CS6 TUGAS AKHIR Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2014 Nurul Husna 112406117
iii PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-nya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Animasi Pembelajaran Pengenalan Huruf Hijaiyah Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6. Terimakasih penulis sampaikan kepada Bapak Dra. Normalina Napitupulu, M.Sc selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan bapak Drs. Syahriol Sitorus, M.Si selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU Medan, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU Medan, seluruh staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan rekan kuliah. Akhirnya tidak terlupakan kepada Bapak Surip HS, Ibu Sulastri dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya. Penulis,
iv ABSTRAK Pendidikan merupakan sebuah proses interaksi antara peserta didik dengan pendidik mengenali kondisi lingkungannya. Diharapkan, melalui proses belajarmengajar, peserta didik diberi ruang untuk mengekspresikan ilmu yang diperoleh sesuai dengan potensi masing-masing. Dewasa ini bidang pendidikan secara umum terpengaruh oleh adanya perkembangan dalam bidang teknologi. Pengaruh perkembangan tersebut tampak jelas dalam upaya pembaharuan sistem pendidikan dan pembelajaran. Salah satunya adalah media pembelajaran. Media pembelajaran sebagai alat bantu mengajar yang turut mempengaruhi iklim, kondisi, dan lingkungan belajar yang di tata dan diciptakan. Sehingga melalui media tersebut seorang anak diharapkan dapat memahami materi-materi yang disampaikan. Selain itu, melalui media ini diharapkan proses belajar mengajar dapat dilakukan kapan saja dan di mana saja. Aplikasi yang penulis buat adalah pengenalan huruf hijaiyah beserta tajwidnya. Penulis tertarik membuat aplikasi ini karena akan memudahkan anak lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS6.
v DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar i ii iii iv v vii viii Bab 1. Pendahuluan 1.1 Latar Belakang 1 1.2 Rumusan Masalah 3 1.3 Batasan Masalah 4 1.4 Tujuan Penelitian 4 1.5 Metode Penelitian 5 1.6 Sistematika Penulisan 6 Bab 2. Landasan Teori 2.1 Sekilas Tentang Flash 8 2.2 Dasar-Dasar Penggunanaan Adobe Flash Professional CS6 10 2.2.1 Halaman Awal 10 2.2.2 Jendela Utama 11 2.2.3 Toolbox 14 2.2.4 Action Script 16 2.2.4.1 Fungsi Action Script 17 2.2.4.2 Penggunaan Action Script 19 2.2.4.3 Struktur 19 2.2.4.4 Objek 20 2.2.4.5 Class dan Function 20 2.3 Sekilas Sejarah Huruf Hijaiyah 21 2.4 Sejarah Munculnya Tanda Huruf 23 2.5 Definisi Hijaiyah 25 2.6 Pertumbuhan dan Perkembangan Huruf Hijaiyah 28 2.7 Definisi Tajwid 33 2.7.1 Jenis-Jenis Hukum Tajwid 14 Bab 3. Perancangan Sistem 3.1 Desain Halaman Awal 36 3.2 Menu Pelajaran 39 3.2.1 Tombol Membaca dan Menulis 39 3.2.2 Tombol Bertajwid 41 3.2.3 Tombol Menu 42
vi 3.2.4 Tombol Home 44 3.3 Layer 45 3.3.1 Huruf Hijaiyah 45 3.3.2 Tombol Menu 47 3.3.3 Tombol Next 48 3.3.4 Tombol Back 50 3.3.5 Judul Huruf Hijaiyah 51 3.3.6 Cara Penulisannya 52 3.3.7 Tombol Sound 53 3.3.8 Tombol Back 54 3.3.9 Tombol Menu 56 3.3.10 Belajar Tajwid 57 3.3.11 Isi Tajwid 58 3.3.12 Tombol Back 59 Bab 4. Implementasi Sistem 4.1 Hasil 61 4.1.1 Menu Membaca dan Menulis 62 4.1.2 Menu Bertajwid 64 Bab 5. Penutup 5.1 Kesimpulan 68 5.2 Saran 69 Daftar Pustaka Lampiran
vii DAFTAR TABEL Nomor Judul Halaman Tabel 2.1 Fasilitas Toolbox 14 2.2 Tabel Pengejaan Huruf Hijaiyah 27
viii DAFTAR GAMBAR Nomor Judul Halaman Gambar 2.1 Tampilan Star Page Adobe Flash Professional CS6 11 2.2 Jendela Utama Adobe Flash Professional CS6 12 2.3 Panel Actions 17 3.1 Tampilan Gambar Tombol Membaca dan Menulis 39 3.2 Tombol Membaca dan Menulis 40 3.3 Script Membaca dan Menulis 40 3.4 Tampilan Gambar Tombol Bertajwid 41 3.5 Tombol Bertajwid 41 3.6 Script Tombol Bertajwid 42 3.7 Tombol Menu 43 3.8 Script ke Menu 43 3.9 Tombol Home 44 3.10 Script ke Home 45 3.11 Tampilan Susunan Huruf 46 3.12 Tampilan Huruf dengan Pengucapannya 46 3.13 Tombol Huruf 46 3.14 Tombol Kembali ke Halaman Menu 47 3.15 Tampilan Tombol Menu 48 3.16 Tombol Next 49 3.17 Script ke Halaman Selanjutnya 49 3.18 Tombol Back 50 3.19 Tampilan Script untuk Kembali ke Frame Sebelumnya 51 3.20 Tampilan Judul Huruf Hijaiyah dan Penulisannya 51 3.21 Tampilan Cara Penulisan 52 3.22 Cara Penulisan Huruf 53 3.23 Tombol Sound 54 3.24 Pemberian efek pada tombol sound 54 3.25 Tombol Back 55 3.26 Script Tombol Back 56 3.27 Tombol Menu 56 3.28 Script Pada Tombol Menu 57 3.29 Tampilan Menu Belajar Tajwid 58 3.30 Tampilan Isi Tajwid 58 3.31 Tombol Back 59 3.32 Script Pada Tombol Back 60 4.1 Tampilan Halaman Awal 61 4.2 Tampilan Halaman Menu 62 4.3 Halaman Huruf Hijaiyah Bagian I 62 4.4 Halaman Huruf Hijaiyah Bagian II 63 4.5 ا Tampilan Ketika Kursor Mengarah ke Huruf 63
ix 4.6 Tampilan Cara Penulisannya 63 4.7 Tampilan Halaman Belajar Tajwid 64 4.8 Tampilan Isi Tajwid Idhzar 64 4.9 Tampilan Isi Tajwid Idghom Bagian I 65 4.10 Tampilan Isi Tajwid Idghom Bagian II 65 4.11 Tampilan Isi Tajwid Iqlab 65 4.12 Tampilan Isi Tajwid Ikhfaa 66 4.13 Tampilan Isi Tajwid Madd Bagian I 66 4.14 Tampilan Isi Tajwid Madd Bagian II 66 4.15 Tampilan Isi Tajwid Madd Bagian III 67 4.16 Tampilan Isi Tajwid Qolqolah 67