144
sesuai dengan kata yang dimasukkan, serta memberikan fasilitas menampilkan tasrif lengkap dari kata yang diinputkan, selain itu sistem ini
juga memberikan fasilitas informasi-informasi penting baik yang berhubungan dengan bahasa Arab, Ilmu Sharaf maupun yang berhubungan
dengan sistem.
4.2.3.1. Desain Tampilan Awal
Gambar 4.26. Tampilan Login
Keterangan gambar : Tampilan di atas merupakan tampilan awal aplikasi tashrif istilahi pada
Ilmu Sharaf. Halaman ini muncul sebagai akses user untuk bisa menggunakan aplikasi tashrif istilahi. Terdiri dari form login dan link
menu daftar. Menu Login
Footer Scrool Text
User Name : Password :
Login Reset
Belum Jadi Anggota? Daftar
145
Penjelasannya adalah sebagai berikut : a. Form Login memiliki fungsi untuk mengisi status pengguna, dan
password yang sudah didaftarkan, agar bisa masuk ke halaman aplikasi tashrif istilahi.
b. Link menu daftar memiliki fungsi untuk menampilkan form registrasi user jika belum melakukan registrasi atau pendaftaran.
Jika di klik button login maka user akan dibawa ke tampilan index, tetapi apabila pengisian username dan password salah maka user akan
diberi pesan “User ID belum terdaftar Back”. Ketika di klik link “Back” user akan dibawa ke tampilan awal.
Gambar 4.27. Pesan Gagal Login
Jika di klik link daftar, maka user akan dibawa pada tampilan daftar yang berfungsi untuk registrasi user.
User ID belum terdaftar Back
146
Gambar 4.28. Tampilan Form Pendaftaran
Keterangan gambar : Gambar di atas merupakan gambar tampilan halaman daftar. Halaman
ini berisikan form pendaftaran user untuk bisa melakukan login dan masuk ke aplikasi tashrif istilahi. Form pendaftaran antara lain terdiri
dari nama lengkap, email, user ID, dan password. Jika sudah melakukan pengisian form maka user bisa klik daftar, bisa diulang
untuk melakukan pendaftaran ulang. Berikut adalan tampilan keterangan jika telah sukses melakukan pendaftaran.
Form Pendaftaran
Footer Scrool Text
Login Reset
Sudah Jadi Anggota? Login
Email : Nama Lengkap :
User ID : Password :
147
Gambar 4.29. Tampilan Verifikasi Registrasi Sukses
Gambar 4.30. Tampilan Verifikasi Registrasi Gagal
Pendaftaran Berhasil, Silahkan Login
User ID sudah terdaftar Back
148
4.2.3.2. Desain Tampilan Beranda Home
