πŸ—οΈ Misi Gamifikasi Tahap 1 0 XP

Bina game pendidikan dengan Gemini dalam 20 minit

Tutorial ini membawa anda dari idea ke game pendidikan yang boleh dimainkan rakan sekelas: jana game dengan Gemini Canvas, export terus ke Google Sites, publish, kemudian hantar ke galeri bengkel. Tak perlu tahu coding.

β–Ά Mula Misi Terus ke penjana prompt
  1. πŸ’‘Idea
  2. ✨Canvas
  3. 🌐Sites
  4. πŸš€Publish
  5. πŸ†Galeri
0
Asas Β· 3 minit +50 XP

Apa itu gamifikasi?

Gamifikasi ialah penggunaan elemen permainan dalam aktiviti pembelajaran supaya murid lebih terlibat. Bukan sekadar "main game"; matlamatnya ialah latih tubi dan maklum balas segera dalam bentuk yang menyeronokkan. Game yang akan kita bina menggabungkan lima elemen ini:

⭐

Mata & skor

Ganjaran segera untuk setiap jawapan betul.

πŸ’Ž

Nyawa

Ada risiko, maka pemain berfikir sebelum menjawab.

⏱️

Pemasa

Cabaran masa membina kepantasan dan fokus.

πŸ—ΊοΈ

Naratif / tema

Cerita (cth. pulau harta karun) memberi tujuan.

πŸ…

Lencana & tahap

Rasa kemajuan, seperti bar XP di atas.

1
Persediaan Β· 2 minit +100 XP

Buka Gemini & aktifkan Canvas

  1. Log masuk ke gemini.google.com menggunakan akaun DELIMa / Google Workspace for Education anda.
  2. Di kotak prompt, klik ikon Tools (atau +) di bawah kotak teks.
  3. Pilih Canvas. Butang Canvas akan bertukar biru, maknanya hasil akan dibuka dalam panel sebelah yang boleh dipratonton.
πŸ’‘ Kenapa Canvas? Tanpa Canvas, Gemini hanya beri kod dalam chat. Dengan Canvas, anda boleh main game itu terus, minta pembetulan, dan eksport dengan mudah.
2
Teras Β· 5 minit +150 XP

Tulis prompt game

Prompt yang baik menyatakan format (satu fail HTML), kandungan (subjek, topik, bilangan soalan), tema dan elemen game. Isi borang di bawah dan salin prompt yang terhasil ke Gemini.

Menyalin prompt memberi lencana Juru Prompt πŸ§™

πŸ’‘ Tukar mana-mana bahagian sesuka hati. Prompt yang lebih spesifik (warna, saiz butang, gaya animasi) menghasilkan game yang lebih kemas.
3
Uji Β· 5 minit +100 XP

Uji & baiki game dalam Canvas

  1. Tunggu Gemini siap menjana. Panel Canvas akan menunjukkan tab Preview dan Code.
  2. Main game itu sendiri dalam Preview. Semak setiap soalan dan jawapan; AI boleh tersilap.
  3. Minta pembaikan dalam chat, satu perubahan pada satu masa. Contoh:
    • "Soalan 7 jawapan salah, 6 Γ— 8 = 48. Betulkan."
    • "Besarkan butang jawapan untuk skrin telefon."
    • "Tambah skrin tamat dengan butang Main Semula."
  4. Bila berpuas hati, teruskan ke Misi 4. Tak perlu salin kod, sebab Gemini boleh hantar game terus ke Google Sites.
⚠️ Semak fakta! Anda bertanggungjawab atas ketepatan kandungan. Uji semua soalan sebelum dikongsi dengan rakan.
4
Satu klik Β· 1 minit +150 XP

Export terus ke Google Sites

  1. Di bar atas panel Canvas, klik butang Export β–Ύ.
  2. Pilih Google Sites. Notis "Creating Google Site…" akan muncul di penjuru kanan atas.
  3. Bila keluar "New Google Site created", klik Open Google Site.
  4. Google Sites dibuka dalam tab baharu. Nama laman sudah diisi automatik (cth. Treasure Hunter – Kunci Emas) dan game sudah siap dimasukkan. Tiada salin-tampal kod!
  5. Tunggu sehingga game habis dimuatkan dalam editor dan tertera "All changes saved in Drive" di bahagian atas.
πŸ’‘ Pilihan Download code dalam menu yang sama memuat turun fail HTML, berguna jika anda mahu hoskan game di tempat lain (cth. Cloudflare Pages).
5
Terbit Β· 3 minit +150 XP

Publish laman & buka akses Public

A. Isi alamat web

  1. Dalam editor Google Sites, klik butang biru Publish di penjuru kanan atas.
  2. Tetingkap Publish your site muncul. Di ruang Web address, taip nama pendek tanpa jarak, cth. treasurehunterkunciemas.
  3. Semak pautan di bawahnya, cth. sites.google.com/moe-dl.edu.my/treasurehunterkunciemas. Inilah pautan game anda.

B. Tukar akses kepada Public

  1. Di bawah Who can view my site, tertera "Anyone at Ministry Of Education Malaysia". Klik MANAGE.
  2. Tetingkap Share dibuka. Di bahagian General access, biarkan Draft sebagai Restricted.
  3. Pada baris Published site, klik menu Ministry Of Education Malaysia β–Ύ dan pilih Public ("Anyone on the internet can find and open").
  4. Tunggu tulisan "Updating…" hilang, kemudian klik Done. Notis "Access updated" akan muncul.

C. Terbitkan

  1. Anda kembali ke tetingkap Publish. Pastikan Who can view my site kini tertulis Anyone.
  2. Biarkan kotak "Request public search engines to not display my site" tidak bertanda.
  3. Klik Publish. Tunggu "Publishing…" sehingga keluar notis "Your site has been published successfully".

D. Buka & salin pautan

  1. Klik anak panah β–Ύ di sebelah butang Publish, kemudian pilih View published site.
  2. Laman yang sudah diterbitkan dibuka dalam tab baharu. Main sekejap untuk pastikan game berfungsi.
  3. Klik pada bar alamat pelayar dan salin pautan (Ctrl+C). Pautan ini diperlukan dalam Misi 6.
πŸ’‘ Jika laman diubah selepas ini, klik Publish semula (atau β–Ύ β†’ Review changes and publish) supaya pengguna nampak versi terkini.
6
Kongsi Β· 2 minit +100 XP

Hantar game ke Galeri Bengkel

  1. Buka laman Bengkel Projek Gamification (galeri game peserta).
  2. Di kotak Hantar game anda, isi Nama.
  3. Isi Sekolah (pilihan).
  4. Isi Tajuk game, cth. Treasure Hunter.
  5. Klik ruang Link Google Site dan tampal (Ctrl+V) pautan yang disalin dalam Misi 5.
  6. Klik Hantar game. Tunggu "Menghantar…" sehingga keluar "Game anda sudah masuk galeri!", dan kad game anda muncul di bahagian atas galeri.
πŸŽ“ Hantar kepada cikgu: jika cikgu beri tugasan di Google Classroom, buka tugasan itu, klik + Add or create β†’ Link, tampal pautan, kemudian klik Turn in.
🎯
Cabaran akhir +200 XP

Kuiz Akhir: uji kefahaman

Nyawa: πŸ’ŽπŸ’ŽπŸ’Ž

πŸ…
Koleksi anda

Lencana

?
Bantuan

Masalah biasa & penyelesaian

Tiada pilihan "Google Sites" dalam menu Export

Pastikan game dibina dalam mod Canvas dan anda log masuk dengan akaun Google sekolah. Jika masih tiada, pilih Download code, kemudian di Google Sites guna Insert β†’ Embed β†’ Embed code dan tampal kandungan fail tersebut.

Saya ubah game dalam Gemini, tapi laman Sites tak berubah

Laman yang sudah dicipta tidak dikemas kini secara automatik. Selepas membuat perubahan dalam Gemini, klik Export β†’ Google Sites sekali lagi, kemudian Publish laman tersebut dan kongsi pautan terkini.

Game terpotong atau ada bar skrol

Dalam editor Sites, klik kotak game dan tarik pemegang penjuru untuk besarkan. Anda juga boleh minta Gemini: "Pastikan game muat dalam ketinggian 600px dan responsif."

Bunyi tidak keluar

Pelayar menyekat bunyi sehingga pengguna klik sesuatu. Pastikan game bermula dengan butang "Mula" supaya bunyi diaktifkan selepas klik pertama.

Rakan tidak boleh buka pautan

Semak tetapan Share β†’ Published site. Jika ditetapkan kepada Ministry Of Education Malaysia, mereka mesti log masuk dengan akaun DELIMa. Pilih Public untuk akses tanpa log masuk.

Tak nak guna Google Sites. Ada pilihan lain?

Boleh. Pilih Export β†’ Download code, namakan fail sebagai index.html dan muat naik ke Cloudflare Pages (Workers & Pages β†’ Create β†’ Pages β†’ Upload assets). Anda akan dapat pautan nama-projek.pages.dev secara percuma. Laman tutorial ini sendiri dihoskan dengan cara itu.

Gemini tak tunjuk pilihan Canvas

Ciri Gemini untuk akaun pendidikan bergantung pada tetapan pentadbir sekolah/negeri. Cuba log keluar dan masuk semula, atau minta bantuan cikgu anda.