Semua proyek
FrontendUnggulan

Mesin Pelajaran Interaktif

Platform pelajaran matematika interaktif: satu layar satu ide, alat peraga yang bisa digerakkan, dan penilaian otomatis di setiap langkah.

Status
Sudah berjalan
Lapisan
FrontendData
Dipakai oleh
Siswa SD sampai kuliah yang belajar matematika mandiri di HP atau laptop, dan tim konten yang menulis modulnya.
Modul Matematika SD Numekara dengan peta pulau, level, dan ajakan memulai petualangan
Tangkapan layar

Masalahnya

Materi berbentuk PDF atau video panjang membuat siswa pasif, dan sulit memastikan siswa benar-benar paham sebelum lanjut.

Solusinya

Setiap modul dipecah menjadi layar pendek dengan alat peraga interaktif, soal yang dinilai otomatis, animasi, dan lab. Pemeriksa mutu otomatis menolak modul yang belum memenuhi standar sebelum terbit.

Cara kerjanya

Apa yang terjadi, langkah demi langkah, dari sudut pandang pengguna.

  1. 01

    Siswa memilih course dan modul

    Siswa membuka halaman belajar, memilih course seperti Matematika SMP, lalu masuk ke satu modul. Tersedia mode Petualang dengan peta pulau dan mode Fokus yang lebih ringkas.

  2. 02

    Satu layar, satu ide

    Materi dipecah menjadi layar-layar pendek. Setiap layar menjelaskan satu hal, sering ditemani klip animasi singkat.

  3. 03

    Siswa menggerakkan alat peraga

    Siswa menggeser garis bilangan, menyusun balok puluhan, atau melipat jaring kubus langsung di layar.

  4. 04

    Jawaban dinilai saat itu juga

    Peramban langsung memeriksa jawaban atau posisi alat peraga. Bila salah, muncul petunjuk bertahap dan penjelasan kekeliruan yang umum.

  5. 05

    Hasil modul tersimpan

    Siswa mendapat bintang dan XP di akhir modul. Progres tersimpan di perangkat, dan ikut disimpan ke akun bila siswa sudah masuk.

Desain sistemnya

Siapa yang memakai, apa yang mereka lihat, apa yang bekerja di belakang layar, dan di mana data disimpan. Baca dari kiri ke kanan.

  1. 1Pengguna

    • SiswaBelajar di HP atau laptop, dengan atau tanpa akun.
    • Tim kontenMenulis modul sebagai berkas data, bukan membangun halaman satu per satu.
  2. 2Yang dilihat

    • Peta courseDaftar modul dalam mode Petualang atau mode Fokus.
    • Pemutar pelajaranMenampilkan layar, alat peraga, soal, dan klip animasi.
  3. 3Yang bekerja di belakang

    • Penilai otomatisMemeriksa jawaban dan posisi alat peraga langsung di peramban.
    • Pemeriksa mutuMenolak modul dengan kunci salah atau tangga soal bolong sebelum terbit.
  4. 4Tempat data disimpan

    • Berkas modul543 modul tersimpan sebagai berkas JSON, sebagian juga berbahasa Inggris.
    • Progres akunProgres siswa yang masuk disimpan di database PostgreSQL.

Fitur utama

  • Alat peraga interaktif di peramban
  • Soal dinilai otomatis
  • Mode petualang dan mode fokus
  • Pemeriksa mutu sebelum terbit
  • Versi Inggris untuk 9 course

Dibangun dengan

  • Next.js
  • React
  • TypeScript
  • Zod
  • KaTeX
  • Vitest

Angka yang bisa dibuktikan

543
Modul pelajaran interaktif
18
Course matematika

Yang didapat bisnis

  • Siswa aktif mencoba, bukan hanya membaca atau menonton.
  • Kesalahan siswa langsung dijelaskan di layar yang sama.
  • Modul yang belum memenuhi standar tertahan sebelum sampai ke siswa.
  • Menambah modul cukup dengan menulis berkas baru, tanpa membangun halaman dari nol.

Istilah di halaman ini

Browser
Aplikasi untuk membuka website, seperti Chrome; penilaian berjalan di sini sehingga hasilnya langsung muncul.
JSON
Format teks rapi untuk menyimpan data; di sini setiap modul pelajaran adalah satu berkas JSON.
Database
Tempat penyimpanan data terpusat, seperti buku besar digital milik sistem.

Bisa dipakai untuk bisnis Anda?

Bisa dipakai untuk pelatihan karyawan, onboarding produk, atau kursus online Anda: materi menjadi interaktif dan setiap langkah langsung diperiksa.

Konsultasikan proyek ini