Desain Tampilan Beranda Home Desain Halaman Belajar - Belajar Sharaf

148

4.2.3.2. Desain Tampilan Beranda Home

Gambar 4.31. Tampilan Index Home Keterangan gambar : Pada bagian pilihan menu terdapat enam pilihan menu. Enam pilihan menu tersebut antara lain : a. Button home, memiliki fungsi menampilkan halaman utama. Memiliki link ke halaman lain yaitu informasi tentang Ilmu Sharaf, dan di halaman Ilmu Sharaf memiliki link ke tsulasi mujarrod. b. Button belajar, memiliki fungsi menampilakn halaman belajar sharaf dimana user bisa menemukan fi’il madhi, fi’il mudhori’ asli dari kata yang diinputkan, menemukan wazan yang sesuai dengan kata yang diinputkan, mengetahui tashrif lengkap dari kata yang diinputkan dan Footer Scrool Text Header Home Belajar About Guest Logout Welcome Screen dan Pengantar Aplikasi Tashrif Istilahi pada Ilmu Sharaf berbasis web 149 help berisi informasi tentang cara penggunaan aplikasi tashrif istilahi ini. c. Button about, memiliki fungsi menampilkan halaman about me menampilkan profil dari pembuat aplikasi ini, contact menampilkan informasi kontak dari pembuat aplikasi ini, dan maintenance menampilakan insert, update serta delete yang hanya bisa diakses khusus oleh si admin. d. Button guest, memiliki fungsi menampilakn halaman form guest book yang akan diisi oleh user. e. Button logout, untuk mengakhiri penggunaan aplikasi.

4.2.3.3. Desain Halaman Belajar - Belajar Sharaf

Gambar 4.32. Tampilan Belajar Belajar Sharaf Footer Scrool Text Header Home Belajar About Guest Logout Masukkan Fi’il : Proses 150 Keterangan gambar : Tampilan belajar ini terdiri dari text field yang nantinya akan diisi oleh user dengan fi’il. Kemudian tombol proses akan memproses data yang diinputkan yang nantinya akan membawa user ke tampilan sebagai berikut : Gambar 4.33. Tampilan Belajar2 bentuk asli dari kata yang diinputkan Keterangan gambar : Tampilan belajar2 ini terdiri dari tabel memberikan informasi kepada user tentang fi’il madhi dan fi’il mudhori’ hasil dari kata yang diinputkan, button tampil wazan, dan button tampilkan tashrif lengkap dari kata yang diinputkan. Apabila button tampil wazan di klik, maka akan menghasilkan tampilan sebagai berikut : Scrool Text Header Home Belajar About Guest Logout Bentuk Asli Dari Tampilkan Wazan Dari Tampilkan Tashrif Lengkap Dari Footer 122 151 Gambar 4.34. Tampilan Belajar3 wazan dari kata yang diinputkan Keterangan gambar : Tampilan belajar3 ini terdiri dari tabel memberikan informasi kepada user tentang wazan hasil dari kata yang diinputkan, dan button tampilkan tashrif lengkap dari kata yang diinputkan. Apabila button tampilkan tashrif lengkap di klik, maka akan menghasilkan tampilan sebagai berikut : Scrool Text Header Home Belajar About Guest Logout Wazan Dari Kata Tampilkan Tashrif Lengkap Dari Footer 123 152 Gambar 4.35. Tampilan Belajar4 tashrif lengakap dari kata yang diinputkan Keterangan gambar : Tampilan belajar4 ini terdiri dari tabel memberikan informasi kepada user tentang tashrif lengkap hasil dari kata yang diinputkan. Scrool Text Header Home Belajar About Guest Logout Tashrif Dari Kata Footer 124 153 - Tampilan Belajar Help Gambar 4.36. Tampilan Belajar Help Keterangan gambar : Tampilan help ini memberikan informasi tentang tata cara penggunaan aplikasi ini.

4.2.3.4. Desain Halaman About