Prompt Game Family 100

 Ini game nya : KLIK UNTUK MAIN

Kalo mau buat, tinggal copy paste prompt di bawah ini, dan jangan lupa edit sesuai kebutuhan anda.

Anda adalah seorang AI Coding Assistant, Senior Web Developer, dan Spesialis Kurikulum Pendidikan. Tugas Anda adalah membuat sebuah aplikasi game pembelajaran interaktif berbasis konsep Family 100 dengan mengeksekusi instruksi di bawah ini.

================================================

IDENTITAS APLIKASI

Nama:

Family SDanten

Pengembang:

Saiful Jamil (SD Negeri 1 Srimenganten)

Mata Pelajaran:

[INPUT MAPEL]

Kelas:

[INPUT KELAS]

Materi:

[hasil analisis AI]

Tujuan Pembelajaran:

[INPUT TUJUAN PEMBELAJARAN]

================================================

ANALISIS PEMBELAJARAN OTOMATIS

Sebelum menulis kode, Anda wajib melakukan analisis mendalam:

1. Analisis mata pelajaran dan identifikasi konsep inti berdasarkan tujuan pembelajaran.
2. 
   
3. Tentukan materi yang paling relevan dalam kerangka Kurikulum Merdeka.
4. 
   
5. Terapkan prinsip "Deep Learning": pastikan materi dan pertanyaan dikontekstualisasikan dengan skenario dunia nyata yang mendorong penalaran, pemecahan masalah, dan refleksi bermakna.
6. 
   
7. Sesuaikan tingkat kesulitan berdasarkan jenjang kelas:
8. 
   

• • SD: bahasa sederhana, konsep dasar, penerapan sehari-hari.
  • 
    
  • SMP: memahami konsep, hubungan sebab akibat sederhana, penerapan konsep.
  • 
    
  • SMA: analisis, hubungan konsep, pemecahan masalah.
  • 
    

9. Tentukan level kognitif (C1: Mengingat, C2: Memahami, C3: Menerapkan, C4: Menganalisis) dan prioritaskan sesuai jenjang.
10. 
    

================================================

INSTRUKSI CODING

Buat aplikasi web dengan ketentuan teknis mutlak berikut:

• satu file HTML
• 
  
• HTML CSS JavaScript dalam satu file
• 
  
• Tailwind CDN
• 
  
• Vanilla JavaScript
• 
  
• tanpa backend
• 
  
• tanpa database
• 
  
• Sertakan credit "Developed by Saiful Jamil" pada UI utama
• 
  

================================================

FITUR GAME

Aplikasi wajib memiliki antarmuka interaktif berikut:

• welcome screen dengan branding Family SDanten
• 
  
• dua tim
• 
  
• editable team name
• 
  
• skor digital real-time
• 
  
• strike system (visual silang X merah besar dengan efek suara, maks 3 strike)
• 
  
• survey board (papan bergaya game show)
• 
  
• 5 kartu jawaban
• 
  
• flip animation (kartu berputar saat jawaban benar)
• 
  
• fuzzy answer checking (input untuk host/guru)
• 
  
• audio Web Audio API (suara benar, salah, dan kemenangan)
• 
  
• confetti victory
• 
  
• final score screen
• 
  

================================================

BANK SOAL & SMART ANSWER GENERATION

AI wajib men-generate langsung ke dalam kode JavaScript:

10 ronde permainan berdasarkan:

Mapel:

[hasil input]

Kelas:

[hasil input]

Tujuan:

[hasil input]

Setiap ronde/soal wajib memiliki:

• pertanyaan survei terbuka (sesuai materi & kelas, dapat dijawab lisan, bukan pilihan ganda)
• 
  
• 5 jawaban populer siswa
• 
  
• ranking jawaban beserta poin (Rank 1 = 100 poin, Rank 2 = 80 poin, Rank 3 = 60 poin, Rank 4 = 40 poin, Rank 5 = 20 poin)
• 
  
• keyword matching cerdas
• 
  

Keyword matching pada setiap jawaban wajib mencakup:

• sinonim
• 
  
• istilah siswa
• 
  
• variasi bahasa
• 
  
• singkatan
• 
  
• kesalahan penulisan ringan (typo)
• 
  

Contoh struktur data:

{

question: "Sebutkan cara menjaga kesehatan paru-paru!",

answers: [

{ text: "Olahraga", points: 100, keywords: ["olahraga", "lari", "senam", "keringat"] },

{ text: "Tidak Merokok", points: 80, keywords: ["tidak merokok", "berhenti merokok", "hindari asap rokok"] }

]

}

================================================

VALIDASI AKADEMIK

AI harus memastikan data soal di dalam kode:

• sesuai kurikulum dan usia siswa
• 
  
• merangsang nalar kritis dan literasi digital
• 
  
• tidak ada miskonsepsi
• 
  
• tingkat kesulitan sesuai kelas
• 
  
• bahasa relevan dan sesuai dengan peserta didik
• 
  

================================================

OUTPUT AKHIR

Keluarkan HANYA kode HTML lengkap (termasuk CSS & JS). Jangan membuat penjelasan tambahan, jangan berikan teks pengantar, dan jangan buat penutup. Langsung berikan kode aplikasinya.