BAB III ANALISA DAN PERANCANGAN
Pembuatan aplikasi buku Bulughul Maram ini menggunakan metode Multimedia Development Life Cycle. Penggunaan metode Multimedia Development Life Cycle dikarenakan cocok digunakan dalam pembuatan aplikasi multimedia. Didalam metode Multimedia Development Life Cycle ada 6 (enam) tahapan, yaitu: 1.1. Konsep Tujuan pembuatan aplikasi ini adalah untuk mempermudah dalam membaca dan mengkaji buku Bulughul Maram. Buku terdiri dari 16 bab dan masing masing bab terbagi lagi menjadi beberapa sub bab yang didalamnya berisi beberapa hadist sesuai dengan tema bab tersebut. Fitur pencarian mempermudah pengguna untuk mencari hadist ataupun tema yang diinginkan. Selain itu, fitur berbagi ke media sosial juga dimiliki aplikasi ini agar pengguna dapat menyebarkan hadist yang diinginkan kepada orang lain melalui media sosial. 1.2. Desain 1.2.1. Storyboard Storyboard merupakan gambaran skenario yang dibuat secara bertahap dari aplikasi yang akan ddibuat. Storyboard mempunyai peranan yang sangat penting dalam pengembangan multimedia sebagai
14
alat
bantu
pada
tahapan
perancangan
multimedia.
Storyboard
menampilkan sederetan ilustrasi atau gambar berurutan sesuai dengan alur naskah video, animasi atau interaktifitas. Pembuatan storyboard dalam aplikasi untuk halaman awal yang merupakan penggunaan aplikasi oleh pengguna, kemudian storyboard untuk scene-scene berikutnya dikembangkan untuk setiap topiknya, yaitu: 1.
Scene 1 - Intro, menampilkan tampilan pembukaan aplikasi yang berisikan cover buku.
Cover buku
Gambar 3.1. Scene 1
15
2.
Scene 2 - Menu utama, menampilkan form pencarian, dan judul-judul bab pada buku Bulughul Maram Bulughul Maram Input pencarian Judul Bab Judul Bab Judul Bab Judul Bab Judul Bab Judul Bab Judul Bab Judul Bab Gambar 3.2. Scene 2
3.
Scene 3 - Bab, menampilkan daftar sub bab pada bab yang dipilih.
Bulughul Maram Input pencarian Judul Sub Bab Judul Sub Bab Judul Sub Bab Judul Sub Bab Judul Sub Bab Judul Sub Bab Judul Sub Bab Judul Sub Bab Gambar 3.3. Scene 3
16
4.
Scene 4 - Isi buku, menampilkan isi buku dari sub bab yang dipilih. Bulughul Maram Judul Bab
No. Bab: Sub Bab
Nomor Hadist Isi Hadist Penjelasan Nomor Hadist Isi Hadist Penjelasan
Gambar 3.4. Scene 4
5.
Scene 5 - Pencarian, menampilkan hasil pencarian. Bulughul Maram Input pencarian Hasil Pencarian
Gambar 3.5. Scene 5
17
6.
Scene 6 - Tentang aplikasi, menampilkan informasi versi aplikasi, pembuat.
Cover buku
Versi aplikasi
Informasi pembuat
Gambar 3.6. Scene 6
7.
Scene 7 - Berbagi ke media sosial. Membagikan isi buku ke media sosial. Bulughul Maram Judul Bab
No. Bab: Sub Bab
Nomor Hadist Isi Hadist Penjelasan Nomor Hadist Isi Hadist Penjelasan
Gambar 3.7. Scene 7 18
1.2.2. Flowchart Flowchart merupakan bahasan dari diagram tampilan yang menjelaskan gambaran alur dari satu scene ke scene yang lainnya. 1. Flowchart Aplikasi Mulai
Intro (Splash)
Menu Utama (Judul Bab)
Ya
Dari menu utama
Tidak
Sub Bab
Isi Buku
Ya
Buka lagi Tidak
Selesai
Gambar 3.8. Flowchart Aplikasi
19
2. Flowchart Pencarian Judul Bab Mulai
Menu Utama (Judul Bab)
Input Pencarian Cari Judul Bab
Hasil Pencarian
Ya
Cari lagi Tidak
Selesai
Gambar 3.9. Flowchart Pencarian Judul Bab
3. Flowchart Pencarian Sub Bab Mulai
Sub Bab
Input Pencarian
Cari Sub Bab
Hasil Pencarian
Ya
Cari lagi Tidak Selesai
Gambar 3.10. Flowchart Pencarian Sub Bab 20
4. Flowchart Berbagi ke Media Sosial Mulai
Seleksi Teks (Isi Buku)
Pilih Media Sosial Pencarian Bagikan ke Media Sosial
Selesai
Gambar 3.11. Flowchart Berbagi ke Media Sosial
5. Flowchart Menampilkan Halaman Informasi Aplikasi Mulai
Menu Utama
Halaman Informasi Aplikasi
Selesai
Gambar 3.12. Flowchart Menampilkan Halaman Informasi Aplikasi
21
1.3.
Pengumpulan bahan Pengumpulan bahan adalah tahap mengumpulkan bahan yang diperlukan sesuai dengan kebutuhan aplikasi. Bahan-bahan yang dibutuhkan untuk aplikasi ini adalah sebagai berikut: - Teks : type font yang digunakan untuk teks adalah Times New Roman, Arial dan Traditional Arabic. - Gambar : gambar yang digunakan bertipe .png dan .jpg sebagai icon dan sampul buku. - Animasi : animasi untuk intro aplikasi berupa gambar sampul buku dan suara basmalah.
22