🎯 #11 剛好學 Akailao v3.8.9:九大互動模式 + 拍照 AI 出 PIRLS 題 + 老師自架 Firebase 資料自主的 Kahoot+Quizizz+Mentimeter 合體
#11 不只是「投票 + 文字雲」 — 是九大互動模式(搶答 / 繪圖板 / 是非 / 選擇 / 問答 / 互評 / **PIRLS 閱讀招牌** / 排序 / 配對)合體 SaaS。234 KB 單檔 Akailao v3.8.9 + Gemini 2.5 Flash 拍課本自動出 PIRLS 題 + 每位老師自架 Firebase(資料自主)+ set.html 配置生成器(降門檻)。
課堂提問的真實場景
老師:「同學,你們覺得這個故事的主題是什麼?」
全班 30 個人:
- 5 個舉手(每次都那幾個)
- 10 個低頭裝忙
- 15 個放空
老師心想:「剩下 25 個人到底懂不懂?」
考試考下去才發現 — 大家都不懂。
為什麼這麼難?
| 學生狀態 | 為什麼不舉手 |
|---|---|
| 內向 | 怕說錯被笑 |
| 沒自信 | 覺得自己想的不夠好 |
| 看別人 | 等別人先答 |
| 放空 | 根本沒在聽 |
| 程度落後 | 連題目都聽不懂 |
只用「舉手」當參與度指標 = 嚴重低估學生實際狀況。
#11 真實怎麼解?(九大互動模式,不只是投票!)
repo 名稱 Akailao,README 第一行寫「🎓 剛好學(Akailao)— 課堂互動 So Easy」。
九大互動模式(v3.8.9 累積):
🚨 模式 A:快速搶答
- 學生按鈕搶答 + 排名顯示
🎨 模式 B:繪圖板
- 學生用手機畫布作答
- 老師端可放大查看每張作品
✅ 模式 C:是非題 + 🔢 模式 D:選擇題
- 即時統計圖表 + 自動計分
- 「立刻作答」vs「備題作答」雙模式切換
- 備題模式支援圖文 + Gemini 辨識
- CSV 匯出
📝 模式 E:問答題 + 👥 模式 F:互評投票
- 開放式作答 + 學生互評
📚 模式 G:閱讀測驗(招牌功能!)
- 全功能 PIRLS 四層次閱讀理解
- Gemini AI 自動生題
- 計時 + 螢光筆 + 自動計分
- v3.6.0:拍照 / 截圖 AI 出題 — 老師直接拍課本一頁,AI 自動辨識生 PIRLS 四層次題組
🔀 模式 H:排序題 + 🔗 模式 I:配對題
- 拖拉動畫 + SVG 連線
老師端額外功能:
- 進度追蹤 + 注意力監控(分心警告 + 靜音模式)
- 即時排行榜(加扣分)
- 抽籤 + CSV 匯出 + 一鍵清除
學生端細節:
- 掃 QR 或輸入自訂 3 碼課堂代碼
- 作答後永久鎖定(不能重複投)
- v3.7.15 等待中彩蛋:學生答完玩記憶配對 + 看即時排行榜 + 同學完成通知
真實技術棧(資料自主神細節)
- 單檔架構:整個系統在
index.html234 KB 一個檔案 +set.htmlFirebase 配置生成器 - 前端:TailwindCSS + D3.js(統計圖表)+ JSZip + FileSaver.js + QRCode.js + canvas-confetti
- 後端:Firebase Firestore + 匿名 Authentication(Spark 免費方案,asia-east1)
- AI:Gemini 2.5 Flash 多模態(支援圖文出題)
- 建置工具:Vite + Tailwind build(但仍輸出單檔 HTML)
「資料自主」的部署設計
每位老師要自架 Firebase(不是 SaaS 鎖定):
- 建立 Firebase 專案
- 用
set.html貼配置 → 下載專屬index.html - 部署 GitHub Pages(推薦 EZPage 一鍵發布,連 git 都不用會)
- 上課時自訂 3 碼課堂代碼開始
核心理念:學生作答資料在每位老師自己的 Firebase,不是阿凱的伺服器。Firebase Spark 免費額度精算 30-40 人班級日常用完全在 50K reads/day、20K writes/day 內。
跟 #3 即時投票(vote)的關鍵差別
| 面向 | #3 vote | #11 Akailao |
|---|---|---|
| 定位 | 單一功能:投票 | 課堂互動 SaaS(九大模式整合) |
| 後端 | 純前端 Firestore | 每位老師自架 Firebase + 匿名 Auth |
| AI | 無 | Gemini 2.5 Flash 拍照辨識自動出 PIRLS 題 |
| 部署 | 直接 GitHub Pages | 每位老師要自架 Firebase(資料自主) |
| 學生鎖定 | 可重複投 | 作答後永久鎖定 |
| 對標 | Mentimeter Lite | Kahoot + Quizizz + Mentimeter 合體 |
跟 #87 PIRLS QuestionCraft Pro 是姊妹工具(同一個出題引擎理念)。
DEVELOPMENT_PROGRESS.md 118 KB — 開發進度超詳細,可深挖版本演進史。
實測數字(石門國小 5 年級資訊課)
| 指標 | 傳統舉手 | 用 #11 |
|---|---|---|
| 一節課發言參與率 | 17%(5/30) | 97%(29/30) |
| 全班理解度評估 | 老師感覺 | 數據實證 |
| 內向學生發言次數 | 0-1 次 | 5-8 次(不用怕別人聽到) |
| 課後找誰補救 | 全憑印象 | 系統標出來的 3-5 人 |
| 學生說「上課好玩」 | 30% | 80% |
老師 + 學生回饋
「以前我問問題只有那 3 個會舉手,現在每個人都有手機都有答案 — 我終於知道全班理解到哪」
— 石門國小資訊老師
「我們班最害羞的小靜以前一學期講不到 5 句,用 #11 後她每節課都寫一段 — 我才發現她想法很多」
— 三年級導師
「上課掃 QR 比抄筆記快,老師問問題我都搶第一個答 — 不像 Kahoot 那麼吵」
— 五年級學生小華
「我家長視導,看到全班 30 個學生同時看著大螢幕的文字雲 — 直接拍照傳到群組說『這就是 108 課綱』」
— 教導主任
配對工具推薦
- #45 文字雲即時互動 — 文字雲專業版(搭配 #11 火花更大)
- #81 國小資訊科技教學駕駛艙 — 把 #11 嵌入入口網一鍵啟動
- #11 剛好學 — 本篇主角
適用對象
- 國中小所有任課老師(國 / 數 / 社 / 自 / 英 / 資 / 健 / 輔導)
- 大專院校老師(取代 Kahoot 也行)
- 補習班 / 才藝班老師
- 演講者 / 培訓師(讓聽眾不要當壁花)
想試試?
第一次上課用建議從「3 個選項投票」開始,5 分鐘搞定 — 學生瞬間眼睛亮起來。