PROGRAM BELAJAR AL-QUR’AN

METODE TSAQIFA TAMPILAN FLASH BOOK

MENGGUNAKAN JAVAFX

Makalah

Program Studi Teknik Elektro

Fakultas Teknik

Diajukan Oleh :
Muhammad Abu Hanif Nasyi’ Allail
Fatah Yasin, ST, MT.
Umi Fadlilah, ST. M Eng.

PROGRAM STUDI TEKNIK ELEKTRO

UNIVERSITAS MUHAMMADIYAH SURAKARTA
Januari, 2013
 HALAMAN PENGESAHAN

Publikasi ilmiah dengan judul :

PROGRAM BELAJAR AL-QUR’AN

METODE TSAQIFA TAMPILAN FLASH BOOK
MENGGUNAKAN JAVAFX

Yang dipersiapkan dan disusun oleh :

Muhammad Abu Hanif Nasyi’ Allail

D400050076

Telah disetujui pada :

Hari : ………………………..
Tanggal : ………………………..

Nip:197803222005012002

Publikasi ilmiah ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar sarjana

Tanggal ………………..

Mengetahui,
 PROGRAM BELAJAR AL-QUR’AN
METODE TSAQIFA TAMPILAN FLASH BOOK MENGGUNAKAN JAVAFX

Muhammad Abu Hanif Nasyi’ Allail¹, Fatah Yasin², Umi Fadlilah³

Mahasiswa Program Studi Teknik Elektro¹, Pembimbing 1², Pembimbing 2³
Fakultas Teknik Universitas Muhamadiyah Surakarta
Jl. A. Yani Tromol Pos 1 Pabelan, Kartasura – Surakarta
Email: abusnip@gmail.com ¹, fatinbangpi@yahoo.com ², ifadtofa@gmail.com ³

ABSTRAKSI

Mempermudah belajar membaca Al-Qur’an secara mandiri serta mensosialisasikan

salah satu bahasa pemrograman masa depan yaitu JavaFX yang berbasis open source
adalah tujuan pembuatan tugas akhir ini. Pembuatan program ini menggunakan software
Netbeans IDE 6.8 dan JavaFX sebagai pluginnya, kedua software tersebut merupakan
software open source dan free.Metode penelitian yang dilakukan dengan mencari data dari
buku-buku tentang Metode Tsaqifa. Tahap pembuatan program ini melalui berbagai tahap
yaitu referensi, pencarian data, perancangan, pembuatan, dan pengujian, sehingga
menghasilkan Program Panduan Belajar Membaca Al-Qur’an Metode Tsaqifa dengan
tampilan Flash Book berbasis JavaFX.Program Program ini terdiri dari enam paket,
berukuran berkisar antara 44 MB sampai 61 MB. Setiap edisi terdapat file berekstensi .jar
sebagai file utama. Audio yang digunakan berformat .mp3 dengan Bit Rate 128 kbps.
Program dapat dijalankan bila sudah menginstall file JDK. JDK merupakan software
development kit yang digunakan dalam pemrogaman bahasa Java. JDK berfungsi untuk
menjalankan program Java.

Kata kunci: JDK, JavaFX, Netbeans IDE 6.8.

ABSTRACT

Facilitate learning to read the Qur'an independently and socialize a future

programming language that is based on open source JavaFX is the purpose of making this
thesis. Making software program uses Netbeans IDE 6.8 and JavaFX as a plugin, both
software is open source and free software. The research method is done by searching the
data from books about Tsaqifa method. The manufacturing phase of this program through the
various stages of the references, data search, design, manufacture, and testing, resulting in a
program guide Learn to Read Quran Tsaqifa method to display Flash-based call JavaFX.
The program is comprised of six packages, measuring ranges from 44 MB to 61 MB. Each
edition of a file with extension. Jar as the main file. Used audio format. Mp3 with Bit Rate
128 kbps. The program can be run if already installed JDK file. JDK is a software
development kit used in the Java programming language. JDK function to run Java
programs.

Keywords: JDK, JavaFX, NetBeans IDE 6.8.

1. Pendahuluan Orang yang mengaku beriman kepada

Al-Qur’an merupakan pedoman hidup yang Allah SWT mau tidak mau diwajibkan
utama bagi ummat Islam selain Hadits. mempelajari Al-Qur’an sebagai pedoman
hidupnya. Mayoritas masyarakat Indonesia berkembang dalam masyarakat, apalagi
tidak fasih melafalkan bahasa arab yang bagi mereka yang tidak mempunyai banyak
merupakan bahasa Al-Qur’an itu sendiri. waktu luang, hal ini sangat membantu bagi
Pengajaran membaca Al-Qur’an yang proses pemberantasan buta huruf Al-Qur’an
selama ini populer di kalangan masyarakat di Indonesia. Program ini sangat cocok
luas adalah metode iqra’. Metode ini sangat untuk kalangan anak-anak yang sedang
memungkinkan dipelajari oleh orang-orang mulai beranjak remaja sampai orang
yang mempunyai banyak waktu luang, bagi dewasa yang sibuk, karena panduan belajar
sebagian orang yang mempunyai banyak ini ditampilkan secara menarik dan dapat
kesibukan hampir mustahil mau dibawa ke mana-mana sehingga anak-anak
mempelajari iqra’ mulai jilid 1 sampai 6 maupun orang dewasa tidak akan merasa
yang bagi anak-anak pun mereka biasanya terkungkung di suatu tempat saja dalam
baru menyelesaikan iqra’ setelah 6 tahun memahami dan mengaplikasikan ilmu Al-
mempelajarinya. Qur’an, dikarenakan dengan program ini
Berdasarkan pemikiran di atas serta sebagai pengguna diharapkan dapat belajar secara
bentuk amaliyah dalam bidang pendidikan mandiri.
dan pengajaran, maka penulis membuat Perancangan ini merupakan pengembangan
sebuah program yang berisi panduan dari penelitian Septian Chandra Purnama,
belajar membaca Al-Qur’an Metode Simulasi Perakitan Komputer Berbasis
Tsaqifa menggunakan JavaFX. Metode JavaFX (Studi Kasus : SMA Negeri 3
Tsaqifa merupakan metode yang Boyolali), 2010. Isi Tugas akhir tersebut
dikembangkan oleh Umar Taqwim, S.Ag membahas tentang simulasi bagaimana cara
dari Yayasan Adz-Zikra, Magelang yang merakit komputer, instalasi Windows dan
merupakan pengembangan dari metode Linux disertai dengan animasi yang
membaca Al-Qur’an yang telah ada, interaktif menggunakan JavaFX dan
sehingga mudah dipahami terutama bagi Riyanto, Pengenalan Alfabet dan Kamus
mereka yang mempunyai banyak Bergambar untuk Pendidikan Anak Usia
kesibukan. Metode ini dalam prakteknya Dini (PAUD) Menggunakan JavaFX
hanya memerlukan sebanyak 5 kali dengan Tampilan Flash Book, 2011. Isi
pertemuan, setiap pertemuan waktu yang Tugas akhir tersebut membahas tentang
diperlukan hanya 1,5 jam. Jadi, dapat pembelajaran pengenalan alfabet dan
dibayangkan berapa banyak waktu yang macam-macam kata yang memudahkan
bisa dihemat jika dibandingkan dengan pengenalan huruf pada anak usia dini
metode konvensional yang selama ini
a. Syakal / Harokat para guru ngaji secara turun-temurun. Oleh
Al-Qur’an mula-mula ditulis tanpa titik dan sebab itu, dalam pengucapan huruf-huruf
baris. Namun demikian hal ini tidak Al-Qur’an harus kembali kepada Lahjah
mempengaruhi pembacaan Al-Qur’an, dan dialek orang arab, karena dengan
karena para sahabat dan para tabi’in adalah dialek merekalah Al-Qur’an diturunkan.
orang-orang yang fasih dalam bahasa Arab. Tabel berikut memperlihatkan penulisan
Oleh sebab itu mereka dapat membacanya sekaligus pelafalan huruf asli dari huruf-
dengan baik dan tepat. Tetapi setelah huruf hijaiyah yang benar.
agama islam tersiar dan banyak bangsa Tabel 1. penulisan dan pelafalan huruf
yang bukan bangsa arab memeluk agama hijaiyyah .(Izzuddin, 2008, h: 42)
islam, sulitlah bagi mereka membaca Al-
Qur’an tanpa titik dan baris.
Apabila keadaan demikian dibiarkan
dikhawatirkan bahwa hal ini akan
menimbulkan kesalahan-kesalahan dalam
pembacaan Al-Qur’an.
Maka, Abul Aswad Ad-Duali mengambil
inisiatif untuk memberi tanda-tanda dalam
Al-Qur’an dengan tinta berlainan warna
denag tulisan Al-Qur’an. Tanda-tanda
tersebut adalah titik diatas atau fat-hah, titik
dibawah atau kasrah, titik sebelah kiri atas
d. Tajwid
untuk dhammah dan dua titik untuk tanwin.
Sebagian besar ulama mengatakan ilmu
Hal ini terjadi pada masa Muawiyah dan
tajwid itu adalah suatu cabang ilmu yang
seterusnya. (Al-Qur’an dan Terjemahnya
sangat penting untuk dipelajari, sebelum
1429 H h:111)
mempelajari ilmu Qiraat Al-Qur’an. Ilmu
b. Pengenalan Huruf Hijaiyyah
tajwid adalah pelajaran untuk memparbaiki
Melafadzkan huruf asli dari huruf-huruf
bacaan Al-Qur’an dalam ilmu tajwid itu
hijaiyah yang berjumlah 30 huruf
diajarkan bagaimana cara melafadzkan
seringkali terjadi kesalahan pengucapan.
huruf yang berdiri sendiri, huruf yang
Kesalahan itu terjadi dengan berbagai
dirangkaikan dengan huruf lain, melatih
sebab dan latar belakang, baik karena
lidah mengeluarkan huruf dan makhrajnya ,
pengaruh dialek daerah yang ada maupun
belajar mengucapkan bunyi yang panjang
kesalahan pengajaran yang diwariskan oleh
dan yang pendek. Cara menghilangkan yang dilakukan berjalan disiplin dan sesuai
bunyi huruf dengan menggabungkannya yang diharapkan.
kepada huruf yang sesudahnya (idgham),
berat atau ringan berdesis atau tidak, a. Peralatan perancangan program
mempelajari tanda tanda berhenti dalam Perangkat Komputer yang digunakan
bacaan dan lain-lain sebagainya. (Al- adalah laptop Compaq seri CQ-40 yang
Qur’an dan Terjemahnya 1429 H h:109) digunakan untuk perancangan program
adalah dengan spesifikasi sebagai berikut :
e. Multimedia
Dalam industri elektronika Multimedia 1) Prosesor Intel Pentium(R) Dual-
adalah kombinasi dari komputer dan video Core CPU T4200 @2GHz,
(Rosch, 1996) atau multimedia secara 2) Mobile Intel(R) 4 Series Express
umum merupakan kombinasi tiga elemen, chipset family,
yaitu suara, gambar dan teks (McCormick, 3) 1024 MB DDR2,
1996) atau multimedia adalah kombinasi 4) Microphone
dari paling sedikit dua media input atau 5) Sistem Operasi Windows 7
output dari data, media ini dapat audio Ultimate
(suara, musik), animasi, video, teks, grafik software penunjang yaitu:
dan gambar (Turban dkk, 2002) atau 1) Paint
multimedia merupakan alat yang dapat 2) Power Mp3 Recorder.
menciptakan presentasi yang dinamis dan 3) Microsoft Word 2010.
interaktif yang mengkombinasikan teks, 4) Microsoft ® Picture manager.
grafik, animasi, audio dan gambar video 5) NetBeans IDE 6.8 sebagai program
(Robin dan Linda, 2001) (Suyanto 2003 : utama yang menjalankan program
20). java fx.
6) JavaFX_sdk-2_1_1-windows-i586
2. Metode Penelitian 7) Flash Book
Waktu dan tempat dalam menyelesaikan
tugas akhir ini penulis rencanakan dalam b. Perancangan Sistem
waktu lima bulan dan bertempat di kampus Sistem yang dibuat dalam pembuatan
serta di rumah penulis sendiri yang terletak Program Panduan Belajar Membaca Al-
di Jl. Semen romo RT. 01 RW. 21 Cemani, Qur’an Metode Tsaqifa menggunakan
Grogol, Sukoharjo. Penyusunan rencana JavaFX memerlukan pembuatan program
kegiatan ini dimaksudkan agar kegiatan dengan software netbeans dan pengambilan
data suara. Proses perancangan dan kanan cursor pada sisi sebelah bawah dan
pembuatan Program Panduan Belajar ditarik ke halaman yang
Membaca Al-Qur’an Metode Tsaqifa berlawanan.Contoh tampilan program yang
menggunakan JavaFX ini harus dilakukan telah dibuat ada pada Gambar 2-4 berikut.
proses berurutan dalam pembuatan program
sangat penting untuk mencapai
kesempurnaan program.

1) Flowchart Sistem
Diagram alir (flow chart) dari Program
Panduan Belajar Membaca Al-Qur’an
Metode Tsaqifa dapat dilihat pada Gambar Gambar 2. Tampilan program
1. berikut.

Tidak
mulai

Ya

Jalankan
program

Ya

Panggil java fx dengan java Gambar 3. Tampilan program

Ya

Tampilan per halaman

Ya
selesai

NB: Berlaku untuk semua paket

Gambar 1. Tampilan flowchart sistem
Gambar 4. Tampilan program

c. Tampilan program a. Hasil Akhir Program

Tampilan program yang telah dibuat Program yang telah dibuat merupakan

hampir sama dengan buku aslinya, namun sebuah program interaktif, yaitu program

dalam bentuk digital dan pengoperasiannya yang menggunakan berbagai macam tipe

pun sama dengan membolak balik buku file dimana antara file satu dengan file yang

menggunakan cursor dengan cara klik lain saling berhubungan (interaksi).

Program ini terdiri dari enam paket, paling utama pada program yang meliputi
berukuran berkisar antara 44 MB sampai 61 tampilan, kelengkapan isi, suara, dan
MB. Setiap edisi terdapat file berekstensi pengoperasian program. Penilaian program
.jar file utama untuk menjalankan program yang pertama dilakukan terhadap
adalah file yang berekstensi .jar. tanggapan pengguna setelah menggunakan
Program ditampilkan dengan ukuran program, dan menyimak program tersebut.
normal 1024 x 768 pixel. Isi program juga Terlihat dalam grafik penilaian dalam
dilengkapi audio dengan bit rate (rata-rata Tabel 2. dan Gambar 5. sebanyak 81,8%
bit) 128 kbps (kilobit per second) secara responden menyatakan bahwa tampilan
keseluruhan. program menarik dikarenakan baru melihat
Program dapat dijalankan bila sudah pertama kali tampilan flash book dan
menginstall file JDK. JDK merupakan 18,2% responden menyatakan tampilan
software development kit yang digunakan program sedang sedang saja karena terkait
dalam pemrogaman bahasa Java. JDK ini dengan buku induknya. Kelengkapan isi
berfungsi untuk menjalankan program Java program 36,36% responden menjawab
yang terdapat pada paket tugas akhir ini. lengkap, dan 54,54% responden menjawab
cukup serta 9,09% responden menjawab
b. Penilaian Program kurang, sedangkan suara dalam program
Penilaian Program Panduan Belajar tersebut 45,45% responden menyatakan
Membaca Al-Qur’an Metode Tsaqifa jelas dan 54,54% responden menjawab
menggunakan Java Fx dengan tampilan kurang jelas dengan alasan terdapat riak
Flash Book ini merupakan hasil pada suara program. Penilaian terhadap
rekapitulasi dan analisa dari quisioner yang pengoperasian program, 81,8% responden
dibagikan kepada 11 orang masyarakat menyatakan mudah karena bisa
sebagai responden pada lingkungan penulis mengoperasikan program sendiri, dan
tinggal serta Penghuni Panti Asuhan 18,2% responden menyatakan cukup,
Sujono Taruno Baki. Penilaian program karena belum terbiasa memakai komputer.
dari hasil rekapitulasi dan analisa tersebut Proses Loading membuka Program
mendapatkan beberapa kriteria hasil menurut 18,2% responden menjawab cepat,
penilaian sebagai berikut : 36,36 % responden menjawab sedang serta
45,45% responden menjawab lambat.
1) Penilaian Unsur Utama
Penilaian unsur utama adalah penilaian
pada beberapa unsur yang merupakan unsur
2) Penilaian Tambahan 9,09% responden menyatakan cukup
Penilaian tambahan berisi penilaian yang tertarik terhadap program tersebut.
dirasakan responden saat menggunakan c. Analisis Program
program secara umum. Hasil dari penilaian Terdapat beberapa kendala dalam Program
ini adalah : Panduan Belajar Membaca Al-Qur’an
a) 72,72% responden menyatakan Program Metode Tsaqifa ini, antara lain:
Panduan Belajar Membaca Al-Qur’an a) Bentuk program awal flash book yang
Metode Tsaqifa menggunakan Java Fx mempunyai tampilan berupa buku
dengan tampilan Flash Book tersebut mengharuskan penulis mengisi program
membantu dalam mempelajari dan cara dengan gambar ber-ekstensi .png sehingga
membaca Al-Qur’an. 27,27% responden memberi efek tembus pandang pada
menyatakan program tersebut cukup gambar namun efeknya kualitas tidak
mudah untuk diajarkan. terlalu bagus untuk ukuran gambar yang
b) 54,54% responden menyatakan bahwa kecil.
program tersebut baik dibanding dengan b) Semakin banyak gambar, dan efek suara,
metode pengajaran yang lain. 45,45% program berjalan lambat sehingga loading
responden menyatakan bahwa dibanding cukup lama serta suara tersendat-sendat.
dengan metode pengajaran yang lain c) Program tidak dapat menjadi satu
program tersebut cukup baik, karena aplikasi, dikarenakan banyaknya items
saling melengkapi dengan metode yang yang terdapat dalam program ini sehingga
lain. dibagi menjadi enam edisi untuk
c) 90,9% responden menyatakan bahwa meringankan jalannya program karena
program tersebut lebih efisien tempat. proses scanning dan mengatasi masalah
9,09% responden mengatakan program suara yang tersendat-sendat.
ini kurang efisien tempat. d) Setelah dibuat standalone, loading
d) 100% responden menyatakan program program lama dan kurang stabil disebabkan
tersebut bermanfaat untuk masyarakat. masih terlalu banyak script program dan
e) 90,9% responden tertarik untuk beberapa paket dalam program ini tidak
menggunakan program ini selanjutnya dapat muncul tampilannya
sebagai bahan pembelajaran interaktif.
 90
80
70
60
Menarik / Jelas
50
Mudah / Cepat
40
Cukup
30 kurang
20
10
0
Tampilan Kelengkapan Suara Pengoperasian Loading

Gambar 5. Grafik Penilaian Program

Tabel 2. Perhitungan penilaian Quesioner

Menarik/Jelas/Cepat Mudah/Cukup Lambat/ Kurang

Bermanfaat/ Tertarik

Tampilan 9 orang 81.8% 2 orang 18.2% 0 0%

Kelengkapan 4 orang 36.36% 6 orang 54.54% 1 orang 9.09

Suara 5 orang 45.45% 6 orang 54.54% 0 0%

Pengoperasian 9 orang 81.8% 2 orang 18.18% 0 0%

loading 2 orang 18.18% 4 orang 36.36% 5 orang 45.45%

Membantu pengajaran 8 orang 72.72% 3 orang 27.27% 0 0%

Lebih baik dari yg lain 6 orang 54.54% 5 orang 45.45% 0 0%

Efisien tempat 10 orang 90.9% 0 0% 1 orang 9.09%

Manfaat 11 orang 100% 0 0% 0 0%

Tertarik memakai 10 orang 90.9% 1 orang 9.09% 0 0%

4. Kesimpulan Tsaqifa ini memiliki beberapa
Langkah-langkah pembuatan kekurangan antara lain :
program yang dimulai dari pencarian a) Memori komputer harus besar
referensi hingga pengujian program b) Program harus dijalankan dengan
menghasilkan beberapa kesimpulan resolusi minimal 1024 X 768
sebagai berikut : pixels.
c) Meng-install JDK terlebih dahulu
a. Masyarakat tertarik pada sebelum menjalankan program,
Program Panduan Belajar karena JDK berfungsi untuk
Membaca Al-Qur’an Metode menjalankan program Java.
Tsaqifa yang merupakan d) Lebih sesuai digunakan pada layar
terobosan baru dalam hal berukuran besar, untuk layar
pembelajaran secara cepat cara berukuran kecil susah untuk
membaca Al-Qur’an. dilihat secara baik sehingga
b. Adanya gambar, tulisan, suara, mengganggu proses
dan cara yang mudah pembelajaran.
dioperasikan, mempermudah
proses belajar dan mengajarkan Daftar Pustaka
cara membaca Al-Qur’an secara
cepat. Al-Qur’an Al-Karim
c. Metode audio dan visual Eko Priyo Utomo.2009. Panduan
menambah masyarakat senang Mudah Mengenal Bahasa
belajar membaca Al-Qur’an JAVA. Bandung: Yrama
secara mandiri. Widya.
d. Memperingan beban guru yang Gail Anderson dan Paul Anderson.
terbatas dalam hal waktu 2009. Essential JavaFX.
pengajaran. Izuddin Muhammad, S.Ag. 2008.
Panduan Tahsin Qiro’ah Al-
Program Panduan Belajar Qur’an. Surakarta. Al-Furqon
Membaca Al-Qur’an Metode Media
Jim Clarke, Jim Connors dan Eric Biodata Penulis
Bruno.2009.JavaFX Muhammad Abu
Developing Rich Internet Hanif Nasyi’Allail
Applications. lahir Di
Septian Chandra Purnama. 2009. Yogyakarta, 14
“Simulasi Perakitan Komputer Maret 1986.
Berbasis Javafx (Studi Kasus :
SMA Negeri 3 Boyolali)”. Riwayat pendidikan pernah
Skripsi. Surakarta: Fakultas mengenyam pendidikan di PonPes
Teknik, Universitas Al-Mukmin Ngruki Solo dan di
Muhammadiyah Surakarta. yayasan perguruan Al–Islam
Riyanto. 2010. “Pengenalan Alfabet Surakarta serta menyelesaikan
dan Kamus Bergambar Untuk pendidikan S1 di Universitas
Pendidikan Anak Usia Dini Muhammadiyah Surakarta. Masa
(PAUD) Menggunakan Javafx mudanya aktif di berbagai organisasi
dengan Tampilan Flash Book”. yang terdapat di lembaga tempat
Skripsi. Surakarta: Fakultas penulis menuntut ilmu. Saat ini
Teknik, Universitas penulis aktif sebagai Sekretaris
Muhammadiyah Surakarta. Majelis Mujahidin Lajnah
anonim.2010. tutorials, (online), Perwakilan Daerah Surakarta
http://javafx.com/docs/tutorials sekaligus Sekretaris Majelis
/deployment/configure-for Mujahidin Lajnah Perwakilan
deploy.jsp#standardmodel Wilayah Jawa Tengah.
diakses pada tanggal 03 Juli
2010 pukul 08.00 WIB.
anonim.2010. Book Panel JavaFx,
(online),
http://javafx.com/samples/Boo
kPanel/index.html diakses pada
tanggal 10 Juli 2010 pukul
01.00 WIB