Antarmuka Pengguna Sistem

Sistem Pegawai memiliki antar muka yang responsif. Pengguna dapat mengakses dan menggunakan sistem melalui tipe tampilan apa saja, seperti PC, laptop, tablet, smartphone, dan device lainnya.


Tampilan PC/Laptop Tampilan Tablet Deskripsi Gambar 3

Antarmuka Masuk

Gambar Antarmuka Masuk
Gambar Antarmuka Masuk


Berikut adalah penjelasan pada gambar antarmuka masuk sistem:

  1. Nama Sistem
  2. Logo dan Keterangan Singkat
  3. NPPY dan Password Pengguna
  4. Tombol Masuk
  5. Nama Lembaga dan Versi Sistem

Antarmuka Sistem

Gambar Antarmuka Sistem
Gambar Antarmuka Sistem


Penjelasan dari gambar antarmuka sistem di atas adalah sebagai berikut:

  1. Navbar sebagai navigasi dasar untuk antarmuka Sistem Pegawai.

    • Ikon bars ( ) berfungsi untuk menghilangkan dan menampilkan sidebar.
    • Ikon maximize ( ) untuk menjadikan tampilan penuh dengan sistem.
    • Ikon bell ( ) untuk menampilkan notifikasi yang dimiliki pengguna.
    • Ikon tiga titik vertikal ( ) untuk menampilkan opsi menu navigasi pengguna.
  2. Sidebarsebagai navigasi menu Sistem. Berisi logo, kolom pencarian menu, dan menu-menu sistem seperti dasbor, kehadiran, karir, profil, kotak saran, dan lain-lain.

  3. Bodyarea tempat seluruh informasi dimuat dan ditampilkan kepada pengguna Sistem. Bisa berupa tabel, infografis, kartu, dan sebagainya.

Antarmuka Panduan

Gambar Antarmuka Panduan
Gambar Antarmuka Panduan


Dibawah ini adalah penjelasan dari tampilan antarmuka panduan sistem:

  1. Navbar Diperuntukkan untuk melakukan navigasi dan fungsi dasar untuk tampilan panduan Sistem Pegawai
  2. Sidebar Menampilkan menu dan kategori panduan yang dapat diakses oleh pengguna
  3. Body Menampilkan informasi yang ditujukan untuk pengguna Sistem Pegawai.