Study

Study adalah menu untuk melihat jadwal kelas dan memantau progress pembelajaran bahasa Jerman. Akses menu ini dengan tap icon Book di bottom navigation.

Study Dashboard

Halaman Study menampilkan Study Dashboard dengan header dan beberapa widget.

┌──────────────────────────────────────┐
│ [d]                            [🔔]  │
│                                      │
│ 📚 Study Dashboard                   │
│    Schedule and learning progress    │
│                                      │
└──────────────────────────────────────┘

Elemen	Deskripsi
Logo Diagma	Icon aplikasi
Notification	Icon notifikasi
Title	”Study Dashboard”
Subtitle	”Schedule and learning progress”

Progress Level Up

Widget untuk melihat progress level bahasa Jerman dari A1 hingga B2.

┌──────────────────────────────────────┐
│ 📈 Progress Level Up                 │
│                                      │
│         ┌─────────────────┐          │
│         │       📚        │          │
│         │                 │          │
│         │ No progress yet │          │
│         └─────────────────┘          │
│                                      │
└──────────────────────────────────────┘

Level Bahasa

Level	Deskripsi	Estimasi Durasi
A1	Pemula	2-3 bulan
A2	Dasar	2-3 bulan
B1	Menengah	3-4 bulan
B2	Menengah Atas	3-4 bulan

Progress Indicator

Ketika ada progress, widget akan menampilkan:

Level saat ini
Progress ke level berikutnya (persentase)
Estimasi waktu untuk naik level

Weekly Schedule

Selector untuk memilih hari dalam seminggu.

┌──────────────────────────────────────┐
│ Weekly Schedule               Sunday │
│                                      │
│ ┌─────┬─────┬─────┬─────┬─────┬─────┬─────┐
│ │ Mon │ Tue │ Wed │ Thu │ Fri │ Sat │ Sun │
│ │     │     │     │     │     │     │  •  │
│ └─────┴─────┴─────┴─────┴─────┴─────┴─────┘
│                                      │
└──────────────────────────────────────┘

Elemen	Deskripsi
Hari aktif	Ditandai dengan warna dan dot (•)
Label hari	Nama hari yang sedang dipilih (Sunday)
Selector	Tap hari untuk melihat jadwal hari tersebut

Cara Menggunakan

Tap hari yang ingin dilihat (Mon, Tue, Wed, dll)
Class Schedule di bawah akan menampilkan jadwal hari tersebut
Hari saat ini ditandai dengan highlight

Class Schedule

Menampilkan jadwal kelas berdasarkan hari yang dipilih.

┌──────────────────────────────────────┐
│ 📖 Class Schedule          0 classes │
│                                      │
│ ┌────────────────────────────────┐   │
│ │                                │   │
│ │         [Icon Calendar]        │   │
│ │                                │   │
│ │    No classes scheduled        │   │
│ │                                │   │
│ └────────────────────────────────┘   │
│                                      │
└──────────────────────────────────────┘

Ketika Ada Kelas

Jika ada kelas yang dijadwalkan, akan ditampilkan:

┌──────────────────────────────────────┐
│ 📖 Class Schedule          2 classes │
│                                      │
│ ┌────────────────────────────────┐   │
│ │ 09:00 - 10:30                  │   │
│ │ Deutsch A1 - Grammatik         │   │
│ │ 👤 Herr Schmidt                │   │
│ │ 📍 Online (Zoom)               │   │
│ │                    [Join] →    │   │
│ └────────────────────────────────┘   │
│                                      │
│ ┌────────────────────────────────┐   │
│ │ 14:00 - 15:30                  │   │
│ │ Deutsch A1 - Konversation      │   │
│ │ 👤 Frau Müller                 │   │
│ │ 📍 Online (Zoom)               │   │
│ │                    [Join] →    │   │
│ └────────────────────────────────┘   │
│                                      │
└──────────────────────────────────────┘

Detail Kelas

Field	Deskripsi
Waktu	Jam mulai - selesai
Nama Kelas	Judul kelas (Level + Topik)
Tutor	Nama pengajar
Lokasi	Online (Zoom/Meet) atau Offline
Join	Tombol untuk join meeting (jika online)