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",3);
gotoAndPlay("Scene 2",6); //(nomor frame teori di scene 2) }
Action Script Untuk Audio
Di Frame bunyi = true; stopAllSounds();
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,
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
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.
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",3);
gotoAndPlay("Scene 2",6); //(nomor frame teori di scene 2) }
Action Script Untuk Audio
Di Frame bunyi = true; stopAllSounds();
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
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 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
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 :
Mulai
Tampilan Menu
Proses
Makhroj Huruf Buka Makhroj
Huruf Y
Y
T
Ikhfa’ Haqiqi Y Buka Ikhfa’ Haqiqi
T
Gambar 3.4 Flowchat halaman menu
Tampilan Makhroj
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
2
Ikhfa’ Tombol Contoh Y B.Cont
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
2
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.
2
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
2
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
2
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.
2
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:
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
2 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
2
Gambar 3.14 Kerangka dan Flowchart Halaman Contoh Idgham Ket:
1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali
2 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
2
Gambar 3.16 Kerangka dan Flowchart Halaman Contoh Qalqalah Ket:
1. Tombol “home” 2. Contoh tajwid 3. Tombol “kembali”
2 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”
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
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
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
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
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
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.
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
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
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
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)
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
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).
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.
Mulai
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.
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.
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
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
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
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
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
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
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.
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,
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
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.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.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.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 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
