This PDF is Created by Simpo Word to PDF unregistered version - http://www.simpopdf.com

DAFTAR GAMBAR Gambar 2.1 Contoh Izhar : Surat Al-Qadr Ayat 3 ........................................... 15 Gambar 2.2 Contoh Idgham Bighunnah :Surat Al-Zalzalah Ayat 7 ................ 15 Gambar 2.3 Contoh Idgham Bilaghunnah:Surat Al-Balad Ayat 5 ................... 16 Gambar 2.4 Contoh Iqlab: Surat Al-‘Alaq Ayat 15 ......................................... 16 Gambar 2.5 Contoh Ikhfa’ : Surat Al-Qalam ayat 7 ........................................ 17 Gambar 2.6 Bacaan Sujud Tilawah ................................................................ 18 Gambar 2.7 Saktah : Surat Yaasin 52 ............................................................. 19 Gambar 2.8 Isymam : Surat Yusuf Ayat 11 .................................................... 19 Gambar 2.9 Imalah : Surat Hud Ayat 41......................................................... 19 Gambar 2.10 Tashil : Surat Fushshilat Ayat 44 .............................................. 20 Gambar 2.11 Naql : Al Auran Surat Hujurat Ayat 11 ..................................... 20 Gambar 2.12 Nun Wiqayah ............................................................................ 20 Gambar 2.13 Shifrul Mustadir........................................................................ 21 Gambar 2.14 Shifrul Mustathi Qaa’im ........................................................... 21 Gambar 2.15 Ikhfa’ Syafawi : Surat Al-Fiil Ayat 4 ........................................ 22 Gambar 2.16 Idgham Mistlain : Surat Quraysy Ayat 4 ................................... 22 Gambar 2.17 Izhar Syafawi : Surat Al-Fiil Ayat 2 .......................................... 22 Gambar 2.18 Idgham Mutamatsilain : Surat Yaasiin Ayat 43 ......................... 23 Gambar 2.19 Surat Ali ‘Imraan ayat 200 ........................................................ 23 Gambar 2.20 Idgham Mutaqaribain : Surat Al-Mursalaat Ayat 20 .................. 24 Gambar 2.21 Idgham Mutajanisain : Surat Al-Maaidah Ayat 28..................... 25 Gambar 2.22 Idgham Mutajanisain : Surat Al-Ahzaab Ayat 13 ...................... 25 Gambar 2.23 Mad Thabii’i : Surat An-Naas Ayat 5 ........................................ 26 Gambar 2.24Mad Thabii’i : Surat Quraysy Ayat 2 ......................................... 26 Gambar 2.25 Mad Mubalaghah : Surat Alfurqan Ayat 69 ............................... 28 Gambar 2.26 Mad Wajib Muttashil : Surat Al-Inaan ayat 22 .......................... 28 Gambar 2.27 Mad Jaiz Munfashil : Surat Fushilat Ayat 39 ............................. 29 Gambar 2.28 Mad Lazim Mukhaffaf Kalimi ................................................. 30 Gambar 2.29 Mad Liin pada Surat Quroisy 1-4 .............................................. 32 xii

This PDF is Created by Simpo Word to PDF unregistered version - http://www.simpopdf.com

Gambar 2.30 Tampilan Animasi Frame by Frame .......................................... 33 Gambar 2.31 Tampilan Motion Tween ........................................................... 34 Gambar 2.32 Setup Awal Macromedia Flash 8 ............................................... 36 Gambar 2.33 License Agreement .................................................................... 36 Gambar 2.34 Readme Information ................................................................. 36 Gambar 2.35 Destination Folder .................................................................... 37 Gambar 2.36 Installation Process .................................................................. 37 Gambar 2.37 Installation Completed .............................................................. 38 Gambar 2.38 Jendela Macromedia Flash Professional .................................... 39 Gambar 2.39 Jendela Kerja Macromedia Flash Professional 8........................ 40 Gambar 2.40 Tools Pada Macromedia Professional 8 ..................................... 41 Gambar 2.41 Panel Properties ........................................................................ 43 Gambar 2.42 Timeline ................................................................................... 43 Gambar 2.43 Help .......................................................................................... 44 Gambar 2.44 Library...................................................................................... 44 Gambar 2.45 Menu ........................................................................................ 44 Gambar 2.46 Scene ........................................................................................ 45 Gambar 2.47 Actions...................................................................................... 46 Gambar 2.48 Navigasi Linier ......................................................................... 50 Gambar 2.49 Navigasi Hirarki ....................................................................... 51 Gambar 2.50 Navigasi Non Linier.................................................................. 51 Gambar 2.51 Navigasi Campuran................................................................... 52 Gambar 3.1 Struktur Navigasi Aplikasi Pembelajaran Ilmu Tajwid ................ 57 Gambar 3.2 Storyboard Aplikasi Pembelajaran Ilmu Tajwid .......................... 59 Gambar 3.3 Rancangan Tampilan Halaman Pengenalan ................................. 60 Gambar 3.4 Rancangan Tampilan Main Menu ............................................... 61 Gambar 3.5 Rancangan Tampilan Menu Tajwid............................................. 61 Gambar 3.6 Rancangan Tampilan Menu Hukum Nun Mati dan Tanwin ................................................................................. 62 Gambar 3.7 Rancangan Tampilan Materi Izhar Halqi ..................................... 63 Gambar 3.8 Rancangan Tampilan Contoh Bacaan Izhar Halqi ....................... 63 xiii

This PDF is Created by Simpo Word to PDF unregistered version - http://www.simpopdf.com

Gambar 3.9 Rancangan Tampilan Menu Idgham ............................................ 64 Gambar 3.10 Rancangan Tampilan Materi Idgham Bighunnah ....................... 65 Gambar 3.11 Rancangan Tampilan Contoh Bacaan Idgham Bighunnah ......... 65 Gambar 3.12 Rancangan Tampilan Menu Istilah dalam Al Quran .................. 67 Gambar 3.13 Rancangan Tampilan Materi Istilah dalam Al Quran ................. 67 Gambar 3.14 Rancangan Tampilan Hukum Mim Mati ................................... 68 Gambar 3.15 Rancangan Tampilan Menu Hukum Mad .................................. 68 Gambar 3.16 Rancangan Tampilan Macam-macam Idgham ........................... 69 Gambar 3.17 Rancangan Tampilan Idgham Mutamatsilain............................. 70 Gambar 3.18 Rancangan Tampilan Menu Quiz .............................................. 71 Gambar 3.19 Rancangan Tampilan Input Nama ............................................. 72 Gambar 3.20 Rancangan Tampilan Menu Latihan Quiz ................................. 72 Gambar 3.21 Rancangan Tampilan Menu Hasil Quiz ..................................... 73 Gambar 3.22 Rancangan Tampilan Profil ....................................................... 74 Gambar 3.23 Scene 1 pengenalan tajwid ........................................................ 75 Gambar 3.24 Document Properties ................................................................. 75 Gambar 3.25 Layer Pada Scene Pengenalan Tajwid ....................................... 76 Gambar 3.26 Tampilan Backgroud Pengenalan Tajwid .................................. 76 Gambar 3.27 Tampilan judul.......................................................................... 77 Gambar 3.28 Tampilan masking layer4 Pengenalan Tajwid............................ 78 Gambar 3.29 Button Mulai pada Scene Pembelajaran Tajwid ........................ 78 Gambar 3.30 Tampilan Backgroud Main Menu.............................................. 80 Gambar 3.31 Tampilan Judul Pada Halaman Main Menu ............................... 81 Gambar 3.32 Tampilan Menu Pada Main Menu ............................................. 81 Gambar 3.33 Tampilan Layer Tajwid Pada Main Menu ................................. 82 Gambar 3.34 Button Tajwid Scene Main Menu .............................................. 83 Gambar 3.35 Tampilan Backgroud Menu Tajwid ........................................... 84 Gambar 3.36 Tampilan Layer Pilihan Pada Menu Tajwid .............................. 85 Gambar 3.37 Tampilan Layer Button Menu Tajwid........................................ 86 Gambar 3.38 Tampilan Layer Judul Menu Tajwid ......................................... 87 Gambar 3.39 Tampilan Layer Button Menu Menu Tajwid.............................. 87 xiv

This PDF is Created by Simpo Word to PDF unregistered version - http://www.simpopdf.com

Gambar 3.40 Tampilan Background Hukum Nun Mati dan Tanwin ............... 88 Gambar 3.41 Tampilan Layer Pilihan Hukum Nun Mati dan Tanwin ............. 89 Gambar 3.42 Tampilan Layer Pilihan Button ................................................. 90 Gambar 3.43 Tampilan Button Hukum Nun Mati dan Tanwin ........................ 91 Gambar 3.44 Tampilan Background Izhar halqi ............................................. 92 Gambar 3.45 Tampilan Izhar halqi dan Proses Mask ...................................... 92 Gambar 3.46 Tampilan Materi Izhar Halqi ..................................................... 93 Gambar 3.47 Tampilan Button Izhar Halqi ..................................................... 94 Gambar 3.48 Tampilan Huruf Arab ................................................................ 95 Gambar 3.49 Tampilan Button Pilihan Idgham ............................................... 97 Gambar 3.50 Tampilan Judul pada Contoh Bacaan ........................................ 98 Gambar 3.51 Tampilan Contoh Bacaan Ikhfa’................................................ 99 Gambar 3.52 Tampilan Background Istilah Dalam Al-Quran ....................... 100 Gambar 3.53 Tampilan Judul Istilah Dalam Al-Quran .................................. 101 Gambar 3.54 Tampilan Menu Istilah Dalam Al-Quran ................................. 101 Gambar 3.55 Tampilan Background Hukum Mim Mati................................ 103 Gambar 3.56 Tampilan Judul Hukum Mim Mati .......................................... 103 Gambar 3.57 Tampilan Isi Hukum Mim Mati .............................................. 104 Gambar 3.58 Tampilan Background Hukum Mad ........................................ 105 Gambar 3.59 Tampilan Judul Hukum Mad................................................... 106 Gambar 3.60 Tampilan Hukum Mad Asli..................................................... 107 Gambar 3.61 Tampilan Hukum Mad Far’I ................................................... 109 Gambar 3.62 Tampilan Isi Mad Bertemu Hamzah ........................................ 110 Gambar 3.63 Tampilan Materi Mad Bertemu Hamzah ................................. 111 Gambar 3.64 Tampilan Button Mad Bertemu Hamzah ................................. 111 Gambar 3.65 Tampilan Background Macam Idgham ................................... 112 Gambar 3.66 Tampilan Judul Macam Idgham .............................................. 113 Gambar 3.67 Tampilan Pilihan Macam Idgham ........................................... 113 Gambar 3.68 Tampilan Button pada Macam Idgham.................................... 114 Gambar 3.69 Tampilan Mutamatsilain ......................................................... 115 Gambar 3.70 Tampilan Background Menu Quiz........................................... 116 xv

This PDF is Created by Simpo Word to PDF unregistered version - http://www.simpopdf.com

Gambar 3.71 Tampilan Judul Menu Quiz ..................................................... 117 Gambar 3.72 Tampilan Pilihan Menu Quiz .................................................. 118 Gambar 3.73 Tampilan Input Nama ............................................................. 120 Gambar 3.74 Tampilan Quiz pemahaman Tajwid ......................................... 122 Gambar 3.75 Tampilan Quiz pemahaman Teori ........................................... 122 Gambar 3.76 Tampilan Nilai Hasil Quiz....................................................... 124 Gambar 3.77 Tampilan Button Menu Hasil Quiz .......................................... 124 Gambar 3.78 Tampilan Gambar Penulis ....................................................... 125 Gambar 3.79 Tampilan Perkenalan Penulis .................................................. 126 Gambar 3.80 Tampilan Button pada Profil ................................................... 126 Gambar 3.81 Tampilan Publish Setting ........................................................ 128

xvi