Gambar 4.19 Tampilan menu data admin
2. Tampilan Halaman User
a Home
Berikut output halaman utama user yang dihasilkan sistem :
Gambar 4.20 Tampilan menu home user
Halaman ini merupakan halaman yang pertama kali diakses oleh user setelah berhasil melakukan proses login. Pada halaman
ini, pengguna akan ditampilkan halaman yang berisi sambutan dan profil user. Pada halaman ini juga sudah terdapat menu-menu
pilihan sistem yang dapat diakses oleh pengguna.
b Profil Mahasiswa
Halaman ini merupakan halaman yang berisi data profil user atau mahasiswa. Pada halaman ini, pengguna dapat melakukan
edit profil diri serta merubah kombinasi password awal sesuai keinginan user. Berikut output profil mahasiswa yang dihasilkan
sistem :
Gambar 4.21 Tampilan menu profil mahasiswa
c Surat
Berikut output halaman surat yang dihasilkan sistem :
Gambar 4.22 Tampilan menu data surat user
Halaman ini merupakan halaman yang berisi pilihan menu surat. Pada halaman ini, user dapat memilih berbagai macam
menu surat sesuai kebutuhan user. Dalam halaman ini pengguna dapat melakukan pemilihan data surat yang diinginkan dan
selanjutnya melakukan proses input data yang nantinya akan diolah oleh admin menjadi printout surat. Dalam menu ini
pengguna juga dapat melihat status proses surat yang telah dikirim ke sistem.
3. Tampilan Responsive
Tampilan responsive ini hanya dapat diakses oleh user yang dalam hal ini adalah user mahasiswa dan tidak berlaku untuk admin.
Tampilan responsive diindikasikan untuk para pengguna sistem surat menyurat yang mengakses sistem melalui media smartphone atau
mobile. Tampilan responsive ini akan mengikuti kondisi layar mobile pengguna.
Berikut tampilan responsive sistem aplikasi penyuratan :
a Tampilan home responsive
Gambar 4.23 Tampilan home user responsive
Tampilan home responsive ini adalah halaman utama saat pengguna atau mahasiswa berhasil melakukan login pada sistem
pembuatan surat menyurat menggunakan media web browser mobile pada device smartphone.
b Tampilan profil mahasiswa responsive
Gambar 4.24 Tampilan profil mahasiswa responsive
Tampilan gambar diatas adalah tampilan data pribadi mahasiswa dengan menggunakan media selular yang menghasilkan tampilan web
responsive.
c Tampilan data surat responsive
Gambar 4.25 Tampilan data surat responsive
Tampilan gambar diatas adalah tampilan data menu pembuatan surat menyurat yang berhasil diakses melalui media smartphone
sehingga tampilan data menu surat ini mengikuti layar device smartphone user.
4.4.3. Pengujian sistem menggunakan Black Box Testing