Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia

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 sebaikbaiknya. 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.


Universitas Sumatera Utara

7

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: Al-Jauf (lubang /rongga mulut), AlHalqu (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
5. Ikhfa’ Haqiqi

Universitas Sumatera Utara

8
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 : ‫ر‬

‫ل‬


Universitas Sumatera Utara

9
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 : ‫ق‬

‫طبجد‬

Universitas Sumatera Utara

10
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.5 Sekilas 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

Universitas Sumatera Utara

11
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 manamana. Flash 3 dan Generator menyusul April 1998. Karena tekanan Adobe yang
mempromosikan format SVG— Macromedia mengumumkan membuka format file
*.swf bagi public.


Universitas Sumatera Utara

12
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.

Universitas Sumatera Utara

13
2.6 Dasar-Dasar Penggunaan Adobe Flash Cs 3

2.6.1. User Interface Adobe Flash Cs 3

Menu Bar
Tool Box

Title Bar
Properties Panel


Timeline 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.

Universitas Sumatera Utara

14
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.

Universitas Sumatera Utara

15
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.

Universitas Sumatera Utara

16
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)
Line Tool berfungsi untuk membuat garis.

Universitas Sumatera Utara

17
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.

Universitas Sumatera Utara

18

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
Black and White berfungsi untuk memilih warna hitam atau putih saja.

Universitas Sumatera Utara

19
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.
1

Simbol

Fungsi
Oval, untuk mewakili simbol Start (mulai)
atau End (akhir).

2

Rectangel, simbol yang menunjukkan langkah
pemrosesan seperti perhitungan atau instruksiinstruksi lain.

Universitas Sumatera Utara

20
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.
Sumber

:Sitompul,Opim Salim.2010.Pemrograman
Linux.Medan:USU Press.

C

di

Lingkungan

Universitas Sumatera Utara

21

Mulai

Halaman
Utama

Masuk

Y

Halaman
Menu

Makhroj
Huruf

Y

Buka
Makhroj
Huruf

Y

Buka
Ikhfa’
Haqiqi

Y

Buka Izhar
Halqi

C

Y

Buka
Idgham

D

Y

Buka
Iqlaab

E

Y

Buka Maad

Y

Buka
Qalqalah

A

T
T
Ikhfa’ Haqiqi
Selesai

B

T

Izhar Halqi

T

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

Idgham

T

Iqlaab

T

Madd

F

T

Qalqalah

G

T

Selesai

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

Universitas Sumatera Utara