Masalah Agama yang beralamat di Jl. Kopo, Ciganjur, Jagakarsa Jakarta Selatan yang di dalamnya terdapat para Ustadz dan Ustadzah
dan Pesantren Ciganjur KH. Abdurrahman Wahid Gus Dur, dengan pertimbangan bahwa lembaga tersebut memiliki intensitas belajar
keagamaan lebih besar dari lembaga lainnya. Kategori C, penyebaran kuisioner dilakukan di Fakultas Sains dan Teknologi UIN Syarif
Hidayatullah Jakarta yang memiliki intensitas belajar keagamaan yang lebih sedikit dibanding kategori B. Kategori D, penyebaran
kuisioner dilakukan di rumah-rumah sekitar. Yang termasuk dalam kategori ini adalah ibu–ibu rumah tangga, bapak-bapak, serta para
karyawan maupun wiraswasta yang memiliki keterbatasan pengetahuan, baik pengetahuan formal maupun pengetahuan
keagamaan.
4.2. Pembahasan Pengembangan Multimedia
Untuk pengembangan aplikasi, penulis telah melakukannya
berdasarkan enam tahap pengembangan multimedia menurut Luther 2002:
222 yaitu konsep concept, perancangan design, pengumpulan bahan material collecting, pembuatan assembly, tes testing, dan distribusi
implementation.
4.2.1. Pembahasan Konsep Concept
Aplikasi Tuntunan Shalat berbasis multimedia ini berbentuk CD interaktif yang akan digunakan sebagai alat bantu agar umat,
khususnya umat Islam lebih mudah dalam mengetahui dan
36
mempelajari gerakan-gerakan dalam shalat, hukum-hukum dalam shalat serta bacaannya dalam bentuk video animasi. Dengan
menggunakan sistem ini, umat tidak perlu lagi mengalami kesulitan dalam mengetahui gerakan, hukum serta bacaan shalat dengan baik
dan benar, hal ini akan membuat umat lebih mudah dan terfokus untuk memahaminya, sehingga umat dapat melaksanakan shalat
dengan benar sesuai syariat yang ditetapkan dalam ilmu fiqih. Secara garis besar deskripsi konsep aplikasi sebagai berikut:
• Judul : Aplikasi Tuntunan Shalat Berbasis Multimedia
untuk mempelajari dan memahami gerakan- gerakan, hukum-hukum dalam shalat serta
bacaannya dengan baik dan benar • Fungsi
: Sebagai alat bantu interaktif yang memiliki kemampuan menampilkan video animasi gerakan
shalat, hukum-hukum dalam shalat serta bacaannya
• Jenis Aplikasi : Media pembelajaran interaktif • Tujuan : Mempermudah umat untuk mempelajari dan
memahami tata cara shalat dengan baik dan benar sesuai dengan ilmu fiqih shalat
• Pengguna : Umum, khususnya umat Islam yang
dispesifikasikan dalam 4 kategori, yaitu: anak, terdidik dan memiliki background keagamaan,
37
terdidik dan tidak memiliki background keagamaan serta tidak terdidik dan tidak memiliki
background keagamaan • Gambar
: Menggunakan format file jpg dan png yang dibuat sendiri dengan menggunakan software
Adobe Photoshop 7.0, • Audio
: Merupakan rekaman suara asli orang Indonesia, yaitu penulis sendiri yang pernah mengenyam
pendidikan Ponpes Daaruttaqwa yang bernama Hasyim Azhary sedangkan background musik
menggunakan mp3 lagu nasyid islami. • Teks ayat
: Diperoleh dari Drs. MOH. RIFA’I dalam bukunya Risalah Tuntunan Shalat Lengkap
• Animasi : Animasi teks dan gambar menggunakan format
swf yang dibuat sendiri dengan menggunakan software Macromedia Flash MX dan
Macromedia Director MX • Interaktif :
Menggunakan link baik berupa tombol, gambar
maupun teks yang dapat berpindah dari satu halaman ke halaman lain
4.2.2. Pembahasan Perancangan Design
Tahap ini merupakan tahap perancangan aplikasi, dimana perancangan tersebut berupa perancangan storyboard, perancangan
38
flowchart view, perancangan arsitektur navigasi, perancangan diagram transisi state transition diagram dan perancangan antar
muka user interface.
4.2.2.1. Pembahasan Perancangan Storyboard
Secara umum rancangan storyboard dalam aplikasi Tuntunan Shalat Berbasis Multimedia ini adalah:
Storyboard
Modul : 1
Halaman :
Pembuka Nama File
: INTRO. dir Gambar
: Halaman1.jpg
Audio :
Subhanallah.mp3
Menu Utama Gambar kegiatan shalat
Navigasi Menu Utama
: Untuk masuk ke halaman Menu Utama Keluar
: Untuk keluar dari aplikasi Notes
:Halaman pembuka merupakan halaman Awal dari aplikasi ini, dimana dalam
halaman ini hanya terdapat satu tombol.
Gambar 9. Storyboard Halaman Pembuka
39
Storyboard
Modul :
2 Halaman
: Menu Utama Nama File
: menu. dir Gambar
: Halaman1.jpg
Keluar Gambar masjid
Tombol Navigasi
Audio : Temui Allah.mp3
Navigasi Materi Shalat
: Untuk masuk ke halaman Materi Shalat Animasi Shalat
: Untuk masuk ke halaman Animasi Shalat Pembuat
: Untuk masuk ke menu Tentang Terima ksih
: Untuk masuk ke menu Terima kasih Pembuka
: Untuk masuk ke halaman Pembuka Keluar
: Untuk keluar dari aplikasi Notes
: Halaman menu utama, merupakan halaman kedua dari aplikasi ini, dimana dalam menu
utama ini terdapat enam tombol untuk masuk ke menu selanjutnya yang berisi
materi yang berbeda, 1 tombol untuk kembali ke halaman Pembuka dan 1 tombol
untuk keluar dari aplikasi.
Gambar 10. Storyboard Halaman Menu Utama
40
Storyboard
Modul :
3 Halaman
: Materi Shalat Nama File
: Materi shalat. dir
Keluar Gambar masjid
Menu Utama Tombol Navigasi
Gambar :
Halaman2.jpg Audio
: Temui Allah.mp3 Navigasi
Syarat Shalat : Untuk masuk ke menu Syarat Shalat
Rukun Shalat : Untuk masuk ke menu Rukun Shalat
Sunah Shalat : Untuk masuk ke menu Sunah Shalat
Makruh Shalat : Untuk masuk ke menu Makruh Shalat
Batal Shalat : Untuk masuk ke menu Batal Shalat
Niat Shalat : Untuk masuk ke menu Niat Shalat
Waktu Shalat : Untuk masuk ke menu Waktu Shalat
Gerakan Shalat : Untuk masuk ke menu Gerakan Shalat
Menu Utama : Untuk kembali ke halaman Menu Utama
Keluar : Untuk keluar sari aplikasi
Notes : Halaman Materi Shalat berisi materi dasar,
yang berfungsi sebagai pembelajaran dasar untuk audiens yang baru belajar
Shalat. Dalam halaman ini berisi 10 tombol yang berisi 8 materi; syarat shalat,
rukun shalat, sunah shalat, makruh shalat, batal shalat, niat shalat, waktu shalat dan
gerakan shalat.
Gambar 11. Storyboard Halaman Materi Shalat
41
Storyboard
Modul :
4 Halaman
: Animasi Shalat Nama File
: Video. dir Gambar
: Halaman3.jpg
Audio : Temui Allah.mp3
Keluar Gambar masjid
Menu Utama Tombol Navigasi
Navigasi Animasi Shalat : Untuk masuk ke Animasi Shalat yang
diinginkan sesuai dengan Animasi Shalat yang tertera.
Ulangi : Untuk menjalankan Animasi Shalat dari
awal. Menu Utama
: Untuk kembali ke halaman Menu Utama Keluar
: Untuk keluar dari aplikasi Notes
: Halaman Animasi Shalat merupakan salah satu inti dari apliksi ini, karena dalam
halaman ini penerapan gerakan serta bacaan shalat dilakukan. Pada halaman ini
berisi daftar gerakan atau animasi shalat yang bila diklik akan langsung masuk ke
shalat yang diinginkan. Dalam halaman ini juga berisi tombol menu utama, tombol ini
disediakan untuk kembali ke menu utama. Selain itu juga berisi tombol keluar untuk
dapat langsung keluar dari aplikasi.
Gambar 12. Storyboard Halaman Animasi Shalat
42
Gambar 13. Storyboard Halaman Pembuat
Gambar 14. Storyboard Halaman Terima Kasih
43
4.2.2.2. Pembahasan Perancangan Bagan Alir Flowchart View
Dengan menggunakan simbol-simbol tersebut penulis telah membuat 6 flowchart, yaitu: Flowchart Pembuka, Flowchart
Menu Utama, Flowchart Materi Shalat, Flowchart Animasi Shalat, Flowchart Pembuat dan Flowchart Terima Kasih.
Mulai Tampilkan Layar Pembuka
Halaman Selanjutnya Ya
Menu Utama A
Tidak Menu Utama
Keterangan: A : Halaman Menu Utama
Gambar 15. Flowchart Pembuka
Flowchart diatas menjelaskan bahwa aplikasi ini dimulai dengan tampilan pembuka yang mengawali program ini, lalu
dalam tampilan pembuka tersebut ada suatu proses yaitu memilih halaman selanjutnya, jika pengguna memilih menu utama maka
akan langsung terhubung ke halaman Menu Utama.
44
A Tampilkan Layar Menu Utama
Menu Utama
Menu Ya Materi Shalat
B Tidak
Menu Ya
Animasi Shalat C
Tidak Menu
Ya Pembuat
D Tidak
Menu Ya Tampilkan Layar Terima kasih Terima kasih
Tidak Keluar
Keterangan: A : Halaman Menu Utama
B : Halaman Materi Shalat C : Halaman Animasi Shalat
D : Menu Pembuat
Gambar 16. Flowchart Menu Utama
Flowchart diatas menjelaskan bahwa dalam halaman Menu Utama berisi 4 proses menuju menu selanjutnya, jika pengguna
memlih ”ya” maka akan terhubung ke menu yang diinginkan dan
45
jika ”tidak” maka pengguna bisa memilih menu lainnya atau keluar dari aplikasi.
Gambar 17. Flowchart Materi Shalat
46
Flowchart diatas menjelaskan bahwa dalam halaman Materi Shalat berisi 8 proses, jika audiens memlih ”ya” maka
akan terhubung ke menu yang diinginkan dan jika ”tidak” maka audiens bisa memilih menu lainnya atau keluar dari aplikasi
C Tampilkan Layar Animasi Shalat
Kategori Shalat Ya
Shalat Subuh Tampilkan Shalat Subuh
Tidak Ya
Shalat Dzuhur Tampilkan Shalat Dzuhur
Tidak Ya
Shalat Ashar Tampilkan Shalat Ashar
Tidak Ya
Shalat Magrib Tampilkan Shalat Magrib
Tidak Ya
Shalat Isya Tampilkan Shalat Isya
Tidak Ya
Menu utama Kembali ke Menu Utama
Tidak Keluar
Gambar 18. Flowchart Animasi Shalat
Flowchart diatas menjelaskan bahwa dalam halaman Animasi Shalat berisi 5 proses menuju shalat yang diinginkan,
jika pengguna memilih ”ya” maka akan terhubung ke shalat yang diinginkan dan jika ”tidak” maka pengguna bisa memilih shalat
lainnya atau kembali ke menu utama atau keluar dari aplikasi.
47
D Tampilkan Layar Pembuat
Pilih Menu Ya
Menu Utama A
Tidak Keluar
Gambar 19. Flowchart Pembuat
Flowchart di atas menjelaskan bahwa dalam halaman Pembuat berisi 2 proses menuju ke menu utama atau keluar dari
aplikasi, jika pengguna memlih ”ya” maka akan terhubung ke halaman tentang yang diinginkan dan jika ”tidak” maka pengguna
bisa kembali ke menu utama atau keluar dari aplikasi.
E Tampilkan Layar Terima Kasih
Pilih Menu Ya
Menu Utama A
Tidak Keluar
Gambar 20. Flowchart Terima Kasih
Flowchart di atas menjelaskan bahwa dalam halaman Terima Kasih berisi 2 proses menuju ke menu utama atau keluar
dari aplikasi, jika pengguna memilih ”ya” maka akan terhubung ke halaman Terima Kasih yang diinginkan dan jika ”tidak” maka
pengguna bisa kembali ke menu utama atau keluar dari aplikasi.
48
4.2.2.3. Pembahasan Perancangan Arsitektur Navigasi
Pembuka Menu Utama
Terima kasih
Pembuat Materi Shalat
Animasi Shalat
Syarat Shalat
Shalat Subuh
Pembuka Rukun
Shalat Shalat
Dzuhur Menu
Utama Sunah Shalat
Shalat Ashar Materi Shalat
Makruh Shalat Shalat Magrib
Animasi Shalat Batal Shalat
Shalat Isya Pembuat
Waktu Shalat Terima kasih
Niat-niat Shalat Ket.Gerakan Shalat
Gambar 21. Struktur Navigasi
Dari struktur navigasi di atas menjelaskan bahwa tampilan awal dalam aplikasi ini adalah halaman pembuka, pada halaman
pembuka terdapat tombol menu utama. Pada halaman menu utama terdapat beberapa tombol diantaranya ; tombol pembuka,
materi shalat, animasi shalat, pembuat dan tombol terima kasih.
49
4.2.2.4. Pembahasan Perancangan Diagram Transisi State Transition
Diagram
Materi Shalat Animasi Shalat
Klik Klik
”Materi ”Animasi Shalat”
Shalat” Tampilkan
Tampilkan Klik ”Menu Utama”
Klik ”Menu Utama” Animasi
Materi Shalat Tampilkan Menu Utama
Tampilkan Menu Utama Shalat
Klik ”Menu Utama” Klik ”Keluar”
Tampilkan Menu Utama Keluar dari Program
Pembuka
Menu Keluar
Utama
Klik ”Intro” Tampilkan Intro
Klik ”Menu Utama” Klik ”Menu Utama”
Tampilkan Menu Utama Tampilkan Menu Utama
Klik ”Terima kasih” Klik ”Tentang”
Tampilkan terima kasih Tampilkan Pembuat
Terima kasih Pembuat
Gambar 22. Rancangan STD Menu Utama
Pada rancangan STD di atas menjelaskan bahwa dalam halaman menu utama berisi 11 proses dimana pengguna dapat
memilih proses tersebut sesuai dengan keinginannya. Pada halaman menu utama jika pengguna memilih halaman materi
shalat maka pengguna akan terhubung ke halaman materi shalat atau dapat kembali lagi ke halaman menu utama untuk dapat
50
memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi, pada halaman menu utama jika pengguna memilih
halaman animasi shalat maka pengguna akan terhubung ke halaman animasi shalat atau dapat kembali lagi ke halaman menu
utama untuk dapat memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi, pada halaman menu utama
jika pengguna memilih halaman pembuka maka pengguna akan terhubung ke halaman pembuka atau dapat kembali lagi ke
halaman menu utama untuk dapat memilih ke halaman selanjutnya yang diinginkan dan atau keluar dari aplikasi, pada
halaman menu utama jika pengguna memilih halaman terima kasih maka pengguna akan terhubung ke halaman terima kasih
atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman selanjutnya yang diinginkan dan atau keluar
dari aplikasi, dan pada halaman menu utama jika pengguna memilih halaman pembuat maka pengguna akan terhubung ke
halaman pembuat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman selanjutnya yang
diinginkan dan atau keluar dari aplikasi.
51
Gambar 23. Rancangan STD Materi Shalat
Pada rancangan STD di atas menjelaskan bahwa dalam halaman materi shalat berisi 17 proses dimana pengguna dapat
memilih proses tersebut sesuai dengan keinginannya. Pada halaman materi shalat jika pengguna memilih halaman syarat
shalat maka pengguna akan terhubung ke halaman syarat shalat atau dapat kembali lagi ke halaman menu utama untuk dapat
52
memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman niat shalat maka
pengguna akan terhubung ke halaman niat shalat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke
halaman selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman sunah shalat maka pengguna
akan terhubung ke halaman sunah shalat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman makruh shalat maka pengguna akan
terhubung ke halaman makruh shalat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman rukun shalat maka pengguna akan
terhubung ke halaman rukun shalat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman membatalkan shalat maka pengguna
akan terhubung ke halaman membatalkan shalat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke
halaman selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman keterangan gerakan shalat maka
pengguna akan terhubung ke halaman keterangan gerakan shalat atau dapat kembali lagi ke halaman menu utama untuk dapat
memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi.
53
Gambar 24. Rancangan STD Animasi Shalat
Pada rancangan STD di atas menjelaskan bahwa dalam halaman Animasi shalat berisi 12 proses dimana pengguna dapat
memilih proses tersebut sesuai dengan keinginannya. Pada halaman Animasi shalat jika pengguna memilih halaman shalat
subuh maka pengguna akan terhubung ke halaman shalat subuh atau dapat kembali lagi ke halaman menu utama untuk dapat
memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman shalat dzuhur maka
54
pengguna akan terhubung ke halaman shalat dzuhur atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke
halaman selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman shalat ashar maka pengguna akan
terhubung ke halaman shalat ashar atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman shalat magrib maka pengguna akan
terhubung ke halaman shalat magrib atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi, jika pengguna memilih halaman shalat isya maka pengguna akan
terhubung ke halaman shalat isya atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke halaman
selanjutnya yang diinginkan atau keluar dari aplikasi.
Gambar 25. Rancangan STD Pembuat
Pada rancangan STD di atas menjelaskan bahwa dalam halaman pembuat berisi 3 proses dimana pengguna dapat memilih
proses tersebut sesuai dengan keinginannya. Pada halaman pembuat jika pengguna memilih halaman pembuat maka
pengguna akan terhubung ke halaman pembuat atau dapat kembali lagi ke halaman menu utama untuk dapat memilih ke
halaman selanjutnya yang diinginkan atau keluar dari aplikasi.
55
Gambar 26. Rancangan STD Terima Kasih
Pada rancangan STD di atas menjelaskan bahwa dalam halaman terima kasih berisi 3 proses dimana pengguna dapat
memilih proses tersebut sesuai dengan keinginannya. Pada halaman terima kasih jika pengguna memilih halaman terima
kasih maka pengguna akan terhubung ke halaman terima kasih atau dapat kembali lagi ke halaman menu utama untuk dapat
memilih ke halaman selanjutnya yang diinginkan atau keluar dari aplikasi.
4.2.2.5. Pembahasan Perancangan Antarmuka User Interface
Untuk rancangan antarmuka yang akan ditampilkan pada aplikasi Tuntunan Shalat Berbasis Multimedia ini disesuaikan
dengan kebutuhan dan pengetahuan pengguna, artinya dalam aplikasi ini penulis menyerderhanakan setiap halaman yang ada
dengan cara meminimalkan penggunaan tombol, hal ini dimaksudkan agar pengguna yang belum terbiasa menggunakan
komputer tidak terlalu kesulitan untuk mempelajari materi yang ada didalam aplikasi.
1. Rancangan Layar Pembuka Rancangan ini merupakan tampilan awal sebelum
masuk ke tampilan menu utama. Pada tampilan pembuka
56
terdapat satu tombol untuk menentukan halaman selanjutnya, yaitu:
Tombol Menu Utama untuk masuk ke halaman menu utama. 2. Rancangan Layar Menu Utama
Rancangan ini merupakan tampilan utama dari aplikasi Tuntunan Shalat berbasis multimedia, dimana dalam tampilan
menu utama ini terdapat 6 tombol, yaitu: • Tombol Pembuka untuk kembali ke halaman Pembuka
• Tombol Materi Shalat untuk masuk ke halaman Materi Shalat
• Tombol Animasi Shalat untuk masuk ke menu Materi Shalat
• Tombol Pembuat untuk masuk ke halaman Pembuat • Tombol Terima kasih untuk masuk ke menu Terima Kasih
• Tombol Keluar untuk keluar dari program Untuk background penulis menggunakan animasi
dan gambar yang dibuat sendiri menggunakan software Adobe Photoshop, dan Macromedia Flash MX
3. Rancangan Materi Shalat Rancangan ini berisi penjelasan tentang syarat syah
shalat, rukun shalat, niat-niat shalat, makruh shalat, sunah dalam shalat, waktu shalat, keterangan gerakan shalat dan hal-
hal yang dapat membatalkan shalat. Hal ini diperuntukkan
57
bagi audiens yang benar-benar belum memahami dan mengerti tentang hal-hal yang harus dipahami sebelum
melakukan dan pada saat melakukan shalat. Materi Shalat yang ditampilkan berupakan tombol, yang bila ditekan akan
mengeluarkan suara yang merupakan penjelasan dari masing- masing materi tersebut. Selain mengeluarkan suara, tombol
juga mengeluarkan keterangan yang berupa tulisan. Dalam rancangan layar Materi Shalat terdapat 10 tombol, yaitu:
• Tombol Syarat Syah Shalat untuk masuk ke menu Syarat Syah Shalat
• Tombol Rukun Shalat untuk masuk ke menu Rukun Shalat • Tombol Niat-niat Shalat untuk masuk ke menu Niat-niat
Shalat • Tombol Makruh Shalat untuk masuk ke menu Makruh
Shalat • Tombol Sunah Dalam Shalat untuk masuk ke menu Sunah
Dalam Shalat • Tombol Waktu Shalat untuk masuk ke menu Waktu Shalat
• Tombol Gerakan Shalat untuk masuk ke dalam menu Gerakan Shalat
• Tombol Membatalkan Shalat untuk masuk ke dalam menu Membatalkan Shalat
58
• Tombol Menu Utama untuk kembali ke Menu Utama • Tombol Keluar untuk keluar dari program
4. Rancangan Layar Animasi Shalat Pada rancangan layar ini berisi informasi mengenai
Animasi tatacara melaksanakan shalat. Menu ini dimaksudkan menjadi salah satu inti dari aplikasi ini bagi audiens yang
belum memahami namun ingin mengetahui praktek pelaksanaan shalat. Dalam rancangan layar Animasi Shalat
terdapat beberapa tombol menu animasi shalat wajib, yaitu: • Tombol Shalat Subuh untuk masuk ke halaman Shalat
subuh • Tombol Shalat Zhuhur untuk masuk ke menu Shalat
Zhuhur • Tombol Shalat Ashar untuk masuk ke halaman Shalat
Ashar • Tombol Shalat Magrib untuk masuk ke halaman Shalat
Magrib • Tombol Shalat Isya untuk masuk ke halaman Shalat Isya
• Tombol Menu Utama untuk kembali ke Menu Utama • Tombol Keluar untuk keluar dari program
5. Rancangan Layar Pembuat Pada rancangan layar ini berisi informasi mengenai
identitas pembuat aplikasi Tuntunan Shalat berbasis
59
Multimedia. Dalam rancangan layar Pembuat terdapat 2 tombol, yaitu:
• Tombol Menu Utama untuk kembali ke halaman Menu Utama
• Tombol Keluar untuk keluar dari program 6. Rancangan Layar Terima Kasih
Pada rancangan layar ini berisi ucapan Syukur dan terima kasih dari pembuat kepada pihak-pihak yang turut
membantu menyelesaikan aplikasi Tuntunan Shalat berbasis Multimedia ini. Dalam rancangan layar Terima kasih terdapat
2 tombol, yaitu: • Tombol Menu Utama untuk kembali ke halaman Menu
Utama • Tombol Keluar untuk keluar dari program
4.2.3. Pembahasan Pengumpulan Bahan Material Collecting
Bahan-bahan yang diperlukan untuk membangun aplikasi ini, baik berupa file-file suara, gambar, teks ayat, animasi dan tombol
diperoleh dari berbagai sumber, namun sebagian besar elemen banyak yang dibuat sendiri menggunakan software programming.
File gambar penulis peroleh dari internet Qubah_alsyakrah.com yang kemudian diolah dengan menggunakan
Adobe Photoshop 7.0. Begitu juga beberapa file lain, seperti tampilan
60
sub menu, tombol dan lain sebagainya, penulis peroleh dari membuat sendiri dengan menggunakan Adobe Photoshop 7.0. Untuk gambar
atau foto-foto dalam halaman Pembuka penulis peroleh dari internet yang dijadikan animasi oleh penulis dengan menggunakan
Macromedia Flash MX. Seperti pengolahan gambar pada Adobe Photoshop 7.0. untuk memisahkan gambar masjid dari latar belakang
putih polos dengan format jpg menjadi png.
sebelum sesudah
Gambar 27. Gambar masjid sebelum dan sesudah diolah dengan Adobe Photoshop 0.7.
Proses penghilangan gambar latar ini menggunakan tool seleksi jenis Polygonal Lasso . dan Magic
Wand Tool . Total jumlah gambar yang diperoleh dari internet
ialah sedikitnya 20 gambar.
Gambar 28. Gambar masjid dan orang berdo’a yang diperoleh dari internet.
61
File teks ayat diperoleh dari buku Risalah Tuntunan Shalat Lengkap Karangan DRS. MOH. Rifa’i yang menjadi acuan dalam
pembuatan program ini. Teks tersebut berupa file gambar yang kemudian di-scanning dan diolah dengan menggunakan Adobe
Photoshop 7.0.
Sebelum sesudah
Gambar 29. Gambar teks sebelum dan sesudah diolah dengan Adobe Photoshop 07.
Untuk memisahkan gambar teks dari latar belakangnya dengan format jpg menjadi png.
File suara penulis peroleh dari rekaman suara asli, baik untuk contoh cara membaca bacaan shalat, narasi yang berisi keterangan
materi shalat. Untuk contoh cara membaca bacaan shalat dengan benar serta narasi dalam aplikasi merupakan rekaman suara dari
orang Indonesia yakni penulis sendiri, Hasyim Azhari yang merupakan lulusan pondok pesantren Daaruttaqwa dan sekarang
berstatus mahasiswa UIN Syarif Hidayatullah Jakarta. File animasi diperoleh dari menganimasikan elemen-elemen
yang telah dibuat dengan menggunakan Macromedia Flash MX.
62
4.2.4. Pembahasan Pembuatan Assembly
Dalam pengembangan Aplikasi Tuntunan Shalat berbasis Multimedia ini dibutuhkan spesifikasi perangkat keras dan perangkat
lunak, sebagai berikut: 1. Spesifikasi Perangkat Keras Pengembangan Multimedia
• Intel Pentium 4 2,00 Ghz berfungsi untuk memberikan proses kinerja, kreativitas dan produktifitas yang lebih tinggi.
• Hard disk 40 GB berfungsi untuk menyediakan tempat bagi aplikasi perangkat lunak dan menyediakan tempat
penyimpanan untuk keperluan aplikasi yang akan dibuat. • Memory minimal 512 MB berfungsi untuk mempercepat proses
publish movie dan rendering gambar, sekaligus sebagai tempat penyimpanan sementara perangkat lunak dan data.
• Sound Card berfungsi untuk memproses suara pada aplikasi. • Graphic Card 128 MB berfungsi untuk mempercepat proses
penampilan gambar pada layar. • Mouse berfungsi sebagai alat interaksi pengguna aplikasi ini
sekaligus sebagai alat interaksi yang penting pada pembuatan aplikasi.
• Keyboard berfungsi sebagai unit input data guna pengembangan aplikasi.
• Active Speaker berfungsi sebagai unit output suara untuk mendengarkan suara yang ada pada aplikasi.
63
• Monitor 17 inci berfungsi sebagai unit keluaran yang dapat menampilkan tampilan aplikasi dan secara otomatis sebagai
interface antar muka atau penghubung penulis dengan komputer.
• CD-RW berfungsi untuk menyimpan program kedalam kepingan CD
2. Spesifikasi Perangkat Lunak Pengembangan Multimedia • Macromedia Director MX sebagai software programming
dengan sentuhan grafis yang mampu mengimpor dan mengendalikan banyak format. Macromedia Director MX ini
berfungsi sebagai perangkat lunak pengembangan utama yang mengintegritaskan elemen-elemen yang telah dipersiapkan dari
berbagai aplikasi lainnya.
Gambar 30. Proses pengintegrasian elemen-elemen dengan Macromedia Director MX Printscreen Macromedia Derictor MX
64
• Macromedia Flash MX sebagai program standar profesional yang digunakan untuk membuat animasi interaktif, juga
animasi tombol dan animasi background yang diperlukan dalam aplikasi ini.
Gambar 31. Proses pembuatan animasi tombol dengan Macromedia Flash MX Printscreen Macromedia Flash MX
• Adobe Photoshop 7.0 untuk mendesain background tampilan pada setiap halaman, mendesain tombol serta tulisan yang
berfungsi sebagai judul pada setiap menu dan sub menunya.
65
Gambar 32. Proses pembuatan background dengan Adobe Photoshop 7.0
Printscreen Adobe Photoshop 7.0
• Wave Pad program pengolah suara sederhana digunakan untuk merekam dan mengolah suara narasi yang akan
digunakan dalam aplikasi
Gambar 33.
Proses pengeditan rekaman suara dengan Wave Pad. Printscreen Wave Pad
66
Setelah semua spesifikasi pengembangan dapat dipenuhi, maka selanjutnya adalah pengembangan aplikasi ke tahap pembuatan
dengan menggunakan perangkat lunak yang telah disiapkan. Beberapa tahapan penting selama pengembangan aplikasi Tuntunan
Shalat berbasis multimedia, akan dibahas dibawah ini.
67
Gambar 34. Diagram tahapan proses pembuatan aplikasi
Untuk tahap awal penulis mendesain gambar-gambar dan teks-teks yang akan digunakan dalam pembuatan aplikasi, material
68
yang telah diperoleh dari berbagai sumber kemudian diolah menggunakan Adobe Photoshop 7.0 dimana material tersebut diberi
efek seperti menambahkan bayangan dan transparansi. Khusus untuk gambar dengan transparansi atau tanpa latar disimpan dengan format
.png. Untuk file tombol dan animasi flash dibuat oleh penulis
menggunakan Macromedia Flash MX. Awalnya gambar-gambar diimpor ke dalam library Macromedia Flash MX lewat perintah File
Import To Library. Kemudian gambar dari library ditarik ke dalam stage atau area kerja, lalu mengklik kanan mouse pada gambar dan
memilih perintah Convert To Symbol - Movie Clip, agar gambar berubah menjadi Symbol Movie Clip. Movie Clip lalu diberi efek
Motion Tween, Masking dan Action Script agar tampil lebih menarik dan interaktif.
Gambar 35. Pemberian efek Motion tween pada Movie clip dengan Macromedia Flash MX Printscreen Macromedia Flash MX.
69
Gambar 36. Pembuatan gambar animasi shalat yang telah sempurna pada Movie clip dengan Macromedia Flash MX Printscreen
Macromedia Flash MX.
Pada gambar di atas penulis melakukan proses pembuatan gambar dari masing-masing gerakan shalat secara bertahap dengan
menggunakan pencil tool, mulai dari pembuatan anggota tubuh satu-persatu sampai akhirnya menjadi gambar orang yang
sempurna. Pada gambar di atas penulis memilih perintah Convert To Symbol - Movie Clip, agar gambar berubah menjadi Symbol Movie
Clip. Movie Clip lalu diberi efek Motion Tween, Masking dan Action Script agar tampil lebih menarik dan interaktif.
Gambar 37. Pembuatan gambar animasi shalat pada Movie clip dengan Macromedia Flash MX Printscreen Macromedia Flash MX.
70
Proses perekaman suara narasi dilakukan dengan menggunakan perangkat lunak Wave Pad, proses dilakukan
dengan menggunakan media microphone sebagai alat input perekam suara dan teks informasi materi shalat yang telah dicetak sebagai
acuan pengisi suara. Suara narasi diisi oleh penulis sendiri Hasyim Azhary yang masih berstatus sebagai mahasiswa UIN Syarif
Hidayatullah Jakarta yang juga pernah menamatkan pendidikan keagamaan di pondok pesantren Daaruttaqwa. File hasil rekaman
kemudian disimpan dalam format .mp3. File teks ayat diperoleh dari buku Drs. MOH. RIFA”I yang
berjudul risalah Tuntunan Shalat Lengkap berupa file gambar yang kemudian diolah dengan menggunakan Adobe Photoshop 7.0.
Gambar pengolahan teks dapat dilihat pada gambar 24.
Setelah semua elemen aplikasi tersedia, maka tahap selanjutnya adalah penggabungan semua elemen yang ada. Dalam hal ini
Macromedia Director MX yang sangat berperan. Aplikasi Tuntunan Shalat Berbasis Multimedia, dibuat menjadi 4 file yang terpisah
dengan tujuan agar file-file yang ada di dalamnya tidak terlalu ramai dan membingungkan untuk diedit jika terjadi kesalahan. Untuk
menggabungkan 4 halaman tersebut penulis menggunakan script yang dilakukan di Macromedia Director MX, ditambah efek transisi
71
agar dapat terlihat perbedaan saat pengguna berpindah dari halaman satu ke halaman lainnya.
Dalam melakukan proses penggabungan dengan Macromedia Director MX penulis mengatur tampilan aplikasi dengan
menggunakan dimensi 1024x768 pixels dan framerate sebesar 30 fps. Dimensi yang digunakan disesuaikan untuk tampilan monitor PC
dimana aplikasi akan tampil secara penuh pada layar dan proses transisi antar halaman akan berjalan dengan baik. Sedangkan
framerate sebesar 30 fps dimaksudkan untuk memperhalus tampilan animasi pada aplikasi.
File-file ditata sedemikian rupa agar menghasilkan tampilan yang diinginkan. Pada Halaman Utama. Untuk halaman Materi Shalat
dan Animasi Shalat tidak disediakan music background, hal ini dimaksudkan agar pengguna lebih terfokus pada materi yang
disajiakan. Pada Halaman Materi Shalat dan Animasi Shalat untuk
kemudahan pengguna, pada halaman ini penulis menyediakan tombol ulangi yang akan muncul pada saat materi shalat dan animasi shalat
tersebut telah selesai, maka, pengguna dapat mengulanginya. Untuk keseluruhan file suara terpisah dari aplikasi dan
dihubungkan secara external, karena jika file suara dihubungkan secara internal maka mengakibatkan pembengkakan ukuran file
projector .exe karena file mp3 memiliki ukuran yang besar,
72
sehinggga waktu loading projector semakin lama. Hal ini mungkin tidak akan terasa di komputer yang memiliki RAM diatas 256MB
dengan Processor 2GHZ keatas. Tapi jika dijalankan di komputer yang memiliki RAM 32MB dengan processor 233MMX, maka hasil
kerjanya akan tampil lambat.
4.2.5. Pembahasan Tes Testing
Pada tahap ini penulis melakukan pengujian terhadap aplikasi yang dibuat. Langkah awal pengujian dilakukan dilakukan secara
mandiri, kemudian dilakukan pengujian pada komputer lain dengan tujuan untuk mengetahui apakah program aplikasi dapat berjalan
dengan baik meski dijalankan di komputer lain. Selanjutnya penulis melakukan tes kepada bapak Ir. Adil Siregar, selaku dosen
Multimedia Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta yang merupakan orang-orang yang ahli dibidang Agama dan
Multimedia untuk memperoleh jaminan bahwa program aplikasi terbebas dari kesalahan script. Selain itu tes juga akan dilakukan
kepada bapak H. Nasrudin, Lc. yang merupakan orang yang ahli dibidang fiqih, hal ini dilakukan untuk memperoleh jaminan bahwa
program aplikasi terbebas dari kesalahan dari sisi pembahasan shalat.
Hasil yang diperoleh dari pengujian memperlihatkan bahwa aplikasi meliliki beberapa kekurangan seperti:
1. Tidak ada pengatur volume pada halaman Materi shalat
73
2. Suara yang tumpang tindih pada tiap-tiap tombol yang terasa mengganggu
3. Adanya tiga tombol navigasi yang sulit dipahami diantaranya; tombol intro, tentang dan credit yang seharusnya diganti dengan
tombol pembuka, terima kasih dan pembuat Setelah kekurangan dapat diketahui maka penulis segera
memperbaiki kekurangan tersebut dan penulis kembali melakukan pengujian terhadap program aplikasi kepada narasumber yang sama.
Dari pengujian kali ini ternyata Aplikasi Tuntunan Shalat Berbasis Multimedia berjalan dengan baik dan terbebas dari kesalahan.
4.2.6. Pembahasan Implementation
Pada tahap ini penulis melakukan implementasi serta evaluasi terhadap aplikasi multimedia. Implementasi aplikasi multimedia
dipahami sebagai proses yang akan menentukan apakah aplikasi multimedia mampu beroperasi dengan baik dan mengetahui apakah
para pemakai bisa mandiri dalam pengoperasiannya, baik dalam penggunaan maupun penilaian.
Beberapa tahap implementasi dan evaluasi, adalah:
4.2.6.1. Tampilan Aplikasi
Hasil akhir berupa CD Interktif, yaitu suatu aplikasi interaktif Tuntunan Shalat berbasis multimedia. Aplikasi ini
memiliki daftar data dan hasil akhir tampilan sebagai berikut:
74
• Dimension : width
= 1024pixels, Height
= 786 pixels, frame rate
= 30 fps. • Ukuran
: 71,2 MB • Jumlah Halaman : 4 Halaman.
• Durasi : 45 menit
• Tampilan Halaman pembuka
Gambar 38. Halaman Pembuka.
• Tampilan Halaman Menu Utama
Gambar 39. Halaman Menu Utama.
75
• Tampilan Halaman Materi Shalat
Gambar 40. Halaman Materi Shalat.
• Tampilan Halaman Animasi Shalat
Gambar 41. Halaman Animasi Shalat.
76
• Tampilan Halaman Pembuat
Gambar 42. Halaman Pembuat.
• Tampilan Halaman Tarima kasih
Gambar 43. Halaman Terima Kasih.
4.2.6.2. Pengoperasian Program
Cara Pengoperasian Aplikasi ini dengan mengklik file “INTRO.exe” sebanyak dua kali maka aplikasi Tuntunan Shalat
Berbasis Multimedia langsung dapat diakses meskipun komputer tersebut tidak memiliki program Macromedia Director MX.
77
4.2.6.3. Evaluasi Program
Tahap evaluasi aplikasi diakukan dengan menerapkan aplikasi dan membagikan kuisioner kepada 30 responden, dimana
responden dibagi menjadi empat kategori yakni : A : Kategori anak
B : Kategori terdidik dan memiliki background keagamaan C : Kategori terdidik dan tidak memiliki background keagamaan
D : Kategori tidak terdidik dan tidak memiliki background Kuisioner ini digunakan untuk mengetahui apakah
keberadaan aplikasi Tuntunan Shalat Berbasis Multimedia ini mampu mencapai tujuan dari skripsi dengan menggunakan
indikator manfaat penelitian.
• Hasil Kuisioner Aplikasi Tuntunan Shalat Berbasis Multimedia
Setelah melakukan penyebaran kuisioner maka diperoleh hasil yang dapat dilihat pada tabel 1 dibawah ini:
Tabel Hasil Kuisioner a. Terdidik dan memiliki background agama 10 orang
Tabel 1. Hasil kuisioner kategori terdidik dan memiliki
background agama
78
Pertanyaan Hasil Presentase
No. Soal Ya Tidak
Ya Tidak
1 10
100 2
10 100
3 10
100 4
6 4
60 40
5 8
2 80
20 6
10 100
7 10
100 8
5 5
50 50
9 10
100 10
8 2
80 20
Rata-rata 77
23 b. Terdidik dan tidak memiliki background agama 10
orang Tabel 2. Hasil kuisioner terdidik dan tidak memiliki background
agama
Pertanyaan Hasil Presentase
No. Soal Ya Tidak
Ya Tidak
1 20
100 2
20 100
3 20
100 4
20 100
5 20
100 6
20 100
7 20
100 8
18 2
90 10
9 15
5 75
25 10
19 1
95 5
Rata-rata 96
4 c. Tidak terdidik dan tidak memiliki background agama
10 orang
79
Tabel 3. Hasil kuisioner tidak terdidik dan tidak memiliki background agama
Pertanyaan Hasil Presentase
No. Soal Ya Tidak
Ya Tidak
1 8
2 80
20 2
6 4
60 40
3 5
5 50
50 4
7 3
70 30
5 5
5 50
50 6
10 100
7 10
100 8
6 4
60 40
9 8
2 80
20 10
6 4
60 40
Rata-rata 71
29 d. Anak-anak 10 orang
Tabel 4. Hasil kuisioner kategori anak-anak
Pertanyaan Hasil Presentase
No. Soal Ya Tidak
Ya Tidak
1 10
100 2
2 8
20 80
3 10
100 4
10 100
5 10
100 6
10 100
7 10
100 6
8 8
2 80
20 9
7 3
70 30
10 9
1 90
10
Rata-rata 86
14
80
81
Gambar 44. Diagram batang hasil kuisioner
Berdasarkan tabel dan diagram di atas rata-rata nilai persentasenya sangat tinggi sebesar 82,5 dari seluruh
responden menyatakan bahwa aplikasi ini bermanfaat bagi masyarakat.
BAB V PENUTUP