commit to user
i
Animasi judul aplikasi
EXIT
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
tombol tombol
Home
Gambar 3.8 Rancangan halaman huruf
hijaiyyah
3.6.4 Rancangan Halaman Tanda Baca
Halaman tanda baca ini terdapa lima sub
menu
yang terdapat di tengah aplikasi, antara lain tanda baca baris satu, tanda baca baris dua, tanda
baca mati, tanda baca ganda, tanda baca panjang. Pada bagian bawah terdapat dua tombol, yaitu tombol
home
dan
exit.
Tombol
home
digunakan untuk kembali ke halaman utama , dan tombol
exit
untuk keluar aplikasi. Rancangan Tampilan halaman tanda baca seperti gambar 3.9
Animasi judul aplikasi
EXIT Home
tombol tombol
tombol tombol
tombol
Gambar 3.9 Rancangan Tampilan halaman tanda baca
commit to user
i
3.6.5 Rancangan Tampilan Halaman Tanda Baca Baris Satu
Pada halaman sebelumnya terdapat tombol tanda baca baris satu yang akan mengarah kehalaman ini, apabila di pilih maka terdapat penjelasan dan
contoh tanda baca baris satu. Di bagian kiri bawah terdapat tombol kembali yang berfungsi untuk kembali ke halaman sebelumnya.
Rancangan Tampilan Halaman Tanda Baca Baris Satu pada gambar 3.10
Animasi judul aplikasi
contoh Penjelasan
kembali
Gambar 3.10 Rancangan Tampilan Halaman Tanda Baca Baris Satu 3.6.6
Rancangan Tampilan Halaman Tanda Baca Baris Dua
Pada halaman sebelumnya terdapat tombol tanda baca baris dua yang akan mengarah kehalaman ini, apabila di pilih maka terdapat penjelasan dan
contoh tanda baca baris dua. Di bagian kiri bawah terdapat tombol kembali yang berfungsi untuk kembali ke halaman sebelumnya.
Rancangan Tampilan Halaman Tanda Baca Baris Dua pada gambar 3.11
commit to user
i
Animasi judul aplikasi
contoh Penjelasan
kembali
Gambar 3.11 Rancangan Tampilan Halaman Tanda Baca Baris Dua 3.6.7
Rancangan Tampilan Halaman Tanda Baca Mati
Pada halaman sebelumnya terdapat tombol tanda baca mati yang akan mengarah ke halaman ini, apabila dipilih maka terdapat penjelasan dan
contoh tanda baca mati. Di bagian kiri bawah terdapat tombol kembali yang berfungsi untuk kembali ke halaman sebelumnya.
Rancangan Tampilan Halaman Tanda Baca Mati pada gambar 3.12
Animasi judul aplikasi
contoh Penjelasan
kembali
Gambar 3.12 Rancangan Tampilan Halaman Tanda Baca Mati
commit to user
i
3.6.8 Rancangan Tampilan Halaman Tanda Baca Ganda
