BAB III
ANALISA 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 pembelajaran tuntunan sholat dan mengenal huruf hijaiyah secara interaktif dan komunikatif.
Saat ini memang banyak sekali buku-buku untuk mempelajari tuntunan sholat dan mengenal huruf hijaiyah 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 pembelajaran tuntunan sholat dan mengenal huruf hijaiyah yang cukup rumit tersebut.
Pada penyampaian materi yang kurang interaktif yang dilakukan oleh guru dapat mempengaruhi tingkat seorang anak, juga penyampaian materi yang kurang komunikatif dan menarik pun dapat menimbulkan rasa jenuh bagi anak-anak dalam mempelajari tuntunan sholat dan mengenal huruf hijaiyah tersebut. Dan dalam hal ini, masih sedikit guru agama yang mampu memberi penjelasan yang menarik bagi anak-anak.
Adapun yang penulis perhatikan pada aplikasi tuntunan sholat dan mengenal huruf hijaiyah sebelumnya adalah :
1. Tampilan yang kurang interaktif.
2. Tidak adanya pemilihan bahasa Indonesia dan bahasa Inggris.
3. Tidak adanya contoh soal atau evaluasi hasil pembelajaran yang dapat menguji pemahaman siswa terhadap materi yang sudah diberikan.
3.2. Rancangan Aplikasi Pembelajaran Tuntunan Sholat dan Pengenalan Huruf Hijaiyah
Dalam merancang aplikasi Tuntunan Sholat dan Pengenalan Huruf Hijaiyah ini, penulis menggunakan tool Adobe Flash CS3, dan sebelumnya membangun aplikasi Tuntunan Sholat dan Pengenalan Huruf Hijaiyah ini penulis mempersiapkan data multimedia yang berupa teks, gambar dan audio.
18
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 formatJPEG.
2. Audio
Penulis juga mempersiapkan data multimedia dalam 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 MP3.
3.3 Analisa Kebutuhan Perangkat Keras dan Perangkat Lunak
Dalam melakukan penelitian, dibutuhkan beberapa komponen yang mendukung terhadap keberhasilan penelitian ini yaitu :
1. Perangkat lunak (software) a. Sistem operasi Windows 7
b. Software animasi Adobe Flash CS3 2. Perangkat keras (hardware)
Seperangkat komputer 3.4. Konsep
Aplikasi pembelajaran tuntunan sholat dan mengenal huruf hijaiyah ini merupakan aplikasi yang dibuat untuk digunakan oleh anak-anak TK/TPA. Aplikasi ini mempergunakan teks, gambar dan animasi untuk penjelasan agar lebih menarik serta lebih mudah di pahami.
Deskripsi konsep aplikasi ini adalah sebagai berikut :
Tabel 3.1 Deskripsi Konsep Aplikasi
Judul Pembelajaran Tuntunan Sholat dan Mengenal Huruf Hijaiyah
Pengguna Siswa-siswi TK/TPA
Gambar Menggunakan file berformat.gif Suara Menggunakan file berformat mp3 Animasi teks Animasi pada teks dan gambar
Interaktif Menggunakan script yang dimasukkan kedalam aplikasi
3.5. Perancangan
Pada bagian ini penulis akan dijelaskan secara rinci rancang bangun aplikasi Tuntunan Sholat dan Pengenalan Huruf Hijaiyah yang meliputi pemodelan Flowchart, perancangan storyboard, dan perancangan antar muka.
1. Pembuka
Halaman ini hanya ada satu tombol mulai dan animasi pembuka, tombol mulai ini akan membawa user ke halaman menu profil bila ditekan.
2. Menu Utama
Pada halaman ini, user akan melihat utama tentang sub-sub menu. 3. Menu profil
Pada halaman ini,user akan melihat data tentang penulis. 4. Hijaiyah
5. Sholat
Pada halam ini menjelaskan tentang cara-cara sholat, gambar, dan bacaannya.
6. Evaluasi
Pada halaman ini, user akan menjawab pertanyaan soal tentang bahasan yang ada pada aplikasi ini. Pertanyaan soal ini juga bertujuan untuk mengetahui seberapa paham siswa/i tentang bahasan aplikasi.
3.5.1. Perancangan Peta Navigasi
Pada navigasi ini memudahkan untuk merancang aplikasi yang akan dibuat dalam menentukan lokasi pada setiap halaman yang ada. Berikut ini adalah gambar peta navigasi dari tuntunan sholat dan mengenal huruf hijaiyah.
Gambar 3.1 Diagram Sholat dan Hijaiyah Navigasi
3.5.2. Perancangan Storyboad
Selanjutnya adalah membuat storyboard. Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari movie yang akan dimainkan. Dengan mencantumkan semua objek atau elemen-elemen multimedia serta
Storyboard
komponen-komponen aplikasi yang akan dibuat. Satu kolom storyboard mewakili satu tampilan dilayar monitor.
1. Storyboard Halaman Awal
Gambar 3.1. Storyboard Halaman Awal
Pada halaman ini, menampilkan animasi, teks, dan suara. Halaman awal ini bertujuan untuk menampilkan sebuah kalimat dan gambar dari aplikasi ini dan terdapat tombol untuk masuk ke halaman menu utama, hanya beberapa detik masuk kedalam halaman menu utama.
“Mengenal Hijaiyah dan Belajar Sholat” “klik tombol mulai...!!” Gambar Tombo Gambar Gambar
2. Halaman Menu Utama
Exit Profil GAMBAR Tombol evaluasi Tombol sholat Tombol hijaiyah
Gambar 3.2. Storyboard Halaman Menu Utama
Pada halaman ini, menampilkan sebuah menu utama, di mana di dalam menu tersebut terdapat backsound dan sub-sub menu seperti mengenal huruf hijaiyah, pembelajaran sholat, evaluasi, profil, dan exit. Halaman ini bertujuan untuk mengetahui isi di dalam menu tersebut.
3. Storyboard Profil
“Profil”
“klik tombol kembali ke menu utama”
Tombol
Teks
Gambar 3.3. Storyboard Profil
Pada halaman ini, menjelaskan tentang menu profil pembuat animasi, di dalamnya terdapat data diri pembuat animasi. Jika ingin keluar dari menu ini, klik tombol untuk kembali ke menu utama.
Storyboard Huruf
4. Hijaiyah
Mim Nun Waw Ha Ya
Lam Ka Qaf Fa Ghayn Ain Dha Ta Dad Sad Syin Tombol “Huruf Hijaiyah” Zay Dal Ra Jim Dzal Tsa Ta Ha cha Ba Alif Gambar Sin
Gambar 3.4. Storyboard Huruf Hijaiyah
Pada halaman ini menjelaskan tentang huruf hijaiyah, lalu ada beberapa navigasi 28 huruf hijaiyah di menu ini, ketika di klik salah satu huruf tersebut, akan muncul gambar bentuk huruf tersebut dengan diperbesar atau zoom dan di ikuti oleh suara dan bacaan latinnya serta kalimat arab dan artinya, dan jika ingin keluar, klik tombol untuk kembali ke menu utama.
Storyboard Sholat
Storyboard 5.
Tombol
“Mari kita Belajar Sholat” GAMBAR Salam Tahiyat Sujud I’tidal Ruku Iftitah Takbir
Gambar 3.5. Storyboard Sholat
Pada halaman ini, menampilkan animasi, teks, suara, dan backsound. Halaman sholat ini menampilkan beberapa gerakan sholat, bacaan, serta artinya. Jika ingin keluar klik tombol maka, akan kembali ke menu.
6. Evaluasi
Tombol “Evaluasi”
“Teks”
“klik tombol lanjut” Gambar
Storyboard soal pertama
Gambar 3.7. Storyboard Soal Pertama
Pada halaman soal ini, terdapat tombol
mbol Gambar 3.6. Storyboard Evaluasi
Pada halaman ini adalah menu evaluasi atau soal latihan yang di dalamnya terdapat teks, gambar, dan tombol lanjut jika ingin masuk ke soal pertama.
7. “Evaluasi” “Soal 1” ihan” “klik tomb ” “jawaban pil “cek jawaban” Gam ar b
teks, pertanyaan, jawaban, gambar, dan . Jika kita telah memilih jawaban, klik tombol cek jawaban untuk mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah to lanjut untuk melanjutkan pertanyaan berikutnya.
8. Storyboard soal kedua
ol lanjut Tombol Tombol
“Evaluasi”
ihan”
“klik tombol lan “Soal 2”
“jawaban pil Gambar
“cek jawaban”
Tombol
Pada halaman ban, gambar, dan tombol. Jika kita telah m
mengetahui benar atau tidak jawaban itu,
Storyboard Soal K
Pada halaman soal ini, terdapat teks, pertanyaan, jawaban, gambar, dan
tombol. Jika kita telah ban untuk
mengetahui benar atau tidak jawaban itu,
soal ini, terdapat teks, pertanyaan, jawa
emilih jawaban, klik tombol cek jawaban untuk
dan jika sudah selesai klik lah tombol lanjut untuk melanjutkan pertanyaan berikutnya.
9. Storyboard soal ketiga
“Evaluasi”
jawaban pilihan”
“klik tombol lan “Soal 3”
“
“cek jawaban”
Gambar
Gambar 3.9. e tiga
memilih jawaban, klik tombol cek jawa
dan jika sudah selesai klik lah tombol lanjut untuk melanjutkan pertanyaan berikutnya.
10. Storyboard soal ke empat
jut” Tombol Tombol “Evaluasi” “Soal 4” “jawaban pilihan”
“klik tombol lan “cek jawaban”
Gambar
jut” Tombol Tombol
Gambar 3.10. Storyboard Soal Ke empat
Pada halaman soal ini, terdapat teks, pertanyaan, jawaban, gambar, dan tombol. Jika kita telah m mbol cek jawaban untuk
mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah tombol lanjut u
Gambar 3.11. Storyboard Soal Ke lima
Pada halam n soal ini, terdapat teks, pertanyaan, jawaban, gambar, dan
tombol. Jika kita telah m an untuk
mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah tombol lanjut u
emilih jawaban, klik to
ntuk melanjutkan pertanyaan berikutnya. 11. Storyboard soal ke lima
“Evaluasi”
jawaban pilihan”
“klik tombol lan “Soal 5”
“
“cek jawaban”
Gam ar b
a
emilih jawaban, klik tombol cek jawab
ntuk melanjutkan pertanyaan berikutnya. 12. Storyboard soal ke enam
“Evaluasi”
“Soal 6”
“jawaban pilihan”
“klik tombol lan “cek jawaban” jut” ambar G Tombol Tombol jut” Tombol Tombol
Gambar 3.12. Storyboard Soal Ke enam
Pada halaman soal ini, terdapat teks, pertanyaan, jawaban, gambar, dan
tombol. Jika kita tela bol cek jawaban untuk
mengetahui benar atau tidak jawaban itu dan jika sudah selesai klik lah tombol lanjut u
bar 3.13. Storyboard Soal Ke tujuh
Pada halama soal ini, terdapat teks, pertanyaan, jawaban, gambar dan tombol. Jika kita telah m
mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah tombol lanjut u
h memilih jawaban, klik tom
ntuk melanjutkan pertanyaan berikutnya. 13. Storyboard soal ke tujuh
“Evaluasi”
“Soal 7”
“jawaban pilihan”
“klik tombol lan “cek jawaban”
Gambar
Gam
n
emilih jawaban, klik tombol cek jawaban untuk
ntuk melanjutkan pertanyaan berikutnya.
jut” Tombol Tombol
4. Storyboard soal ke delapan
Storyboard Soal Ke delapan
Pada halaman soal ini, terdapat teks, pertanyaan, jawaban, gambar dan
tombol. Jika kita tela an untuk
mengetahui benar atau tidak jawaban itu, da bol lanjut u
Gambar 3.15. Storyboard Soal Ke sembilan 1
“Evaluasi”
jawaban pilihan”
“klik tombol lan “Soal 8” “ “cek jawaban” Gam ar b Tombol Tombol jut” Gambar 3.14.
h memilih jawaban, klik tombol cek jawab n jika sudah selesai klik lah tom ntuk melanjutkan pertanyaan berikutnya.
15. Storyboard soal ke sembilan “Evaluasi”
jawaban pilihan”
“klik tombol lan “Soal 9” “ “cek jawaban” Gambar Tombol Tombol jut”
tombol. Jika kita tela an untuk mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah tombol lanjut u
Gambar 3.16. Storyboard Soal Ke sepuluh
Pada halaman soal ini, terdapat teks, pertanyaan, jawaban, gambar dan
tombol. Jika kita tela ek jawaban untuk
mengetahui benar atau tidak jawaban itu, dan jika sudah selesai klik lah tombol lanjut u
h memilih jawaban, klik tombol cek jawab
ntuk melanjutkan pertanyaan berikutnya. 16. Storyboard soal ke sepuluh
“Evaluasi”
jawaban pilihan”
“klik tombol lan “Soal 10” “ “cek jawaban” Gambar Tombol Tombol jut”
h memilih jawaban, klik tombol c
ntuk mengetahui nilai dari keseluruhan soal-soal tersebut. 17. Storyboard nilai Akhir
“Evaluasi”
“Nilai kamu” “teks”
Score
i atau score, bertujuan lah di jawab oleh para ka ingin ke menu utama klik tombol 2 dan jika ingin mengulang kembali menjawab
Banyak cara yang di lakukan dalam memperkenalkan huruf hijaiyah kepada para iswa. Salah satu yang penulis gunakan adalah dengan menggunakan benda
bahasa Arab ng berarti “Singa”.
Pada pengenalan huruf “Alif”, seperti kata “Baitun” yang artinya “Rumah” pada
ram apat menampilkan sub menu dengan membuka salah satu menu yang terdapat pada halaman main menu.
Y
Gambar 3.18. flowchart p
Gambar 3.17. Storyboard Nilai atau Pada halaman ini, menjelaskan tentang menu nila ntuk mengetahui nilai dari pertannyaan-pertanyaan yang te
u
siswa tersebut dan di situ akan muncul nilai atau score itu. Lalu ji
pertanyaan-pertanyaan tersebut, klik tombol 1 coba lagi.
3.5.3. Implementasi Huruf Hijaiyah
s
dengan beserta artinya seperti kata “Asadun” ya
pengenalan huruf “Ba” dan begitu juga huruf-huruf lain sampai huruf “Ya”.
3.5.4. Flowchart Navigasi Aplikasi
Flowchart Menu Utama di bawah ini menggambarkan bagaimana prog d
T mulai
Menu utama
Profil Scene profil
end
Gambar 3.19. flowchart sh Gambar 3.19. flowchart sh mulai Menu utama olat olat
Gambar 3.20. flowchart hijaiyah Gambar 3.20. flowchart hijaiyah
sholat Takbiratul ikhram Scene takbir ruku itidal sujud tahiyat salam end Scene ruku Scene itidal Scene sujud Scene tahiyat Scene salam mulai Menu utama Huruf
Hijaiyah hijaiyah Scene
hijaiyah Y T Y T Y T T T Y Y end Y Y T T Y T
Gambar 3.21. flowchart evaluasi
. interaktif, sama halnya dengan aplikasi pengenalan sholat dan hijaiyah.
2. Diharapkan aplikasi ini bisa lebih sa yang akan datang, misalnya ditambahkan dengan aplikasi belajar menghitung, belajar membaca berbasis internet.
mulai 1 berguna di ma lainnya seperti: Menu utama evaluasi evaluasi Scene evaluasi T Y Y T end 44
