Pemetaan Fungsi Aplikasi dan Storyboard Rancangan Storyboard

3.2 Rancangan Intarface

Rancangan interface merupakan mekanisme komunikasi antarmuka yang menunjukkan hubungan langsung antara system dengan pengguna system atau actor dari aniasi gerakan shalat.

3.2.1 Pemetaan Fungsi Aplikasi dan Storyboard

Berikut ini merupakan rincian dari masing-masing fungsi menu dengan layer storyboard pada aplikasi animasi gerakan shalat. Tabel 3.1 Fungsi Pada Layer Game No FungsiMe nu aplikasi Proses Deskripsi 1 About View about Button yang berfungsi menampilkan layar pengenalan animasi gerakan shalat. 2 Play View play Button yang berfungsi menampilkan layar tampilan animasi gerakan shalat. 3 Back View Back Button yang berfungsi menampilkan layar yang ditampilkan kembali setelah memilih meu. 4 Home View Home Button yang berfungsi menampilkan layar awal menu utama. 5 Exit View Exit Button yang berfungsi menampilkan untuk keluar dari dari apilkasi. Universitas Sumatera Utara

3.2.2 Rancangan Storyboard

1. Layar Intro Gambar 3.9 Rancangan Layar Intro Animasi Gerakan Shalat Layar intro akan ditampilkan ketika animasi gerakan shalat akan dimulai. Disini akan menampilkan bakcground animasi gerakan shalat, tampilan menu utama dan berbagai animasi yang melengkapi tampilan animasi gerakan shalat seperti animasi awan, animasi anak, animasi pohon dan animasi rumput. 2. Layar Menu Layar menu merupakan aplikasi yang menampilkan empat buah menu pilihan yang dapat dipilih oleh actor yaitu button rukun shalat, button shalat fardhu, button about, button exit. Pada layar ini menampilkan animasi awan,animasi anak, animasi pohon, animasi rumput yang bergerak sederha. Gambar Background Animasi Gerakan Shalat Text Title Animasi Intro Animasi Gerakan Shalat Universitas Sumatera Utara Gambar 3.10 Rancangan Layar Menu Animasi Gerakan Shalat 3. Layar Rukun Shalat Gambar 3.10 Rancangan Layar Rukun shalat Aplikasi Gerakan Shalat Gambar Background Animasi Gerakan Shalat Text Title Animasi Gerakan Shalat Animasi Awan Animasi Anak Animasi Pohon Animasi Rumput Shalat fardhu About Exit Rukun shalat Back Exit Text Title Animasi Gerakan Shalat Animasi Awan Animasi Anak Animasi Pohon Animasi Rumput 13 Rukun Shalat Universitas Sumatera Utara Layar rukun shalat merupakan layar yang menampilkan tiga belas rukun shalat dan menampilkan dua buah pilihan menu yaitu menu back dan menu exit. Pada layar ini menampilkan animasi awan, animasi anak, animasi pohon dan animasi rumput. 4. Layar Shalat Fardhu Gambar 3.11 Rancangan Layar Shalat Fardu Aplikasi Animasi Gerakan Shalat Gambar 3.11 Rancangan Layar Shalat Fardhu Aplikasi Animasi Gerakan Shalat Layar rukun shalat dapat merupakan layar yang dapat di akses oleh pemain dengan memilih button rukun shalat. Pada layar ini berisi gerakan- gerakan shalat fardhu dan terdapat dua buah menu yaitu button back dan button exit. Layar ini dilengkapi dengan animasi awan, animasi anak, animasi pohon dana animasi rumput. Shalat Fardhu Back Exit Animasi Awan Animasi Anak Animasi Rumput Animasi Pohon Zhuhur Ashar Maghrib bb Isya Subuh Universitas Sumatera Utara 5. Layar About Gambar 3.12 Rancangan Layar About Aplikasi Animasi Gerakan Shalat Layar about merupakan layar yang dapat diakses oleh pemain dengan memilih button about. Pada layar ini berisi Keterangan mengenai animasi gerakan shalat. Button back pada layar ini berfungsi untuk memanggil kembali layar menu utama, button exit berfungsi untuk keluar dari tampilan layar about, dan button home berfungsi untuk kembali ke layar menu utama. Gambar Background Animasi About Aplikasi Gerakan Shalat Text Title Animasi Gerakan Shalat Text Animasi About Aplikasi Animasi Gerakan Shalat Exit Back Universitas Sumatera Utara

BAB 4 IMPLEMENTASI SISTEM

4.1 Hasil