Langkah Membuat Kuiz HTML di Gemini Canvas

[admin]

1. Buka Gemini
Pergi ke gemini.google.com⁠ dan log masuk menggunakan akaun Google atau ID DELIMa.
2. Aktifkan Canvas
Di bawah ruangan arahan:
1. Klik Tambah fail / Add files (+).
2. Pilih Canvas.
3. Ruang Canvas akan dibuka untuk menghasilkan aplikasi dan kod. Panduan rasmi Gemini Canvas⁠
3. Masukkan arahan lengkap
Salin dan ubah prompt berikut:
Hasilkan sebuah kuiz interaktif dalam satu fail HTML lengkap.
Tajuk: [TAJUK KUIZ]
Subjek: [SUBJEK]
Tahun: [TAHUN]
Bilangan soalan: 10 soalan objektif
Bahasa: Bahasa Melayu
Keperluan:
1. Sediakan ruangan nama murid dan kelas.
2. Paparkan satu soalan pada satu masa.
3. Setiap soalan mempunyai empat pilihan jawapan.
4. Berikan maklum balas betul atau salah selepas murid menjawab.
5. Paparkan penerangan ringkas bagi jawapan.
6. Sediakan butang “Soalan Seterusnya”.
7. Kira markah secara automatik.
8. Paparkan markah, peratus dan tahap pencapaian selepas tamat.
9. Sediakan butang “Cuba Lagi”.
10. Gunakan reka bentuk ceria, moden dan mesra murid sekolah rendah.
11. Pastikan paparan responsif pada telefon, tablet dan komputer.
12. Gunakan HTML, CSS dan JavaScript dalam satu fail sahaja.
13. Jangan gunakan pustaka atau pautan luar.
14. Pastikan semua butang berfungsi.
15. Terus paparkan aplikasi dalam Preview Canvas.
Sediakan soalan dan jawapan yang tepat berdasarkan topik tersebut.
4. Hantar prompt
Tekan Enter/Hantar. Gemini akan:
* Menulis kod HTML, CSS dan JavaScript.
* Menjana paparan kuiz.
* Membuka kuiz dalam bahagian Preview.
5. Uji kuiz
Cuba sendiri perkara berikut:
* Isi nama dan kelas.
* Jawab semua soalan.
* Semak maklum balas jawapan.
* Pastikan markah dikira dengan tepat.
* Tekan Cuba Lagi.
* Uji paparan menggunakan telefon.
Jika kuiz tidak dipaparkan, tekan Preview. Untuk menyemak masalah, gunakan Show console. Gemini Canvas turut membenarkan kod diedit melalui paparan Code. Rujukan rasmi Google⁠
6. Minta Gemini membaiki kuiz
Berikan arahan susulan seperti:
Baiki semua butang yang tidak berfungsi dan pastikan tiada ralat kod.
Tambahkan pemasa 20 saat bagi setiap soalan.
Rawakkan susunan soalan dan pilihan jawapan setiap kali kuiz dimulakan.
Tambahkan bunyi ringkas, animasi konfeti dan lencana apabila murid mendapat 80% ke atas.
Semak semula ketepatan semua soalan, jawapan dan ejaan Bahasa Melayu.
7. Simpan sebagai fail HTML
1. Klik Code.
2. Salin keseluruhan kod.
3. Buka Notepad, TextEdit atau aplikasi penyunting kod.
4. Tampalkan kod.
5. Simpan sebagai:
kuiz-interaktif.html
Pastikan format fail ialah .html, bukannya .txt.
8. Buka kuiz
Klik dua kali fail kuiz-interaktif.html. Kuiz akan terbuka dalam Chrome, Edge atau Safari dan boleh digunakan tanpa internet jika semua kandungan berada dalam satu fail.
9. Kongsi kepada murid
Cikgu boleh:
* Hantar fail HTML melalui WhatsApp atau Google Classroom.
* Muat naik ke Google Drive.
* Gunakan Share & export → Share untuk berkongsi pautan Canvas. Pautan aplikasi Canvas ialah pautan awam, jadi semak maklumat aplikasi sebelum berkongsi. Cara berkongsi Canvas⁠

Sumber : https://www.facebook.com/share/p/19G2iFqqSC/