Cara Buat Kuiz Interaktif di TikTok LIVE (Lengkap dengan Prompt AI)

Saya seorang guru dan bukan pengaturcara. Bina aplikasi kuiz untuk TikTok LIVE yang berjalan di komputer saya menggunakan Node.js. Penonton menjawab soalan dengan menaip A, B, C atau D di ruangan komen LIVE.

KEPERLUAN TEKNIKAL
1. Server Node.js (fail server.mjs) yang hanya mendengar di 127.0.0.1, port 4321.
2. Baca komen LIVE menggunakan pakej npm tiktok-live-connector versi 2.x, disambung menggunakan nama akaun TikTok saya. PENTING: dalam versi 2.x, teks komen berada dalam data.content (bukan data.comment seperti dalam dokumentasi), nama penonton dalam data.user.nickname, dan id penonton dalam data.user.uniqueId atau data.user.id.
3. Jika sambungan terputus semasa LIVE, cuba sambung semula setiap 10 saat sehingga LIVE tamat.
4. Dua halaman web yang dikemas kini secara langsung melalui WebSocket:
 a. Skrin kuiz (/): saiz tetap 1080x1920 (menegak 9:16), diskalakan ikut saiz tetingkap. Skrin ini ditangkap ke dalam LIVE. Papar soalan, empat pilihan A-D dalam grid 2x2 berwarna, pemasa, bilangan penonton yang telah menjawab dan nama mereka. SEMUA kandungan penting mesti berada dalam 65% atas skrin, kerana komen TikTok menutup bahagian bawah skrin telefon penonton.
 b. Panel guru (/panel.html) untuk saya sahaja: medan nama akaun TikTok dan butang Sambung, pilih set soalan, masa setiap soalan (lalai 40 saat), butang Soalan Seterusnya (kekunci N), Dedah Jawapan (D), Papan Markah (P) dan Skrin Pembukaan (L). Panel memaparkan jawapan betul supaya saya tahu, jadi panel TIDAK boleh ditangkap ke dalam LIVE.
5. Peraturan jawapan: hanya jawapan PERTAMA setiap penonton dikira bagi setiap soalan. Terima komen seperti "b", "B!", "C 🔥" dan "jawapan d". Tolak komen yang meneka semua pilihan seperti "A B C D", dan perkataan biasa seperti "Bagus" atau "Assalamualaikum".
6. Markah: jawapan betul = 100 mata ditambah bonus pantas sehingga 50 mata mengikut baki masa. Jawapan salah = 0.
7. Bila jawapan didedahkan: tunjuk jawapan betul, penerangan ringkas, peratus undian setiap pilihan, dan senarai penjawab betul mengikut kepantasan.
8. Papan markah 10 teratas.
9. Soalan dibaca daripada fail JSON dalam folder soalan/ (format di bawah). Setiap fail menjadi satu set soalan. Kocok susunan pilihan setiap sesi supaya jawapan betul tidak sentiasa di huruf yang sama.
10. Jangan simpan sebarang data penonton ke dalam fail. Markah disimpan dalam memori sahaja.
11. Mod uji tanpa LIVE: butang di panel yang menghantar 12 komen palsu dengan nama rawak, supaya saya boleh menguji tanpa TikTok.
12. Sediakan fail "Mula Kuiz.bat" untuk Windows yang memasang pakej kali pertama, menghidupkan server dan membuka panel dalam browser.

FORMAT FAIL SOALAN
{
"tajuk": "Sejarah T6 Unit 7",
"soalan": [
  {
    "soalan": "Siapakah Perdana Menteri Malaysia yang pertama?",
    "pilihan": ["Tunku Abdul Rahman", "Tun Abdul Razak", "Tun Hussein Onn", "Tun Dr. Mahathir"],
    "jawapan": "A",
    "penerangan": "Tunku Abdul Rahman ialah Perdana Menteri pertama dan digelar Bapa Kemerdekaan."
  }
]
}

REKA BENTUK
Gunakan fon yang jelas dan profesional (contohnya Inter), teks besar dan kontras tinggi supaya mudah dibaca di skrin telefon.

Selepas siap, terangkan cara menjalankan aplikasi ini langkah demi langkah dalam Bahasa Melayu yang mudah.

Saya tekan butang mod uji tetapi tiada nama muncul di skrin kuiz. Panel menunjukkan soalan sedang dibuka. Semak kod yang menerima komen dan kod yang menghantar keadaan ke skrin kuiz melalui WebSocket. Terangkan puncanya dahulu, kemudian baiki.

Anda penggubal soalan [SUBJEK] Tahun [TAHUN] KSSR. Berdasarkan teks buku teks yang saya lampirkan SAHAJA, tulis 20 soalan objektif untuk kuiz TikTok LIVE.

SYARAT
- Setiap soalan mempunyai 4 pilihan dan SATU jawapan betul sahaja.
- Semua fakta mesti datang daripada teks yang dilampirkan. Jangan tambah fakta dari luar.
- Soalan pendek, maksimum 20 perkataan, kerana penonton membaca di skrin telefon dalam masa 40 saat. Setiap pilihan maksimum 6 perkataan.
- Campurkan aras: 50% mengingat, 30% memahami, 20% mengaplikasi.
- Elakkan soalan menghafal tahun atau angka, kecuali tarikh yang sangat penting.
- Jangan gunakan pilihan "Semua di atas" atau "Tiada di atas".
- Pilihan salah mesti munasabah, tetapi jelas salah menurut buku teks.
- Agihkan jawapan betul secara sama rata antara A, B, C dan D.
- Sertakan penerangan satu ayat bagi setiap jawapan, merujuk buku teks.

Keluarkan JSON sahaja dalam format ini, tanpa teks lain:
{
"tajuk": "[SUBJEK] T[TAHUN] Unit [N]",
"soalan": [
  { "soalan": "...", "pilihan": ["...", "...", "...", "..."], "jawapan": "A", "penerangan": "..." }
]
}

Bertindak sebagai penyemak soalan yang teliti. Semak setiap soalan dalam fail JSON ini berbanding teks buku teks yang saya lampirkan.

Laporkan:
1. Jawapan yang salah.
2. Soalan yang mempunyai lebih daripada satu jawapan betul.
3. Fakta yang tiada dalam buku teks.
4. Bahasa yang tidak tepat atau janggal.
5. Soalan atau pilihan yang terlalu panjang untuk dibaca di skrin telefon.

Jangan ubah fail. Senaraikan setiap isu dengan nombor soalan, sebab, dan cadangan pembetulan.

Panel menunjukkan kuiz sudah bersambung ke LIVE TikTok saya, tetapi komen penonton tidak dikira sebagai jawapan. Tambah log sementara yang mencetak SELURUH objek data bagi komen pertama yang diterima, supaya kita boleh melihat nama medan sebenar untuk teks komen dan nama penonton. Selepas saya hantar hasil log, baiki kod mengikut medan sebenar dan buang log tersebut.

Kuiz asas sudah berfungsi. Tambah ciri berikut tanpa mengubah cara jawapan dibaca dari komen:

1. Rentetan: penonton yang menjawab betul berturut-turut mendapat ikon 🔥 dan bilangan rentetan di sebelah nama mereka.
2. Soalan bonus: tandakan soalan tertentu sebagai bonus (mata x2), dengan label BONUS yang jelas di skrin.
3. Dedah automatik: bila masa tamat, papar "Masa tamat!" selama 2.5 saat, kemudian dedah jawapan secara automatik. Sediakan suis di panel untuk menghidupkan atau mematikannya.
4. Papan markah automatik setiap 5 soalan, dan skrin Juara (3 teratas) selepas soalan terakhir.
5. Simpan keadaan kuiz (set soalan, nombor soalan, markah) ke fail setiap kali ia berubah, dan pulihkan secara automatik jika server dimulakan semula dalam masa 2 jam. Nama fail keadaan mesti mengikut nombor port, supaya server ujian tidak menimpa keadaan LIVE.

Uji setiap ciri menggunakan mod uji, dan terangkan kepada saya cara mengujinya.