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