89
Pada halaman awal seperti tampak pada gambar 3.22, diperlukan dua inputan yaitu,
a. Username [textbox] : string
b. Password [textbox] : string input hanya menampakkan tanda
bulat hitam Selain dua inputan tersebut, terdapat lagi satu tombol, yaitu Login,
untuk meminta sistem melakukan proses autentikasi terhadap inputan yang sudah dimasukkan, dan Register, untuk meminta sistem membuka
halaman pendaftaran akun.
3.5.2 Rancangan Antarmuka Halaman Registrasi
Halaman registrasi seperti tampak pada gambar 3.23, disediakan bagi calon Pengguna yang ingin mendaftarkan akunnya. Ada 4 inputan
data yang diperlukan dan berikut adalah desain rancangannya.
Gambar 3.26 Rancangan Antarmuka Halaman Registrasi
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
90
Terdapat 4 inputan dalam desain antarmuka halaman registrasi di atas, yaitu :
a. Username [textbox] : string
b. Nama Lengkap [textbox] : string
c. Password [textbox] : string
d. Verifikasi password [textbox] : string [mengetik ulang Password]
Selain inputan teks, ada dua tombol, yaitu Reset, untuk pengulangan pengisian dari awal proses registrasi, dan satu lagi yaitu
Tambah, untuk konfirmasi inputan yang telah diisi dan sekaligus memerintahkan sistem untuk memasukkan data yang telah diinputkan
disimpan ke database.
3.5.3 Rancangan Antarmuka Halaman Beranda
Halaman beranda atau lebih dikenalnya sebagai halaman menu utama atau Homepage merupakan halaman dimana setelah pengguna
berhasil login , maka sistem akan menampilkan halaman utama yang merupakan lanjutan tahapan dari sistem itu sendiri.
Jika setelah login, dan tampil halaman beranda, namun pengguna hendak membatalkan aktifitas manajemen surat, maka pengguna dapat
keluar dari sistem dengan memilih icon “Logout”. Dan pengguna akan
keluar dari sistem, selanjutnya pilih Exit untuk menutup lembar halaman Sistem Informasi Manajemen Surat ini, ataupun pengguna dapat memilih
icon silang pada pojok kanan atas untuk langsung keluar tanpa konfirmasi
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
91
dari sistem itu sendiri. Rancang tampilan halaman utama atau beranda dari Sistem Informasi Manajemen Surat ini dapat dilihat pada gambar
3.24.
Gambar 3.27 Rancangan Antarmuka Halaman Beranda
Tampilan antarmuka di atas merupakan halaman utama dari pada Sistem Informasi Manajemen Surat itu sendiri. Pada tampilan tersebut di
sebutkan bahwa terdapat nama pengguna beserta nama lengkapnya.
3.5.4 Rancangan Antarmuka Halaman Ubah Password
