「創意抽籤系統」是阿凱老師用 Gemini Canvas 寫的 純前端 + Tailwind + canvas-confetti 抽籤工具,掛在石門國小 XOOPS 校網 VM 上(smes.tyc.edu.tw/smes_html/gogogo.html,檔名 gogogo 很可愛),專門解決「上課隨機點名、課堂抽問、抽小組代表」的最日常需求。
🎯 核心特色
- 🎲 一個一個抽(保留懸念) — 不是一次全抽完,每次點按鈕抽一個,學生看誰被點到
- 🎉 canvas-confetti 撒花 — 每抽中觸發撒花動畫,學生課堂氣氛瞬間炸開
- 📝 剩餘項目即時顯示 — 知道還有幾個沒抽,老師掌控節奏
- 📋 複製結果 + 重新開始 — 抽完可一鍵複製貼進記事本,重新整理就重來
- 🏫 掛學校網域 —
smes.tyc.edu.tw學生看到自然信任,比 random.org 視覺好玩 + 比小棒子公平
💡 設計理念
阿凱的「第三個部署平台」就是石門國小 XOOPS 校網 VM — 用 Gemini Canvas 寫好單檔 HTML(19,892 字元,Tailwind CDN + canvas-confetti,無後端無 LLM),直接上傳學校 VM 雲端就上線。比 Google Sites Embedded 更彈性、比 GitHub Pages 更省事(不用 commit / push)。Footer 寫「© 2025 桃園市石門國小 資訊組 阿凱老師 設計」。
🎒 適合情境
國中小所有任課老師(每天都會用到點人)、補習班 / 安親班老師、分組活動(30 人分 6 組 → 每次抽 5 個自動成一組)、想做課堂遊戲化的老師。完全免費、免登入、純前端 localStorage,若要做比賽選手「正取 + 備取」雙清單請用 #18 繽紛隨機學生抽選工具,餐廳選擇障礙請用 #57 餐廳命運轉盤。