Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia

1. HALAMAN START Tombol Mulai on(release){ gotoAndPlay(2); }

2. HALAMAN HOME

Layer Makhroj Huruf on(release){

gotoAndPlay(30); }

Layer Ikhfa’ Haqiqi on(release){

gotoAndPlay("Scene 2",4); }

Layer Izhar Halqi

on(release){

gotoAndPlay("Scene 2",1); }

Layer Idgham

on(release){

gotoAndPlay("Scene 2",2); }

gotoAndPlay("Scene 2",3); }

Layer Madd

on(release){

gotoAndPlay("Scene 2",6); }

Layer Qalqalah

on(release){

gotoAndPlay("Scene 2",5); }

Halaman Teori Tombol Home

on(release){

gotoAndPlay("Scene 1",2); }

Tombol Contoh

on(release)

{gotoAndPlay("Scene 3",1); //(nomor frame contoh di scene 3) }

Halaman Contoh Tombol Home

on(release){

gotoAndPlay("Scene 1",2); }

gotoAndPlay("Scene 2",6); //(nomor frame teori di scene 2) }

Action Script Untuk Audio

Di Frame bunyi = true; stopAllSounds();

var my_sound:Sound = new Sound(); my_sound.attachSound("Suara 009"); my_sound.attachSound("Suara 010"); my_sound.attachSound("Suara 011"); my_sound.attachSound("Suara 012"); my_sound.attachSound("Suara 013"); my_sound.attachSound("Suara 014"); my_sound.attachSound("Suara 015"); //my_sound.start();

on (release) { if (bunyi == true) {

stopAllSounds(); bunyi = false; } else {

stopAllSounds();

var my_sound:Sound = new Sound(); my_sound.attachSound("Suara 015"); my_sound.start();

bunyi = true; }

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama : NURDIN SIREGAR

NIM : 102406135

Prog. Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN APLIKASI TAJWID MEMBACA AL QUR’AN BERBASIS MULTIMEDIA

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……….

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, 2013

Dosen Pembimbing/Kepala Lab. Komputer Program Studi DIII Teknik Informatika,

Syahriol Sitorus, S.Si, M.IT NIP. 197103101997031004

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU

Telp. (061) 8214290, 8211212, 8211414 Fax. (061) 8214290 Medan 20155 Kartu Bimbingan Tugas Akhir Mahasiswa

Nama : NURDIN SIREGAR

Nomor Induk Mahasiswa : 102406135

Judul Tugas Akhir : PERANCANGAN APLIKASI TAJWID MEMBACA

AL QUR’AN BERBASI MULTIMEDIA

Dosen Pembimbing : Syahriol Sitorus, S.Si, M.IT

Tanggal Mulai Bimbingan : ... Tanggal Selesai Bimbingan : ...

No Tanggal Asistensi Bimbingan

Pembahasan Pada Asistensi Mengenai, Pada Bab :

Paraf Dosen

Pembimbing Keterangan

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

Diketahui, Disetujui,

Departemen Matematika FMIPA USU Pembimbing Utama/

Ketua Penanggung Jawab

Prof.Drs.Tulus, M.Si. Syahriol Sitorus, S.Si, M.IT NIP. 196209011988031002 NIP. 197103101997031004

Arry Maulana Syarif. 2006.Cara mudah belajar Adobe Flash CS3.Jakarta: PT Elex Media Komputindo.

Arry Maulana Syarif. 2008. Tip dan trik membuat fitur game flash. Jakarta: PT Elex Media Komputindo.

Astuti, Dwi.2006. Macromedia Flash 8. Yogyakarta: Penerbit Andi.

Opim Salim Sitompul.2011.Pemrograman C di Lingkungan Linux.Medan.USU Press

Panduan Tatacara Penulisan Tugas Akhir.2005.Dokumen Nomor:

Akad/05/2005.Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Wibawanto, W. 2005. Membuat Game dengan Macromedia Flash. Yogyakarta. ANDI

1. HALAMAN START Tombol Mulai on(release){ gotoAndPlay(2); }

2. HALAMAN HOME

Layer Makhroj Huruf on(release){

gotoAndPlay(30); }

Layer Ikhfa’ Haqiqi on(release){

gotoAndPlay("Scene 2",4); }

Layer Izhar Halqi

on(release){

gotoAndPlay("Scene 2",1); }

Layer Idgham

on(release){

gotoAndPlay("Scene 2",2); }

gotoAndPlay("Scene 2",3); }

Layer Madd

on(release){

gotoAndPlay("Scene 2",6); }

Layer Qalqalah

on(release){

gotoAndPlay("Scene 2",5); }

Halaman Teori Tombol Home

on(release){

gotoAndPlay("Scene 1",2); }

Tombol Contoh

on(release)

{gotoAndPlay("Scene 3",1); //(nomor frame contoh di scene 3) }

Halaman Contoh Tombol Home

on(release){

gotoAndPlay("Scene 1",2); }

gotoAndPlay("Scene 2",6); //(nomor frame teori di scene 2) }

Action Script Untuk Audio

Di Frame bunyi = true; stopAllSounds();

var my_sound:Sound = new Sound(); my_sound.attachSound("Suara 009"); my_sound.attachSound("Suara 010"); my_sound.attachSound("Suara 011"); my_sound.attachSound("Suara 012"); my_sound.attachSound("Suara 013"); my_sound.attachSound("Suara 014"); my_sound.attachSound("Suara 015"); //my_sound.start();

on (release) { if (bunyi == true) {

stopAllSounds(); bunyi = false; } else {

stopAllSounds();

var my_sound:Sound = new Sound(); my_sound.attachSound("Suara 015"); my_sound.start();

bunyi = true; }

BAB 3

PERANCANGAN SISTEM

3.1 Analisis Perancangan

Analisis perancangan yang dilakukan dalam penulisan tugas akhir ini adalah dengan cara menganalisis bahan-bahan yang telah diperoleh dari berbagai sumber atau referensi seperti buku, artikel maupun internet. Kemudian bahan-bahan tersebut ditampilkan dalam sebuah metode yang menarik dan interaktif melalui aplikasi yang menggunakanan Adobe Flash.

Analisis perancangan aplikasi tentang tajwid membaca Al qur’an ini adalah sebagai berikut:

a. User interface, merupakan bagian dari perangkat lunak yang menyediakan sarana untuk user (pengguna) agar dapat berkomunikasi dengan sistem yang dalam tugas akhir ini menggunakan Adobe Flash .

b. Pembuatan desain, merupakan suatu program untuk menciptakan interface agar dapat menarik perhatian para pengguna.

3.2 Pemodelan Sistem

Merancang sketsa yang tepat adalah sebuah langkah awal yang dapat dilakukan dalam memulai persiapan sebelum menuangkan ide perancangan. Halaman awal yang digunakan dalam aplikasi ini terdapat sebuah link untuk menuju halaman selanjutnya. Adapun diagram pohon untuk merancang Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia adalah sebagai berikut:

Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia

User

Home

Menu

Gambar 3.1 Diagram Pohon Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia

2

1

3

Mulai

Tampilan Utama

Proses

Selesai T

Tombol Mulai

Y Selesai

3.3 Perancangan Tampilan

3.3.1 Halaman utama

Halaman utama adalah tampilan awal yang pertama kali muncul ketika aplikasi dibuka. Halaman utama ini berisi judul aplikasi yaitu “Aplikasi Tajwid Membaca Al qur’an” serta tombol mulai yang akan menampilkan hukum tajwid apa saja yang disajikan pada aplikasi ini, pada saat dijalankan halaman awal akan muncul bersamaan dengan tombol mulainya. Halaman awal ini memiliki bebrapa perpaduan warna yaitu : Kuning, putih, ungu, hijau dan disebelah kanan terdapat gambar seorang anak yang sedang membaca Al qur’an, serta judul aplikasi berwarna biru.

Gambar 3.2 Kerangka dan flowchart halaman utama Ket :

1. Background aplikasi berupa gambar seorang anak yang sedang membaca Al qur’an, terdiri dari perpaduan warna kuning, putih, ungu, hijau.

2. Judul aplikasi berupa tulisan dengan perpaduan warna hitam, merah, biru. 3. Tombol “mulai”.

2 3 4 6 5 7 8 1

Tampilan halaman ini merupakan perpaduan antara warna kuning, putih, ungu, hijau, dan di sebelah kanan terdapat gambar seorang anak yang sedang membaca Al qur’an. Ketika dijalankan background, judul, dan tombol “mulai” akan tampil bersamaan.

3.3.2 Halaman menu

Halaman menu merupakan halaman yang menamipilkan menu-menu yang berisi macam-macam tombol hukum ilmu tajwid, yaitu tombol makhroj huruf , ikhfa’ haqiqi, izhar halqi, idgham, iqlaab, qalqalh, madd. Halaman mempunyai background sebuah gambar yang menunjukkan dua orang anak yang sedang memegang papan tulis, pada halaman ini terdapat garis pinggir yang terdiri dari beberapa warna yaitu : kuning, putih, hijau, ungu. Pada saat dijalankan nantinya tombol-tombol menu dalam halaman ini akan terurai dari satu bagian sebelumnya membentuk sebuah tampilan pilihan menu.

Ket :

1. Background, berupa gambar 2 orang anak dan papan tulis. 2. Pilihan menu Makhroj Huruf. 3. Pilihan meu Ikhfa’ Haqiqi. 4. Pilihan Menu Izhar Halqi. 5. Pilihan Menu Idgham. 6. Pilihan menu Iqlaab 7. Pilihan menu Maad 8. Pilihan menu Qalqalah. Gambar 3.3 Kerangka halaman menu

Mulai

Tampilan Menu

Proses

Makhroj Huruf Buka Makhroj

Huruf Y

Y

T

Ikhfa’ Haqiqi Y Buka Ikhfa’ Haqiqi

T Izhar Halqi Idgham T Iqlaab T Madd T Qalqalah T

Buka Izhar Halqi Y Buka Idgham Buka Iqlaab Buka Madd Buka Qalqalah Y Y Y Y Tampilan Menu Selesai T Selesai

Gambar 3.4 Flowchat halaman menu

Tampilan halaman ini memiliki background berupa dua orang anak yang sedang mengangkat papan tulis.

Tampilan Makhroj Huruf

Proses

Tombol Huruf Alif sampai ya Y Tombol Home T Y Selesai Y T A Menu Utama Audio Penjelasan Huruf T

3.3.3 Halaman makhroj huruf

Halaman ini berisi gambar-gambar yang menunjukkan tempat tempat keluarnya huruf hijaiyah ketika diucapkan. Apabila salah satu gambar huruf hijaiyah tersebut diklik, maka akan terdengar audio yang menjelaskan tempat keluarnya huruf hijaiyah tersebut ketika diucapkan, disertai juga latihan cara mengucapkan huruf hijaiyah. Dalam halaman ini juga terdapat tombol untuk “home” untuk kembali ke halaman menu. Pada saat dijalankan background akan muncul bersamaan dengan tombol-tombol huruf beserta tomboh homenya, dan tombol home ini akan sedikit membesar apabila kursor diarahkan. Latar belakang dari tampilan ini adalah saluran pernafasan manusia mulai dari mulut sampai kerongkongan, yang memiliki perpaduan warna coklat, merah muda dan biru.

2 1

3 2

Ket :

1. Tombol “home”

2. Background halaman berupa gambar alat pernafasan manusia mulai dari mulut sampai

keronkongan.

3. Tombol- tombol huruf hijaiyah mulai dari huruf alif sampai ya.

Tampilan halamana ini terdiri dari background sebuah gambar alat pernafasan, yang memiliki perpaduan warna berupa warna coklat, merah muda, dan biru.

3.3.4 Halaman ikhfa’ haqiqi

Halaman ini berisi teori yang menjelaskan tentang ikhfa’ haqiqi. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh ikhfa’ haqiqi. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang ikhfa’ haqiqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

2 1 3 4 B Tampilan Ikhfa’ Haqiqi Proses Y Tombol Home T Selesai Teori

Ikhfa’ Tombol Contoh Y B.Cont

oh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

Gambar 3.6 Kerangka dan Flowchart Halaman Ikhfa’ haqiqi Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan tombol “home” akan sedikit membesar ketika kita mengarahkan kursor ke tombol tersebut.

3.3.5 Halaman izhar halqi

Halaman ini berisi teori yang menjelaskan tentang izhar halqi. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman

2 1 3 4 C Tampilan Izhar Halqi Proses Y Tombol Home T Selesai Teori Izhar Tombol Contoh Y C.Cont oh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

contoh-contoh izhar halqi. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang izhar halqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

Gambar 3.7 Kerangka dan Flowchart Halaman Izhar Halqi Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.

2 1 3 4 D Tampilan Idgham Proses Y Tombol Home T Selesai Teori Idgham Tombol Contoh Y D.Con toh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

3.3.6 Halaman idgham

Halaman ini berisi teori yang menjelaskan tentang idgham. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh idgham. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang idgham. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.

3.3.7 Halaman Iqlaab

Halaman ini berisi teori yang menjelaskan tentang iqlaab. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh iqlaab. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang iqlaab. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

2 1 3 4 E Tampilan Iqlaab Proses Y Tombol Home T Selesai Teori Iqlaab Tombol Contoh Y E.Cont oh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

Gambar 3.9 Kerangka dan Flowchart Halaman Iqlaab Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.

3.3.8 Halaman Qalqalah

Halaman ini berisi teori yang menjelaskan tentang qalqalah. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh qalqalah. Halaman ini terdiri dari background berupa sebuah papan

2 1 3 4 G Tampilan Qalqalah Proses Y Tombol Home T Selesai Teori Qalqalah Tombol Contoh Y G.Con toh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

tulis yang berisikan teori tentang qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

Gambar 3.10 Kerangka dan Flowchart Halaman Qalqalah Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.

2 1 3 4 F Tampilan Madd Proses Y Tombol Home T Selesai Teori Madd Tombol Contoh Y F.Cont oh T

Tombol ON Mainkan Suara Y Tombol Off T Matikan Suara Y T Selesai

3.3.9 Halaman madd

Halaman ini berisi teori yang menjelaskan tentang madd. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh madd. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

Gambar 3.11 Kerangka dan Flowchart Halaman Madd Ket:

1. Tombol “home” 2. Teori

3. Tombol contoh

4. Tombol on / off audio teori

Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.

3.3.10 Halaman contoh ikhfa’ haqiqi

Halaman ini berisi contoh-contoh ikhfa’ haqiqi berupa tulisan dan audio cara membaca contoh ikhfa’ haqiqi tersebut. Audio akan terdengar ketika salah satu contoh

ikhfa’ haqiqi diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman ikhfa haqiqi. Halaman ini terdiri dari background berupa sebuah buku yang dihiasi dedaunan dan alat lukis disebelah kirinya. Buku tersebut berisi contoh ikhfa’ haqiqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Di sebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.

B.Cont oh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Ikhfa’ Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai 2 1 3

Gambar 3.12 Kerangka dan Flowchart Halaman Contoh Ikhfa’ Haqiqi Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

2 1 3 C.Cont oh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Izhar Halqi Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai 3.3.11 Halaman contoh izhar halqi

Halaman ini berisi contoh-contoh izhar halqi berupa tulisan dan audio cara membaca contoh izhar halqi tersebut. Audio akan terdengar ketika salah satu contoh izhar halqi diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman izhar halqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.

Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

3.3.12 Halaman contoh idgham

Halaman ini berisi contoh-contoh idgham berupa tulisan dan audio cara membaca contoh idgham tersebut. Audio akan terdengar ketika salah satu contoh idgham diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman idgham. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.

2 1 3 D.Con toh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Idgham Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai

Gambar 3.14 Kerangka dan Flowchart Halaman Contoh Idgham Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

2 1 3 E.cont oh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Iqlaab Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai 3.3.13 Halaman Contoh Iqlaab

Halaman ini berisi contoh-contoh iqlaab berupa tulisan dan audio cara membaca contoh iqlaab tersebut. Audio akan terdengar ketika salah satu contoh iqlaab diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman iqlaab. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.

Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

3.3.14 Halaman Contoh Qalqalah

Halaman ini berisi contoh-contoh qalqalah berupa tulisan dan audio cara membaca contoh qalqalah tersebut. Audio akan terdengar ketika salah satu contoh qalqalah diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.

2 1 3 G.Con toh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Qalqalah Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai

Gambar 3.16 Kerangka dan Flowchart Halaman Contoh Qalqalah Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

2 1 3 G.Con toh Halaman Contoh Proses Tombol Contoh Y Suara Contoh Y Kembali T Teori Qalqalah Y T Tombol Home Halaman Menu Y Halaman Contoh T Selesai Selesai T Selesai 3.3.15 Halaman contoh madd

Halaman ini berisi contoh-contoh madd berupa tulisan dan audio cara membaca contoh madd tersebut. Audio akan terdengar ketika salah satu contoh madd diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman madd. Pada saat dijalankan background akan muncul bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.

Ket:

1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”

Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistem yang lama atau sistem yang diperbaiki.

Implementasi merupakan tahap penerapan rancangan yang sudah dibuat kedalam bahasa pemrograman yang digunakan. Dalam tahap ini dilakukan beberapa hal yaitu penulisan program, kompilasi dan membuat program aplikasi yang siap pakai atau excecutable.

4.2 Kebutuhan Sistem

Sarana-sarana pendukung sangat dibutuhkan untuk memperoleh hasil dalam perancangan sistem yang baik yaitu berupa komponen-komponen penting dalam menunjang penerapan sistem yang telah dirancang.

Komponen-komponen tersebut adalah sebagai berikut : 1. Perangkat keras (hardware)

Hardware adalah komponen-komponen yang membentuk suatu sistem computer yang berhubungan dengan peralatan (komponen) lainnya, sehingga memungkinkan komputer dapat melakukan tugasnya. Umumnya peralatan tersebut terdiri dari tiga jenis perangkat yaitu masukan (input device), perangkat pengolahan (processor) dan perangkat keluaran (output device). Adapun hardware yang digunakan penulis dalam merancang sistem ini adalah :

a. Peralatan input, seperti : mouse, keyboard.

b. Peralatan proses, seperti : Prosesor, RAM 2GB, motherboard, hardidsk 500 GB.

c. Peralatan output, seperti : monitor, printer.

d. Serta peralatan tambahan lainnya, seperti USB Flash.

2. Perangkat Lunak (Software)

Software adalah seluruh fasilitas suatu sistem pengolahan data yang bukan peralatan komputernya atau merupakan suatu susunan instruksi yang harus diberikan kepada unit pengolahan agar komputer dapat menjalankan pekerjaannya sesuai yang dibutuhkan. Fasilitas software terdiri dari sistem desain, program - program dan prosedur-prosedur. Software yang digunakan antara lain:

a. Sistem Operasi Minimum Microsoft Windows XP dan Maksimum Windows 7

b. Adobe Flash Cs 3 sebagai bahasa pemrograman

3. Unsur Manusia (Brainware)

Brainware merupakan aspek manusia yang menangani pengolahan komputer maupun pengembangan, yang termasuk dalam brainware adalah :

a. Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan sistem atau program.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

c. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lainnya.

d. Public (pengguna), yaitu orang yang memakai sistem yang telah dirancang.

4.3Tampilan Program

Berikut ini adalah penjelasan dari rancangan tampilan program setelah diimplementasikan dengan menggunakan perangkat lunak Adobe Flash Cs 3.

4.3.1 Tampilan menu intro

Tampilan menu intro pada Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia dapat dilihat pada Gambar 4.1 berikut ini :

Gambar 4.1 Tampilan Menu Intro

Pada tampilan menu intro ini berisi tentang judul. Pada bagian bawah merupakan tombol untuk mulai, dan looading untuk menuju menu utama.

4.3.2 Tampilan menu utama

Tampilan halaman menu utama pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.2 Tampilan Menu Utama

Pada bagian atas menu utama ini terdapat menu makhroj huruf, ikhfa’ haqiqi , izhar halqi, idgham, iqlaab, madd, qalqalah. Jika salah satu dari menu tersebut dipilih maka user akan dibawa menuju halaman penjelasan tentang menu tersebut.

4.3.3 Tampilan halaman makhroj huruf

Tampilan halaman menu makhroj huruf pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.3 Tampilan Halaman Makhroj Huruf

Pada tampilan halaman makhroj huruf terdapat gambar yang menunjukkan dari mana huruf huruf hijaiyah tersebut keluar ketika diucapkan. Gambar gambar huruf hijaiyah tersebut merupakan tombol-tombol yang apabila diklik akan mengeluarkan audio penjelasan tentang makhroj huruf hijaiyah tersebut. Dalam audio juga terdapat latihan untuk mengucapkan huruf hijaiyah tersebut. Disisi kiri atas terdapat tombol home, apabila tombol tersebut diklik user akan dibawa kembali ke menu utama.

4.3.4 Tampilan halaman ikhfa’ haqiqi

Tampilan halaman menu ikhfa’ haqiqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.4 Tampilan Halaman Ikhfa’ Haqiqi

Pada tampilan halaman ikhfa’ haqiqi ini terdapat teori yang menjelaskan tentang ikhfa’ haqiqi. Disana juga terdapat huruf-huruf yang merupakan huruf ikhfa’ haqiqi. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh ikhfa’ haqiqi.

4.3.5 Tampilan halaman izhar halqi

Tampilan halaman menu izhar halqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.5 Tampilan Halaman Izhar Halqi

Pada tampilan halaman izhar halqi ini terdapat teori yang menjelaskan tentang izhar halqi. Disini juga terdapat huruf-huruf yang merupakan huruf izhar halqi. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh ikhfa’ haqiqi.

4.3.6 Tampilan halaman idgham

Tampilan halaman menu idgham pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.6 Tampilan Halaman Idgham

Pada halaman tampilan idgham ini terdapat teori yang menjelaskan tentang idgham. Disini juga terdapat huruf-huruf yang merupakan huruf idgham. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh idgham.

4.3.7 Tampilan halaman iqlaab

Tampilan halaman menu iqlaab pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.7 Tampilan Halaman Iqlaab

Pada tampilan halaman iqlaab ini terdapat teori yang menjelaskan tentang iqlaab. Disini juga terdapat huruf-huruf yang merupakan huruf iqlaab. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh iqlaab.

4.3.8 Tampilan halaman madd

Tampilan halaman menu madd pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.8 Tampilan Halaman Madd

Pada tampilan halaman madd ini terdapat teori yang menjelaskan tentang madd. Disini juga terdapat huruf-huruf yang merupakan huruf madd. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh madd.

4.3.9 Tampilan halaman qalqalah

Tampilan halaman menu qalqalah pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.9 Tampilan Halaman Qalqalah

Pada halaman tampilan qalqalah ini terdapat teori yang menjelaskan tentang qalqalah. Disini juga terdapat huruf-huruf yang merupakan huruf qalqalah. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh qalqalah.

4.3.10 Tampilan halaman contoh ikhfa’ haqiqi

Tampilan halaman menu contoh ikhfa’ haqiqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.10 Tampilan Halaman Contoh Ikhfa’ haqiqi

Pada halaman tampilan contoh ikhfa’ haqiqi ini terdapat contoh-contoh ikhfa’ haqiqi dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman ikhfa’ haqiqi.

4.3.11 Tampilan halaman contoh izhar halqi

Tampilan halaman menu contoh izhar halqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.11 Tampilan Halaman Contoh Izhar Halqi

Pada halaman tampilan contoh izhar halqi ini terdapat contoh-contoh izhar halqi dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman izhar halqi.

4.3.12 Tampilan halaman contoh idgham

Tampilan halaman menu contoh idgham pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.12 Tampilan Halaman Contoh Idgham

Pada halaman tampilan contoh idgham ini terdapat contoh-contoh idgham dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman idgham.

4.3.13 Tampilan halaman contoh iqlaab

Tampilan halaman menu contoh iqlaab pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.13 Tampilan Halaman Contoh Iqlaab

Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh iqlaab dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman iqlaab.

4.3.14 Tampilan halaman contoh madd

Tampilan halaman menu contoh madd pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.14 Tampilan Halaman Contoh Madd

Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh madd dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman madd.

4.3.15 Tampilan halaman contoh qalqalah

Tampilan halaman menu contoh qalqalah pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :

Gambar 4.15 Tampilan Halaman Contoh Qalqalah

Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh qalqalah dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman qalqalah.

BAB 5

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Dari hasil pengamatan penulis maka dapat disimpulkan bahwa:

1. Dengan aplikasi ini para pengguna dapat mempelajari tajwid membaca Al

qur’an dengan mudah dan praktis, karena tidak menggunakan buku ataupun

sebagai model pembelajaran.

2. Aplikasi yang dibuat menarik, karena aplikasi ini dilengkapi dengan gambar, penuh warna, audio untuk membantu pengguna dalam memahami tajwid yang disampaikan

3. Aplikasi ini tidak hanya dijalankan dengan flash player namun juga dapat dijalankan dengan menggunakan browser dengan menyimpannya kedalam bentuk HTML, sehingga user yang tidak memiliki flash player pada komputernya tetap dapat menggunakan aplikasi ini.

5.2. Saran

Saran yang dapat penulis berikan berhubungan dengan aplikasi yang di buat ini adalah:

1. Dalam pembuatan animasi sebaiknya dibuat lebih hidup dengan memberikan animasi bergerak yang lebih banyak.

2. Materi yang diberikan dalam aplikasi ini seharusnya dikembangkan, tidak hanya memberikan informasi tentang hukum nun mati saja tapi juga hukum mim mati.

BAB 2

TINJAUN TEORI

2.1 Pengertian dan Tujuan Belajar Ilmu Tajwid

Arti tajwid secara bahasa adalah membaguskan atau memperindah, sedangkan secara pengertian istilah adalah kaidah atau tatacara membaca Al qur'an dengan sebaik-baiknya. Tujuan dari ilmu tajwid adalah memelihara bacaan Al qur'an dari kesalahan dan perubahan serta menjaga lisan dari kesalahan membaca Al qur'an.

2.2 Hukum Mempelajari Tajwid

Mempelajari ilmu tajwid hukumnya adalah fardhu kifayah, maksud fardhu kifayah disini adalah kewajiban yang harus ditunaikan minimal dikerjakan oleh satu orang maka lepaslah kewajiban semua orang disuatu tempat. Walaupun hukum mempelajari tajwid fardhu kifayah tetapi hukumnya membaca Al qur'an dengan tajwid adalah fardhu 'ain yaitu wajib bagi semua orang islam. Maksudnya fardhu 'ain disini adalah setiap orang islam wajib membaca Al qur'an sesuai dengan ketentuan dan kaidah tajwid tetapi tidak harus mengetahui nama dan hukum tajwidnya secara detil dan mendalam.

2.3 Tempat Keluarnya Huruf Hijaiyah (Makhorijul huruf)

Didalam membaca Al qur’an kita harus membunyikan huruf sesuai dengan makhrajnya. Karena jika terjadi suatu kesalahan dalam pelafalan huruf, itu bisa menimbulkan arti baru. Dalam hal ini jika dilakukan dengan sengaja akan menimbulkan kekafiran. Maka dari itu belajar makhorijulhuruf ini sangat penting bagi kita.

Tempat-tempat keluarnya huruf hijaiyah (29) itu memang banyak yang berpendapat, namun dari sekian pendapat yang paling banyak diikuti oleh ulama qurro’ dan ahlul ada’ adalah pendapat Syekh Kholil bin Ahmad an-Nahwiy (Guru Imam Sibaweh). Adapun menurut beliau Makhorijul Huruf Hijaiyah itu ada 17 tempat, dan bila diringkas ada 5 tempat, yaitu: Jauf (lubang /rongga mulut), Al-Halqu (tenggorokan / kerongkongan), Al-Lisanu (lidah), Asy-Syafatain (dua bibir) dan Al-Khoisyum (janur hidung).

2.4 Hukum Bacaan Nun Mati dan Tanwin

Hukum bacaan nun mati dan tanwin terbagi atas lima macam, yaitu : 1. Izhar Halqi

2. Idgham Bigunnah 3. Idgham Bilagunnah 4. Iqlaab

2.4.1 Izhar Halqi

Menurut bahasa, izhar artinya jelas. Menurut istilah, izhar artinya apabila nun mati atau tanwin bertemu dengan salah satu huruf izhar maka dibaca dengan jelas. Adapun huruf izhar ada 6 yaitu :

ه غ

ع خ ح ا

2.4.2 Idgham Bigunnah

Menurut bahasa, idgham artinya meleburkan, gunnah artinya mendengung. Menurut istilah, jika terdapat nun mati atau tanwin bertemu dengan salah satu huruf Idgham Bigunnah maka cara membaca huruf nun mati atau tanwin tersebut dileburkan dengan berdengung. Adapun huruf Idgham Bigunnah ada 4, yaitu :

ن م و ي

2.4.3 Idgham Bilagunnah

Menurut bahasa, idgham artinya meleburkan, bilagunnah artinya mendengung. Menurut istilah, jika terdapat nun mati atau tanwin bertemu dengan salah satu huruf Idgham Bilagunnah maka cara membaca huruf nun mati atau tanwin tersebut dileburkan tanpa berdengung. Adapun huruf idgham bilagunnah ada 2, yaitu :

ر ل

2.4.4 Iqlaab

Menurut bahasa, iqlaab artinya membalik. Menurut istilah, jika terdapat nun mati atau tanwin bertemu dengan huruf iqlaab maka dibaca menjadi mim. Adapun huruf iqlaab ada 1, yaitu :

ب

2.4.5 Ikhfa’ Haqiqi

Menurut bahasa, ikhfa’ artinya menyamarkan. Menurut istilah, jika terdapat nun mati atau tanwin bertemu dengan salah satu huruf ikhfa’ maka nun mati atau tanwin tersebut dibaca samar samar. Adapun huruf ikhfa’ ada 15, yaitu :

ت

ث

ج

د

ذ

ف ك ف ظ ط ض ص ز ش س

2.4.6 Qalqalah

Menurut bahasa, qalqalah artinya gerak, sedangkan menurut istilah qalqalah adalah bunyi huruf yang memantul jika ia mati atau dimatikan, atau suara membalik dengan bunyi rangkap. Adapun huruf qalqalah ada 5, yaitu :

ق د ج ب ط

2.4.7 Madd

Hukum bacaan madd pada ilmu tajwid terbagi atas 2 yaitu :

1. Madd Ashli, yaitu keadaan dimana huruf alif sukun dan huruf sebelumnya berharkat fatah, atau waw bersukun dan huruf sebelumnya berharkat dommah atau huruf ya bersukun dan huruf sebelumnya berharkat kasroh, maka wajib dibaca dengan cara memanjangkan bacaan dua harkat tidak boleh kurang, baik dalam keadaan bersambung maupun berhenti bacaan tersebut.

2. Madd Far’i, yaitu madd ashli yang berubah bacaan hurufnya disebabkan oleh huruf hamzah, sukun, waqaff, tasdyd atau sebab lain yang berfungsi untuk membedakan bacaan harus dibaca panjang atau pendek.

2.5Sekilas Tentang Flash

Flash adalah adalah salah satu software yang merupakan produk unggulan pembuat animasi gambar vektor yang sangat diminati saat ini. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript.

Flash lahir dari kepala seseorang bernama Jonathan Gay. Jon yang geek gemar menulis game dan membuat animasi di komputer. Ia menciptakan game Mac Airborne! tahun 1985, ketika ia masih duduk dibangku sekolah. Tahun 1993 ia mendirikan FutureWave Software dengan produk pertama SmartSketch. Inilah cikal bakal Macromedia Flash. Tahun 1995 SmartSketch berganti nama menjadi

CelAnimator. Menjelang akhir 1995, FutureWave sempat mengalami masalah finansial dan mencari pembeli. Tiga calon yang ketika itu didekatinya adalah John Warnock dari Apple, lalu juga Adobe dan Fractal Designs.

Juli 1996 CelAnimator berubah nama kembali menjadi FutureSplash Animator. Produk ini menimbulkan minat di kalangan industri. Tak kurang dari Microsoft yang menggunakan dan amat menyukainya. Disney juga sama. Ketika itu MSN ingin dibuat mengikuti model televisi, dan animasi-animasi full screen dibuat dengan FutureSplash.

Desember 1996, Macromedia yang sedang membujuk Disney agar memakai Shockwaveplugin browser untuk produk animatornya bernama Director—mendekati Jon. Akhirnya terjadilah deal dan FutureSplash Animator berubah nama menjadi Flash 1.0.

Ada desas-desus bahwa jika Macromedia membeli FutureWave, maka Microsoft akan mencaplok Macromedia. Ternyata dugaan tersebut tidak benar, karena Microsoft kemudian mengubah haluan dan menjadikan MSN lebih berbasis teks ketimbang televisi.

Selanjutnya Flash 2 dirilis pertengahan 1997 dan mendapatkan pujian di mana-mana. Flash 3 dan Generator menyusul April 1998. Karena tekanan Adobe yang mempromosikan format SVG— Macromedia mengumumkan membuka format file *.swf bagi public.

Flash 4 dan 5 menyusul 1999 dan Juli 2000. Sementara itu semakin banyak software lain yang mendukung memainkan dan menghasilkan .swf, antara lain QuickTime dan CorelDRAW. Versi 5 menambahkan integrasi dengan XML, Generator, dan ActionScript. Penetrasi browser terus meningkat hingga kini mencapai 96%. Player Flash telah tersedia untuk berbagai platform: Windows, Mac, Unix, BeOS, hingga OS/2 dan PocketPC.Jonathan Gay kini bekerja sebagai developer untuk Macromedia.

Adobe Flash (dahulu bernama Macromedia Flash dikarenakan Macromedia yang merupakan produsen pembuat flash profesional kini telah merjer dengan adobe corp, perubahan terjadi pada macromedia flash series 9 menjadi Adobe Flah CS3 pada April 16, 2007 ) merupakan tools yang dikembangkan untuk membuat berbagai aplikasi berbasis internet. Pada awalnya, Flash yang dilengkapi bahasa pemrograman ActionScript digunakan oleh developer web untuk mendesain web menjadi lebih interaktif dengan berbagai macam animasi. Namun, kemudian Flash banyak digunakan untuk membuat aplikasi multimedia interaktif. Seperti iklan banner, intro film, CD interactive, hingga pembuatan dan animasi.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

2.6 Dasar-Dasar Penggunaan Adobe Flash Cs 3

2.6.1. User Interface Adobe Flash Cs 3

Menu Bar Title Bar Timeline Panel Tool Box Properties Panel Stage

Library Panel

Gambar 2.1. Tampilan Adobe Flash CS 3

Gambar 2.1. Tampilan Adobe Flash CS 3

1. Title Bar

Merupakan nama file atau judul program yang sedang aktif atau sedang digunakan.

2. Menu Bar

Berisi perintah-perintah operasi yang ada di Adobe Flash CS3 yang berada di bawah title bar

3. Timeline Panel

Panel yang digunakan untuk pengaturan layer, timing, objek, pengaturan panjang atau lamanya durasi movie yang dibuat.

4. Properties Panel

Panel yang menampilkan informasi-informasi yang berkaitan dengan objek yang sedang aktif, seperti gambar, teks, stage, dan lain-lain.

5. Stage

Halaman kerja yang digunakan untuk menempatkan berbagai macam objek Flash yang akan ditampilkan.

6. Tool Box

Kumpulan tool atau peralatan yang mempunyai fungsi-fungsi tersendiri untuk berbagai keperluan seperti desain, editing, dan pengaturan gambar atau objek.

7. Library Panel

Panel yang menyimpan objek-objek seperti movieclip, graphic, button, sound, video, dan lain-lain yang digunakan dalam pembuatan aplikasi.

2.6.2 Fasilitas pada Adobe Flash CS3

1. Halaman New document

Ketika pertama kali membuka Adobe Flash CS3, maka akan muncul start page seperti berikut :

Gambar 2.2 Halaman New document Adobe Flash CS3

2. Tool Box

Fasilitas Tool Box seperti telah dijelaskan sekilas di awal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain.

Berikut penjelasan setiap tool yang ada di Tool Box. a. Arrow Tool (V)

Sering disebut Selective Tool berfungsi untuk memilih atau menyeleksi suatu objek.

b. Subselection Tool (A)

Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari pada Selection Tool

.

c. Free Transform Tool (Q)

Free Transform Tool berfungsi untuk mentransformasikan objek yang terseleksi

.

d. Gradien Transformasi Tool (F)

Gradien Transform Tool berfungsi untuk mentransformasikan warna dari fill objek yang terseleksi.

e. Lasso Tool (L)

Lasso Tool berfungsi untuk melakukan seleksi dengan menggambar sebuah garis seleksi.

f. Pen Tool (P)

Pen Tool berfungsi untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva atau gambar.

g. Text Tool (T)

Text Tool berfungsi untuk membuat objek teks.

h. Line Tool (N)

i. Regtangle Tool (R)

Regtangel Tool berfungsi untuk menggambar bentuk persegi panjang atau bujur sangkar.

j. Oval Tool (O)

Oval Tool berfungsi untuk membuat bentuk bulat atau oval.

k. Poly Star Tool

Poly Star Tool berfungsi untuk menggambar bentuk dengan jumlah segi yang diinginkan.

l. Pencil Tool (Y)

Pencil Tool berfungsi untuk menggambar garis.

m. Brush Tool (B)

Brush Tool berfungsi untuk menggambar bentuk garis dan bentuk bebas.

n. Ink Bottle (S)

Ink Bottle berfungsi untuk mengubah warna garis, lebar garis, dan style garis atau garis luar sebuah bentuk.

o. Paint Bucket Tool (K)

Paint Bucket Tool berfungsi untuk mengisi area-area kosong atau digunakan untuk mengubah warna area sebuah objek yang telah diwarnai.

p. Eraser Tool (E)

Eraser Tool berfungsi untuk menghapus objek.

q. Hand Tool (H)

Hand Tool berfungsi untuk untuk menggeser tampilan stage tanpa mengubah pembesaran.

r. Zoom Tool (M, Z)

Zoom Tool berfungsi untuk memperbesar atau memperkecil tampilan pada stage.

s. Stroke Color

Stroke Color berfungsi untuk memilih atau member warna pada suatu garis.

t. Fill Color

Fill Color berfungsi untuk memilih atau member warna pada suatu objek.

u. Black and White

v. Swap Color

Swap Color berfungsi untuk menukar warna fill dan stroke atau sebaliknya dari suatu objek atau gambar.

w. No Color

No Color berfungsi untuk menghilangkan warna fill atau stroke suatu objek

2.7 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir. Penjelasan arti dari lambang-lambang Flowchart didefenisikan seperti tabel di bawah ini:

Tabel 2.1 Simbol-Simbol Flowchart

No. Simbol Fungsi

1 _{Oval, untuk mewakili simbol Start (mulai)} atau End (akhir).

2 Rectangel, simbol yang menunjukkan langkah pemrosesan seperti perhitungan atau instruksi-instruksi lain.

Sumber :Sitompul,Opim Salim.2010.Pemrograman C di Lingkungan Linux.Medan:USU Press.

3 Parallelogram, untuk mewakili input/output. Biasanya untuk membedakan antara input dan output, simbol ini hanya menyatakan input, sedangkan untuk output digunakan simbol lain.

4 Trapezium, untuk mewakili input/output. Biasanya untuk membedakan antara input dan output, simbol ini hanya menyatakan input, sedangkan untuk output digunakan simbol lain.

5 Arrows, untuk menunjukkan alur proses. 6 Dokumen, digunakan untuk mewakili output

sebagai alternatif untuk simbol jajaran genjang yang digunakan pada input.

7 Diamond, digunakan untuk menyatakan keputusan (decision). Dua di antara empat sudut memperlihatkan alternatif pilihan.

Mulai Halaman Utama Masuk Selesai T Halaman Menu Y Makhroj Huruf Ikhfa’ Haqiqi T Izhar Halqi T Idgham T Iqlaab T Madd T Qalqalah T Selesai T Y Y Y Y Y Y A Buka Makhroj Huruf B Buka Ikhfa’ Haqiqi C Buka Izhar Halqi D Buka Idgham E Buka Iqlaab F Buka Maad G Buka Qalqalah Y

Gambar 2.3 Flowchart Aplikasi Tajwid Membaca Al Qur’an Berbasis Multimedia

Indeks :

A : Makhroj Huruf B: Ikhfa’ Haqiqi C: Izhar Halqi D: Idgham E: Iqlaab F: Madd G: Qalqalah

BAB 1

PENDAHULUAN

1.1Latar Belakang

Al qur’an merupakan kitab suci dan juga pedoman bagi ummat islam. Seorang muslim seharusnya dapat membaca Al qur’an dengan benar, karena kesalahan dalam membaca Al qur’an dapat menyalahi makna dari Al qur’an tersebut. Dalam membaca Al qur’an kita harus memperhatikan beberapa hal antara lain makhorijul huruf (tempat keluarnya huruf) ahkamul huruf (hubungan antar huruf) ahkamul maddi wal qasar (panjang pendeknya ucapan) atau yang kita kenal dengan ilmu tajwid. Dalam kenyataanya banyak ummat muslim yang kurang tertarik untuk mempelajari ilmu tajwid tersebut, banyak hal yang meyebabkanya, antara lain cara penyampaian materi pelajaran yang kurang menarik.

Pada era globalisasi ini perkembangan teknologi sangat pesat terutama pada teknologi yang berbasis komputer, dan banyak hal yang dapat dilakukan dengan pesatnya perkembangan teknologi komputer tersebut antara lain dengan adanya pembelajaran-pembelajaran yang berbasis multimedia yang sangat erat hubunganya dengan teknologi komputer. Dalam perakteknya pembelajaran berbasis multimedia ini banyak

memberikan dampak positif anatara lain meningkatnya minat belajar seorang muslim ketika materi tajwid tersebut disajikan berbasis multimedia.

Dari permasalahan yang dihadapi pelajar diatas, perlu dibuat suatu pembelajaran tajwid yang dapat meningkatkan minat seorang muslim untuk mempelajari ilmu tajwid tersebut. Dalam hal ini adalah Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia.

1.2Perumusan Masalah

Berdasarkan uraian di atas, yang menjadi perumusan masalah adalah bagaimana merancang aplikasi pembelajaran tajwid berbasis multimedia sehingga dapat meningkatkan minat untuk mepelajari ilmu tajwid.

1.3Batasan Masalah

Didalam perancangan aplikasi berbantuan komputer ini, penulis membatasi masalah-masalah yang akan dibahas, meliputi:

1. Ruang lingkup yang dibahas hanya mencakup makhorijul huruf (tempat keluarnya huruf), ahkamul huruf (hubungan antar huruf) dalam hal ini nun mati dan tanwin, qalqalah, madd.

2. Pengujian pada aplikasi ini menggunakan metode waterfall.

1.4Tujuan

Berdasarkan perumusan masalah di atas, maka aplikasi ini bertujuan untuk : 1. Memberikan informasi tentang makhorijul huruf (tempat keluarnya huruf),

ahkamul huruf (hubungan antar huruf) dalam hal ini nun mati dan tanwin, qalqalah tanda waqaf, madd.

2. Menampilakan gambar serta audio dalam setiap contoh hukum tajwid yang disampaikan.

1.5Manfaat

Manfaat yang diperoleh dari penelitian tersebut adalah :

1. Sebagai sarana untuk belajar dan mengajarkan ilmu tajwid yang lebih menarik.

1.6Metodologi Penelitian

Adapun metode penelitian yang digunakan penulis untuk menyelesaikan permasalahan yang terjadi diatas adalah :

1. Tahap pengumpulan informasi kebutuhan

Pengumpulan data-data yang erat kaitannya dengan permasalahan yang

terjadi diatas dengan cara membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya.

2. Tahap desain dan seleksi

Setelah semua informasi dikumpulkan, informasi–informasi tersebut dianalisa dan dirancang terlebih dahulu sebelum masuk ke langkah coding/pemrograman.

3. Coding

Menyusun kode program dalam membangun perangkat lunak tersebut.

4. Review and Evaluation

Dalam tahap ini aplikasi yang telah dibangun, ditinjau dan dievaluasi.

Dilakukan perbaikan jika terdapat kesalahan dan menarik kesimpulan dari analisis yang dilakukan.

5. Penyusunan laporan berbentuk tugas akhir.

1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut : BAB 1 : Pendahuluan

Dalam bab ini penulis menguraikan latar belakang, rumusan masalah, batasan masalah, tujuan, manfaat, metode penelitian dan sistematika penulisan.

BAB 2 : Landasan Teori

Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan perancangan aplikasi pengajaran berbantuan komputer yang ingin dibangun penulis yaitu Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia, Adobe Flash Cs3.

BAB 3 : Perancangan Sistem

Dalam bab ini penulis menguraikan tentang perancangan sistem, flowchart, dan perancangan tampilan.

BAB 4 : Implementasi Sistem

Dalam bab ini penulis menyajikan tentang pengertian, tampilan program, dan hasil pengujian aplikasi.

BAB 5 : Kesimpulan dan Saran

Dalam bab ini penulis menguraikan tentang kesimpulan dan saran tugas akhir ini.

ABSTRAK

Al qur’an merupakan kitab suci dan juga pedoman bagi ummat islam. Seorang muslim seharusnya dapat membaca Al qur’an dengan benar, karena kesalahan dalam membaca Al qur’an dapat menyalahi makna dari Al qur’an tersebut.Dalam kenyataanya banyak ummat muslim yang kurang tertarik untuk mempelajari ilmu tajwid tersebut, banyak hal yang meyebabkanya, antara lain cara penyampaian materi pelajaran yang kurang menarik. Materi pelajaran yang disampaikan dengan cara yang lebih menarik akan meningkatkan minat pelajar dalam mempelajari tajwid . Aplikasi tajwid membaca Al qur’an berbasis multimedia ini dibuat, untuk membatu dalam meningkatkan minat dalam mempelajari tajwid.

ABSTRACT

Al Quran is the holy book and also guidelines for Islamic ummah. A Muslim should be able to read the Qur'an correctly, due to errors in reading the Qur'an may violate the meaning of the Qur'an. In fact many Muslim Ummah who are less interested in studying the science of Tajweed, many matter what make it, the manner in which the subject matter is less attractive, among others. The subject matter presented in a more appealing will increase people interest in learning Tajweed. Al quran recitation application-based multimedia reading is made, to petrify the increasing interest in studying Tajweed.

TUGAS AKHIR

Nurdin Siregar

102406135

PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

PERANCANGAN APLIKASI

TAJWID MEMBACA AL QUR’AN

BERBASIS MULTIMEDIA

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer

NURDIN SIREGAR

102406135

PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

Judul : PERANCANGAN APLIKASI TAJWID MEMBACA AL QUR’AN BERBASIS MULTIMEDIA

Kategori : TUGAS AKHIR

Nama : NURDIN SIREGAR

Nomor Induk Mahasiswa : 102406135

Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diketahui, Disetujui,

Departemen Matematika FMIPA USU Dosen Pembimbing/

Ketua Penanggung Jawab

Prof.Dr.Tulus, Msi Syahriol Sitorus, S.Si, M.IT

PERANCANGAN APLIKASI TJWID MEMBACA AL QUR’AN BERBASIS

MULTIMEDIA

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2013

NURDIN SIREGAR 102406135

PENGHARGAAN

Syukur Alhamdulillah penulis ucapkan serta panjatkan ke hadirat Allah SWT yang telah memberikan rahmat, berkah serta hidayah-Nya kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini sebagai salah satu syarat untuk menyelesaikan perkuliahan pada Program Studi Diploma 3 Teknik Informatika Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Pada kesempatan ini penulis mengucapkan terima kasih serta penghargaan yang sebesar-besarnya kepada ayahanda Amansari Siregar dan ibunda tersayang Melliana Pane yang telah membimbing dengan penuh cinta kasih sayang, memelihara dan memperhatikan penulis sejak kecil serta selalu mencukupi segala keperluan baik secara moril maupun materil hingga akhirnya penulis mampu menyelesaikan laporan tugas akhir ini.

Selanjutnya penulis menyampaikan rasa terima kasih dan penghargaan yang sebesar-besarnya kepada semua pihak yang telah memberikan bantuan dan masukan, baik secara moril dan materil dalam menyelesaikan penulisan tugas akhir ini, terutama sekali kepada:

1. Bapak Syahriol Sitorus, S.Si, M.IT selaku Dosen pembimbing penulis dan selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera utara yang telah memberikan masukan, baik kritik dan saran kepada penulis selama pembuatan tugas akhir ini mulai dari awal sampai dengan selesai.

2. Bapak Prof.Drs.Tulus, Vordipl.Math.,M.Si.,Ph.D selaku Ketua Departemen Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 3. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera

Utara.

4. Bapak dan Ibu Dosen serta Staf Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Kepada Muhammad Rizky, Ammazizzaky Tarigan, Ridho Adhli, Dina Angraini, Dhita Pratiwi, Isnan Habibi sebagai teman terdekat yang telah membantu dan memberi semangat penulis dalam menyelesaikan tugas akhir ini.

6. Buat seluruh alumni D3 Teknik Informatika yang selama ini telah membantu penulis dalam memberikan saran untuk menyelesaikan program.

7. Buat seluruh teman angkatan 2010 yang selama ini telah menjadi keluarga dan sahabat penulis.

8. Semua keluarga, saudara, dan juga rekan-rekan baik dikampus maupun diluar kampus.

Laporan ini sudah selesai, namun penulis menyadari bahwa masih ada kekurangan didalamnya karena keterbatasan pengetahuan dan kemampuan penulis. Untuk itu, diharapkan kritik dan saran yang bersifat membangun demi perbaikan dan penyempurnaan laporan ini. Semoga laporan ini bermanfaat bagi semua yang membaca sebagai wacana dalam memperluas cakrawala pengetahuan.

Kiranya Allah SWT memberikan hidayah-Nya kepada kita semua sehinga sukses dalam menggapai cita-cita yang diinginkan. Amin.

Medan, Juni 2013 Penulis,

NURDIN SIREGAR NIM. 102406135

ABSTRAK

Al qur’an merupakan kitab suci dan juga pedoman bagi ummat islam. Seorang muslim seharusnya dapat membaca Al qur’an dengan benar, karena kesalahan dalam membaca Al qur’an dapat menyalahi makna dari Al qur’an tersebut.Dalam kenyataanya banyak ummat muslim yang kurang tertarik untuk mempelajari ilmu tajwid tersebut, banyak hal yang meyebabkanya, antara lain cara penyampaian materi pelajaran yang kurang menarik. Materi pelajaran yang disampaikan dengan cara yang lebih menarik akan meningkatkan minat pelajar dalam mempelajari tajwid . Aplikasi tajwid membaca Al qur’an berbasis multimedia ini dibuat, untuk membatu dalam meningkatkan minat dalam mempelajari tajwid.

ABSTRACT

Al Quran is the holy book and also guidelines for Islamic ummah. A Muslim should be able to read the Qur'an correctly, due to errors in reading the Qur'an may violate the meaning of the Qur'an. In fact many Muslim Ummah who are less interested in studying the science of Tajweed, many matter what make it, the manner in which the subject matter is less attractive, among others. The subject matter presented in a more appealing will increase people interest in learning Tajweed. Al quran recitation application-based multimedia reading is made, to petrify the increasing interest in studying Tajweed.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Abstract vii

Daftar isi viii

Daftar gambar x

Daftar tabel xii

Bab 1 Pendahuluan 1

1.1 Latar belakang 2

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan 3

1.5 Manfaat 3

1.6 Metodologi Penelitian 3

1.7 Sistematika penulisan 4

Bab 2 Tinjauan Teori 6

2.1 Pengertian dan Tujuan Mempelajari Ilmu Tajwid 6

2.2 Hukum Mempelajari Tajwid 8

2.3 Tempat Keluarnya Huruf Hijaiyah (Makhorijul Huruf) 7

2.4 Hukum Bacaan Nun Mati dan Tanwin 8

2.4.1 Izhar Halqi 8

2.4.2 Idgham Bigunnah 8

2.4.3 Idgham Bilagunnah 8

2.4.4 Iqlaab 9

2.4.5 Ikhfa’ Haqiqi 9

2.4.6 Qalqalah 9

2.4.7 Madd 10

2.5 Sekilas Tentang Flash 10

2.6 Dasar-dasar Penggunaan Adobe Flash Cs 3 13 2.6.1 User Interface Adobe Flash Cs 3 13 2.6.2 Fasilitas pada Adobe Flash Cs 3 15

2.7 Flowchart 19

Bab 3 Perancangan Sistem 22

3.1 Analisis Perancangan 22

3.2 Pemodelan Sistem 23

3.3 Perancangan Tampilan 24

3.3.1 Halaman Utama 24

3.3.3 Halaman Makhroj Huruf 27

3.3.4 Halaman Ikhfa’ haqiqi 28

3.3.5 Halaman Izhar Halqi 29

3.3.6 Halaman Idgham 31

3.3.7 Halaman Iqlaab 32

3.3.8 Halaman Qalqalah 33

3.3.9 Halaman Madd 35

3.3.10 Halaman Contoh Ikhfa’ Haqiqi 36

3.3.11 Halaman Contoh Izhar Halqi 38

3.3.12 Halaman Contoh Idgham 39

3.3.13 Halaman Contoh Iqlaab 41

3.3.14 Halaman Contoh Qalqalah 42

3.3.15 Halaman Contoh Madd 44

Bab 4 Implementasi Sistem 46

4.1 Pengertian Implementasi Sistem 47

4.2 Kebutuhan Sistem 48

4.3 Tampilan Program 49

4.3.1 Tampilan Menu intro 50

4.3.2 Tampilan Menu utama 51

4.3.3 Tampilan Halaman Makhroj Huruf 52 4.3.4 Tampilan Halaman Ikhfa’ Haqiqi 53

4.3.5 Tampilan Halaman Izhar halqi 54

4.3.6 Tampilan Halaman Idgham 55

4.3.7 Tampilan Halaman Iqlaab 56

4.3.8 Tampilan Halaman Maad 57

4.3.9 Tampilan Halaman Qalqalah 58

4.3.10 Tampilan Halaman Contoh Ikhfa’ Haqiqi 59 4.3.11 Tampilan Halaman Contoh Izhar Halqi 60

4.3.12 Tampilan Halaman Contoh Idgham 61

4.3.13 Tampilan Halaman Contoh Iqlaab 62

4.3.14 Tampilan Halaman Contoh Madd 63

4.3.15 Tampilan Halaman Contoh Qalqalah 64

Bab 5 Penutup 64

5.1 Kesimpulan 64

5.2 Saran 65

Daftar Pustaka Lampiran

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Adobe Flash Cs3 13 Gambar 2.2 Flowchart 21 Gambar 3.1 Diagram Pohon Perancangan Aplikasi 21 Gambar 3.2 Kerangka dan Flowchart Halaman Utama 24

Gambar 3.3 Flowchart Halaman Menu 25

Gambar 3.4 Kerangka Halaman Menu 26

Gambar 3.5 Kerangka dan Flowchart Halaman Makhroj Huruf 27 Gambar 3.6 Kerangka dan Flowchart Halaman Ikhfa’ Haqiqi 29 Gambar 3.7 Kerangka dan Flowchart Halaman Izhar Halqi 30 Gambar 3.8 Kerangka dan Flowchart Halaman Idgham 31 Gambar 3.9 Kerangka dan Flowchart Halaman Iqlaab 33 Gambar 3.10 Kerangka dan Flowchart Halaman Qalqalah 34 Gambar 3.11 Kerangka dan Flowchart Halaman Madd 35 Gambar 3.2 Kerangka dan Flowchart Halaman Contoh Ikhfa’ Haqiqi 37 Gambar 3.13 Kerangka dan Flowchart Halaman Contoh Izhar Halqi 38 Gambar 3.14 Kerangka dan Flowchart Halaman Contoh Idgham 40 Gambar 3.15 Kerangka dan Flowchart HalamanContoh Iqlaab 41 Gambar 3.16 Kerangka dan Flowchart Halaman Contoh Qalqalah 43 Gambar 3.17 Kerangka dan Flowchart Halaman Contoh Madd 44

Gambar 4.2 Tampilan Menu utama 50 Gambar 4.3 Tampilan Halaman Makahroj Huruf 51

Gambar 4.4 Tampilan Halaman Ikhfa’ Haqiqi 52

Gambar 4.5 Tampilan Halaman Izhar Halqi 53

Gambar 4.6 Tampilan Halaman Idgham 54

Gambar 4.7 Tampilan Halaman Iqlaab 55

Gambar 4.8 Tampilan Halaman Qalqalah 57

Gambar 4.9 Tampilan Halaman Madd 56

Gambar 4.10 Tampilan Halaman Contoh Ikhfa’ Haqiqi 58 Gambar 4.11 Tampilan Halaman Contoh Izhar Halqi 59 Gambar 4.12 Tampilan Halaman Contoh Idgham 60 Gambar 4.13 Tampilan Halaman Contoh Iqlaab 61 Gambar 4.14 Tampilan Halaman Contoh Qalqalah 63

DAFTAR TABEL

Halaman

vii

ABSTRACT

Al Quran is the holy book and also guidelines for Islamic ummah. A Muslim should be able to read the Qur'an correctly, due to errors in reading the Qur'an may violate the meaning of the Qur'an. In fact many Muslim Ummah who are less interested in studying the science of Tajweed, many matter what make it, the manner in which the subject matter is less attractive, among others. The subject matter presented in a more appealing will increase people interest in learning Tajweed. Al quran recitation application-based multimedia reading is made, to petrify the increasing interest in studying Tajweed.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Abstract vii

Daftar isi viii

Daftar gambar x

Daftar tabel xii

Bab 1 Pendahuluan 1

1.1 Latar belakang 2

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan 3

1.5 Manfaat 3

1.6 Metodologi Penelitian 3

1.7 Sistematika penulisan 4

Bab 2 Tinjauan Teori 6

2.1 Pengertian dan Tujuan Mempelajari Ilmu Tajwid 6

2.2 Hukum Mempelajari Tajwid 8

2.3 Tempat Keluarnya Huruf Hijaiyah (Makhorijul Huruf) 7

2.4 Hukum Bacaan Nun Mati dan Tanwin 8

2.4.1 Izhar Halqi 8

2.4.2 Idgham Bigunnah 8

2.4.3 Idgham Bilagunnah 8

2.4.4 Iqlaab 9

2.4.5 Ikhfa’ Haqiqi 9

2.4.6 Qalqalah 9

2.4.7 Madd 10

2.5 Sekilas Tentang Flash 10

2.6 Dasar-dasar Penggunaan Adobe Flash Cs 3 13

2.6.1 User Interface Adobe Flash Cs 3 13

2.6.2 Fasilitas pada Adobe Flash Cs 3 15

ix

3.3.3 Halaman Makhroj Huruf 27

3.3.4 Halaman Ikhfa’ haqiqi 28

3.3.5 Halaman Izhar Halqi 29

3.3.6 Halaman Idgham 31

3.3.7 Halaman Iqlaab 32

3.3.8 Halaman Qalqalah 33

3.3.9 Halaman Madd 35

3.3.10 Halaman Contoh Ikhfa’ Haqiqi 36

3.3.11 Halaman Contoh Izhar Halqi 38

3.3.12 Halaman Contoh Idgham 39

3.3.13 Halaman Contoh Iqlaab 41

3.3.14 Halaman Contoh Qalqalah 42

3.3.15 Halaman Contoh Madd 44

Bab 4 Implementasi Sistem 46

4.1 Pengertian Implementasi Sistem 47

4.2 Kebutuhan Sistem 48

4.3 Tampilan Program 49

4.3.1 Tampilan Menu intro 50

4.3.2 Tampilan Menu utama 51

4.3.3 Tampilan Halaman Makhroj Huruf 52

4.3.4 Tampilan Halaman Ikhfa’ Haqiqi 53

4.3.5 Tampilan Halaman Izhar halqi 54

4.3.6 Tampilan Halaman Idgham 55

4.3.7 Tampilan Halaman Iqlaab 56

4.3.8 Tampilan Halaman Maad 57

4.3.9 Tampilan Halaman Qalqalah 58

4.3.10 Tampilan Halaman Contoh Ikhfa’ Haqiqi 59 4.3.11 Tampilan Halaman Contoh Izhar Halqi 60

4.3.12 Tampilan Halaman Contoh Idgham 61

4.3.13 Tampilan Halaman Contoh Iqlaab 62

4.3.14 Tampilan Halaman Contoh Madd 63

4.3.15 Tampilan Halaman Contoh Qalqalah 64

Bab 5 Penutup 64

5.1 Kesimpulan 64

5.2 Saran 65

Daftar Pustaka Lampiran

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Adobe Flash Cs3 13 Gambar 2.2 Flowchart 21 Gambar 3.1 Diagram Pohon Perancangan Aplikasi 21 Gambar 3.2 Kerangka dan Flowchart Halaman Utama 24

Gambar 3.3 Flowchart Halaman Menu 25

Gambar 3.4 Kerangka Halaman Menu 26

Gambar 3.5 Kerangka dan Flowchart Halaman Makhroj Huruf 27 Gambar 3.6 Kerangka dan Flowchart Halaman Ikhfa’ Haqiqi 29 Gambar 3.7 Kerangka dan Flowchart Halaman Izhar Halqi 30 Gambar 3.8 Kerangka dan Flowchart Halaman Idgham 31 Gambar 3.9 Kerangka dan Flowchart Halaman Iqlaab 33 Gambar 3.10 Kerangka dan Flowchart Halaman Qalqalah 34 Gambar 3.11 Kerangka dan Flowchart Halaman Madd 35 Gambar 3.2 Kerangka dan Flowchart Halaman Contoh Ikhfa’ Haqiqi 37 Gambar 3.13 Kerangka dan Flowchart Halaman Contoh Izhar Halqi 38 Gambar 3.14 Kerangka dan Flowchart Halaman Contoh Idgham 40

xi

Gambar 4.2 Tampilan Menu utama 50

Gambar 4.3 Tampilan Halaman Makahroj Huruf 51

Gambar 4.4 Tampilan Halaman Ikhfa’ Haqiqi 52

Gambar 4.5 Tampilan Halaman Izhar Halqi 53

Gambar 4.6 Tampilan Halaman Idgham 54

Gambar 4.7 Tampilan Halaman Iqlaab 55

Gambar 4.8 Tampilan Halaman Qalqalah 57

Gambar 4.9 Tampilan Halaman Madd 56

Gambar 4.10 Tampilan Halaman Contoh Ikhfa’ Haqiqi 58 Gambar 4.11 Tampilan Halaman Contoh Izhar Halqi 59

Gambar 4.12 Tampilan Halaman Contoh Idgham 60

Gambar 4.13 Tampilan Halaman Contoh Iqlaab 61

Gambar 4.14 Tampilan Halaman Contoh Qalqalah 63

DAFTAR TABEL

Halaman