Struktur Menu Aplikasi Storyline

commit to user Bagan metode langkah pengembangan aplikasi seperti gambar di bawah ini : Gambar 3.1 Bagan Langkah Pengembangan Aplikasi

C. Struktur Menu Aplikasi

Sruktur menu aplikasi ini menggunakan struktur hirarki yang dapat digambarkan seperti dalam gambar berikut ini. Intro Menu Utama Jarimatika Penjumlahan dan pengurangan Aturan tangan Jarimatika untuk Penjumlahan dan pengurangan Contoh penerapan Jarimatika penjumlahan dan pengurangan Aturan tangan Jarimatika untuk Perkalian dan pembagian Jarimatika Perkalian dan pembagian Contoh penerapan Jarimatika perkalian dan pembagian Penambahan dan pengurangan Sederhana 1 Penggunaan jempol Penambahan dan pengurangan Sederhana 2 Teman Kecil Teman Besar Formula 1A, Teman kecil di penambahan Formula 1B, Teman kecil di pengurangan Formula 2A, Teman besar di penambahan Formula 2B, Teman besar di pengurangan latihan latihan latihan latihan latihan latihan latihan skor skor skor skor skor skor skor Pembagian 2 digit : 1 digit latihan skor Kelompok dasar bilangan 6-10 latihan skor Gambar 3.2 Struktur Menu Aplikasi commit to user

D. Storyline

Dalam proses pembuatan sebuah klip animasi peranan sebuah storyline sangat penting untuk menentukan cerita yang akan dianimasikan sehingga sesuai dengan informasi yang ingin disampaikan. 1. Scene 1 halaman intro • Muncul tulisan judul dari aplikasi ini. Judul tersebut dimunculkan dengan animasi motion tween. 2. Scene 2 halaman menu halaman utama • Terdapat pemandangan alam berupa hamparan padang nan hijau dimana disana terdapat rumah, pepohonan, rerumputan dan langit yang berwarna cerah. • Matahari mulai bergerak naik dan berputar ketika halaman ini ditampilkan. • Kura-kura dan kupu-kupu bergerak, dianimasikan menggunakan motion tween. • Ada seorang gadis kecil yang tersenyum seraya melambai-lambaikan tangannya. • Terdapat menu dari aplikasi ini yaitu Jarimatika Penambahan dan Pengurangan dan Jarimatika Perkalian dan Pembagian. 3. Scene 3 halaman menu Jarimatika Penambahan dan Pengurangan • Terdapat judul “Jarimatika Penambahan dan Pengurangan” yang dimunculkan dengan animasi motion tween. • Terdapat awan-awan yang bergerak secara acak, dimana awan-awan tersebut berisi tulisan aturan tangan Jarimatika dan menu-menu yang ada pada Jarimatika Penambahan dan Pengurangan yaitu Penambahan dan Pengurangan Sederhana 1, Penggunaan Jempol, Penambahan dan Pengurangan Sederhana 2, Teman Kecil dan Teman Besar. • Terdapat button untuk kembali ke halaman sebelumnya. 4. Scene 4 Halaman Aturan Tangan Jarimatika Penambahan dan Pengurangan • Terdapat tulisan judul dari halaman tersebut yaitu Aturan Tangan Jarimatika untuk Penambahan dan Pengurangan yang dimunculkan dengan animasi motion tween. commit to user • Terdapat formasi-formasi jari tangan pada Jarimatika Penambahan dan Pengurangan yang berupa button sehingga apabila ditekan maka akan keluar animasi gambarnya. • Terdapat button untuk kembali ke halaman sebelumnya dan untuk menuju ke halaman selanjutnya yaitu Contoh Penerapan. 5. Scene 5 Halaman Contoh Penerapan • Terdapat contoh penerapan formasi jari tangan Jarimatika yang menunjukkan angka tertentu. 6. Scene 6 Halaman Penambahan dan Pengurangan Sederhana 1 • Terdapat tulisan judul halaman tersebut yaitu Penambahan dan Pengurangan Sederhana 1 yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 7. Scene 7 Halaman Penggunaan Jempol • Terdapat tulisan judul halaman tersebut yaitu Penggunaan Jempol yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 8. Scene 8 Halaman Penambahan dan Pengurangan Sederhana 2 • Terdapat tulisan judul halaman tersebut yaitu Penambahan dan Pengurangan Sederhana 2 yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. commit to user • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 9. Scene 9 Halaman Teman Kecil • Terdapat tulisan judul halaman tersebut yaitu Teman Kecil yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat submenu yang ada dalam menu Teman Kecil yaitu Formula 1A Teman Kecil di Penambahan dan Formula 1B Teman Kecil di Pengurangan. 10. Scene 10 Halaman Formula 1A Teman Kecil di Penambahan • Terdapat tulisan judul halaman tersebut yaitu Formula 1A Teman Kecil di Penambahan yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 11. Scene 11 Halaman Formula 1B Teman Kecil di Pengurangan • Terdapat tulisan judul halaman tersebut yaitu Formula 1B Teman Kecil di Pengurangan yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 12. Scene 12 Halaman Teman Besar • Terdapat tulisan judul halaman tersebut yaitu Teman Besar yang dimunculkan dengan animasi motion tween. commit to user • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat submenu yang ada dalam menu Teman Besar yaitu Formula 2A Teman Besar di Penambahan dan Formula 2B Teman Besar di Pengurangan. 13. Scene 13 Halaman Formula 2A Teman Besar di Penambahan • Terdapat tulisan judul halaman tersebut yaitu Formula 1A Teman Kecil di Penambahan yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 14. Scene 14 Halaman Formula 2B Teman Besar di Pengurangan • Terdapat tulisan judul halaman tersebut yaitu Formula 1B Teman Kecil di Pengurangan yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 15. Scene 15 halaman menu Jarimatika Perkalian dan Pembagian • Terdapat judul “Jarimatika Perkalian dan Pembagian” yang dimunculkan dengan animasi motion tween. • Terdapat bola-bola yang bergerak secara acak, dimana bola-bola tersebut berisi tulisan aturan tangan Jarimatika dan menu-menu yang ada pada Jarimatika Perkalian dan Pembagian yaitu Perkalian Kelompok Dasar dan Pembagian 2 Digit : 1 Digit. • Terdapat button untuk kembali ke halaman sebelumnya. commit to user 16. Scene 16 Halaman Aturan Tangan Jarimatika Perkalian dan Pembagian • Terdapat tulisan judul dari halaman tersebut yaitu Aturan Tangan Jarimatika untuk Perkalian dan Pembagian yang dimunculkan dengan animasi motion tween. • Terdapat formasi-formasi jari tangan pada Jarimatika Perkalian dan Pembagian yang dimunculkan dengan animasi motion tween. 17. Scene 17 Halaman Perkalian Kelompok Dasar • Terdapat tulisan judul halaman tersebut yaitu Perkalian Kelompok Dasar yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. 18. Scene 18 Halaman Pembagian 2 Digit : 1 Digit • Terdapat tulisan judul halaman tersebut yaitu Pembagian 2 Digit : 1 Digit yang dimunculkan dengan animasi motion tween. • Terdapat formasi-formasi jari tangan pada Jarimatika Perkalian dan Pembagian yang dimunculkan dengan animasi motion tween. • Terdapat button yang bertuliskan Contoh Penerapan yang berfungsi sebagai link ke halaman Contoh Penerapan. 19. Scene 19 Halaman Contoh Pembagian • Terdapat tulisan judul halaman tersebut yaitu Contoh Pembagian yang dimunculkan dengan animasi motion tween. • Terdapat beberapa instruksi-instruksi singkat yang berupa tulisan dan disertai dengan suara. • Terdapat contoh soal dan pembahasannya disertai dengan video peraga untuk memperjelas tentang pembahasan soal yang dilakukan secara langsung memakai tangan manusia. commit to user 20. Scene 20 Halaman Latihan Soal • Berisi 10 latihan soal yang pada bagian akhir terdapat hasil skor. • Tampilan soal dibuat diatas gambar papan tulis yang disampingnya berdiri seorang gadis kecil. 21. Scene 21 Halaman Video • Berisi tampilan video tentang pembahasan contoh soal yang terdapat dalam tiap-tiap menu Jarimatika yang diperagakan secara lansung memakai tangan manusia. • Tampilan halaman berupa sebuah televisi yang didalamnya ditampilkan video pembahasan tersebut.

E. Storyboard