SD SmartLearn 🎓
SD SmartLearn adalah platform pembelajaran interaktif berbasis web untuk siswa sekolah dasar yang menggabungkan belajar dan bermain (gamification learning).
Aplikasi ini membantu siswa belajar melalui kuis, permainan edukatif, sistem bintang, badge, dan unlock skin sehingga proses belajar menjadi lebih menyenangkan dan memotivasi.
✨ Fitur Utama
1️⃣ Pemilihan Kelas
Siswa dapat memilih kelas sesuai tingkatannya.
Kelas 1
Kelas 2
Kelas 3
Kelas 4
Kelas 5
Kelas 6
2️⃣ Games Edukasi
Berbagai permainan edukatif tersedia untuk melatih kemampuan siswa:
Game Deskripsi Math Quiz Latihan berhitung cepat Acak Kata Menyusun huruf menjadi kata Benar / Salah Menentukan pernyataan benar atau salah Memory Card Mencocokkan pasangan kartu Tebak Gambar Menebak objek dari gambar Puzzle Angka Menyusun angka menjadi urutan
3️⃣ Sistem Reward ⭐
Setiap jawaban benar akan memberikan bintang kepada siswa.
Bintang digunakan untuk:
membuka skin
meningkatkan progress belajar
mendapatkan badge
4️⃣ Badge Achievement 🏅
Siswa akan mendapatkan badge ketika menyelesaikan target tertentu.
Contoh badge:
Jago Matematika
Raja Membaca
Anak Pancasila
Anak Sehat
Seniman Hebat
Pejuang Belajar
5️⃣ Unlock Skin 🎨
Bintang yang dikumpulkan dapat digunakan untuk membuka skin karakter baru.
Skin Syarat Default Biru Gratis Space Ungu 5 ⭐ Jungle Hijau 2 ⭐ Candy Pink 12 ⭐
6️⃣ Profil Siswa 👤
Halaman profil menampilkan:
Avatar pengguna
Total bintang
Badge yang diperoleh
Progress belajar
7️⃣ Progress Belajar 📊
Sistem menampilkan progress siswa berdasarkan:
kelas
mata pelajaran
status penyelesaian
🖥️ Tampilan Aplikasi Dashboard
Menampilkan pilihan kelas dan progress belajar siswa.
Games Belajar
Berisi berbagai permainan edukatif yang dapat dimainkan siswa.
Profil
Menampilkan avatar, badge, dan progress belajar.
Hadiah
Halaman untuk membuka skin menggunakan bintang.
⚙️ Teknologi yang Digunakan
Project ini dibuat menggunakan teknologi web dasar:
HTML5
CSS3
JavaScript
📁 Struktur Project SD-SmartLearn │ ├── index.html ├── home.html ├── games.html ├── profile.html ├── hadiah.html ├── subject.html ├── about.html │ ├── css/ ├── js/ └── aset/ 🚀 Cara Menjalankan Project
1️⃣ Clone repository
git clone https://github.com/rhizki-cloud/SD-SmartLearn.git
2️⃣ Buka folder project
3️⃣ Jalankan file berikut di browser
index.html
Project ini adalah static website, sehingga tidak memerlukan server atau database.
🎯 Tujuan Project
Project ini dibuat untuk:
meningkatkan motivasi belajar siswa SD
menggabungkan pembelajaran dan permainan
menciptakan pengalaman belajar yang lebih interaktif dan menyenangkan
👨💻 Author
Developed by
Rhizki Cloud https://github.com/rhizki-cloud