BAB III PEMBAHASAN · Dan menu keluar untuk keluar dari aplikasi. 2. Pada menu hukum bacaan akan...

19

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

Tajwid menurut bahasa (ethimologi) adalah memperindah sesuatu.

Sedangkan menurut istilah adalah mengeluarkan setiap huruf dari tempat

keluarnya (mahrojnya) dengan memberi hak dan mustahaknya. Yang dimaksud

dengan hak huruf adalah sifat asli yang selalu bersama dengan huruf tersebut,

seperti al-jahr, isti'la, istifal, sedangkan mustahak huruf adalah sifat yang nampak

sewaktu-waktu, seperti tafkhim, tarqiq, ikhfa. Secara garis besar ilmu tajwid

adalah ilmu yang mengajarkan tentang bagaimana cara membaca Al Qur‟an yang

baik dan benar. Tujuan ilmu tajwid adalah memelihara bacaan Al Qur‟an dari

kesalahan dan perubahan serta memelihara lisan (mulut) dari kesalahan membaca.

Agama Islam mengajarkan bahwa membaca Al-Qur‟an merupakan salah

satu ibadah. Baik dan benarnya bacaan Al-Qur‟an merupakan salah satu syarat

kesempurnaan ibadah shalat. Rasulullah SAW bersabda: “Orang yang membaca

Al-Qur‟an dengan mahir, kelak akan mendapat tempat di dalam surga bersama-

sama dengan para Rasul yang mulia. Sedangkan orang yang membaca Al-Qur‟an

tetapi tidak mahir, membacanya tertegun-tegun dan tidak lancar, dia akan

mendapatkan dua pahala”. (Riwayat Bukhori dan Muslim dari St. Aisyah ra.)

Pada dasarnya sebagai umat muslim harus mengerti dan memahami arti

pentingnya mempelajari ilmu tajwid Al Qur‟an agar mengetahui tata cara

membaca Al Qur‟an dengan tartil, fasih, mengetahui bahwa suatu lafazh harus di

baca panjang, mengetahui hak-hak huruf dan sifat-sifatnya. Banyak umat muslim

20

yang baru belajar Al Qur‟an maupun yang sudah mengajarkan Al Qur‟an belum

mengetahui tentang tata cara membaca Al Qur‟an yang benar. Di masyarakat

belajar ilmu tajwid hanya menggunakan buku sehingga belajar ilmu tajwid

terkesan klasik dan sulit. Oleh sebab itu diperlukan inovasi dalam mempelajari

ilmu tajwid.

Proses pembelajaran agama sedikit demi sedikit sudah merambah kedalam

penggunaan teknologi sebagai media penyampaian ilmu agama, sehingga

paradigma mempelajari ilmu agama yang terkesan klasik dan sulit, saat ini

menjadi lebih modern dan mudah karena hadirnya media baru yang dapat

digunakan yaitu media teknologi berbasis android.

Adanya program aplikasi ilmu tajwid berbasis android, tentunya akan

memberikan dampak positif bagi kalangan pelajar maupun pengajar, sehingga

deskripsi–deskripsi definisi aturan membaca Al Qur‟an dapat dimengerti dengan

jelas dan mudah, karena aplikasi yang berbasis android tentunya mudah untuk

dibawa kemana saja dan digunakan dimana dan kapan saja serta sangat menarik

perhatian disemua kalangan, terutama anak-anak karena dapat digunakan ketika

bermain sambil belajar. Aplikasi ini juga dilengkapi dengan suara agar

mempermudah pengguna dalam mempelajari ilmu tajwid secara mandiri.

3.2. Spesifikasi Rancangan Program

Berikut ini mengenai cara kerja aplikasi secara umum :

1. Pada aplikasi ini terdapat 4 menu yaitu menu hukum bacaan dimana pada menu

ini terdapat jenis-jenis hukum bacaan. Menu petunjuk, pada menu ini terdapat

petunjuk penggunaan aplikasi ilmu tajwid. Menu quiz, pada menu ini pengguna

21

dapat mengerjakan quiz yang tersedia. Dan menu keluar untuk keluar dari

aplikasi.

2. Pada menu hukum bacaan akan tampil jenis-jenis hukum bacaan seperti hukum

bacaan nun mati, mim mati, mad, qalqalah dan waqaf.

3. Pada menu quiz akan tampil soal dan pilihan jawaban, setelah memilih jawaban

maka pengguna akan langsung mengetahui apakah jawabannya benar atau

salah melalui pesan teks yang tampil setelah memilih jawaban.

3.2.1. Spesifikasi Bentuk Masukan

Adapun data yang dimasukan pengguna pada aplikasi ilmu tajwid adalah

sebagai berikut:

Nama Dokumen : Quizpertama.xml

Fungsi : Untuk memilih jawaban dari soal yang ditampilkan

Sumber : Pengguna

Media : Handphone Android

Bentuk : Gambar III.1

Gambar III.1

Bentuk Masukan

22

3.2.2. Spesifikasi Bentuk Keluaran

Adapun data keluaran yang digunakan pada aplikasi ilmu tajwid adalah

sebagai berikut:

Nama Dokumen : Quizpertama.xml

Fungsi : Untuk menampilkan hasil quiz berupa pesan teks. Apabila

jawaban salah maka akan tampil pesan teks “Jawaban

Anda Salah”, apabila jawaban benar maka akan tampil

dialog “Selamat !!! Jawaban anda benar” dan juga tombol

“ULANGI” untuk mengulangi pertanyaan, serta tombol

“OKE” yang akan menampilkan pesan teks “Selamat”.

Sumber : Pengguna

Media : Handphone Android

Bentuk : Gambar III.2 dan Gambar III.3

Gambar III.2

Bentuk keluaran ketika jawaban yang dipilih salah

23

Gambar III.3

Bentuk keluaran ketika jawaban yang dipilih benar

3.2.3. Spesifikasi File

Pada aplikasi pembelajaran ilmu tajwid terdapat beberapa file. Penjelasan

rinci mengenai file-file tersebut adalah sebagai berikut:

1. Spesifikasi File Menu Utama

Nama File : MainActivity

Akronim : activity_main.xml

Fungsi : Untuk menampung menu-menu lainnya

Tipe File : File Master

Software : Android Studio

Tabel III.1

Tabel Spesifikasi File MainActivity

No. Objek Name Text

1. LinerarLayout LinearLayout -

2. imageView25 imageView25 -

24

3. textView2 textView2 Belajar Ilmu Tajwid

4. Button1 hbacaan Hukum Bacaan

5. Button2 petunjuk Petunjuk

6. Button3 quiz Quiz

7. Button4 keluar Keluar

2. Spesifikasi File Hukum Bacaan

Nama File : HukumBacaan

Akronim : hukum_bacaan.xml

Fungsi : Untuk menampung menu-menu hukum bacaan



Tabel III.2

Tabel Spesifikasi File Hukum Bacaan

No. Objek Name Text

1. LinearLayout LinearLayout -

2. textView textView Hukum Bacaan

3. Button1 nunmati Nun Mati/Tanwin

4. Button2 mimmati Mim Mati/Tanwin

5. Button3 mad Mad

6. Button4 qalqalah Qalqalah

7. Button5 waqaf Waqaf

8. Button6 kembali Kembali

3. Spesifikasi File Nun Mati/Tanwin

Nama File : NunMati

Akronim : activity_nun_mati.xml

Fungsi : Untuk menampung menu-menu nun mati/tanwin

25


Tabel III.3

Tabel Spesifikasi File Bacaan Nun Mati/Tanwin

No. Objek Name Text


2. textView4 textView4 Nun Mati/Tanwin

3. imageView33 imageView33 -

4. Button1 idzhar idzhar

5. Button2 idghom idghom

6. Button3 ikhfa ikhfa‟

7. Button4 iqlab iqlab


4. Spesifikasi File Mim Mati

Nama File : MimMati

Akronim : activity_mim_mati.xml

Fungsi : Untuk menampung menu-menu mim mati


Tabel III.4

Tabel Spesifikasi File Bacaan Mim Mati

No. Objek Name Text


2. textView7 textView7 MIM MATI

3. Button1 ikhfasyafawi ikhfa‟ syafawi

4. Button2 idghommislain idghom mislain

5. Button3 idzharsyafawi Idzhar syafawi


26

5. Spesifikasi File Mad

Nama File : Mad

Akronim : activity_mad.xml

Fungsi : Untuk menampung menu-menu nun mati/tanwin


Tabel III.5

Tabel Spesifikasi File Bacaan Mad

No. Objek Name Text


2. textView8 textView8 MAD

3. Button1 thobii Mad Thobi‟i

4. Button2 wajib Mad Wajib Muttasil

5. Button3 jaiz Mad Jaiz Munfasil

6. Button4 lin Mad Lin

7. Button5 badal Mad Badal

8. Button6 tamkin Mad Tamkin

9. Button7 iwadh Mad „Iwadh

10. Button8 arid Mad Arid Lissukun

11. Button9 farq Mad Farq

12. Button10 qasirah Mad Silah Qasirah

13. Button11 tawilah Mad Silah Tawilah

14. Button12 mutkalimi Mad Lazim Muthaqqal

Kalimi

15. Button13 mukkalimi Mad Lazim Mukhaffaf

Kalimi

16. Button14 mutharfi Mad Lazim Muthaqqal Harfi

17. Button15 mukharfi Mad Lazim Mukhaffaf Harfi


27

6. Spesifikasi File Idzhar

Nama File : Idzhar

Akronim : activity_idzhar.xml

Fungsi : Untuk menampilkan penjelasan tentang idzhar


Tabel III.6

Tabel Spesifikasi File Bacaan Idzhar

No. Objek Name Text


2. textView11 textView11 IDZHAR

3. textView12 textView12 Uraian tentang hukum

bacaan idzhar

4. imageView izhar -

5. Button1 btnPLAY PLAY

6. Button2 btnPAUSE PAUSE

7. Button3 btnSTOP STOP


7. Spesifikasi File Ikhfa

Nama File : Ikhfa

Akronim : activity_ikhfa.xml

Fungsi : Untuk menampilkan penjelasan tentang ikhfa


28

Tabel III.7

Tabel Spesifikasi File Bacaan Ikhfa

No. Objek Name Text


2. textView14 textView14 IKHFA

3. textView26 textView26 Uraian tentang hukum

bacaan ikhfa

4. imageView7 ikhfa -

5. Button1 btnPLAY PLAY

6. Button2 btnPAUSE PAUSE

7. Button3 btnSTOP STOP


8. Spesifikasi File Quiz

Nama File : Quizpertama

Akronim : activity_quizpertama.xml

Fungsi : Untuk menampilkan soal pertama



Tabel III.8

Tabel Spesifikasi File Quiz

No. Objek Name Text

1. textView textView Ada berapa hukum bacaan

nun mati?

2. radioGroup radioGroup -

3. radioButton radioButton 3

4. radioButton2 radioButton2 5

29



7. Button1 lanjut Lanjut


9. Spesifikasi File Petunjuk

Nama File : Petunjuk

Akronim : activity_petunjuk.xml

Fungsi : Untuk menampilkan langkah penggunaan aplikasi



Tabel III.9

Tabel Spesifikasi File Petunjuk

No. Objek Name Text

1. textView13 textView13 Petunjuk

2. textView3 textView3 Keterangan tentang

aplikasi dan langkah-

langkah penggunaan

aplikasi.


30

3.2.4. HIPO

Gambar III.4

Diagram HIPO

31

3.2.5. Spesifikasi Program

Spesifikasi program aplikasi ilmu tajwid ini adalah sebagai berikut:

1. Menu Opening

Nama Program : SplashScreen.java

Fungsi : Merupakan program pembuka aplikasi

Bahasa Program : Java

Bentuk Tampilan : Lampiran A-1

Proses : Halaman yang pertama kali muncul ketika aplikasi dibuka,

tampilan awal adalah judul aplikasi tersebut.

2. Menu Utama

Nama Program : MainActivity.java

Fungsi : Merupakan activity yang berisi bagian-bagian program

yang lain.



Proses : Menu utama akan langsung berjalan ketika program

dibuka oleh pengguna.

3. Menu Hukum Bacaan

Nama Program : HukumBacaan.java

Fungsi : Merupakan activity yang berisi menu-menu hukum bacaan



Proses : Jika menekan menu “Hukum Bacaan” maka akan

ditampilkan menu-menu hukum bacaan yaitu nun

32

mati/tanwin, mim mati, mad, qalqalah dan waqaf serta

tombol kembali untuk kembali ke menu utama.

4. Menu Nun Mati/Tanwin

Nama Program : NunMati.java


nun mati/tanwin.



Proses : Jika menekan menu “Nun Mati” maka akan ditampilkan

menu-menu hukum bacaan nun mati yaitu idzhar, idghom,

ikhfa‟, iqlab serta tombol kembali untuk kembali ke menu

hukum bacaan.

5. Menu Mim Mati

Nama Program : MimMati.java


mim mati.



Proses : Jika menekan menu “Mim Mati” maka akan ditampilkan

menu-menu hukum bacaan mim mati yaitu idzhar syafawi,

idghom mislain, ikhfa‟ syafawi serta tombol kembali

untuk kembali ke menu hukum bacaan.

33

6. Menu Mad

Nama Program : Mad.java


mad.



Proses : Jika menekan menu “Mad” maka akan ditampilkan jenis

hukum bacaan mad serta tombol kembali untuk kembali

ke menu utama.

7. Menu Petunjuk

Nama Program : Petunjuk.java

Fungsi : Untuk menampilkan informasi petunjuk penggunaan

aplikasi.



Proses : Jika menekan menu “Petunjuk” maka akan menuju

halaman informasi petunjuk.

8. Menu Qalqalah

Nama Program : Qalqalah.java

Fungsi : Merupakan activity yang menampilkan isi tentang

qalqalah.



34

Proses : Jika menekan menu “Qalqalah” maka akan ditampilkan

uraian tentang hukum bacaan qalqalah beserta contohnya.

9. Menu Waqaf

Nama Program : Waqaf.java

Fungsi : Merupakan activity yang menampilkan isi tentang jenis-

jenis waqaf.



Proses : Jika menekan menu “Waqaf” maka akan ditampilkan

jenis-jenis waqaf dan cara membacanya serta tombol

kembali untuk kembali ke menu hukum bacaan.

10. Menu Idzhar

Nama Program : Idzhar.java

Fungsi : Merupakan activity yang menampilkan isi tentang idzhar.



Proses : Jika menekan menu “Idzhar” maka akan ditampilkan

uraian tentang idzhar beserta contoh gambar dan suara.

11. Menu Idghom

Nama Program : Idghom.java

Fungsi : Merupakan activity yang menampilkan isi tentang idghom.



35

Proses : Jika menekan menu “Idghom” maka akan ditampilkan

uraian tentang idghom beserta contoh gambar dan suara.

12. Menu Ikhfa‟

Nama Program : Ikhfa.java

Fungsi : Merupakan activity yang menampilkan isi tentang ikhfa.



Proses : Jika menekan menu “Ikhfa” maka akan ditampilkan

uraian tentang ikhfa beserta contoh gambar dan suara.

13. Menu Iqlab

Nama Program : Iqlab.java

Fungsi : Merupakan activity yang menampilkan isi tentang iqlab.



Proses : Jika menekan menu “Iqlab” maka akan ditampilkan

uraian tentang iqlab beserta contoh gambar dan suara.

14. Menu Idzhar Syafawi

Nama Program : IkhfaSyafawi.java

Fungsi : Merupakan activity yang menampilkan isi tentang ikhfa

syafawi.



36

Proses : Jika menekan menu “Ikhfa Syafawi” maka akan

ditampilkan uraian tentang ikhfa syafawi beserta contoh

gambar dan suara.

15. Menu Idzhar Syafawi

Nama Program : IdzharSyafawi.java

Fungsi : Merupakan activity yang menampilkan isi tentang idzhar

syafawi.



Proses : Jika menekan menu “Idzhar Syafawi” maka akan

ditampilkan uraian tentang idzhar syafawi beserta contoh

gambar dan suara.

16. Menu Idghom Mislain

Nama Program : IdghomMislain.java

Fungsi : Merupakan activity yang menampilkan isi tentang idghom

mislain atau idghom mimi.



Proses : Jika menekan menu “Idghom Mislain” maka akan

ditampilkan uraian tentang idghom mislain atau idghom

mimi beserta contoh gambar dan suara.

37

17. Menu Mad Thobi‟i

Nama Program : MadThobii.java

Fungsi : Merupakan activity yang menampilkan isi tentang mad

thobi‟i.



Proses : Jika menekan menu “Mad Thobi‟i” maka akan

ditampilkan uraian tentang mad thobi‟i beserta contoh

gambar dan suara.

18. Menu Mad Wajib Muttassil

Nama Program : MadWajibMuttasil.java


wajib muttasil.



Proses : Jika menekan menu “Mad Wajib Muttasil” maka akan

ditampilkan uraian tentang mad wajib muttasil beserta

contoh gambar dan suara.

19. Menu Mad Ja‟iz Munfasil

Nama Program : MadJaaizMunfasil.java


ja‟iz munfasil.



38

Proses : Jika menekan menu “Mad Ja‟iz Munfasil” maka akan

ditampilkan uraian tentang mad jaiz munfasil beserta


20. Menu Mad Lin

Nama Program : MadLin.java

Fungsi : Merupakan activity yang menampilkan isi tentang mad lin.



Proses : Jika menekan menu “Mad Lin” maka akan ditampilkan

uraian tentang mad lin atau mad layyin beserta contoh

gambar dan suara.

21. Menu Mad Badal

Nama Program : MadBadal.java


badal.



Proses : Jika menekan menu “Mad Badal” maka akan ditampilkan

uraian tentang mad badal beserta contoh gambar dan

suara.

22. Menu Mad Tamkin

Nama Program : MadTamkin.java


tamkin.

39



Proses : Jika menekan menu “Mad Tamkin” maka akan

ditampilkan uraian tentang mad tamkin beserta contohnya.

23. Menu Mad „Iwadh

Nama Program : MadIwadh.java


iwadh.



Proses : Jika menekan menu “Mad Iwadh” maka akan

ditampilkan uraian tentang mad „iwadh beserta contoh

gambar dan suara.

24. Menu Mad Arid Lissukun

Nama Program : MadAridLissukun.java


arid lissukun.



Proses : Jika menekan menu “Mad Aarid Lissukun” maka akan

ditampilkan uraian tentang mad arid lissukun beserta


40

25. Menu Mad Farq

Nama Program : MadFarq.java


farq.



Proses : Jika menekan menu “Mad Farq” maka akan ditampilkan

uraian tentang mad farq beserta contoh gambar dan suara.

26. Menu Mad Silah Qasirah

Nama Program : MadSilahQasirah.java


silah qasirah.



Proses : Jika menekan menu “Mad Silah Qasirah” maka akan

ditampilkan uraian tentang mad silah qasirah beserta


27. Menu Mad Silah Tawilah

Nama Program : MadSilahTawilah.java


silah tawilah.



41

Proses : Jika menekan menu “Mad Silah Tawilah” maka akan

ditampilkan uraian tentang mad silah tawilah beserta


28. Menu Mad Lazim Muthaqqal Kalimi

Nama Program : MadLazimMuthaqqalKalimi.java


lazim muthaqqal kalimi.



Proses : Jika menekan menu “Mad Lazim Muthaqqal Kalimi”

maka akan ditampilkan uraian tentang mad lazim

muthaqqal kalimi beserta contohnya.

29. Menu Mad Lazim Mukhaffaf Kalimi

Nama Program : MadlazimMukhaffafKalimi.java


lazim mukhaffaf kalimi.



Proses : Jika menekan menu “Mad Lazim Mukhaffaf Kalimi”

maka akan ditampilkan uraian tentang mad lazim

mukhaffaf kalimi beserta contohnya.

30. Menu Mad Lazim Muthaqqal Harfi

Nama Program : MadLazimMuthaqqalHarfi.java

42


lazim muthaqqal harfi.



Proses : Jika menekan menu “Mad Lazim Muthaqqal Harfi” maka

akan ditampilkan uraian tentang mad lazim muthaqqal

harfi beserta contoh gambar dan suara.

31. Menu Mad Lazim Mukhaffaf Harfi

Nama Program : MadLazimMukhaffafHarfi.java


lazim mukhaffaf harfi.



Proses : Jika menekan menu “Mad Lazim Mukhaffaf Harfi” maka

akan ditampilkan uraian tentang mad lazim mukhaffaf

harfi beserta contoh gambar dan suara.

32. Menu Quiz

Nama Program : Quizpertama.java

Fungsi : Merupakan petunjuk penggunaan aplikasi.



Proses : Jika menekan menu “Quiz” maka akan ditampilkan soal

atau quiz berupa soal pilihan ganda.

43

3.2.6. Flowchart

1. Flowchart Menu Utama

Gambar III.5

Flowchart Menu Utama

44

Keterangan:

Pada flowchart ini menggambarkan alur proses yang ada pada

menu utama. Menu utama terdiri dari tombol hukum bacaan, petunjuk,

quiz dan keluar. Jika dipilih tombol hukum bacaan maka akan tampil

menu hukum bacaan yang terdiri dari nun mati/tanwin, mim mati, mad,

qalqalah, waqaf dan tombol kembali. Jika yang dipilih menu petunjuk

maka akan tampil petunjuk penggunaan aplikasi. Selanjutnya menu quiz

berisi soal latihan sebagai evaluasi belajar, serta tombol keluar untuk

keluar dari aplikasi.

45

2. Flowchart Nun Mati/Tanwin

Gambar III.6

Flowchart Nun Mati/Tanwin

46

Keterangan:

Flowchart ini menggambarkan alur proses yang ada pada menu

nun mati/tanwin. Pada menu nun mati/tanwin terdapat jenis bacaan nun

mati/tanwin yaitu bacaan idzhar, idghom, ikhfa‟, iqlab dan tombol

kembali. Jika dipilih tombol idzhar maka akan tampil uraian tentang

hukum bacaan idzhar, terdapat juga contoh bacaan berupa gambar dan

jika ditekan tombol play maka akan keluar suara contoh bacaan idzhar.

Selanjutnya apabila dipilih tombol idghom maka akan tampil uraian

tentang hukum bacaan idghom, terdapat juga contoh bacaan berupa

gambar dan jika ditekan tombol play maka akan keluar suara contoh

bacaan idghom. Jika dipilih tombol ikhfa‟ maka akan tampil uraian

tentang hukum bacaan ikhfa‟, terdapat juga contoh bacaan berupa


bacaan ikhfa‟. Apabila dipilih tombol iqlab maka akan tampil uraian

tentang hukum bacaan idzhar, terdapat juga contoh bacaan berupa


bacaan iqlab, serta terdapat tombol kembali untuk kembali ke menu

utama.

47

3. Flowchart Menu Quiz

Gambar III.7

Flowchart Quiz

Keterangan:

Flowchart quiz menggambarkan alur yang ada pada menu quiz.

Jika dipilih menu quiz maka akan tampil soal dan terdapat 4 jawaban.

Apabila salah satu jawaban telah dipilih maka akan tampil hasil

jawaban.

3.2.7. Rancangan Antar Muka

Rancangan antar muka adalah desain antar muka pada proses pembuatan

aplikasi dan merupakan konsep dari suatu tampilan layar atau gambaran umum

dari suatu aplikasi. Pada pembahasan ini dijelaskan tentang rancangan antar muka

pada aplikasi ilmu tajwid.

48

1. Tampilan Opening

Gambaran dari antar muka opening seperti yang dijelaskan dibawah ini:

Gambar III.8

Antar Muka Menu Opening

Halaman yang pertama kali muncul saat aplikasi pertama kali

dijalankan yang didalamnya terdapat judul dari aplikasi tersebut.

Halaman pembuka otomatis akan berpindah ke menu utama dalam waktu

5 detik.

2. Tampilan Menu Utama

Gambaran antar muka menu utama seperti yang dijelaskan dibawah ini:

49

Gambar III.9

Antar Muka Menu Utama

Pada menu utama terdapat pilihan menu yaitu menu hukum

bacaan jika dipilih akan menuju kehalaman hukum bacaan yang berisi

jenis-jenis hukum bacaan. Menu petunjuk jika dipilih akan menuju ke

halaman yang berisi penjelasan singkat tentang penggunaan aplikasi.

Menu Quiz jika dipilih maka akan menuju ke halaman quiz pertama.

Menu keluar jika dipilih akan keluar dari aplikasi.

3. Tampilan Menu Petunjuk

Gambaran antar muka menu petunjuk seperti yang dijelaskan di bawah

ini:

50

Gambar III.10

Antar Muka Menu Petunjuk

Halaman ini berisi petunjuk penggunaan aplikasi yang

menerangkan penjelasan tentang aplikasi ilmu tajwid dan langkah-

langkah penggunaan aplikasi.

4. Tampilan Menu Quiz

Gambaran antar muka menu quiz seperti yang dijelaskan di bawah ini:

Gambar III.11

Antar Muka Menu Quiz

51

Pada menu quiz terdapat beberapa quiz berisi soal-soal yang

berbeda, terdapat juga 4 jawaban A, B, C, D. Ketika pengguna memilih

jawaban dan jawaban salah maka akan tampil teks “Jawaban anda salah”,

sedangkan ketika pilihan jawaban benar maka akan tampil dialog

“Selamat !!! Jawaban anda benar” dan juga tombol “ULANGI” untuk

mengulangi pertanyaan, serta tombol “OKE” yang akan menampilkan

pesan teks “Selamat”. Tombol lanjut berfungsi untuk menuju ke quiz

berikutnya, sedangkan tombol kembali berfungsi untuk kembali

kehalaman menu utama.

3.2.8. Pengujian Blackbox

Pengujian blackbox dilakukan untuk memastikan bahwa suatu masukan

akan menjalankan proses yang tepat dan menghasilkan output yang sesuai dengan

rancangan. Untuk contoh pengujian terhadap menu dari program ini sebagai

berikut:

Tabel III.10

Tabel Pengujian Blackbox

No. Test Case Hasil yang

diharapkan

Hasil yang

didapatkan Ket

1.

Pengujian

Button Hukum

Bacaan

Aplikasi akan

menampilkan halaman

hukum bacaan

Aplikasi menampilkan

halaman hukum

bacaan

Berhasil

2.

Pengujian

Button

Petunjuk

Aplikasi akan

menampilkan halaman

petunjuk


halaman petunjuk Berhasil

3.

Pengujian

Button Quiz

Aplikasi akan

menampilkan halaman

quiz


halaman quiz Berhasil

4. Pengujian

Button Keluar

Aplikasi akan

menutup dan keluar

Aplikasi menutup dan

keluar Berhasil

5. Pengujian

Button Nun

Aplikasi akan

menampilkan halaman


halaman nun Berhasil

52

Mati nun mati/tanwin mati/tanwin

6.

Pengujian

Button Mim

Mati

Aplikasi akan

menampilkan halaman

mim mati


halaman mim mati Berhasil

7.

Pengujian

Button Mad

Aplikasi akan

menampilkan halaman

mad


halaman mad Berhasil

8.

Pengujian

Button

Qalqalah

Aplikasi akan

menampilkan halaman

qalqalah


halaman qalqalah Berhasil

9.

Pengujian

Button Waqaf

Aplikasi akan

menampilkan halaman

waqaf


halaman waqaf Berhasil

10.

Pengujian

Button Idzhar

Aplikasi akan

menampilkan halaman

idzhar


halaman idzhar Berhasil

11.

Pengujian

Button Idghom

Aplikasi akan

menampilkan halaman

idghom


halaman idghom Berhasil

12.

Pengujian

Button Ikhfa‟

Aplikasi akan

menampilkan halaman

ikhfa‟


halaman ikhfa‟ Berhasil

13.

Pengujian

Button Iqlab

Aplikasi akan

menampilkan halaman

nun mati/tanwin


halaman nun

mati/tanwin

Berhasil

14.

Pengujian

Button Ikhfa‟

Syafawi

Aplikasi akan

menampilkan halaman

ikhfa‟ syafawi


halaman ikhfa‟

syafawi

Berhasil

15.

Pengujian

Button Idghom

Mislain

Aplikasi akan

menampilkan halaman

idghom mislain


halaman nun idghom

mislain

Berhasil

16.

Pengujian

Button Idzhar

Syafawi

Aplikasi akan

menampilkan halaman

idzhar syafawi


halaman idzhar

syafawi

Berhasil

17.

Pengujian

Button Mad

Thobi‟i

Aplikasi akan

menampilkan halaman

mad thobi‟i


halaman mad thobi‟i Berhasil

18.

Pengujian

Button Mad

Wajib Muttasil

Aplikasi akan

menampilkan halaman

mad wajib muttasil


halaman mad wajib

muttasil

Berhasil

19.

Pengujian

Button Mad

Ja‟iz Munfasil

Aplikasi akan

menampilkan halaman

mad ja‟iz munfasil


halaman mad ja‟iz

munfasil

Berhasil

20.

Pengujian

Button Mad

Lin

Aplikasi akan

menampilkan halaman

mad lin


halaman mad lin Berhasil

21. Pengujian

Button Mad

Aplikasi akan

menampilkan halaman


halaman mad badal Berhasil

53

Badal mad badal

22.

Pengujian

Button Mad

Tamkin

Aplikasi akan

menampilkan halaman

mad tamkin


halaman mad tamkin Berhasil

23.

Pengujian

Button Mad

„iwadh

Aplikasi akan

menampilkan halaman

mad „iwadh


halaman mad „iwadh Berhasil

24.

Pengujian

Button Mad

Arid Lissukun

Aplikasi akan

menampilkan halaman

mad arid lissukun


halaman mad arid

lissukun

Berhasil

25.

Pengujian

Button Mad

Farq

Aplikasi akan

menampilkan halaman

mad farq


halaman mad farq Berhasil

26.

Pengujian

Button Mad

Silah Qasirah

Aplikasi akan

menampilkan halaman

mad silah qasirah


halaman mad silah

qasirah

Berhasil

27.

Pengujian

Button Mad

Silah Tawilah

Aplikasi akan

menampilkan halaman

mad silah tawilah


halaman mad silah

tawilah

Berhasil

28.

Pengujian

Button Mad

Lazim

Muthaqqal

Kalimi

Aplikasi akan

menampilkan halaman

mad lazim muthaqqal

kalimi


halaman mad lazim

muthaqqal kalimi Berhasil

29.

Pengujian

Button Mad

Lazim

Mukhaffaf

Kalimi

Aplikasi akan

menampilkan halaman

mad lazim mukhaffaf

kalimi


halaman mad lazim

mukhaffaf kalimi Berhasil

30.

Pengujian

Button Mad

Lazim

Muthaqqal

Harfi

Aplikasi akan

menampilkan halaman

mad lazim muthaqqal

harfi


halaman mad lazim

muthaqqal harfi Berhasil

31.

Pengujian

Button Mad

Lazim

Mukhaffaf

Harfi

Aplikasi akan

menampilkan halaman

mad lazim mukhaffaf

harfi


halaman mad lazim

mukhaffaf harfi Berhasil

32. Pengujian

Button Play

Aplikasi akan

memutar suara bacaan

Aplikasi memutar

suara bacaan Berhasil

33. Pengujian

Button Pause

Aplikasi akan

menjeda suara bacaan

Aplikasi menjeda

suara bacaan Berhasil

34. Pengujian

Button Stop

Aplikasi akan berhenti

memutar suara bacaan

Aplikasi berhenti

memutar suara bacaan Berhasil

35.

Pengujian

Button

Kembali

Aplikasi akan

menampilkan halaman

sebelumnya


halaman sebelumnya Berhasil

54

3.3. Sarana Pendukung Program

3.3.1. Perangkat Keras

Seluruh komponen yang membentuk suatu sistem komputer dan peralatan

lainnya yang memungkinkan komputer dapat melaksanakan tugasnya. Klasifikasi

perangkat keras yang digunakan penulis adalah sebagai berikut:

1. Monitor : LCD 14”

2. Processor : AMD A6-4400M APU with Radeon HD Graphics @2.70

GHz

3. Memory (RAM) : 4 GB

4. Harddisk : 500 GB

5. Keyboard : Keyboard Samsung

6. Mouse : USB

3.3.2. Perangkat Lunak

Bagian penting lain yang mendukung program adalah perangkat lunak

(software) yang digunakan dalam mengeksekusi program aplikasi serta sistem

operasi yang akan digunakan untuk menjalankan program tersebut. Perangkat

lunak yang digunakan untuk menjalankan aplikasi adalah:

1. Sistem Operasi : Microsoft Windows 10

2. Program aplikasi : Android Studio versi 2.3.1

BAB III PEMBAHASAN · Dan menu keluar untuk keluar dari aplikasi. 2. Pada menu hukum bacaan akan...

Documents

Transcript of BAB III PEMBAHASAN · Dan menu keluar untuk keluar dari aplikasi. 2. Pada menu hukum bacaan akan...