Lompat ke isi utama
Pusat Bantuan Analitik Universitas Sebelas Maret

Mengenal Tampilan

Anatomi sidebar, navbar, dan dashboard

5 menit baca Mulai di Sini

Tampilan platform Analitik terdiri dari 3 area utama: navbar (atas), sidebar (kiri), dan area konten (tengah). Halaman ini menjelaskan setiap bagian beserta fungsinya, supaya Anda tidak bingung saat pertama kali melihat dashboard.

Layout Umum

┌────────────────────────────────────────────────────────┐
│  [☰]  Dashboard         [🔍 Ctrl+K]  [⭐]  [🔔]  [Saya] │  ← Navbar
├──────────┬─────────────────────────────────────────────┤
│          │                                             │
│ Sidebar  │            Area Konten                      │
│          │                                             │
│ • Home   │   Grafik, KPI, tabel, laporan               │
│ • Menu A │                                             │
│ • Menu B │                                             │
│ • ...    │                                             │
└──────────┴─────────────────────────────────────────────┘

Bilah di paling atas, berisi tombol-tombol navigasi cepat:

TombolFungsi
HamburgerBuka/tutup sidebar (untuk layar kecil).
DashboardKembali ke landing dashboard kontekstual.
Cari (Ctrl+K)Buka kotak pencarian cepat menu/favorit. Hanya di area analitik terautentikasi.
Pin BintangPin halaman saat ini ke section FAVORIT di sidebar. Bintang berubah jadi ⭐ kuning kalau sudah dipin.
NotifikasiLonceng dengan badge merah kalau ada drift alert atau snapshot baru. Hanya admin yang melihat alert sistem.
Peluncur AplikasiDropdown shortcut ke produk lain dalam suite: Akreditasi, Pipeline, dll.
Dark ModeToggle terang/gelap. Preferensi disimpan di browser.
Nama AndaDropdown profil + logout.

Sidebar adalah menu utama Anda. Item yang muncul disesuaikan dengan peran Anda — tidak semua orang melihat menu yang sama. Sidebar tersusun dari beberapa section (kelompok), masing-masing dengan warna identitas:

SectionIsiUntuk Siapa
🟡 FAVORITHalaman yang Anda pin (max 20).Semua user (kalau ada pin)
🔵 SERING DIAKSESTop 5 halaman yang Anda buka paling sering (auto-track).Semua user
🟣 RINGKASANCompliance Target, Bandingkan SemesterSemua user analitik
🔵 KEMAHASISWAANProfil mahasiswa, retensi, demografi, EWSPimpinan, dekan, kepala program studi
🟢 AKADEMIK & KURIKULUMPola studi, diagnostik MK, MBKMAkademik, kurikulum unit
🟠 KETENAGAAN & RISETProfil dosen, riset & publikasiUnit riset, dekan
🔴 INSTITUSI & KEUANGANKelembagaan, trend biaya kuliahPimpinan, keuangan
🌊 EKSPLORASIProfil program studi, pencarian global, jelajah katalogSemua user
⚫ LAPORANGenerate PDF, export dataSemua user
⚙️ ADMINDrift Monitor, Snapshot, Settings SSOTDirektorat Akademik, admin
❓ BANTUANManual Book, FAQ, Tur Singkat, KontakSemua user
Warna section Setiap section punya garis vertikal di kiri dengan warna khusus — supaya Anda bisa cepat mengidentifikasi area mana saat scroll panjang. Tidak perlu hafal warnanya; cukup lihat pola.

Persona Badge di Atas Sidebar

Tepat di bawah logo "Analitik", Anda akan melihat badge persona — kotak kecil yang menunjukkan peran Anda saat ini:

┌─────────────────────────────┐
│  🟢 Dekan Fakultas Teknik   │  ← contoh
└─────────────────────────────┘

Warna badge mencerminkan tier (level) Anda di sistem: ungu (governance), merah (pimpinan), biru (strategic), kuning (admin unit), hijau (dekan/fakultas), abu (program studi/viewer).

Toggle "View Saya"

Hanya muncul kalau Anda punya scope spesifik (mis. dekan dengan 1 fakultas, kepala program studi dengan 1 program studi). Toggle ini ada di kanan atas sidebar:

┌────────────────────────────────────────┐
│   🔍 View Saya                  ◯ ▸ ●  │  ← toggle on/off
└────────────────────────────────────────┘

Saat aktif, halaman akan otomatis di-filter ke program studi/fakultas Anda. Hemat waktu klik filter manual setiap halaman. Tidak akan muncul untuk admin institusi-wide.

3. Area Konten (Tengah)

Area utama tempat data ditampilkan. Layout-nya bervariasi per halaman, tapi umumnya terdiri dari:

  1. Header halaman — judul + tombol aksi (filter, export, refresh).
  2. Filter bar — dropdown program studi/fakultas/semester. Lihat Cara Menggunakan Filter.
  3. KPI cards — kotak besar dengan angka utama (jumlah mahasiswa, rata-rata IPK, dll).
  4. Grafik / Tabel — data detail dengan opsi drill-down.
  5. Footer — last sync (kapan data terakhir di-update), source attribution.
"Last sync" di footer Setiap halaman menampilkan waktu data terakhir diperbarui. Kalau "last sync" kemarin, artinya Anda melihat data sampai kemarin — bukan real-time. Pipeline data biasanya jalan terjadwal (mis. setiap malam), tergantung konfigurasi institusi.

Dashboard Kontekstual

Halaman /dashboard adalah landing page utama. Yang spesial: layout-nya otomatis berbeda per peran. Misalnya:

  • Rektor / Pimpinan melihat: KPI institusi, drift alert, featured story, quick actions.
  • Dekan melihat: KPI fakultas-nya, akreditasi rollup, quick actions.
  • Kepala Program Studi melihat: KPI compact program studi + 6 shortcut card besar.
  • Viewer melihat: KPI universal + featured story.

Anda tidak perlu setting apa pun. Sistem deteksi peran Anda lalu kompose dashboard secara otomatis. Kalau peran Anda berubah, dashboard juga berubah.

Selanjutnya Pelajari shortcut keyboard di Navigasi & Shortcut untuk akses lebih cepat.