Lumekara
IDEN
Semua proyek
Frontend

Dashboard Siswa dengan Gamifikasi

Beranda siswa yang menampilkan sesi berikutnya, rencana belajar, course aktif, serta XP, level, streak, dan misi harian di satu tempat.

Status
Sudah berjalan
Lapisan
FrontendBackend
Dipakai oleh
Siswa yang ikut les atau belajar mandiri, setiap kali mereka masuk ke akunnya.
Konsultasikan proyek ini

Masalahnya

Siswa mudah kehilangan arah dan motivasi bila progres belajar tersebar di banyak halaman.

Solusinya

Satu aturan XP dipakai bersama oleh pelajaran dan latihan, sehingga level, streak, dan misi harian terasa seperti satu permainan. Dashboard menunjukkan langkah berikutnya yang paling relevan.

Cara kerjanya

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

  1. 01

    Siswa masuk ke dashboard

    Setelah masuk, siswa langsung melihat satu halaman ringkas, bukan menu yang bercabang ke mana-mana.

  2. 02

    Sesi les berikutnya tampil

    Bagi yang ikut les, jadwal sesi berikutnya muncul paling atas dengan tombol bergabung saat waktunya dekat. Catatan dan lampiran sesi terakhir juga ada di sini.

  3. 03

    Langkah berikutnya disarankan

    Dashboard menunjukkan rencana belajar, course yang sedang diikuti, dan modul berikutnya yang paling relevan.

  4. 04

    XP terkumpul dari semua aktivitas

    Jawaban benar di pelajaran, latihan, dan soal harian memberi XP dengan aturan yang sama, lalu menaikkan level.

  5. 05

    Misi harian dan streak

    Tiga misi harian, misalnya latih 10 soal, memberi XP tambahan. Belajar setiap hari menjaga streak tetap menyala.

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

    • SiswaMembuka dashboard di HP atau laptop setelah masuk akun.

  2. 2Yang dilihat

    • Dashboard siswaSesi berikutnya, rencana belajar, course aktif, XP, dan misi.
    • Status paketMenampilkan paket Premium yang aktif dan sisa masa coba.

  3. 3Yang bekerja di belakang

    • Aturan XPSatu aturan XP dan level dipakai bersama oleh pelajaran dan latihan.
    • Pemeriksa misiMemberi hadiah misi yang baru tercapai, sekali per hari.

  4. 4Tempat data disimpan

    • DatabasePostgreSQL mencatat setiap perolehan XP, jadwal les, dan progres course.

Fitur utama

  • XP, level, dan streak
  • Misi harian
  • Rencana dan langkah berikutnya
  • Course yang sedang diikuti
  • Status Premium dan masa coba

Dibangun dengan

  • Next.js
  • FastAPI
  • PostgreSQL

Yang didapat bisnis

  • Siswa tahu apa yang harus dikerjakan begitu membuka akun.
  • Les bersama tutor dan belajar mandiri terlihat di satu tempat.
  • Kebiasaan belajar harian didorong lewat streak dan misi, bukan pengingat manual.
  • Status paket terlihat jelas, jadi siswa tahu kapan masa coba berakhir.

Istilah di halaman ini

XP
Poin pengalaman yang dikumpulkan dari aktivitas belajar, seperti poin dalam gim.
Gamification
Memakai unsur permainan seperti poin, level, dan misi agar aktivitas terasa lebih seru.
Streak
Hitungan hari berturut-turut seseorang aktif belajar.

Bisa dipakai untuk bisnis Anda?

Elemen gamifikasi ini bisa dipakai untuk aplikasi loyalitas, kebugaran, atau pelatihan agar pengguna Anda lebih rajin kembali.

Konsultasikan proyek ini