## APLIKASI ALAT BANTU UNTUK PEMBELAJARAN ILMU TAJWID MENGGUNAKAN BAHASA PEMROGRAMAN VISUAL BASIC 6.0
Minarni 1) , Muhammad Alfathoni 2)
1 Dosen Jurusan Teknik Informatika, Fakultas Teknologi Industri
2 Mahasiswa Teknik Informatika, Fakultas Teknologi Industri Institut Teknologi Padang E-Mail: alfathoniplusminus90@gmail.com 2)

## Abstrak
Tajwid  adalah  studi  tentang  cara  membaca  Al-Qur'an  dengan  benar.  Meskipun  buku  cetak konvensional yang mencakup hijaiyah dan cara membaca, tapi karena besar dan juga beberapa orang sulit untuk belajar dan mengingat bentuk hijaiyah dan membaca hukum yang ada. Selain mempelajari tajwid jika tidak  didampingi  oleh  instruktur  atau  guru  sangat  sulit.  Didampingi  oleh  instruktur  yang  mampu memberikan contoh pengucapan yang benar maka akan lebih mudah dalam belajar. Aplikasi ini dirancang dengan menggunakan Microsoft Visual Basic 6.0, yang merupakan Object Oriented Programming / OOP). Dengan  menggunakan  visual  basic  menjadi  kenyamanan  dalam  merancang  sebuah  program  aplikasi. Penggunaan  benda  dalam  desain  aplikasi  terbukti  meningkatkan  perhatian,  perasaan  dan  pikiran  untuk belajar dan pembelajaran menjadi lebih efektif dan efisien. Dengan aplikasi ini diharapkan bermanfaat bagi siapa  saja  yang  ingin  belajar  Tajwid.  Aplikasi  ini  juga  dilengkapi  dengan  contoh-contoh  yang  disertai dengan lafal audio, jadi lebih mudah dalam memahami.
Kata kunci: Tajwid, media pembelajaran, Microsoft Visual Basic 6.0, Object Oriented.

## Abstract
Tajweed  is  a  study  of  how  to  read  the  Qur'an  properly.  In  spite  of  a  conventional  printed  book  that includes hijaiyah and reading way, but because it is big and also settled some people difficult to learn and remember hijaiyah forms of reading existing law. In addition to studying tajweed if it is not accompanied by an instructor or teacher it is very difficult. Accompanied by an instructor who is able to provide examples of correct pronunciation then it will be easier in learning . This application is designed using Microsoft Visual Basic 6.0, which is an Object Oriented Programming / OOP ). By using visual basic into a convenience in designing  an  application  program.  The  use  of  objects  in  the  design  of  an  application  shown  to  increase attention, feelings and mind to learn and the learning be more effective and efficient. With this application expected  to  be  helpful  for  anyone  who  wants  to  learn  Tajweed.  This  application  is  also  complete  with examples accompanied with audio pronunciations, so much easier in understanding .
Keywords:  Tajweed, Learning media, Microsoft Visual Basic 6.0, Object Oriented.

## 1. Pendahuluan
Ilmu  tajwid  merupakan  suatu  bidang ilmu  yang  mempelajari  tentang  tata  cara membaca  Al- Qur’an  dengan  baik  dan  benar. Walaupun sudah banyak buku cetak konvensional Ilmu Tajwid yang menyertakan huruf hijaiyah dan hukum bacaan, namun hal tersebut masih kurang praktis jika digunakan sebagai media referensi dalam belajar karena ukurannya  yang  cukup  besar  dan  juga sebahagian orang kesulitan untuk mempelajari  dan  mengingat  bentuk-bentuk huruf  hijaiyah  dari  hukum  bacaan  yang  ada. Dikarenakan  dalam  hukum  bacaan  memiliki bentuk  rangkaian  bacaan  yang  berbeda-beda dalam  pengucapannya,  sehingga  dibutuhkan ketelitian  dalam  mengucapkan  agar  tidak terjadi kesalapahaman arti.
Berdasarkan  uraian  tersebut  diatas, maka  penulis  tertarik  untuk merancang Aplikasi  Alat  Bantu  Untuk  Pembelajaran Ilmu Tajwid Menggunakan Bahasa Pemrograman  Visual  Basic  6.0.  Yang  mana aplikasi  ini  tidak hanya  menyertakan  contoh dari  masing-masing ilmu  tajwid  tetapi  juga disertai  audio  pengucapan  dari  setiap  contoh yang  ada sehingga  lebih  memudahkan pemahaman dalam pembelajaran.
2. Metodologi Penelitian
2.1 Alat dan Bahan Alat dan bahan yang digunakan, yaitu:
a. Perangkat Keras (Hardware) Satu  unit Personal  Computer dengan spesifikasi sebagai berikut:
1) HDD 300 GB
2) RAM 1 GB 3) Processor Intel ® Core 2 Duo 4) Printer Canon PIXMA MP250 b. Perangkat Lunak (Software) 1) Sistem Operasi Windows XP Service Pack 3 2) Microsoft Visual Studio 6.0 3) Microsoft Office 2007 4) jet-Audio v7.0.0 (jetToys – AudioTrimmer):  untuk  pemotongan audio. Context Diagram Gambar 1. Context Diagram
c. Rancangan Sistem
Gambar 2. Rancangan Sistem
3. Pembahasan
3.1 Halaman Intro
Gambar 3. Halaman Intro
Halaman  ini  merupakan  halaman pertama  yang  akan  tampil  pada  saat  pertama kali  aplikasi  dijalankan.  Pada halaman  ini hanya  berisikan  sekilas  informasi  yang berhubungan  dengan  aplikasi  yang  berupa nama  dari  aplikasi  ini.  Untuk  perancangan halaman  intro  ini  hanya  mempunyai  ukuran 10455x4350  (satuan  ukuran  pada  Microsoft Visual  Basic  6.0).  Adapun  komponen- komponen yang membentuk tampilan halaman  intro  ini  antara  lain  Label  yang  di gunakan  untuk  membuat  judul  aplikasi, beberapa  Shape  sebagai  hiasan  untuk kenyamanan  pada  saat  aplikasi  di  jalankan. Selain  dari  komponen-komponen  tersebut, terdapat  2  (dua)  buah  Timer yang  mana Timer1  berfungsi  untuk  memberikan  efek teks  warna-warni  pada  judul  aplikasi,  dan Timer2 berfungsi untuk menampilkan Halaman  Intro,dan  telah  diatur  hanya  tampil dalam  rentang  waktu  yang  telah  ditentukan. Sedangkan  untuk background diganti  dari Properties Picture Form.

## Halaman Pengantar Tajwid
Gambar 4. Halaman Pengantar
3.2 Halaman Utama
Halaman  utama  merupakan  halaman yang  menampung  semua  menu  yang  akan dibahas di dalam aplikasi ini

## a. Nun Mati / Tanwin
Pada  bagian  ini  terdapat  5  (Lima)  sub pokok  bahasan,  yaitu:  Iqlab,  Ikhfa’  Haqiqi, Izh-Haar  Halqi,  Idgham  Bighunnah  dan Idgham Bilaghunnah.
Gambar 6. Menu Utama
b. Iqlab
1) Halaman Materi Iqlab
Proses  perancangan  tampilan  hukum bacaan  iqlab  hampir  sama  dengan  tampilan halaman-halaman  lainnya  yang  terdapat  di dalam aplikasi ini. Tampilan berikut merupakan  tampilan  awal  pada  saat  menu Iqlab dipilih.

## Gambar 7. Halaman Iqlab
2) Kode program
Private Sub lblMateri_Click() lblMateri1.Caption  =  "Iqlab  secara bahasa berarti mengganti atau menukar." lblMateri2.Caption  =  "Hukum  bacaan Iqlab  ialah  apabila  nun  mati  atau  tanwin bertemu dengan huruf ba."
lblMateri3.Caption = "Cara
membacanya  dengan  menyuarakan  nun  mati atau  tanwin  menjadi  suara  mim  dan  dengan merapatkan kedua bibir yang disertai dengan dengung."

## 3) Halaman Huruf dan Contoh Iqlab
Pada  perancangan  tampilan  halaman huruf  dan  contoh  iqlab,  dilakukan  dengan menambahkan  beberapa  komponen  kedalam form.  Adapun  komponen  tersebut  yaitu komponen label, shape dan beberapa komponen  image.  Hasil  dari  perancangan form  ini  akan  disimpan  dengan  nama  file frmIqlab.frm.  Di  dalam  Microsoft  Visual
Basic  setiap  form  yang  di  inputkan (tambahkan)  ke  dalam  sebuah  project  akan disimpan menjadi file frm (*.frm). Sedangkan untuk  project  hasil  penyimpanannya berupa file vbp (*.vbp).
Gambar 8. Halaman Huruf dan Contoh Iqlab c. Ikhfa’ Haqiqi 1) Halaman Materi Ikhfa’ Haqiqi Tampilan  awal  merupakan  tampilan pembuka  pada  saat  menu  ikhfa’  haqiqi dipilih. Informasi yang terdapat pada halaman ini hanya judul dari menu yang telah dipilih.  Proses  perancangannya  dimulai dengan menambahkan beberapa buah komponen  yang  dibutuhkan  kedalam  form kerja  dan  kemudian  melakukan  proses pengaturan  properties  dari  masing-masing komponen. Komponen-komponen yang dapat ditambahkan  ke  form sudah  terdapat  di ToolBox  seperti  komponen  label,  shape, frame  imaga  dan  komponen-komponen lainnya.

## Gambar 9. Halaman Ikhfa’ Haqiqi
2) Halaman Huruf dan Contoh Ikhfa’

## Haqiqi
Pada  proses  perancangan  tampilan huruf  dan  contoh  dari  ikhfa’  haqiqi membutuhkan komponen-komponen  sebagai berikut:  komponen  label,  komponen  shape dan  komponen  image.  Komponen  image yang  digunakan  mempunyai  fungsi  untuk menampung  gambar  dari  masing-masing huruf dari ikhfa syafawi. Begitu juga dengan komponen frame, di gunakan untuk menampung  contoh  yang  terkait  dengan masing-masing huruf.

## Gambar 10. Halaman Huruf dan Contoh Ikhfa’ Haqiqi
d. Halaman Izh-Haar Syafawi
Pada tampilan awal Izh-Haar
Syafawi  terdapat  komponen  label  yang berfungsi menampung teks, seperti teks nama Menu  dan  juga teks  untuk  pilihan  yang
terdapat  pada  halaman  tersebut  (Pilihan Materi dan Huruf).
1) Halaman Materi Izh-Haar Syafawi

## Gambar 11. Halaman Materi Izh-Haar Syafawi

## 2) Halaman Huruf
Pada  proses  perancangan  tampilan huruf  dan  contoh  dari  izh-haar  syafawi membutuhkan
komponen-komponen sebagai berikut: komponen label, komponen  shape  dan  komponen  image. Komponen image yang digunakan mempunyai  fungsi  utnuk  menampung gambar  dari  masing-masing  huruf  dari ikhfa  syafawi.  Begitu  juga  dengan komponen  frame,  di  gunakan  untuk menampung  contoh  yang  terkait  dengan huruf izh-haar syafawi.
Gambar 12. Halaman Huruf

## 3) Halaman Contoh
Gambar 13. Halaman Contoh e. Halaman Latihan Halaman latihan merupakan sebuah halaman yang berisikan soal-soal latihan yang berhubungan dengan materi-materi  yang  telah  dipelajari bertujuan untuk mengetahui sejauh mana pemahaman tentang materi yang dibahas.
1) Halaman Awal
Gambar 14. Halaman Awal
2) Halaman Soal

## Gambar 15. Halaman Soal
Dengan jumlah soal sebanyak 20 buah soal  dan  pada  masing-masing  soal  diberikan nilai  5  (lima)  poin.  Pada  akhir  dari  soal latihan akan menampilkan nilai dari soal-soal yang  telah  dijawab  dengan  benar.  Berikut merupakan tampilan hasil:

## Gambar 16. Halaman Hasil
Untuk  menampung  nilai  dari  jawaban yang  dijawab  dengan  benar  diperlukan sebuah  label  (lblNilai)  yang  mana  disetiap jawaban  yang  benar  (Jawaban  A)  maka lblNilai berisikan nilai 5 berserta kelipatannya  dan  jika  jawaban  salah  (selain Jawaban  A)  maka  lblNilai  ditambahkan dengan  0  (nol).  Namun  demikian,  untuk dapat nilai dari masing-masing jawaban dapat terakumulasi  dengan  benar,  baik  yang dijawab  dengan  benar  maupun  yang  dijawab
salah  maka  diperlukan  source  code  sabagai berikut:
Public nilai As Integer Private Sub lblJwb1a_Click()
nilai = nilai + 5 lblNilai.Caption = nilai
End Sub
Private Sub lblJwb1b_Click() nilai = nilai + 0 lblNilai.Caption = nilai
End Sub Maksud  dari Public nilai As  Integer yaitu  mendeklarasikan  variabel  nilai  dengan tipe  data  integer.  Kata  public  tersebut bermakna  variabel  nilai  dapat  dipanggil secara  berulang  kali,  berbeda  dengan  Private yang  mana  variabelnya  hanya  bisa  dipanggil selama  fungsi  tersebut  di  panggil.  Tipe integer biasanya digunakan untuk menampung  angka  dalam  bentuk  bilngan bulat  dan  biasanya  juga  untuk  proses perhitungan. Pada source code tersebut dapat dilihat  bahwa,  nilai  5  (lima)  terdapat  pada Jawaban  A dengan  demikian  maka  nilai yang awalnya 0 (nol) ditambah dengan angka 5  (nilai  =  nilai  +  5),  berarti  nilai  sementara yaitu  5.  Sedangkan  pada  saat  pilihan  lain yang  di  pilih (selain  jawaban  A)  maka nilainya tetap 0 (nilai = nilai + 0).

## 4. Penutup

## 4.1 Kesimpulan
Berdasarkan  hasil  penelitian,  dapat disimpulkan  bahwa  Aplikasi  Alat  Bantu Untuk Pembelajaran Ilmu Tajwid
Menggunakan  Bahasa  Pemrograman  Visual
Basic 6.0 sudah dapat digunakan sebagai alat bantu  dalam  mempelajari  ilmu  tajwid  yang mana sudah dilengkapi dengan contoh-contoh dari  masing-masing  hukum  bacaan  yang disertai dengan audio pengucapannya sehingga  lebih  memudahkan  bagi  siapa  saja yang ingin mempelajari tajwid.

## 4.2 Saran
Perlu penambahan beberapa  bagian dari  aplikasi  ini  yaitu  dari  seg  materii pembahasan  seperti  Pembahasan  mengenai Qalqalah,  Pengucapan  secara  Tafkhiir  dan Tarqiiq.  Dari  segi  perancangan  aplikasi  bisa menambahkan komponen-komponen multimedia  lainya  untuk  lebih meningkatkan rasa  ingin  untuk  mempelajari  tajwid  dan memberikan  kesan  yang  nyaman  selama pembelajaran berlangsung.

## DAFTAR PUSTAKA
Abdullah, Asy’ari. (1987). Pelajaran Tajwid. Surabaya: Apollo Lestari.
Abdurohim, Acep Iim. (2003). Pedoman Ilmu Tajwid  Lengkap, Bandung:  Penerbit Diponegoro.
Jogiyanto  (1999), Pengenalan  Komputer, Yogyakarta: Andi Yogyakarta Muchlis  Amri  Fanfani  (2011), Pembuatan
Aplikasi  Media  Pembelajaran  Ilmu Tajwid Berbasis Multimedia Menggunakan Macromedia Flash. Sadeli, Muhammad (2010). Kumpulan Proyek  Visual  Basic  6.0. Palembang : Maxikom. Wahana Komputer (2002). Pembuatan Program Aplikasi Konstruksi (Retaining  Wall)  dengan  Visual  Basic 6.0. Salemba Infotek. Wahid, Fathul (2003). Dasar-dasar Algoritma dan Pemrograman. Yogyakarta : Andi. Wahyu Setiabudi, Novian (2005),Pengembangan Media Pembelajaran  Berbasis  Multimedia Untuk Mata Pelajaran Fisika Bahasan
Kinematika  Gerak  Lurus. Universitas Negeri Semarang