Pengertian IPAS Kelas 5
IPAS merupakan singkatan dari Ilmu Pengetahuan Alam dan Sosial. Pada Kurikulum Merdeka, mata pelajaran ini menggabungkan pembelajaran sains dan sosial agar siswa lebih memahami lingkungan sekitar secara menyeluruh.
Untuk siswa kelas 5 SD, materi IPAS mencakup berbagai topik penting seperti tata surya, tumbuhan, energi, cahaya, alat gerak manusia, daur air, hingga pesawat sederhana. Pembelajaran IPAS akan lebih menarik jika dikemas dalam bentuk game kuis interaktif sehingga siswa dapat belajar sambil bermain.
🌍 Tata Surya
Mempelajari planet, matahari, rotasi, revolusi, dan benda langit.
🌱 Tumbuhan
Mengenal bagian tumbuhan dan proses fotosintesis.
⚡ Energi
Belajar sumber energi dan perubahan energi dalam kehidupan.
💡 Cahaya
Mengenal sifat cahaya dan penerapannya sehari-hari.
🎯 Fungsi Prompt Ini
Prompt berikut dirancang agar AI dapat otomatis membuat game kuis IPAS SD kelas 5 dengan tampilan profesional, animasi modern, leaderboard, sistem skor, dan desain responsif tanpa perlu coding manual yang rumit.
Prompt Game IPAS SD Kelas 5
Buatkan game kuis IPA interaktif untuk siswa Kelas 5 SD dengan fitur lengkap berikut:
### FITUR UTAMA:
1. **Layar Selamat Datang**
- Logo/icon 🔬
- Judul: "IPA Quiz Challenge"
- Pesan sambutan yang menarik
- Input nama siswa dengan validasi
- Tombol mulai besar dan eye-catching
- Grid 3 fitur utama (Tata Surya, Tumbuhan, Energi)
- Kotak petunjuk dengan icon 📋
2. **Layar Pemilihan Topik**
- 6 topik IPA Kelas 5: Tata Surya, Tumbuhan, Cahaya, Alat Gerak, Daur Air, Pesawat Sederhana
- Card bergradien warna untuk setiap topik dengan icon
- Responsive grid (3 kolom desktop, 1 kolom mobile)
- Tombol kembali
3. **Layar Quiz**
- Header dengan nama siswa dan skor real-time
- Progress bar animasi
- Nomor soal dan progress text
- Pertanyaan dengan numbering visual
- 4 pilihan jawaban (A, B, C, D) dengan button interaktif
- Feedback card setelah menjawab (benar/salah dengan penjelasan)
- Tombol "Soal Berikutnya"
4. **Layar Hasil**
- Trophy animation (🏆, 🥇, 🥈, 🥉, 📚)
- Grade (A-E) dengan komentar motivasi
- Skor total dan jumlah jawaban benar
- Tombol "Coba Topik Lain" dan "Kembali ke Awal"
- Tampilan stats dengan emoji visual
5. **Papan Skor (Leaderboard)**
- Fixed button di pojok kanan bawah
- Modal overlay dengan top 10 skor
- Display nama siswa, topik, skor, jawaban benar
- Medal icons (🥇🥈🥉) untuk top 3
- Sorting otomatis (skor tertinggi)
### DATA & KONTEN:
- **10 soal per topik** × 6 topik = 60 soal total
- Setiap soal: pertanyaan, 4 pilihan, jawaban benar, penjelasan
- Skor: 10 poin per jawaban benar
- Sistem grading: A (90%+), B (80%+), C (70%+), D (60%+), E (<60%)
### DESAIN & UX:
- Tema warna gradient (ungu-biru): #667eea → #764ba2
- Font: Fredoka (judul), Poppins (body)
- Animasi: bounce-in, slide-up, wiggle, float, pulse-ring
- Smooth transitions dan hover effects
- Glassmorphism cards (backdrop blur)
- Fully responsive (desktop/tablet/mobile)
- Dark mode awareness
### TEKNOLOGI:
- HTML/CSS/JavaScript vanilla
- Tailwind CSS untuk styling
- Lucide icons untuk ikon
- Canva Data SDK untuk simpan skor
- Element SDK untuk edit panel
- Localforage/localStorage untuk cache lokal
### EDIT PANEL:
- Quiz Title (text input)
- Welcome Message (text input)
- Instructions (text input)
### FITUR EDIT:
- Primary Color (recolorable)
- Surface Color (recolorable)
- Text Color (recolorable)
- Action Color (recolorable)
- Accent Color (recolorable)
- Font Family (customizable)
- Font Size (scalable)
### FUNGSIONALITAS TAMBAHAN:
- Validasi input nama (tidak boleh kosong)
- Perubahan border/fokus saat error
- Keyboard support (Enter untuk submit)
- Toast notification untuk limit skor
- Local data persistence
- Animasi transisi antar layar
- Loading states jika diperlukan
- Accessibility (contrast, focus states)
Buat semua ini dalam 1 file HTML self-contained dengan styling inline dan JavaScript vanilla. Pastikan fully functional dan responsive di semua device!
