Eco Hero
The Challenge
Kolaborasi Real-Time: Sinkronisasi pembentukan tim, brainstorming, dan manajemen tugas (Kanban) antar-anggota kelompok harus terjadi secara instan tanpa memuat ulang (refresh) halaman. Alur Kerja Terstruktur & Validasi: Memerlukan validasi pengerjaan misi (misalnya: Misi 4 hanya terbuka setelah Guru menyetujui jadwal di Misi 3). Dokumen & Sertifikat Dinamis: Render sertifikat kelulusan (PNG/PDF) yang cepat dan tajam secara langsung di sisi klien (client-side), serta ekspor data rekapitulasi siswa ke format Excel. Tantangan Pedagogis (SSI): Menerjemahkan isu sains kemasyarakatan yang kompleks ke dalam petualangan gamifikasi yang mudah dicerna siswa SD.
Our Solution
Supabase Realtime: Menggunakan realtime subscription dari database Supabase (useRealtime) agar layar anggota tim otomatis ter-update saat ketua kelompok memodifikasi data. Pembagian 4 Misi Interaktif: Misi 1 (Sang Penyelidik): Menganalisis video kasus & refleksi isu. Misi 2 (Arsitek Solusi): Pembentukan tim dan brainstorming kelompok. Misi 3 (Sang Pengatur Waktu): Penjadwalan tugas kolaboratif (Kanban Board) dengan persetujuan Guru. Misi 4 (Aksi Nyata): Dokumentasi aksi (diunggah ke Cloudinary) dan refleksi komitmen masa depan. Render Canvas & ExcelJS: Menggunakan HTML5 <canvas> dan jspdf untuk mengunduh sertifikat kelulusan beresolusi tinggi, serta exceljs untuk mengekspor data rekapitulasi kelas oleh guru secara instan.
The Impact
Ecological Citizenship: Siswa aktif membangun kesadaran pelestarian lingkungan, tanggung jawab sosial, keadilan ekologis, dan berpikir sistem. Kolaborasi & Diskusi: Melatih kepemimpinan siswa, musyawarah mufakat, dan pembagian tugas yang adil dalam tim. Efisiensi Guru: Memudahkan guru memantau keaktifan siswa, membandingkan nilai pretest & posttest, serta memberikan persetujuan misi secara langsung. Katalisator Motivasi: Hadiah berupa lencana (badges) interaktif dan sertifikat kelulusan digital meningkatkan antusiasme siswa dalam menyelesaikan aksi nyata.