📕 8 Prompt Web App Pembelajaran interaktif untuk Guru. Bisa disesuaikan dengan kebutuhan belajar.

1. Studio Pembelajaran Interaktif SD
Buat aplikasi pembelajaran interaktif untuk siswa SD kelas 1–6 menggunakan HTML, CSS, dan JavaScript dalam satu file yang bisa dibuka melalui browser HP dan komputer.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Pilihan kelas 1–6 dan mata pelajaran.
- Materi pembelajaran dengan ilustrasi menarik.
- Animasi sederhana untuk menjelaskan materi.
- Kuis pilihan ganda dengan skor otomatis.
- Pembahasan jawaban setelah menjawab.
- Sistem level dan penghargaan.
- Tombol ulangi materi dan mulai kuis.
- Tampilan responsif dan ramah anak.
CONTOH MATERI:
📖 Bahasa Indonesia: Kata benda, kata kerja, dan kalimat.
🔢 Matematika: Penjumlahan, pengurangan, perkalian, dan pembagian.
🌱 IPAS: Hewan, tumbuhan, lingkungan, dan energi.
🇮🇩 Pendidikan Pancasila: Pancasila, aturan, dan tanggung jawab.
Tampilkan nama guru dan nama sekolah pada halaman pembuka serta bagian identitas aplikasi. Sediakan minimal 10 soal contoh untuk setiap materi. Guru dapat mengubah materi, pertanyaan, pilihan jawaban, dan kunci jawaban. Pastikan skor dihitung dengan benar dan semua tombol berfungsi.

2. Laboratorium Sains Virtual
Buat aplikasi laboratorium sains virtual interaktif untuk pembelajaran SD dan SMP menggunakan HTML, CSS, dan JavaScript dalam satu file.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Pilihan eksperimen sains.
- Simulasi percobaan dengan objek yang bisa diklik atau digeser.
- Pengaturan variabel percobaan.
- Animasi perubahan hasil eksperimen.
- Penjelasan ilmiah setelah percobaan.
- Pertanyaan evaluasi dan skor otomatis.
- Tombol ulangi eksperimen.
CONTOH EKSPERIMEN:
🧲 Gaya magnet.
💡 Rangkaian listrik sederhana.
🌱 Pertumbuhan tanaman.
💧 Siklus air.
🌡️ Perubahan wujud benda.
⚖️ Gaya dan gerak.
Setiap eksperimen harus memiliki tujuan, alat dan bahan virtual, langkah percobaan, hasil pengamatan, serta kesimpulan. Tampilkan nama guru dan nama sekolah pada halaman pembuka dan halaman informasi. Buat simulasi sesuai prinsip ilmiah, bukan animasi acak. Tambahkan menu untuk mengganti kelas dan materi.

3. Planetarium 3D Interaktif
Buat aplikasi planetarium 3D interaktif untuk pembelajaran tata surya menggunakan HTML, CSS, JavaScript, dan Three.js.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Visualisasi Matahari dan delapan planet.
- Planet dapat dipilih dan diputar.
- Animasi orbit planet.
- Pengaturan kecepatan simulasi.
- Informasi nama dan karakteristik planet.
- Mode penjelasan dan mode eksplorasi.
- Kuis pengetahuan tata surya.
- Kontrol sentuh untuk HP dan mouse untuk komputer.
Saat pengguna memilih planet, tampilkan informasi edukatif yang mudah dipahami siswa. Sediakan tombol jeda, lanjutkan, atur kecepatan, dan kembali ke tampilan awal.
Tampilkan nama guru dan nama sekolah pada halaman pembuka. Gunakan visualisasi yang menarik dan jelaskan bahwa ukuran serta jarak planet dapat disederhanakan untuk kebutuhan pembelajaran. Pastikan aplikasi responsif dan dapat digunakan di HP.

4. Game Matematika Interaktif
Buat aplikasi pembelajaran matematika interaktif menggunakan HTML, CSS, dan JavaScript dalam satu file.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
Sediakan pilihan jenjang SD, SMP, dan SMA serta kelas dan materi yang dapat diubah.
CONTOH MATERI:
➕ Penjumlahan dan pengurangan.
✖️ Perkalian dan pembagian.
📐 Bangun datar dan bangun ruang.
🔢 Pecahan dan desimal.
📈 Persamaan dan fungsi.
📏 Teorema Pythagoras.
FITUR:
- Pilihan tingkat kesulitan.
- 10–20 soal setiap sesi.
- Pilihan ganda dan jawaban angka.
- Pemeriksaan jawaban otomatis.
- Petunjuk penyelesaian bertahap.
- Skor, timer, dan rekap hasil.
- Level belajar dan tantangan bonus.
- Tombol ulangi permainan.
Tampilkan nama guru dan nama sekolah pada halaman pembuka dan halaman hasil. Setiap jawaban harus diperiksa berdasarkan perhitungan yang benar. Tampilkan langkah penyelesaian setelah siswa menjawab. Guru dapat mengubah materi, soal, kunci jawaban, tingkat kesulitan, dan durasi permainan.

5. Laboratorium Bahasa Inggris
Buat aplikasi pembelajaran bahasa Inggris interaktif untuk siswa SD dan SMP menggunakan HTML, CSS, dan JavaScript dalam satu file.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Pilihan kelas dan tingkat kemampuan.
- Materi kosakata dan tata bahasa.
- Kartu kosakata dengan ilustrasi.
- Latihan menyusun kalimat.
- Kuis terjemahan Indonesia–Inggris.
- Simulasi percakapan sehari-hari.
- Skor dan pembahasan otomatis.
- Fitur mendengarkan pengucapan jika text-to-speech tersedia di browser.
CONTOH TOPIK:
👋 Greetings and Introductions.
🏫 Things at School.
🍎 Food and Drinks.
👨‍👩‍👧 Family Members.
🕒 Daily Activities.
🛍️ Shopping Conversations.
Sediakan contoh dialog, terjemahan, dan latihan pada setiap topik. Pengguna dapat memilih jawaban, memeriksa hasil, dan mengulangi latihan.
Tampilkan nama guru dan nama sekolah pada halaman pembuka serta halaman informasi pembelajaran. Jangan mengklaim dapat menilai pelafalan secara akurat jika fitur pengenalan suara tidak tersedia.

6. Kuis Pengetahuan Umum Interaktif
Buat aplikasi kuis pengetahuan umum interaktif untuk anak-anak dan remaja menggunakan HTML, CSS, dan JavaScript dalam satu file.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Pilihan kategori kuis.
- Pilihan tingkat kesulitan.
- 10–20 pertanyaan setiap permainan.
- Timer untuk setiap pertanyaan.
- Skor otomatis dan papan hasil.
- Penjelasan jawaban benar.
- Sistem level dan tantangan.
- Tombol main kembali.
KATEGORI:
🌎 Geografi.
🔬 Sains.
📚 Bahasa Indonesia.
🇮🇩 Sejarah Indonesia.
⚽ Olahraga.
🎭 Seni dan budaya.
🧮 Matematika.
💻 Teknologi.
Masukkan minimal 10 pertanyaan contoh untuk setiap kategori. Pastikan kunci jawaban benar dan penjelasan sesuai fakta. Acak urutan soal tanpa mengubah pasangan pertanyaan dan jawabannya.
Tampilkan nama guru dan nama sekolah pada halaman pembuka serta halaman hasil kuis. Sediakan fitur untuk menambah dan mengedit pertanyaan secara manual.

7. Simulator Ekosistem Interaktif
Buat aplikasi simulasi ekosistem interaktif untuk pembelajaran IPAS SD dan IPA SMP menggunakan HTML, CSS, dan JavaScript dalam satu file.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
FITUR:
- Pilihan ekosistem hutan, sawah, sungai, dan laut.
- Visualisasi produsen, konsumen, dan pengurai.
- Interaksi dengan organisme.
- Simulasi rantai makanan.
- Pengaturan populasi organisme.
- Animasi perubahan ekosistem.
- Tantangan menjaga keseimbangan lingkungan.
- Kuis evaluasi dan skor otomatis.
CONTOH RANTAI MAKANAN:
🌾 Padi → Belalang → Katak → Ular → Elang.
🌿 Rumput → Kelinci → Elang.
🌊 Fitoplankton → Zooplankton → Ikan kecil → Ikan besar.
Jika pengguna mengubah populasi organisme, tampilkan simulasi dampaknya menggunakan aturan yang telah ditentukan. Jelaskan bahwa hasil merupakan model pembelajaran sederhana, bukan prediksi ekosistem nyata.
Tampilkan nama guru dan nama sekolah pada halaman pembuka dan halaman informasi. Sediakan tombol mulai, jeda, reset, dan pilihan skenario.

8. Studio Pembelajaran Digital untuk Guru
Buat aplikasi studio pembelajaran digital untuk guru menggunakan HTML, CSS, dan JavaScript dalam satu file yang bisa dibuka melalui browser HP dan komputer.
IDENTITAS:
Nama Guru: [NAMA GURU]
Nama Sekolah: [NAMA SEKOLAH]
PENGATURAN PEMBELAJARAN:
- Jenjang PAUD, SD, SMP, dan SMA.
- Pilihan kelas dan semester.
- Pilihan mata pelajaran.
- Kolom tujuan pembelajaran.
- Kolom materi yang akan diajarkan.
- Jumlah soal 5, 10, 15, atau 20.
- Pilihan jenis soal.
- Pengaturan tingkat kesulitan.
FITUR:
📚 Editor materi pembelajaran.
📝 Pembuat kuis dan latihan.
✅ Kunci jawaban dan pembahasan.
📊 Rekap nilai siswa.
🖨️ Tampilan siap cetak.
💾 Penyimpanan data pada browser.
📄 Ekspor materi dan soal untuk dicetak.
Sediakan materi dan soal contoh yang dapat diedit guru. Pastikan jawaban bisa diperiksa, nilai dihitung dengan benar, dan data dapat disimpan serta dimuat kembali. Jika ekspor PDF atau DOCX tidak tersedia, sediakan alternatif cetak melalui browser.
Tampilkan nama guru dan nama sekolah pada halaman pembuka dan dokumen hasil cetak. Pastikan kedua identitas tersebut dapat diganti dengan mudah melalui bagian pengaturan. Buat tampilan profesional, responsif, dan mudah digunakan. Semua menu, tombol, formulir, serta fitur harus berfungsi sesuai keterangannya.

🌐 Cara menggunakan prompt Web App pembelajaran
1. Salin prompt Web App yang diinginkan.
2. Ganti nama guru, nama sekolah, kelas, dan materi sesuai kebutuhan.
3. Buka ChatGPT atau AI pembuat kode, lalu tempel prompt dan kirim.
4. Tunggu AI membuat Web App sesuai instruksi.
5. Jika kode sudah selesai, simpan sebagai file HTML, lalu buka menggunakan Chrome atau browser di HP maupun komputer.
6. Jika ingin membagikannya agar bisa diakses orang lain melalui internet, unggah ke layanan hosting.
📌 Catatan: Web App dapat digunakan secara lokal melalui browser. Fitur tertentu mungkin memerlukan koneksi internet atau layanan tambahan. Pastikan semua tombol dan fitur berfungsi sebelum digunakan untuk pembelajaran.