Tutorial Sistem Autentikasi PERPI
Tutorial ini menjelaskan cara menggunakan sistem autentikasi lengkap pada aplikasi Member PERPI, termasuk login, registrasi, reset password, manajemen pengguna, dan kontrol akses berdasarkan peran.
Daftar Isi
- Login (Masuk)
- Registrasi (Daftar Akun Baru)
- Lupa Password
- Floating Button Manajemen Pengguna
- Pembuatan Pengguna oleh Leader
- Sistem Peran dan Kontrol Akses
Login (Masuk)
Cara Mengakses Halaman Login
- Buka aplikasi Member PERPI di browser
- Jika belum login, Anda akan diarahkan ke halaman login secara otomatis
- Atau akses langsung melalui URL: https://member.perpi.id/auth/login
Proses Login
- Masukkan Email: Ketik alamat email yang terdaftar
- Masukkan Password: Ketik kata sandi Anda
- Klik Tombol "Masuk": Sistem akan memverifikasi kredensial Anda

Fitur Login
- Toggle Password: Klik ikon mata untuk menampilkan/menyembunyikan password
- Validasi Real-time: Form akan menampilkan error jika ada kesalahan
- Redirect Otomatis: Setelah login berhasil, Anda akan diarahkan ke dashboard sesuai peran
Pesan Error Umum
| Error | Penyebab | Solusi |
|---|---|---|
| "Invalid login credentials" | Email/password salah | Periksa kembali email dan password |
| "Email not confirmed" | Email belum diverifikasi | Cek email untuk link verifikasi |
Registrasi (Daftar Akun Baru)
Cara Mengakses Halaman Registrasi
- Dari halaman login, klik link "Buat Akun Baru"
- Atau akses langsung melalui URL: https://member.perpi.id/auth/signup
Proses Registrasi
-
Isi Form Registrasi:
- Email (wajib)
- Password (minimal 8 karakter)
- Konfirmasi Password
-
Validasi Password: Sistem akan menampilkan aturan password:
- Minimal 8 karakter
- Mengandung huruf besar
- Mengandung huruf kecil
- Mengandung angka
- Mengandung karakter khusus
-
Klik "Buat Akun": Sistem akan mengirim email verifikasi

Verifikasi Email
Setelah registrasi berhasil:
- Cek Email: Buka kotak masuk email Anda
- Klik Link Verifikasi: Klik link yang dikirim oleh sistem
- Konfirmasi: Akun Anda akan aktif setelah verifikasi
Akun baru memiliki peran "member" secara default. Untuk peran lain (leader, committee, finance), hubungi administrator.
Kirim Ulang Email Verifikasi
Jika tidak menerima email:
- Klik tombol "Kirim Ulang Email Verifikasi"
- Tunggu cooldown period (60 detik)
- Periksa folder spam/junk

Lupa Password
Cara Reset Password
- Akses Halaman Reset: Dari halaman login, klik "Lupa kata sandi?"
- Masukkan Email: Ketik email yang terdaftar
- Klik "Kirim Email Reset": Sistem akan mengirim link reset

Proses Reset Password
- Cek Email: Buka email reset password
- Klik Link Reset: Klik link yang dikirim sistem
- Buat Password Baru: Anda akan diarahkan ke halaman update password

Tips Keamanan Password
- Gunakan kombinasi huruf besar, kecil, angka, dan simbol
- Minimal 8 karakter
- Jangan gunakan informasi pribadi
- Gunakan password yang unik untuk setiap akun
Floating Button Manajemen Pengguna
Lokasi dan Tampilan
Floating button manajemen pengguna muncul di pojok kanan bawah layar pada semua halaman (kecuali halaman auth).

Fitur Floating Button
-
Informasi Pengguna:
- Nama lengkap
- Badge peran (Leader/Committee/Member)
-
Menu Aksi:
- Kelola Akun: Menuju halaman user management
- Logout: Keluar dari sistem
Pembuatan Pengguna oleh Leader
Akses Halaman User Management
Hanya pengguna dengan peran Leader yang dapat membuat pengguna baru.
- Login sebagai Leader
- Akses Menu: Navigasi ke https://member.perpi.id/leader/users
- Klik "Add New User": Tombol biru di pojok kanan atas

Proses Pembuatan Pengguna
-
Buka Dialog: Klik tombol "Add New User"
-
Isi Form:
- Full Name: Nama lengkap pengguna
- Email: Alamat email (harus unik)
- Role: Pilih peran (Leader/Committee/Finance/Member)
-
Klik "Create User": Sistem akan membuat akun otomatis

Hasil Pembuatan Pengguna
- Sistem membuat password kuat dan rahasia (tidak ditampilkan).
- Pengguna baru harus reset password melalui halaman Lupa Kata Sandi.
- Admin hanya melihat pesan: "User created successfully"
Leader tidak dapat membuat akun Leader lainnya.
Jika membutuhkan akun Leader tambahan, silakan hubungi tim developer.
Sistem Peran dan Kontrol Akses
Hierarki Peran
Deskripsi Peran
1. Leader (Pemimpin)
- Akses Penuh: Semua fitur dan halaman
- Manajemen Pengguna: Dapat membuat, edit, hapus pengguna
- Approval: Menyetujui aplikasi keanggotaan
- Dashboard: https://member.perpi.id/leader
2. Committee (Komite)
- Manajemen Aplikasi: Review dan proses aplikasi
- Inspeksi: Melakukan kunjungan kantor
- Dashboard: https://member.perpi.id/committee
3. Finance (Keuangan)
- Manajemen Pembayaran: Kelola iuran tahunan
- Invoice: Buat dan kelola tagihan
- Dashboard: https://member.perpi.id/finance
4. Member (Anggota)
- Aplikasi Keanggotaan: Submit dan track aplikasi
- Profil Perusahaan: Kelola data perusahaan
- Dashboard: https://member.perpi.id/member atau https://member.perpi.id/application
Kontrol Akses Halaman
| Halaman | Leader | Committee | Finance | Member |
|---|---|---|---|---|
/leader/* | ✅ | ❌ | ❌ | ❌ |
/committee/* | ✅ | ✅ | ❌ | ❌ |
/finance/* | ✅ | ❌ | ✅ | ❌ |
/member/* | ✅ | ❌ | ❌ | ✅ (own data) |
/applications/* | ✅ | ✅ | ❌ | ✅ (own data) |
Redirect Otomatis
Sistem secara otomatis mengarahkan pengguna ke dashboard yang sesuai:
- Setelah Login: Redirect ke dashboard sesuai peran
- Akses Terlarang: Redirect ke dashboard yang diizinkan
- URL Langsung: Validasi akses sebelum menampilkan halaman
Status Keanggotaan Member
Member memiliki status keanggotaan yang mempengaruhi akses:
| Status | Akses | Keterangan |
|---|---|---|
applicant | /applications/{id} | Sedang proses aplikasi |
active_member | /company/{id} | Anggota aktif |
inactive_member | /member/{id}/payment | Perlu bayar iuran |
Tips dan Best Practices
Keamanan Akun
- Password Kuat: Selalu gunakan password yang kompleks
- Logout: Selalu logout setelah selesai menggunakan aplikasi
- Browser: Jangan simpan password di browser publik
- Sharing: Jangan bagikan kredensial login
Troubleshooting Umum
Tidak Bisa Login
- Refresh halaman setelah login
- Periksa email dan password
- Cek apakah email sudah diverifikasi
- Coba reset password jika lupa
- Hubungi administrator jika masih bermasalah
Tidak Menerima Email
- Periksa folder spam/junk
- Pastikan email address benar
- Tunggu beberapa menit
- Coba kirim ulang email
Akses Ditolak
- Periksa peran akun Anda
- Pastikan mengakses halaman yang sesuai
- Hubungi leader untuk upgrade peran jika diperlukan
Jika mengalami masalah yang tidak tercantum dalam tutorial ini, hubungi administrator sistem atau leader organisasi untuk mendapatkan bantuan.