Lewati ke konten utama
Software•2026•Independent Developer

Pijar Nusantara: Aplikasi Belajar IPAS Interaktif untuk SD

Aplikasi web pembelajaran interaktif berbahasa Indonesia untuk siswa sekolah dasar, dengan aktivitas belajar IPAS berbasis gamifikasi, materi edukatif, dan kuis.

Lihat Demo

Teknologi

ReactTypeScriptViteReact RouterTailwind CSSZustandFramer Motion@dnd-kit/core

Konteks & Permasalahan

Pijar Nusantara bermula sebagai rencana program kerja KKN: aplikasi pembelajaran interaktif untuk siswa sekolah dasar. Program tersebut tidak dilanjutkan karena KKN tidak mengizinkan sasaran anak sekolah, sehingga idenya dikembangkan sebagai proyek mandiri.

Aplikasi ini menyasar siswa kelas 3–4 SD dengan mengacu pada Kurikulum Merdeka, dimulai dari IPAS (Ilmu Pengetahuan Alam dan Sosial). Materi disusun dari acuan Kurikulum Merdeka dari Kementerian Pendidikan dan dilengkapi informasi terkait yang dikumpulkan dengan bantuan AI.

Tujuan

Membangun aplikasi web pembelajaran interaktif berbasis permainan dalam bahasa Indonesia untuk siswa kelas 3–4 SD, dimulai dari modul IPAS, dengan modul Matematika dan Bahasa yang direncanakan menyusul.

Pendekatan

Aplikasi disusun sebagai dasbor modul mata pelajaran, dengan IPAS sebagai satu-satunya modul yang tersedia sejauh ini. Modul IPAS dirancang sebagai peta misi berisi lima misi, dengan tiga level di setiap misi yang harus diselesaikan untuk membuka misi berikutnya. Tiga misi sudah diimplementasikan: keanekaragaman hayati (flora dan fauna Indonesia, habitat, dan konservasi), siklus air, dan perubahan energi.

Setiap misi memadukan kartu materi, aktivitas drag-and-drop, dan kuis, dengan skor, progres, serta umpan balik suara dan animasi agar pengalaman terasa seperti permainan. Aplikasi dikembangkan secara mandiri dengan bantuan AI coding assistant pada proses implementasi, dan ilustrasinya dibuat dengan AI.

Implementasi Teknis

Dibangun sebagai aplikasi web single-page dengan React, TypeScript, dan Vite, memakai React Router untuk navigasi dan Tailwind CSS untuk gaya tampilan. Zustand dengan penyimpanan lokal menyimpan nama pemain, skor, dan progres misi di browser, sehingga aplikasi tidak memerlukan backend. @dnd-kit/core menjalankan aktivitas drag-and-drop, Framer Motion menangani animasi, dan efek suara dihasilkan dengan Web Audio API. Konten edukasi disimpan dalam berkas data terstruktur yang terpisah dari komponen antarmuka. Demo di-deploy di Vercel.

Hasil

Prototipe yang berfungsi dengan tiga misi IPAS yang mencakup keanekaragaman hayati, siklus air, dan perubahan energi, lengkap dengan kartu materi, aktivitas drag-and-drop, kuis, skor, dan penyimpanan progres secara lokal, tersedia sebagai demo langsung. Dua misi IPAS lainnya serta modul Matematika dan Bahasa direncanakan tetapi belum dibangun. Aplikasi belum diuji dengan siswa maupun guru, sehingga tidak ada klaim hasil pembelajaran.

Pembelajaran

Antarmuka saat ini baru dioptimalkan untuk desktop dan masih memerlukan tata letak responsif yang ramah layar sentuh. Permainan drag-and-drop belum intuitif, terutama karena jarak antaritem dan perilaku scroll, dan alur permainan secara keseluruhan masih perlu disempurnakan. Karena aplikasi belum dicoba oleh pengguna sungguhan, masalah-masalah ini ditemukan lewat evaluasi mandiri, bukan masukan pengguna. Langkah berikutnya adalah memperbaiki interaksi tersebut, menyesuaikan tata letak untuk tablet dan ponsel, serta menguji dengan siswa dan guru sebelum membangun misi lainnya.