4.3.5. Desain Interface
Desain interface perancangan sistem pembuatan surat ini meliputi : a.
Interface halaman sebelum login
Interface halaman sebelum adalah tampilan aplikasi sistem untuk user dan admin yang belum melakukan login. Dalam
tampilan aplikasi sistem ini bisnis proses yang ada hanya tampilan untuk melakukan login untuk user dan
administrator. Pada halaman ini user yang telah teregistrasi oleh admin dapat melukakan proses yang tedapat dalam
sistem ini.
Gambar 4.9 interface sebelum login
b. Interface halaman Admin setelah login
Interface halaman admin ini adalah tampilan setelah admin melakukan login. Dengan tampilan beberapa menu yang
hanya dapat diakses oleh admin. Segala proses pada halaman admin ini yang memiliki hak penuh dalam proses
yang terdapat dalam sistem seperti mencetak surat dan menambah user.
Gambar 4.10 Interface halaman admin
Keterangan : 1 Home
Menu ini adalah halaman utama saat admin telah melakukan login.
2 Program Studi Menu ini berisikan informasi input program studi
yang dapat ditambah ataupun dihapus. Hak akses sejauh ini dalam sistem adalah prodi Teknik
Informatika. 3 Data Mahasiswa
Menu ini adalah berisi input data mahasiswa atau user yang dapat ditambah atau dikurang dalam
database admin.
4 Data Surat Menu ini adalah berisikan informasi data surat yang
telah di input oleh user dan siap untuk di cetak oleh admin.
5 Data Admin Menu ini adalah berisikan data-data dari admin yang
dapat di tambah, dikurang dan di ubah 6 Logout
Menu ini adalah untuk proses keluar dari sistem.
c. Interface halaman user
Interface ini berisi tampilan menu user yang sudah melakukan login. Interface ini berisi beberapa tampilan
yang dapat di gunakan untuk memproses surat.
Gambar 4.11 Interface halaman user
Keterangan : 1 Home
Menu ini adalah halaman utama saat user telah login.
2 Profil Mahasiswa Menu ini berisikan data lengkap user yang dapat di
ubah atau edit dan dapat ubah password yang digunakan user saat awal login.
3 Surat Menu ini berisikan pilihan surat yang dapat
digunakan oleh user yang selanjutnya dikirim ke admin setelah sebelumnya user melakukan pengisian
data untuk selanjutnya diproses oleh admin. 4 Logout
Menu ini adalah untuk proses keluar dari sistem.
d. Interface halaman user responsive setelah login
Interface ini berisi tampilan menu user yang sudah melakukan login melalui media web browser mobile.
Tampilan interface ini berisi beberapa tampilan yang dapat di gunakan untuk memproses surat. Tampilan ini mengacu
pada ukuran layar mobile yang dimiliki user. Tampilan interface ini bersifat responsive yang mengacu pada device
yang dipakai oleh user.
Gambar 4.12 Interface user responsive setelah login
Keterangan: 1 Home
Menu ini adalah halaman utama saat user telah login.
2 Profil Mahasiswa Menu ini berisikan data lengkap user yang dapat di
ubah atau edit dan dapat ubah password yang digunakan user saat awal login.
3 Surat Menu ini berisikan pilihan surat yang dapat
digunakan oleh user yang selanjutnya dikirim ke admin setelah sebelumnya user melakukan pengisian
data untuk selanjutnya diproses oleh admin.
4 Logout Menu ini adalah untuk proses keluar dari sistem.
4.4. Construction