Getting Started
Panduan ini akan membantu Anda memulai menggunakan Student App Diagma, mulai dari onboarding hingga login menggunakan SSO.
Onboarding
Saat pertama kali membuka aplikasi, Anda akan melihat layar onboarding yang memperkenalkan fitur-fitur aplikasi.
Tampilan Onboarding
Onboarding terdiri dari 6 slide yang dapat di-swipe:
| Slide | Judul | Deskripsi |
|---|---|---|
| 1 | Screen Intro | ”Hallo! Sprechen Sie Deutsch?” - Perkenalan aplikasi |
| 2 | Fitur Utama | Penjelasan fitur-fitur utama |
| 3 | Study | Penjelasan fitur pembelajaran |
| 4 | Focus | Penjelasan fitur focus tracking |
| 5 | Documents | Penjelasan fitur dokumen |
| 6 | Mulai Perjalananmu | Ajakan untuk login |
Navigasi Onboarding
| Elemen | Posisi | Fungsi |
|---|---|---|
| Skip | Kanan atas | Langsung ke halaman login |
| Dot Indicator | Bawah tengah | Menunjukkan posisi slide saat ini |
| Next | Kanan bawah | Lanjut ke slide berikutnya |
Skip Onboarding
Jika ingin melewati onboarding:
- Tap Skip di pojok kanan atas
- Anda akan langsung diarahkan ke halaman login
Login
Setelah onboarding selesai atau di-skip, Anda akan masuk ke halaman login.
Halaman Login
┌──────────────────────────────────────┐
│ │
│ [Icon Login] │
│ │
│ Mulai Perjalananmu │
│ │
│ Login untuk memulai belajar │
│ bahasa Jerman bersama Diagma │
│ │
│ ┌────────────────────────────┐ │
│ │ Login → │ │
│ └────────────────────────────┘ │
│ │
└──────────────────────────────────────┘Langkah Login
- Tap tombol Login
- Modal “Pilih Metode Login” akan muncul
- Pilih Login dengan SSO
- Browser akan terbuka ke halaman login ERP
Login dengan SSO
Student App menggunakan Single Sign-On (SSO) yang terintegrasi dengan sistem ERP Diagma.
Modal Pilih Metode Login
┌──────────────────────────────────────┐
│ │
│ [Icon Login] │
│ │
│ Pilih Metode Login │
│ │
│ Login menggunakan SSO atau │
│ langsung ke dashboard │
│ │
│ ┌────────────────────────────┐ │
│ │ 🌐 Login dengan SSO │ │
│ │ Buka halaman login SSO │ │
│ └────────────────────────────┘ │
│ │
│ Batal │
│ │
└──────────────────────────────────────┘Proses SSO
1. Halaman Sign In
Setelah tap “Login dengan SSO”, browser akan terbuka dengan halaman login:
| Field | Deskripsi |
|---|---|
| Email yang terdaftar di sistem ERP | |
| Password | Password akun ERP |
| Remember me | Checkbox untuk mengingat login |
┌──────────────────────────────────────┐
│ │
│ [Logo Bee Mata] │
│ │
│ Sign in to your account │
│ ERP - Bee Mata Indonesia │
│ │
│ Email │
│ ┌────────────────────────────┐ │
│ │ name@company.com │ │
│ └────────────────────────────┘ │
│ │
│ Password │
│ ┌────────────────────────────┐ │
│ │ •••••••• 👁 │ │
│ └────────────────────────────┘ │
│ │
│ ☐ Remember me │
│ │
│ ┌────────────────────────────┐ │
│ │ Sign in │ │
│ └────────────────────────────┘ │
│ │
└──────────────────────────────────────┘2. Halaman Authorize
Jika Anda sudah login sebelumnya di browser, akan muncul halaman authorize:
┌──────────────────────────────────────┐
│ │
│ [Icon Stack] │
│ │
│ Authorize Application │
│ ERP - Bee Mata Indonesia │
│ │
│ ┌────────────────────────────┐ │
│ │ SIGNING IN AS │ │
│ │ [D] Dresyanda Maulana │ │
│ │ dresyanda@gmail.com │ │
│ └────────────────────────────┘ │
│ │
│ Diagma Mobile Client │
│ is requesting permission to │
│ access your ERP - Bee Mata │
│ Indonesia account. │
│ │
│ ┌──────────┐ ┌──────────────┐ │
│ │ Cancel │ │ Authorize │ │
│ └──────────┘ └──────────────┘ │
│ │
│ You will be securely redirected │
│ to Diagma Mobile Client after │
│ authorization. │
│ │
└──────────────────────────────────────┘| Tombol | Fungsi |
|---|---|
| Cancel | Batalkan dan kembali ke aplikasi |
| Authorize | Izinkan akses dan lanjut ke aplikasi |
3. Redirect ke Aplikasi
Setelah tap Authorize:
- Browser akan menutup otomatis
- Aplikasi akan menerima token autentikasi
- Anda akan diarahkan ke Dashboard
Setelah Login Berhasil
Setelah login berhasil, Anda akan masuk ke halaman Dashboard yang menampilkan:
- Welcome message dengan nama Anda
- Progress Level Up
- Class Schedule
- Focus Integrity Target
- Bewerbung Documents
- Visa Status
- Dan widget lainnya
Troubleshooting
Tidak Bisa Login
| Masalah | Solusi |
|---|---|
| Email tidak terdaftar | Hubungi tim Diagma untuk mendaftarkan akun |
| Password salah | Gunakan fitur “Lupa Password” di halaman login ERP |
| Browser tidak terbuka | Pastikan ada browser default yang terinstall |
| Redirect gagal | Tutup browser manual dan coba login ulang |
Sesi Expired
Jika sesi sudah expired:
- Aplikasi akan menampilkan notifikasi
- Tap Login untuk login ulang
- Ikuti proses SSO seperti biasa
Tips
- Gunakan “Remember me” - Centang opsi ini agar tidak perlu memasukkan password setiap kali
- Simpan password dengan aman - Gunakan password manager jika perlu
- Logout saat tidak digunakan - Untuk keamanan, logout dari aplikasi di perangkat yang digunakan bersama