Halaman Login
1
Buka Browser dan Akses Aplikasi
Buka Google Chrome atau Microsoft Edge, lalu navigasi ke alamat berikut:
http://localhost:4100
Halaman login Bengkel Pintar dengan background workshop
2
Masukkan Email dan Password
Isi form login dengan kredensial yang diberikan oleh Administrator sistem Anda.
| Field | Contoh Nilai |
|---|---|
admin@bengkelpintar.com — atau email role masing-masing |
|
| Password | Diberikan oleh Administrator saat pembuatan akun |
Password bersifat case-sensitive (huruf besar dan kecil dibedakan) dengan panjang minimal 8 karakter.
3
Klik Tombol "Masuk"
Setelah email dan password terisi, klik tombol Masuk untuk memulai sesi.
Sistem akan memverifikasi kredensial dan redirect otomatis ke halaman dashboard sesuai role Anda.
Jika muncul pesan "Email atau password salah", periksa kembali penulisan email dan pastikan Caps Lock tidak aktif.
4
Lupa Password
Jika tidak ingat password, gunakan fitur reset password yang tersedia di halaman login.
- Klik tautan "Lupa password?" di bawah tombol Masuk
- Masukkan alamat email yang terdaftar di sistem
- Cek inbox email — klik tautan reset yang dikirimkan
- Buat password baru (min. 8 karakter, kombinasi huruf & angka)
Tautan reset password berlaku selama 15 menit. Jika kadaluarsa, ulangi proses dari awal.
Redirect Per Role Setelah Login
Setiap role diarahkan ke halaman awal yang berbeda sesuai dengan fungsi utamanya.
| Role | URL Setelah Login | Halaman Awal |
|---|---|---|
| 👑 Super Admin | /dashboard |
Dashboard konsolidasi semua cabang |
| 🧑💼 Service Advisor | /sa |
Dashboard SA — antrian dan WO aktif |
| 💳 Kasir | /kasir |
Dashboard Kasir — WO siap bayar & shift |
| 🔧 Mekanik | /mekanik/antrian |
Antrian job mekanik yang tersedia |
| ⚙️ Operator | /operator |
Status board check-in kendaraan |
| 📦 Gudang | /gudang |
Ringkasan stok & parts request masuk |
| 💰 Finance | /finance |
Ringkasan kas harian & transaksi pending |
| 👤 HCM | /hcm |
Ringkasan kehadiran & agenda SDM |
Dashboard Super Admin — tampilan konsolidasi setelah login berhasil
Navigasi Sidebar
Menu sidebar Admin (Super Admin) mencakup seluruh modul sistem. Role lain hanya melihat menu yang relevan.
Masing-masing role memiliki sidebar yang disesuaikan — hanya menu yang relevan dengan tugas role tersebut yang ditampilkan. Super Admin melihat semua menu.
Fungsi Topbar
Cabang Selector
Ganti cabang aktif untuk melihat data cabang tertentu. Tersedia untuk role Admin dan Manager yang memiliki akses multi-cabang.
Notifikasi
Menampilkan pemberitahuan real-time: peringatan stok menipis, permintaan approval, dan pembaruan status Work Order yang membutuhkan tindakan.
Dark Mode
Toggle tema tampilan antara mode terang dan gelap. Preferensi disimpan otomatis di browser dan berlaku di seluruh sesi.
Menu Profil
Akses cepat ke: Profil saya, Ganti password, Pengaturan notifikasi, dan tombol Keluar (logout) dari sesi aktif.
Tips Navigasi
Pencarian Global — Ctrl+K
Tekan Ctrl+K (atau Cmd+K di Mac) untuk membuka panel pencarian global. Cari nomor SPK, nama pelanggan, plat nomor kendaraan, atau nama spare part langsung dari mana saja tanpa harus berpindah halaman.
Tekan Ctrl+K (atau Cmd+K di Mac) untuk membuka panel pencarian global. Cari nomor SPK, nama pelanggan, plat nomor kendaraan, atau nama spare part langsung dari mana saja tanpa harus berpindah halaman.
Perkecil Sidebar
Klik tombol "Perkecil" di bagian bawah sidebar untuk melipat menu menjadi ikon saja. Berguna di layar kecil atau saat membutuhkan ruang lebih luas untuk melihat tabel dan form.
Klik tombol "Perkecil" di bagian bawah sidebar untuk melipat menu menjadi ikon saja. Berguna di layar kecil atau saat membutuhkan ruang lebih luas untuk melihat tabel dan form.
Indikator Real-Time WebSocket
Perhatikan dot hijau kecil di area topbar — tanda bahwa koneksi WebSocket aktif. Jika dot berubah abu-abu atau merah, pembaruan status WO tidak akan muncul secara otomatis; lakukan refresh halaman untuk memulihkan koneksi.
Perhatikan dot hijau kecil di area topbar — tanda bahwa koneksi WebSocket aktif. Jika dot berubah abu-abu atau merah, pembaruan status WO tidak akan muncul secara otomatis; lakukan refresh halaman untuk memulihkan koneksi.