🗺️ Flowchart MBS Bersama

Alur pengguna & arsitektur sistem — v2 (Tugas + Kalender + Materi)

flowchart TD
    A[Buka mbs-bersama.pages.dev] --> B{Tab aktif?}
    B -->|Tugas| C[Lihat daftar tugas]
    C --> D[Filter per matkul]
    D --> E[Klik + untuk tambah]
    E --> F[Isi: matkul, judul, deskripsi, deadline, nama]
    F --> G{Cek anti-spam}
    G -->|< 1 menit| H[Tolak: tunggu dulu]
    G -->|OK| I[Simpan ke mbs_tugas]
    I --> J[Daftar ter-refresh]

flowchart TD
    A[Tab Kalender] --> B[Tampil kalender bulan ini]
    B --> C{Tanggal ada deadline?}
    C -->|Ya| D[Titik merah/hijau di tanggal]
    C -->|Tidak| E[Tanggal kosong]
    D --> F[Klik tanggal]
    F --> G[Modal detail: matkul, judul, deskripsi, deadline, pengirim]
    B --> H[Tombol ‹ › pindah bulan]

flowchart TD
    A[Tab Materi] --> B[Lihat daftar materi]
    B --> C[Klik + untuk tambah]
    C --> D[Isi: matkul, judul, deskripsi, nama]
    D --> E{Pilih sumber}
    E -->|Link| F[Tempel URL]
    E -->|Upload| G[Pilih file PDF/DOC/PPT max 20MB]
    G --> H[Upload ke Supabase Storage]
    H --> I[Dapat public URL]
    F --> J[Simpan ke mbs_materi]
    I --> J
    J --> K[Daftar ter-refresh]

flowchart LR
    U[👥 Mahasiswa
HP / Laptop] -->|HTTPS| CF[☁️ Cloudflare Pages
mbs-bersama.pages.dev
+ domain MBS Bersama]
    CF -->|Supabase JS| SB[(🗄️ Supabase
kigbicyteqpakboyeoza)]
    SB --> T1[mbs_tugas
tabel]
    SB --> T2[mbs_materi
tabel]
    SB --> S3[📦 mbs-materi
storage bucket]
    style CF fill:#F6821F,color:#fff
    style SB fill:#3ECF8E,color:#fff

flowchart TD
    A[Muse edit kode] --> B[Wrangler pages deploy]
    B --> C[Cloudflare Pages build]
    C --> D[Live di *.pages.dev]
    D --> E{Domain dibeli?}
    E -->|Belum| F[Tetap pakai pages.dev]
    E -->|Sudah| G[Tambah custom domain di Cloudflare]
    G --> H[Live di domain MBS Bersama]