Panduan Antarmuka (UI) & Navigasi Sistem

Selamat datang di Panduan Antarmuka dan Navigasi ERP BUMDes Scalar Rosette. Dokumen ini akan membantu Anda memahami tata letak (layout) aplikasi, cara berpindah antar halaman, dan cara berinteraksi dengan komponen penting di dalam sistem.

1. Navigasi Utama (Sidebar & Navbar)#

Sistem ERP BUMDes menggunakan kombinasi Navigasi Samping (Sidebar) dan Navigasi Atas (Navbar):

• Sidebar Kiri: Berisi menu utama aplikasi, seperti Dasbor, Keuangan, Inventaris, SDM, dan Pengaturan. Menu yang muncul di sini akan disesuaikan secara otomatis berdasarkan Hak Akses (Role) yang Anda miliki.
• Navbar Atas: Menyediakan akses cepat ke profil Anda, pengaturan akun, tombol Logout, serta Pemilihan Konteks Kerja (sangat penting).

2. Pemilihan Konteks Kerja (Unit Kerja Aktif)#

Karena ERP BUMDes dirancang untuk Multi-Unit (banyak unit usaha), Anda wajib memilih Konteks Kerja atau Unit Kerja Aktif sebelum mulai mengelola data.

• Lokasi: Tombol "Pilih Konteks" berada di bagian atas halaman (Top Navigation Bar).
• Hirarki Unit: Saat Anda menekan tombol "Pilih Konteks", akan muncul daftar seluruh unit usaha BUMDes. Daftar ini disusun secara hirarkis. Unit Induk/Pusat akan ditampilkan terlebih dahulu, diikuti dengan Unit Cabang di bawahnya dengan posisi sedikit menjorok ke dalam (indentasi).
• Pencarian Cepat: Jika daftar unit terlalu panjang, Anda dapat mengetik nama unit di kolom pencarian. Saat pencarian aktif, susunan hirarki akan diubah menjadi daftar datar untuk memudahkan pencarian.

💡 Penting: Seluruh data yang Anda lihat dan masukkan (seperti Transaksi Jurnal, Stok Barang, dll) akan selalu terikat ke Unit Kerja Aktif yang Anda pilih. Pastikan Anda memilih unit yang tepat sebelum bekerja.

3. Komponen Tabel Data#

Mayoritas data di dalam ERP disajikan menggunakan Tabel Data Interaktif:

• Pencarian (Search): Ketik kata kunci untuk menyaring data dengan cepat (misal: mencari nama barang atau nomor transaksi).
• Pengurutan (Sorting): Klik pada judul kolom (seperti "Tanggal" atau "Nominal") untuk mengurutkan data secara membesar (A-Z) atau mengecil (Z-A).
• Paginasi (Pagination): Gunakan tombol "Sebelumnya" dan "Selanjutnya" di bagian bawah tabel jika jumlah data melebihi 10 baris.

4. Keamanan Layar & Responsivitas#

• Auto-Logout: Demi keamanan, jika Anda membiarkan layar terbuka tanpa aktivitas selama beberapa waktu, sistem mungkin akan meminta Anda untuk login kembali.
• Tampilan Mobile (Mobile-Friendly): Sistem dapat diakses melalui tablet atau smartphone. Jika Anda membuka aplikasi di layar kecil, Sidebar Kiri akan otomatis bersembunyi. Anda dapat memunculkannya dengan menekan tombol Menu (Garis Tiga) di pojok kiri atas.

5. Mode Gelap (Dark Mode)#

Aplikasi ini mendukung Dark Mode untuk kenyamanan mata, terutama saat bekerja di malam hari. Sistem akan menyesuaikan tampilannya secara otomatis dengan preferensi pengaturan sistem operasi (Windows/Mac/Android) Anda.

---

Panduan ini akan terus diperbarui seiring dengan penambahan fitur UI/Navigasi baru di masa mendatang.