APLIKASI PEMBELAJARAN MAKHRAJ

Ramadhani Syafitri1, , Tantri Hidayati Sinaga, M.Kom2

Sekolah Tinggi Teknik Harapan Medan
Jurusan Sistem Informasi
Ramadhani_Syafitri91@yahoo.co.id

ABSTRAK
Dalam rangka belajar kitab suci Al Quran, membaca dan memahami isi dan arti setiap ayat dari Al-Qur'an yang
kita baca tentu saja kita perlu mengetahui belajar tajwid tanda baca dalam surat-surat dari masing-masing ayat Al
-Qur'an. Untuk pembacaan adalah sebagai alat untuk membuatnya lebih mudah, mengetahui panjang pendek,
untuk mengetahui lafaz dan hukum membaca Al - Quran. Karena tajwid yang diterapkan pada usia dini, anak-
anak yang mudah lupa dan sulit untuk memahami bacaan material. Tujuan dari pembuatan mempelajari aplikasi
Tajwid untuk memfasilitasi anak-anak untuk memahami dan menguasai pembacaan materi. Peralatan yang
digunakan dalam perancangan sistem ini menggunakan pemodelan UML Use Case Diagram meliputi, Activity
Diagram, Class Diagram.
Kata Kunci: Aplikasi, Al-Qur’an, tajwid.

ABSTRACT
In order to learn the Quran, read and understand the content and meaning of each verse of Al-Qur'an we read of
course we need to know to learn recitation punctuation in letters of each verse -Qur'an. For reading is as a tool to
make it easier, knowing the short length, to determine the legal lafaz and read Al - Quran. Because tajwid
applied at an early age, children are easy to forget and hard to comprehend reading material. The purpose of
making the application studying Tajwid to facilitate the children to understand and master the reading material.
Equipment used in the design of these systems using modeling UML Use Case Diagram includes, Activity
Diagrams, Class Diagrams.

Keywords: Aplicattion, the Quran, Tajweed.

1. PENDAHULUAN Batasan permasalahan yang akan dibahas

Perkembangan ilmu pengetahuan dan
teknologi komputer semakin menunjukkan
kemajuan yang sangat pesat. Pemanfaatannya sudah
hampir meliputi berbagai hal dan lapisan. Salah
satunya adalah ditandai dengan makin maraknya
instansi-instansi yang menerapkan teknologi
komputer. Teknologi informasi merupakan salah
satu bentuk pemanfaatan dari kemajuan teknologi
komputer yang sangat mendasar. [6]
Pendidikan karakter merupakan usaha
mempengaruhi jiwa anak didik untuk menanamkan
akhlak sehingga terbentuklah manusia yang
berkepribadian dan berbudi luhur sesuai dengan
ajaran Islam. [9]
Oleh karena itu penulis ingin merancang dan
membangun suatu sistem komputer maka penulis
mengambil judul “Aplikasi Pembelajaran
Makhraj”.
Berdasarkan masalah yang telah dipaparkan,
perumusan masalah adalah bagaimana membuat
aplikasi berbasis web untuk media pembelajaran
Makharijul Huruf Hijaiyah.
Sesuai dengan permasalahan yang
dikemukakan diatas, maka tujuan dari penelitian ini
adalah:
1. Membuat suatu aplikasi pembelajaran makhraj
berbasis web.
2. Untuk mempelajari tentang ilmu makhraj yang
berbasis teknologi.
dalam Tugas Akhir ini adalah:
1. Implementasi sistem berbasis web.
2. Media pembelajaran dalam bentuk huruf
hijaiyah, cara mengucapkan harakat yang
dilengkapi dengan Audio Suara, Video.
3. Aplikasi ditujukan pada pembelajaran Ilmu
makhraj pada jenjang Taman Kanak-kanak
dan madrasah diniyah awaliyah.
2. METODE PENELITIAN
Analisis sistem yang berjalan dilakukan
dengan cara menganalisis pada objek-objek yang
diperlukan untuk sistem yang akan dirancang,
dimaksudkan untuk memfokuskan kepada fungsi
sistem yang berjalan, tanpa menitik beratkan
kepada alur proses dari sistem.
Adapun metode penulisan ini memiliki
beberapa aspek yaitu:
Makharijul Huruf
Makharij () merupakan bentuk jama’
dari kata Makhraj yang artinya tempat keluar.
Sedangkan Al-Huruf () adalah jama’ dari
Al-Harfu yang berarti huruf. Maka secara bahasa
yang dimaksud dengan Makharijul Huruf itu ialah
tempat-tempat keluarnya huruf. [10]
SDLC (System Development Life Cycle)
Adapun metode pengumpulan data yang
digunakan dalam penulisan literatur ini adalah
menggunakan SDLC dengan Metode Waterfall.
SDLC singkatan Software Development Life
Cycle. SDLC adalah proses yang terdiri dari
serangkaian kegiatan yang direncanakan untuk
mengembangkan atau mengubah produk perangkat
lunak.[3]
Activity Diagram
Activity diagram mempunyai fungsi untuk
menggambarkan kegiatan-kegiatan yang ada di
dalam suatu sistem. Agar dapat lebih memahami
tentang sistem yang telah berjalan maupun yang
akan dibuat, maka perlu dibuatkan activity diagram.
User Pemilihan Materi

Penjelasan
Unified Modeling Language
Dengan menggunakan metode pendekatan
berorientasi objek maka peneliti akan Menampilkan Gambar
menggambarkan dengan menggunakan pemodelan Huruf Hijaiyah
Unified Modeling Language (UML).

Home
Menampilkan Gambar
Tenggorokan
Makharijul
Huruf

Sifat Huruf
Gambar 3.3 Activity Diagram
User
Audio Suara
Perancangan Sistem
Perancangan sistem ini dibuat sebagai tahapan
Hukum Bacaan untuk mempersiapkan proses implementasi sistem
yang akan dirancang, dan selain itu bertujuan untuk
menggambarkan secara jelas proses - proses yang
Laporan diinginkan oleh pengguna (user) pada Pembelajaran
Makharijul Huruf.
Gambar 3.1 Use case diagram
3. IMPLEMENTASI SISTEM
Class Diagram Aplikasi pembeljaran Makhraj berbasis Web
Class Diagram mendeskripsikan jenis-jenis ingin menggunakan Macromedia Dreamweaver 8
objek dalam sistem dan berbagai macam hubungan sebagai software utama, dan diproses dengan
statis yang terdapat diantara mereka. Diagram kelas menggunakan software internet lainnya seperti
atau class diagram menggambarkan struktur sistem Mozilla Firefox. Dan menggunakan Audacity untuk
dari segi pendefinisian kelas-kelas yang akan dibuat mengedit suara, dan juga menggunakan Any Video
untuk membangun sistem. Converter sebagai software untuk mengedit video.

Analisis Kebutuhan
Analisis kebutuhan pada aplikasi yang penulis
rancang antara lain terdiri dari analisis kebutuhan
pengguna, analisis kebutuhan hardware, dan
analisis kebutuhan software.

Analisis Kebutuhan Pengguna

Analisis ini dirancang untuk peserta didik
yang telah menerima mata pelajaran pengenalan
huruf hijaiyah dan juga untuk masyarakat dan
setidaknya dapat membaca Al-Qur’an.

Analisis Kebutuhan Hardware

Gambar 3.2 Class diagram
Spesifikasi hardware yang direkomendasikan
adalah sebagai berikut:
1. Intel Pentium 4
2. Memory : 2 GB
3. Resolusi Monitor : 800 x 600 pixel
4. Speaker
5. Mouse dan Keyboard
6. CD ROM

Pembuatan Aplikasi
Bahan-bahan yang dibutuhkan untuk membuat
aplikasi ini, baik berupa file-file suara, gambar,
video, dan animasi diperoleh dari berbagai sumber.
Namun sebagian besar dibuat sendiri oleh penulis
dengan menggunakan software yang berkaitan
dengan bahan-bahan tersebut.
Gambar 3.5 Video pelafazan makharijul huruf
File Gambar
hijaiyah
File gambar yang ada di dalam aplikasi, yaitu
gambar kepala yang terlihat dari samping dan
Proses Pembuatan Tampilan Halaman Menu
gambar Al-Qur’an yang terbuka dengan format .jpg
dan Tombol Menu
penulis memperolehnya dari internet, sedangkan
Untuk langkah awal penulis mendesain
gambar huruf hijaiyah yang digunakan dalam halam
tampilan halaman dari setiap halaman menu yaitu
Audio dengan format .jpg penulis memperolehnya
halaman Menu Home, halaman Menu Makharijul
dari intenet dan dirubah dengan menggunakan
Huruf, halaman Menu Sifat Huruf, halaman Hukum
software Nero PhotoSnap Viewer.
Bacaan, halaman Audio Suara dengan
menggunakan software Macromedia Dreamweaver
File Suara
8 dengan memasukan berbagai pengkodingan.
File suara huruf hijaiyah dengan format suara
mp3 didapatkan dari rekaman seorang ustadz yang
dapat mengucapkan makharjul huruf hijaiyah
dengan baik dan benar. File suara huruf hijaiyah
digunakan dalam setiap bagian huruf hijaiyah dari
aplikasi makharijul huruf hijaiyah, dan file suara
narasi digunakan untuk menjelaskan tentang
pengeertian makharijul huruf hijaiyah dan
pembagian tata letaknya. Dibawah ini adalah salah
satu gambar pengaturan narasi file suara.

Gambar 3.6 Tampilan Menu

Implementasi Aplikasi
Pada tahap ini penulis melakukan
implementasi terhadap aplikasi pembelajaran
Makharijul Huruf Hijaiyah berbasis Web.
Implementasi ini dipahami sebagai proses yang
akan menentukan apakah aplikasi web mampu
beroperasi dengan baik dan mengetahui apakah
para pemakai bisa mandiri dalam
Gambar 3.4 Pengaturan narasi file suara
pengoperasiannya. Beberapa tahap implementasi
adalah:
File Video
File video digunakan untuk memberikan
Tampilan Aplikasi
penjelasan dari masing-masing huruf hijaiyah.
Suatu aplikasi interaktif Makharijul Huruf
Dengan adanya video ini, pengguna lebih
Hijaiyah berbasis web yang memiliki animasi
memahami lagi dalam belajar makharijul huruf
gambar, audio suara, dan video untuk dapat
hijaiyah, file video dengan format mp4.
memahami perbedaan keluarnya bunyi huruf
hijaiyah. Adapun tampilan dari aplikasi Makharijul
Huruf Hijaiyah berbasis web ini adalah sebagai
berikut:
1. Tampilan Halaman Opening
Halaman Opening merupakan halaman yang
paling awal yang tampil ketika program dijalankan.
Pada halaman ini menampilkan judul program, lima
menu utama dengan warna yang menarik umtuk
tombol masuk ke menu yang dituju.
Gambar 3.7 Halaman Opening
2. Tampilan Halaman Makhraj Huruf
Halaman makhraj huruf yang ditampilkan
merupakan tampilan yang menjelaskan bagian-
bagian dari makharijul huruf. Di halaman ini
terdapat beberapa keterangan yang menjelaskan
huruf-huruf yang terdapat pada makharijul huruf.
Gambar 3.8 Halaman makhraj huruf
Kelebihan dan Kekurangan Aplikasi
Adapun kelebihan dan kekurangan yang
terdapat di aplikasi ini sebagai berikut:
Kelebihan Aplikasi
1. Aplikasi ini terdapat simbol-simbol huruf
hijaiyah yang sangat menarik.
2. Terdapat audio suara beserta video seorang
ustadz yang sedang menjelaskan lafadz huruf
hijaiyah sesuai dengan makharijul huruf
hijaiyah.
3. Tajwid-tajwid Al-Qur’an banyak terdapat
pada aplikasi ini.
4. User dapat memberikan komentar pada
aplikasi ini.
Kekurangan Aplikasi
1. Pada materi di makhraj huruf terdapat gambar
tenggorokan beserta huruf hijaiyah. Tetapi
pada huruf tersebut tidak terdapat audio suara.
2. Aplikasi ini begitu sangat sederhana.
PENUTUP
Kesimpulan
Dari pembahasan yang telah diuraikan, maka
penulis dapat menarik kesimpulan, yaitu:
1. Dengan mempelajari makharijul huruf
hijaiyah dengan benar, maka pembaca (dalam
hal ini Al-Qur’an) dapat terhindar dari
kesalahan bacaan yang menyebabkan
perubahan makna pada kalimat yang
dibacanya.
2. Media pembelajaran yang disajikan secara
interaktif lebih menarik, dengan media
pembelajaran seperti ini diharapkan akan
membantu umat islam dalam membedakan
bunyi huruf hijaiyah dalam membaca Al-
Qur’an sehingga terhindar dari kesalahan
ucapan yang menyebabkan perubahan makna
yang terkandung dalam kalimat atau ayat yang
dibaca.
3. Secara umum, masyarakat dapat mengucapkan
makharijul huruf hijaiyah dengan baik, namun
ada beberapa huruf saja yang masih keliru
dalam mengucapkannya.
Saran
1. Penulis menyadari bahwa aplikasi pengenalan
ilmu tajwid berbasis web ini masih terdapat
kekurangan. Untuk kedepan mungkin aplikasi
ini dapat dikembangan dan di sempurnakan
lebih lanjut.
2. Materi yang diberikan bisa lebih lengkap lagi
seperti surat-surat pendek beserta
terjemahannya agar user lebih mudah dalam
penggunaannya tanpa harus mencari materi
secara manual.
3. Pembuatan aplikasi baru dengan
menggunakan aplikasi mobile.
4. Adanya penambahan audio suara pada button
makharijul huruf.
DAFTAR PUSTAKA
[1] Adhi Prasetio, 2012. Buku Pintar Pemograman
Web
[2] Ariesto Hadi Sutopo, 2011. Analisis Dan Desain
Berorientasi Objek
[3] Arif Tri Septiawan, 2012. Pengenalan Dan
Pembelajaran Cara Membaca Alquran
(Ilmu Tajwid).
[4] Astah, 2012. Analisis Serta Perancangan Sistem
Informasi Melalui Pendekatan UML
[5] Graha Ilmu, 2011. Pemodelan Sistem Informasi
Berorientasi Objek Dengan UML. Penerbit
Sholiq
[6]Iswatun Khasanah, Hanif Al Fatta, 2013.
Rancang Bangun Media Pembelajaran
Tajwid Berbasis Multimedia
[7] Jonathan Sarwono, 2012. Metode Riset Online:
Teori, Praktik, dan Pembuatan Aplikasi
Menggunakan HTML, PHP dan CSS.
[8] M. Yanyan Herdiansyah, Irawan Afrianto, 2013.
Pembangunan Aplikasi Bantu Dalam
Menghafal Al-Qur’an.
[9] Nadwa, 2013. Konsep dan Aktualisasinya dalam
Sistem Pendidikan Islam.
[10]Triyasyid Nuruddin, S.Pd.i. 2015. Pedoman
Ilmu Tajwid