BAB IV IMPLEMENTASI
4.3 Implementasi User Interface
Setelah perancangan desain antarmuka yang dilakukan pada bab sebelumnya selesai, maka pada bab ini akan diimplementasikan desain antarmuka yang telah dibuat pada bab sebelumnya. Dimana dalam perancangan dijelaskan ada 3 menu utama dan 3 menu tambahan yang disediakan dalam aplikasi ini yang dapat dipilih oleh user selain menu utama juga terdapat beberapa menu lain yang disediakan dalam aplikasi ini yaitu menu setting yang di dalamnya user dapat mengatur tampilan yang diinginkan oleh user, diantaranya adalah sebagai berikut :
1. Halaman Judul akan tampil pertama kali dilayar handphone ketika aplikasi ini dijalankan sebagai awal untuk masuk dalam aplikasi ini. 2. Halaman Menu Hadistyang di antaranya menu doa, menu hadist,
menu akhlaq islami, help, about, dan exit. Menu tersebut terdapat dalam satu form dimana user dapat memilih salah satu menu.
3. Halaman menu doa dimana pada menu tersebut terdapat banyak pilihan menu doa.
4. Halaman menu Hadist dimana pada menu tersebut terdapat beberapa pilihan menu hadist.
5. Halaman menu Akhlaq islami dimana pada menu tersebut terdapat beberapa pilihan menu Akhlaq islami.
6. Pada aplikasi ini juga terdapat fitur tambahan untuk pengucapan doa yang bisa kita dengar.
4.3.1 Tampilan Icon Aplikasi Hadist Pada Device
Pada Halaman handphone ini dapat dilihat bahwa icon Hadist ada, berarti aplikasi sudah terinstal pada device tersebut
Gambar 4.1 Tampilan Icon Hadist
Untuk dapat menggunakan aplikasi tersebut user hanya butuh untuk meng-klik 2 kali pada icon maka aplikasi Hadist android ini sudah dapat digunakan dan user dapat menerjemakan sesuai dengan menu yang dipilh user yang terdapat pada aplikasi Hadist atau doa ini.
4.3.2 Tampilan Awal Aplikasi Hadist
Tampilan awal pada Aplikasi Al Hadist setealh memilih icon Doa dalam Hadist
Gambar 4.2 Tampilan Awal Aplikasi
Halaman ini merupakan halaman awal dimana halaman ini akan muncul setelah user meng-klik 2 kali pada icon Hadist.akan tampilan informasi nama Hadist atau project yang dibuat kemudian apabila ingin lanjut klik satu kali pada background.
4.3.3 Halaman Menu
Halaman Utama Menu dari Aplikasi doa Berdasarkan Al Hadist yang terdapat enam pilihan menu.
Gambar 4.3 Halaman Menu
Halaman menu pada aplikasi Hadist android ini sebenarnya terdapat dalam satu form dengan menu yang lain, yaitu menu doa, Hadist, Akhlaq, Help, About, dan exit. Namun jika dipilih salah satu maka menu – menu tersebut akan memiliki fungsi yang berbeda. Pada menu ini user harus klik salah satu sesuai dengan ke inginan.
4.3.4 Halaman Menu Doa
Halaman search Doa yang ada setelah user memilih menu Doa sehingga di munculkan sesuai pilihan.
Gambar 4.4 Halaman Menu Doa
Menu doa ini untuk menampilkan isi – isi doa apa saja yang ada di aplikasi hadist yakni ( doa bangun tidur, doa menjelang pagi, doa masuk kamar mandi, doa keluar kamar mandi, doa masuk masjid, keluar masjid, doa berpakaian, doa bercermin, dan lain – lain ) kemudian apabila user ingin memilih salah satu doa tinggal di klik satu kali atau apabila user ingin mencari doa yang diinginkan tinggal mengetik pada fitur filer atau search yang sudah ada, setelah itu user akan di berikan display atau output doa. Jika user salah memilih maka user akan di beri peringatan.
Gambar 4.5 Halaman salah satu output doa
Kemudian di dalam display terdapat fitur yakni audio yang memberikan voice agar kita bisa mendengar alunan doa yang berdasarkan hadist
Gambar 4.6 Fitur Audio
Gambar diatas adalam menu button untuk membantu user dalam menjalankan audionya
4.3.5 Halaman Menu Hadist
Halaman menu Hadist juga terdapat pilihan menu yang lain. Namun pada menu ini berbeda dengan menu doa yang memberikan macam – macam doa dan sebaliknya, namun pada menu ini user akan di berikan hadist pilihan yang berdasakan shahih meliputi Hadist rukun islam, Hadist memberi salam kepada yang lebih tua, hadist berbakti kepada orang yang menahan marah, Hadist perbuatan baik itu sedekah, Hadist larangan mencaci sesame muslim, Hadits larangan marah, dan lain – lain. Kemudian apabila user ingin memilih salah satu Hadist tinggal di klik satu kali , setelah itu user akan di berikan display atau output Hadist. Selain itu sama seperti doa yang memberikan fitur audio supaya user dapat mendengar alunan Hadist yang di bacakan.
Kemudian apabila user ingin memilih salah satu Hadist tinggal di klik satu kali , setelah itu user akan di berikan display atau output Hadist. Selain itu sama seperti doa yang memberikan fitur audio supaya user dapat mendengar alunan Hadist yang di bacakan
Gambar 4.8 Halaman salah satu display hadist
Gambar diatas adalah tampilan hasil dari halaman menu hadist pilihan yang setelah user memilih menu tersebut.
4.3.6 Tampilan Menu Akhlaq
Halaman ini merupakan menu Akhlaq juga terdapat pilihan menu antara lain menghormati dan menyayangi ayah ibu, membantu ayah dan ibu, mendoakan ayah ibu, menghormati kakak dan menyanyangi adik, menghormati tamu, menghormati tetangga, berkata baik, dan lain – lain.
.
Namun pada menu ini berbeda dengan kedua menu yang memberikan macam – macam doa dan hadist, namun pada menu ini user akan di berikan Akhlaq islami dalam kehiduapa Rasulullah saw. Kemudian apabila user ingin memilih salah satu Akhlaq tingal di klik satu kali..
Gambar 4.10 Halaman salah satu menu Akhlaq
Setelah itu user akan di berikan display atau output Akhlaq , selain tiga menu utamauntuk menampilkan masing – masing fungsinya , dapat dilihat pada menu awal terdapat tiga pilihan menu yang masing – masing mempunyai fungsi
berbeda yaitu menu help, about, dan juga exit yang diantarnya berfungsi membantu user dalam menjalankan aplikasi ini
4.3.7 Tampilan Menu Help Aplikasi Hadist
Dari halaman menu help akan di beri bantuan mengenai tata cara menggunakkan aplikasi doa berdasarkan Hadist
Gambar diatas merupakan tampilan untuk menu Help, yang jika user memilih menu ini akan muncul display atau output untuk membantu user dalam menjalankan aplikasi Hadist ini.
4.3.8 Tampilan About Aplikasi
Dari halaman menu about akan di beri tampilan atau output tentang pembuat aplikasi doa yang berdasarkan Hadist.
Desain antar muka sistem aplikasi Hadist android untuk menu about ini sangat sederhana, jika memilih menu ini hanya akan menampilkan profil singkat dari aplikasi kamus android.
.