course-gamification-designer

Original：🇺🇸 English

Translated

Merancang dan menghasilkan mini-game edukasi interaktif berbasis web (HTML5 Canvas/JS/CSS) per sesi materi. Mengubah topik ajar menjadi permainan pemilahan konsep, puzzle logika, arena tebak cepat, simulasi skenario percabangan, atau teka-teki silang yang dapat dimainkan di browser desktop maupun ponsel.

7installs

Sourcelensetek/course-agent-skills

Added on2026-10-28

NPX Install

npx skill4agent add lensetek/course-agent-skills course-gamification-designer

SKILL.md Content

View Translation Comparison →

Course Gamification Designer 🎮

course-gamification-designer

mengubah materi ajar yang teoritis atau abstrak menjadi mini-game web yang seru, menantang, dan mendidik. Setiap sesi materi dapat ditawarkan varian game yang relevan untuk memperkuat pemahaman siswa secara aktif (Active Learning).

🕹️ 6 Pola Mini-Game Web Edukatif

Concept Sorter / Drag-and-Drop Arena:
- Mekanisme: Kartu-kartu konsep materi berjatuhan atau tersusun acak. Siswa harus menyeretnya ke wadah kategori yang tepat sebelum waktu habis.
- Cocok untuk: Pengelompokan tipe data, taksonomi biologi, komponen neraca akuntansi, jenis-jenis arsitektur jaringan.
Branching Scenario Simulator (Choose-Your-Own-Adventure):
- Mekanisme: Siswa berperan sebagai profesional (misal: Software Architect, Dokter, Manajer Proyek). Setiap keputusan mempengaruhi parameter metrik (Budget, Kepuasan Pengguna, Keamanan Sistem).
- Cocok untuk: Etika profesi, studi kasus bisnis, mitigasi krisis keamanan siber, diagnosa klinis.
Speed Trivia & Whack-a-Misconception:
- Mekanisme: Pernyataan-pernyataan muncul dengan cepat di layar. Siswa harus membedakan antara fakta ilmiah valid vs mitos/miskonsepsi populer.
- Cocok untuk: Review persiapan UTS/UAS, pemanasan apersepsi di awal pertemuan.
Formula & Code Syntax Rebuilder:
- Mekanisme: Balok-balok baris kode atau tahapan rumus matematika diacak. Siswa harus menyusun kembali ke dalam urutan eksekusi yang benar.
- Cocok untuk: Logika pemrograman, algoritma sorting, penurunan rumus fisika/matematika.
Interactive Crossword / Terminology Crypt:
- Mekanisme: Teka-teki silang digital dengan petunjuk definisi (Level LOTS). Memiliki sistem validasi huruf otomatis dan tombol hint.
- Cocok untuk: Penguatan hafalan istilah medis, hukum, farmasi, atau akuntansi.
Card Memory Match (Matching Pairs):
- Mekanisme: Membuka kartu terbalik untuk mencocokkan antara ikon/istilah dengan fungsi/definisi yang tepat.

🛠️ Karakteristik Teknis Game Web

Berkas Tunggal Mandiri (
game.html
): Memadukan canvas, CSS visual modern, audio efek sintesis (Web Audio API tanpa aset eksternal yang lambat), dan logika JavaScript dalam satu file.
Responsif & Mobile-View First: Berfungsi mulus pada layar smartphone (layar sentuh) maupun monitor komputer mouse/keyboard.
Sistem Poin & Leaderboard Lokal: Menyimpan skor tertinggi di browser lokal (
```
localStorage
```
) untuk kompetisi sehat antar siswa di kelas.
Feedback Langsung: Setiap jawaban salah langsung diberikan penjelasan ringkas mengapa jawaban tersebut belum tepat.