BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN Pembuatan aplikasi buku 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. 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 Desain 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

2 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

3 2. Scene 2 - Menu utama, menampilkan form pencarian, dan judul-judul bab pada buku Input pencarian Gambar 3.2. Scene 2 3. Scene 3 - Bab, menampilkan daftar sub bab pada bab yang dipilih. Input pencarian Gambar 3.3. Scene 3 16

4 4. Scene 4 - Isi buku, menampilkan isi buku dari sub bab yang dipilih. 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. Input pencarian Hasil Pencarian Gambar 3.5. Scene 5 17

5 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. No. Bab: Sub Bab Nomor Hadist Isi Hadist Penjelasan Nomor Hadist Isi Hadist Penjelasan Gambar 3.7. Scene 7 18

6 Flowchart Flowchart merupakan bahasan dari diagram tampilan yang menjelaskan gambaran alur dari satu scene ke scene yang lainnya. 1. Flowchart Aplikasi Intro (Splash) Ya Menu Utama () Dari menu utama Tidak Sub Bab Isi Buku Ya Buka lagi Tidak Gambar 3.8. Flowchart Aplikasi 19

7 2. Flowchart Pencarian Menu Utama () Input Cari Hasil Pencarian Ya Cari lagi Tidak Gambar 3.9. Flowchart Pencarian 3. Flowchart Pencarian Sub Bab Sub Bab Input Pencarian Cari Sub Bab Hasil Pencarian Ya Cari lagi Tidak 20 Gambar Flowchart Pencarian Sub Bab

8 4. Flowchart Berbagi ke Media Sosial Seleksi Teks (Isi Buku) Pilih Media Sosial Bagikan ke Media Sosial Gambar Flowchart Berbagi ke Media Sosial 5. Flowchart Menampilkan Halaman Informasi Aplikasi Menu Utama Halaman Informasi Aplikasi Gambar Flowchart Menampilkan Halaman Informasi Aplikasi 21

9 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