BAB IV PEMBAHASAN
4.2. Pembahasan Pengembangan Multimedia
4.2.2. Pembahasan Perancangan ( Design )
Tahap ini merupakan tahap perancangan aplikasi, dimana perancangan tersebut berupa perancangan storyboard, perancangan
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.
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.
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.
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 13. Storyboard Halaman Pembuat
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.
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
jika ”tidak” maka pengguna bisa memilih menu lainnya atau keluar dari aplikasi.
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.
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.
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.
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
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.
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
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.
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
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.
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
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 shal-halat. Hal ini diperuntukkan
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
• 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
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
