BAB III ANALISA DAN PERANCANGAN
3.1.
Analisa Kondisi Yang Ada
Berdasarkan latar belakang masalah dan perumusan masalah yang dapat diketahui pada bab sebelumnya untuk merancang suatu sistem aplikasi yang baik diperlukan beberapa persiapan seperti menentukan kebutuhan dari aplikasi yang akan dibuat agar sistem dapat beroperasi sesuai dengan keinginan. Dan kebutuhan awal adalah membuat perancangan aplikasi tajwid secara interaktif dan komunikatif. Saat ini memang banyak sekali buku-buku tajwid untuk mempelajari tajwid secara jelas pada umumnya. Akan tetapi, pada tingkat TPA yang dikategorikan dalam usia anak-anak dan masih dalam tahap bermain sehingga tidak memberikan suasana pembelajaran yang interaktif dan komunikatif dalam menyampaikan materi tajwid yang cukup rumit tersebut. Pada penyampaian materi yang kurang interaktif yang dilakukan oleh guru dapat mempengaruhi tingkat pemahaman seorang anak, juga penyampaian materi yang kurang komunikatif dan menarik pun dapat menimbulkan rasa jenuh bagi anak-anak dalam mempelajari tajwid tersebut. Dan dalam hal ini, masih sedikit guru agama yang mampu memberi penjelasan yang menarik bagi anak-anak. 26
27
Adapun yang penulis perhatikan pada aplikasi tajwid sebelumnya adalah : 1.
Tampilan yang kurang interaktif.
2.
Tidak adanya pemberian contoh suara lafal Al-Quran untuk mengetahui hukum tajwid dari bacaan tersebut.
3.
Tidak adanya contoh soal atau evaluasi hasil pembelajaran yang dapat menguji pemahaman siswa terhadap materi yang sudah diberikan.
3.2.
Rancangan Aplikasi Tajwid Multimedia
Dalam merancang aplikasi tajwid multimedia ini, penulis menggunakan tool Adobe Flash CS4, dan sebelum membangun aplikasi tajwid multimedia ini penulis mempersiapkan data multimedia yang berupa teks, gambar dan audio. Berikut ini merupakan tahapan dalam mempersiapkan data multimedia : 1.
Teks dan Gambar Penulis mempersiapkan data multimedia dalam bentuk teks dan gambar untuk mendukung aplikasi yang akan dibuat. Untuk mengolah itu semua penulis menggunakan tool Adobe Photoshop CS3 dan menyimpannya dalam bentuk format JPEG.
28
2.
Audio Penulis juga mempersiapkan data multimedia dalm bentuk audio untuk mendukung aplikasi yang akan dibuat. Untuk membuat format audio penulis melakukan perekaman dengan menggunakan kamera digital yang dapat merekam suara, pengisian suara dilakukan oleh seorang mubaligh yang sudah fasih dalam melantunkan ayat-ayat Al-Quran. Untuk mendapatkan hasil rekaman suara yang baik, penulis melakukan editing dengan menggunakan tool Adobe Audition 1.5 dan menyimpan data audio dalam bentuk WAV.
3.3.
Rancangan Sistem yang diusulkan (Pemodelan)
Penulis menggunakan diagram Unifed Modeling Language (UML) dalam merancang aplikasi tajwid multimedia. Penggunaan UML dipilih karena bahasa pemrograman berbasis objek. Adapun langkah-langkah yang dilakukan dalam merancang sistem menggunakan UML adalah : 1.
Membuat use case diagram.
2.
Membuat activity diagram.
3.
Membuat sequence diagram.
4.
Membuat statechart diagram.
29
3.3.1. Use Case Diagram Aplikasi Tajwid Multimedia.
A.
Actor Actor yang terdapat pada aplikasi tajwid multimedia ini adalah user: Tabel 3.1. Actor Dalam Aplikasi tajwid Multimedia Nama
Deskripsi
User
B.
Tanggung jawab
-Melihat pembelajaran tajwid Mempelajari dan memahami serta mengetahui suara bacaan hukum-hukum tajwid dari contoh yang diberikan -Melihat serta mengevaluasi hasil pembelajaran dengan diberikan soal-soal latihan
Use Case Berikut ini adalah use case diagram yang akan digunakan pada aplikasi
tajwid multimedia :
Masuk aplikasi tajwid multimedia
Pembelajaran tajwid
Info
about
Melihat intro
Latihan soal-soal evaluasi
musik latar
30
C.
Use Case Diagram Aplikasi Tajwid Multimedia
Gambar 3.1. Use Case Diagram Aplikasi Tajwid Multimedia
D.
Use Case Spesification Setiap
use
case
harus
dideskripsikan
dalam
dokumen
untuk
mendefinisikan apa yang harus dilakukan sistem ketika actor mengaktifkan use case. Fungsionalitas sistem yang telah digambarkan dengan use case diagram pada Gambar 3.1. akan dijelaskan secara lebih jelas pada bagian use case specification sebagai berikut :
31
Tabel 3.2. Use Case Masuk Aplikasi tajwid Multimedia Nama
Masuk aplikasi tajwid multimedia
Actor
User
Description
Sistem akan merespon user (pengguna ) yang ingin mengakses aplikasi tajwid
Pra Kondisi
Belum masuk
Tindakan Post Kondisi
Masuk Aplikasi -
Tabel 3.3. Use Case Melihat Intro Nama
Melihat Intro
Actor
User
Description
Mengetahui Dasar Tajwid
Pra Kondisi
Sudah Masuk
Tindakan
Post Kondisi
User akan melihat tampilan awal dari aplikasi tajwid multimedia dan akan diperkenalkan dengan pengertian tajwid, tujuan pembelajaran dan hukum mempelajari tajwid -
Tabel 3.4. Use Case Pilih Menu Materi Tajwid Nama
Pilih Menu Materi Tajwid
Actor
User
Description
Pemilihan Jenis Materi Yang Disediakan
Pra Kondisi
Sudah masuk
Tindakan
User akan memilih materi apa yang akan dipelajari
32
Post Kondisi
-
Tabel 3.5. Use Case Latihan Soal-Soal Evaluasi Nama
Latihan soal-soal evaluasi
Actor
User
Description
Memberikan Soal-Soal Tajwid Pada User
Pra Kondisi
Sudah masuk
Tindakan Post Kondisi
User akan mengerjakan soal-soal evaluasi yang sudah diberikan -
Tabel 3.6. Use Case Lihat Info Nama
Lihat Info
Actor
User
Description
Fungsi Simbol-Simbol
Pra Kondisi
Sudah masuk
Tindakan Post Kondisi
User akan melihat kegunaan simbol-simbol yang ada pada aplikasi -
Tabel 3.7. Use Case Mainkan Musik Latar Nama
Mainkan Musik Latar
Actor
User
33
Description
Animasi Suara
Pra Kondisi
Sudah masuk
Tindakan Post Kondisi
User akan memilih musik latar yang diinginkan -
Tabel 3.8. Use Case Lihat About Nama
Lihat about
Actor
User
Description
Memperkenalkan Pembuat Aplikasi
Pra Kondisi
Sudah masuk
Tindakan Post Kondisi
User akan melihat tentang aplikasi tajwid multimedia -
3.3.2. Activity Diagram Aplikasi Tajwid Multimedia
1.
Activity Diagram Melihat Intro
Gambar 3.2. Activity Diagram Melihat Intro
34
2.
Activity Diagram Pilih Menu Materi Tajwid
Gambar 3.3. Activity Diagram Pilih Menu Materi Tajwid
35
3.
Activity Diagram Latihan Soal-Soal Evaluasi
Gambar 3.4. Activity Diagram Latihan Soal-Soal Evaluasi
4.
Activity Diagram Lihat Info
Gambar 3.5. Activity Diagram Lihat Info
36
5.
Activity Diagram Musik Latar
Gambar 3.6. Activity Diagram Musik Latar
6.
Activity Diagram Lihat Info
Gambar 3.7. Activity Diagram Lihat About
37
3.3.3. Sequence Diagram Aplikasi Tajwid Multimedia
1.
Sequence Diagram Materi Tajwid
Gambar 3.8. Sequence Diagram Aplikasi Tajwid
38
Sequence di atas menunjukkan proses untuk melihat materi tajwid, yang dilakukan oleh user. Pertama user masuk aplikasi. Sistem akan menampilkan menu yang dimaksud, user dapat melihat intro, kemudian dapat memilih materi yang akan dipelajari.
Tabel 3.9. Penjelasan Sequence Diagram Aplikasi Tajwid Sequence
Aplikasi Tajwid Multimedia
name: Actor: Basic flow
User Actor Action
System Action
Step 1 Masuk aplikasi tajwid. Step 2 Melihat intro. Step 3 Menampilkan intro yang berisi pengertian, hukum mempelajari tajwid dan tujuan belajar. Step 4 Memilih materi yang ingin dipelajari
Step 5 Menampilkan Materi yang dipilh oleh Step 6 User dapat melihat intro dan materi tajwid pada interface.
user
39
2.
Sequence Diagram Hukum Al
Gambar 3.9. Sequence Diagram Hukum Al
Sequence di atas menunjukkan proses untuk melihat hukum Al yang dilakukan oleh user. Pertama user memilih hukum Al. Sistem akan menampilkan menu yang dimaksud, user dapat melihat Al-Syamsiah dan Al-Qomariah.
40
Tabel 3.10. Penjelasan Sequence Diagram Hukum Al Sequence
Hukum Al
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum Al. Step 2 Menampilkan hukum Al. Step 3 Memilih Al-Qomariah
Step 4 Menampilkan AlQomariah. Step 5 User dapat melihat penjelasan Al-qomariah dan mendengar pengucapan contoh surat yang diambil dari AlQuran. Step 6 Memilih Al-Syamsiah Step 7 Menampilkan AlSyamsiah. Step 8 User dapat melihat penjelasan Al-Syamsiah dan mendengar pengucapan contoh surat yang diambil dari AlQuran. Step 9 Memilih evaluasi
.
41
Step 10 Menampilkan Step 9 Mengerjakan evaluasi
3.
evaluasi
Sequence Diagram Hukum Nun Mati
Gambar 3.10. Sequence Diagram Hukum Nun Mati
42
Sequence di atas menunjukkan proses untuk melihat hukum nun mati yang dilakukan oleh user. Pertama user memilih hukum nun mati. Sistem akan menampilkan menu yang dimaksud, user dapat melihat izhar, idghom bigunnah, idghom bilagunnah, ikhfa, dan iqlab.
Tabel 3.11. Penjelasan Sequence Diagram Hukum Nun Mati Sequence
Hukum Nun mati
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum nun mati. Step 2 Menampilkan Step 3 Memilih izhar
hukum nun mati Step 4 Menampilkan izhar.
Step 5 User dapat melihat penjelasan izhar dan mendengar pengucapan contoh surat yang diambil dari Al-Quran Step 6 Memilih idghom bilagunnnah .
Step 7 Menampilkan idghom bilagunnah. .
Step 8 User dapat melihat penjelasan idghom bilagunnah
43
dan mendengar pengucapan contoh surat yang diambil dari Al-Quran. Step 9 Memilih Al-Qomariah Step 10 Menampilkan idghom bigunnah.
Step 11 User dapat melihat penjelasan idghom bigunnah dan mendengar pengucapan contoh surat yang diambil dari Al-Quran. Step 12 Memilih ikhfa
Step 13 Menampilkan ikhfa.
Step 13 User dapat melihat penjelasan ikhfa dan mendengar pengucapan contoh surat yang diambil dari Al-Quran. Step 14 Memilih iqlab
Step 15 Menampilkan iqlab.
Step 16 User dapat melihat penjelasan iqlab dan mendengar pengucapan contoh surat yang diambil dari Al-Quran. Step 17Memilih evaluasi
Step 18 Menampilkan
44
evaluasi
Step 19 Mengerjakan evaluasi
4.
Sequence Diagram Hukum Mim Mati
Gambar 3.11. Sequence Diagram Hukum Mim Mati
Sequence di atas menunjukkan proses untuk melihat hukum mim mati yang dilakukan oleh user. Pertama user memilih hukum mim mati. Sistem akan
45
menampilkan menu yang dimaksud, user dapat melihat ikhfa syafawi, idghom mumasilain dan izhar syafawi.
Tabel 3.12. Penjelasan Sequence Diagram Hukum Mim Mati Sequence
Hukum Nun mati
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum mim mati. Step 2 Menampilkan Step 3 Memilih ikhfa syafawi
hukum mim mati Step 4 Menampilkan ikhfa syafawi.
Step 5 User dapat melihat penjelasan ikhfa syafawi dan mendengar pengucapan contoh surat yang diambil dari AlQuran Step 6 Memilih idghom mumasilain.
Step 7 Menampilkan idghom mumasilain.
Step 8 User dapat melihat penjelasan idghom mumasilain dan mendengar pengucapan contoh surat yang diambil dari
.
46
Al-Quran. Step 9 Memilih izhar syafawi Step 10 Menampilkan izhar syafawi. Step 11 User dapat melihat penjelasan izhar syafawi dan mendengar pengucapan contoh surat yang diambil dari AlQuran. Step 12 Memilih evaluasi Step 13 Menampilkan evaluasi
Step 14 Mengerjakan evaluasi
5.
Sequence Diagram Lafal Allah
Gambar 3.12. Sequence Diagram Hukum Lafal Allah
47
Sequence di atas menunjukkan proses untuk melihat hukum lafal allah yang dilakukan oleh user. Pertama user memilih hukum lafal Allah. Sistem akan menampilkan menu yang dimaksud, user dapat melihat tafhim dan tarqiq.
Tabel 3.13. Penjelasan Sequence Diagram Hukum Lafal Allah Sequence
Hukum lafal Allah
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum lafal Allah. Step 2 Menampilkan Step 3 Memilih tafhim
hukum lafal Allah Step 4 Menampilkan tafhim
Step 5 User dapat melihat penjelasan tafhim dan mendengar pengucapan contoh surat yang diambil dari AlQuran Step 6 Memilih tarqiq Step 7 Menampilkan tarqiq
Step 8 User dapat melihat penjelasan tarqiq dan
.
48
mendengar pengucapan contoh surat yang diambil dari AlQuran. Step 9 Memilih evaluasi Step 10 Menampilkan evaluasi Step 11 Mengerjakan evaluasi
6.
Sequence Diagram Hukum Ro
Gambar 3.13. Sequence Diagram Hukum Ro
49
Sequence di atas menunjukkan proses untuk melihat hukum lafal allah yang dilakukan oleh user. Pertama user memilih hukum lafal Allah. Sistem akan menampilkan menu yang dimaksud, user dapat melihat tafhim dan tarqiq. Tabel 3.14. Penjelasan Sequence Diagram Hukum Ro Sequence
Hukum lafal Allah
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum Ro. Step 2 Menampilkan Step 3 Memilih tafhim
hukum Ro Step 4 Menampilkan tafhim
Step 5 User dapat melihat penjelasan tafhim dan mendengar pengucapan contoh surat yang diambil dari AlQuran Step 6 Memilih tarqiq Step 7 Menampilkan tarqiq . Step 8 User dapat melihat penjelasan tarqiq dan mendengar pengucapan contoh surat yang diambil dari Al-
50
Quran. Step 8 Memilih evaluasi Step 9 Menampilkan evaluasi Step 10 Mengerjakan evaluasi
7.
Sequence Diagram Hukum Qolqolah
Gambar 3.14. Sequence Diagram Hukum Qolqolah
51
Sequence di atas menunjukkan proses untuk melihat hukum lafal allah yang dilakukan oleh user. Pertama user memilih hukum lafal Allah. Sistem akan menampilkan menu yang dimaksud, user dapat melihat tafhim dan tarqiq.
Tabel 3.15. Penjelasan Sequence Diagram Hukum Qolqolah Sequence
Hukum Qolqolah
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih hukum qolqolah. Step 2 Menampilkan Step 3 Memilih qolqolah shugro
hukum qolqolah Step 4 Menampilkan qolqolah shugro
Step 5 User dapat melihat penjelasan qolqolah shugro dan mendengar pengucapan contoh surat yang diambil dari AlQuran Step 6 Memilih qolqolah kubro Step 7 Menampilkan Step 8 User dapat melihat
qolqolah kubro
52
penjelasan qolqolah kubro dan
.
mendengar pengucapan contoh surat yang diambil dari AlQuran. Step 9 Memilih evaluasi Step 10 Menampilkan Step 11 Mengerjakan evaluasi
8.
evaluasi
Sequence Diagram Latihan Soal-Soal Evaluasi
Gambar 3.15. Sequence Diagram Latihan Soal-Soal Evaluasi
53
Sequence di atas menunjukkan proses untuk melihat latihan evaluasi yang dilakukan oleh user. Pertama user memilih latihan evaluasi. Sistem akan menampilkan menu yang dimaksud, user dapat mengerjakan soal-soal evaluasi. Tabel 3.16. Penjelasan Sequence Diagram Latihan Soal-soal Evaluasi Sequence
Latihan soal-soal evaluasi
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih latihan evaluasi. Step 2 Menampilkan Step 3 Mengerjakan latihan
evaluasi
evaluasi
9.
Sequence Diagram Lihat Info
Gambar 3.16. Sequence Diagram Lihat Info
54
Sequence di atas menunjukkan proses untuk melihat info yang dilakukan oleh user. Pertama user memilih info. Sistem akan menampilkan menu yang dimaksud, user dapat melihat kegunaan simbol-simbol pada aplikasi.
Tabel 3.17. Penjelasan Sequence Diagram Info Sequence
Info
name: Actor: Basic flow
User Actor Action
System Action
Step 1 Pilih info. Step 2 Menampilkan info Step 3 Melihat info
10.
Sequence Diagram Musik Latar
Gambar 3.17. Sequence Diagram Musik Latar
55
Sequence di atas menunjukkan proses untuk melihat musik latar yang dilakukan oleh user. Pertama user memilih info. Sistem akan menampilkan menu yang dimaksud, user dapat melihat musik latar pada aplikasi. Tabel 3.18. Penjelasan Sequence Diagram Musik Latar Sequence
Musik Latar
name: Actor: Basic flow
User Actor Action
System Action
Step 1 Pilih Musik Latar. Step 2 Menampilkan musik Step 3 Melihat musik latar
11.
latar
Sequence Diagram About
Gambar 3.18. Sequence Diagram About
56
Sequence di atas menunjukkan proses untuk melihat about yang dilakukan oleh user. Pertama user memilih info. Sistem akan menampilkan menu yang dimaksud, user dapat melihat tentang aplikasi ini. Tabel 3.19. Penjelasan Sequence Diagram About Sequence
About
name: Actor:
User
Basic flow
Actor Action
System Action
Step 1 Pilih about. Step 2 Menampilkan about Step 3 Melihat tentang aplikasi ini
57
3.3.4. Statechart Diagram Aplikasi Tajwid Multimedia.
State chart diagram menggambarkan transisi dan perubahan keadaan (dari satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang diterima, berikut ini gambar State chart diagram aplikasi tajwid multimedia:
1.
Statechart Diagram Materi Tajwid
Gambar 3.19. Statechart Diagram Pembelajaran Tajwid
58
2.
Statechart Diagram Hukum Al
Gambar 3.20. Statechart Diagram Hukum Al
3.
Statechart Diagram Hukum Nun mati
Gambar 3.21. Statechart Diagram Hukum Nun Mati
59
4.
Statechart Diagram Hukum Mim mati
Gambar 3.22. Statechart Diagram Hukum Mim Mati
5.
Statechart Diagram Hukum Lafal Allah
Gambar 3.23. Statechart Diagram Hukum Lafal Allah
60
6.
Statechart Diagram Hukum Ro
Gambar 3.24. Statechart Diagram Hukum Ro
7.
Statechart Diagram Hukum Qolqolah
Gambar 3.25. Statechart Diagram Hukum Qolqolah
61
8.
Statechart Diagram Soal-Soal Evaluasi
Gambar 3.26. Statechart Diagram Soal-Soal Evaluasi
9.
Statechart Diagram Info
Gambar 3.27. Statechart Diagram Info
62
10.
Statechart Diagram About
Gambar 3.28. Statechart Diagram About
11.
Statechart Diagram Musik Latar
Gambar 3.29. Statechart Diagram Musik Latar
63
3.4.
Rancangan Layar User Interface Setelah melakukan analisa terhadap kebutuhan yang ada. Penulis akan
memulai untuk merancang aplikasi multimedia yang akan dibangun. Secara umum penulis akan merancang aplikasi ini dengan harapan sebagai berikut : 1.
Aplikasi dirancang dengan tampilan yang menarik agar dapat menambah daya tarik anak untuk mempelajari ilmu tajwid.
2.
Memberikan contoh suara lafal Al-Quran agar dapat mengetahui hukum tajwid.
3.
Merancang aplikasi yang memiliki menu user friendly sehingga mudah dipelajari bagi anak-anak.
4.
Pemberian materi yang sesuai dengan kurikulum tingkat TPA. Aplikasi dirancang memiliki sebuah jendela “Menu Utama”, memiliki
simbol-simbol yang menampilkan jendela baru untuk memulai mempelajari ilmu tajwid, latihan soal-soal evaluasi, serta info untuk mengetahui kegunaan simbolsimbol yang ada pada aplikasi.
64
1.
Rancangan Layar Intro
Hukum-Hukum Tajwid Untuk Taman Pendidikan Al-Quran
Pengertian Tajwid
Tujuan Pembelajaran Gambar
Hukum Membaca Al-Quran Dengan Tajwid
Masuk
Gambar 3.30. Rancangan Layar Intro
65
2.
Rancangan Layar Menu Utama
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran Hukum Al Hukum Nun Mati Hukum Mim Mati Hukum Lafal Allah Hukum Ro Hukum Qolqolah
Home
Musik Latar
Info
Evaluasi
About
Gambar 3.31. Rancangan Layar Menu Utama
Keluar
66
3.
Rancangan Layar Hukum Al
I Hukum-Hukum Tajwid
Untuk Tingkat Pendidikan Al-Quran
Hukum Al
Hukum Al-Qomariah
Hukum Al-Syamsiah
Evaluasi
Home
Musik Latar
Info
Evaluasi
About
Gambar 3.32. Rancangan Layar Hukum Al
Keluar
67
4.
Rancangan Layar Hukum Nun Mati
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Hukum Nun Mati
Izhar
Idghom Bigunnah
Ikhfa
Idghom Bilagunnah
Iqlab
Home
Evaluasi
Musik Latar
Info
Evaluasi
About
Gambar 3.33. Rancangan Layar Hukum Nun Mati
Keluar
68
5.
Rancangan Layar Hukum Mim Mati
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Hukum Mim Mati
Izhar Syafawi
Ikhfa Syafawi
Idghom Mumasilain
Home
Musik Latar
Evaluasi
Info
Evaluasi
About
Gambar 3.34. Rancangan Layar Hukum Mim Mati
Keluar
69
6.
Rancangan Layar Hukum Lafal Allah
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Hukum Lafal Allah
Tafhim
Tarqiq
Evaluasi
Home
Musik Latar
Info
Evaluasi
About
Gambar 3.35. Rancangan Layar Hukum Lafal Allah
Keluar
70
7.
Rancangan Layar Hukum Ro
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Hukum Ro
Tafhim
Tarqiq Evaluasi
Home
Musik Latar
Info
Evaluasi
About
Gambar 3.36. Rancangan Layar Hukum Ro
Keluar
71
8.
Rancangan Layar Hukum Qolqolah
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Hukum Qolqolah
Qolqolah Shugro
Qolqolah Kubro Evaluasi
Home
Musik Latar
Info
Evaluasi
About
Gambar 3.37. Rancangan Layar Hukum Qolqolah
Keluar
72
9.
Rancangan Layar Latihan Soal-Soal Evaluasi
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Soal-Soal A. B. C. D.
......... ......... ......... ..........
Jawaban Anda..........
Cek Jawaban
Home
Musik Latar
Lanjut
Info
Evaluasi
About
Gambar 3.38. Rancangan Layar Latihan Soal-Soal Evaluasi
Keluar
73
10.
Rancangan Layar Info
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Keterangan Daftar Simbol
Home
Musik Latar
Info
Evaluasi
Gambar 3.39. Rancangan Layar Info
About
Keluar
74
11.
Rancangan Layar About
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
About
Home
Musik Latar
Info
Evaluasi
Gambar 3.40. Rancangan Layar About
About
Keluar
75
12.
Rancangan Layar Musik Latar
Hukum-Hukum Tajwid Untuk Tingkat Pendidikan Al-Quran
Musik Latar
Home
Musik Latar
Info
Evaluasi
Gambar 3.41. Rancangan Musik Latar
About
Keluar
76
1.
Intro merupakan halaman awal untuk masuk ke aplikasi tajwid multimedia. Halaman ini memperlihatkan pengertian tajwid, hukum membaca Al-Quran dan tujuan mempelajari tajwid.
2.
Menu utama merupakan inti dari aplikasi tajwid multimedia, aplikasi ini berisi hukum-hukum tajwid yang akan dipelajari.
3.
Hukum al adalah bagian dari menu aplikasi tajwid, hukum ini berisi materi Al-qomariah dan Al-qomariah.
4.
Hukum nun mati
berisikan materi izhar, idghom bigunnah, idghom
bilagunnah, ikhfa dan iqlab. 5.
Hukum mim mati berisikan materi ikhfa syafawi, idghom mumasilain dan izhar syafawi.
6.
Hukum lafal Allah berisikan materi tafhim dan tarqiq.
7.
Hukum ro berisikan materi tafhim dan tarqiq.
8.
Hukum qolqolah beri materi qolqolah kubro dan qolqolah shugro.
9.
Menu evaluasi berisi soal-soal evaluasi untuk menguji pemahaman siswa terhadap materi.
10.
Menu info berisi informasi mengenai fungsi simbol-simbol yang ada pada aplikasi tajwid multimedia ini.
11.
Menu about berisi informasi mengenai informasi mengenai aplikasi tajwid multimedia.
12.
Menu musik latar berisi musik yang ingin dimainkan pada saat menjalankan aplikasi tajwid multimedia.