Gim Literasi Kesehatan: Gizi Seimbang.

HTML CSS JavaScript

Gim edukasi drag-and-drop berbasis browser untuk warga belajar Paket B — menyusun menu sehari-hari sesuai pedoman Isi Piringku Kemenkes RI dengan perhitungan gizi real-time.

Last updated: Today

Gim Literasi Kesehatan: Gizi Seimbang

Gim Literasi Kesehatan: Gizi Seimbang adalah gim edukasi interaktif berbasis drag-and-drop yang dibangun untuk platform Ruang Murid, Rumah Pendidikan — ditujukan bagi warga belajar Pendidikan Kesetaraan Paket B.

Peserta menyusun menu makan sehari-hari ke dalam Piring Isi Piringku — pedoman gizi resmi Kemenkes RI — dengan setiap pilihan makanan dihitung kandungan gizinya secara otomatis dan ditampilkan sebagai grafik batang real-time.

Seluruh aplikasi berjalan sebagai file statis tanpa server, tanpa instalasi, dan tanpa akun — cukup buka di browser.


Features

  • 5 level, 14 tantangan — dari sarapan keluarga hingga menu kondisi gizi khusus
  • 40+ bahan makanan dari TKPI Kemenkes RI dengan nilai gizi terverifikasi
  • Drag-and-drop ke 4 zona piring (Makanan Pokok, Lauk, Sayuran, Buah) dengan validasi kategori ketat
  • Animasi shake + pesan edukatif saat penempatan salah zona
  • Perhitungan gizi real-time: kalori, protein, karbohidrat, lemak, serat
  • Skor gizi 0–100 per penyajian
  • Sistem anggaran belanja (Level 2 & 5B) dengan indikator real-time
  • 3 lencana pencapaian: Ahli Gizi Keluarga, Belanja Cerdas, Skor 300+
  • Jurnal refleksi tersimpan di localStorage
  • Antarmuka tab mobile: Bahan / Piring / Gizi
  • Tap-to-pick + tap-to-place untuk layar sentuh
  • Konten penuh Bahasa Indonesia, makanan lokal nusantara

Data & Referensi

  • Nilai gizi bersumber dari TKPI Kemenkes RI
  • Target gizi mengacu AKG Permenkes No. 28/2019
  • Pedoman visual dari Isi Piringku Kemenkes RI 2014

License

MIT License © 2026 FannyDevz