Button Menu Utama Button Exit Button Home Button kembali Button next dan preview Button Tatacara Button contoh

91

5.2.1. Button Menu Utama

Button menu utama ini ketika disentuh maka akan berputar seperti roda searah jarum jam dan ketika di klik akan masuk kemenu yang di tuju. Adapula yang ketika di sentu akan berubah warna dari warna kuning menjadi putih. Gambar 5-4 Animasi perubahan pada Button menu utama sumber gambar pribadi

5.2.2. Button Exit

Button exit terdapat pada menu utama. Button ini akan berubah warna dari kuning menjadi hijau ketika di sentuh dan akan menutup aplikasi ketika di klik. Gambar 5-5 Animasi perubahan pada button exit sumber gambar pribadi Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 92

5.2.3. Button Home

Button home berada di sisi kanan bawah dan akan berubah warna ketika di sentuh dari kuning menjadi hijau dan akan masuk ke menu utama ketika di klik. Gambar 5-6 Animasi perubahan pada button Home sumber gambar pribadi

5.2.4. Button kembali

Button back berada di sisi kiri bawa sejajar dengan button home dan akan berubah warna ketika di sentuh dana akana masuk ke sub menu home atau menu utama. Gambar 5-7 Animasi perubahan pada button back sumber gambar pribadi

5.2.5. Button next dan preview

Button next dan preview berada di sisi kanan dan kiri bawah dan akan berubah warna ketika di sentuh dan akan masuk ke halaman berikutnya dan halaman sebelumnya ketika di klik. Gambar 5-8 Animasi perubahan pada button next dan preview sumber gambar pribadi Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 93

5.2.6. Button Tatacara

Button tatacara ini berada di ditiap-tiap contoh tatacara beribadah haji dan terdapat animasi dan ilustrasi cara berhaji yang benar. Button juga akan berubah warna ketika di sentuh dan akan masuk kemenu yang di tuju ketika di klik. Gambar 5-9 Animasi perubahan pada button contoh sumber gambar pribadi

5.2.7. Button contoh

Button contoh ini berada di ditiap-tiap contoh dan penulisanya menggunakan huruf arab, Dan akan berubah warna ketika di sentuh dan akan masuk kemenu yang di tuju atau mengeluarkan audio sesuai dengan contohnya ketika di klik. Gambar 5-10 Animasi perubahan pada button contoh sumber gambar pribadi Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 94

5.3. Desain CD Interaktif