螢幕畫筆區網互動工具-老師在觸控大屏上畫記、截圖出題，學生掃 QR Code 就能即時作答

 🖍️ 免費 · 免雲端 · 免帳號

螢幕畫筆 × iPad
把課堂變成「人人都在寫」的現場

老師在觸控大屏上畫記、截圖出題，學生掃 QR Code 就能即時作答
完全在區域網路運作，不需要網際網路、不需要註冊

⬇️ 下載最新版（ZIP）📦 前往 GitHub 專案頁

📥 下載方式小提醒點進專案頁後，請往頁面右方（Releases 區塊）找到最新版，點擊下方的「Source code (zip)」即可下載整包程式。下載完記得先解壓縮，再執行資料夾裡的啟動程式.bat。

這套工具為什麼會出現？

一切的起點很單純：我是用 AI 幫自己做了一個大屏用的螢幕畫筆工具，讓我可以直接在觸控大屏上畫重點、圈關鍵字、遮住答案，那堂課就順很多。

但用了一陣子後，我發現一個問題——我畫好的畫面，學生只能「看」，不能「回應」。傳統的課堂提問，往往是幾個志願者舉手，其餘的孩子就開始發呆；我根本不知道誰會了、誰沒會。於是接著第二個念頭冒出來：如果能把畫面上的畫記直接派送給 iPad，讓學生當場寫下答案就好了。

📌 中間的轉折：Firebase 資料庫版

所以我做了第二版，把畫記、截圖和作答資料都丟到 Firebase 資料庫，讓老師和學生透過雲端連線。功能做出來了，但回頭問其他老師「你會用 Firebase 嗎」，答案讓我愣住——大家都要自己去申請帳戶、建立專案、串接 API 金鑰、調整權限規則，光是設定關就卡住一大半人。

工具本身沒問題，問題出在安裝門檻。對不熟程式的老師來說，光是申請 Firebase 資料庫就足以讓他把工具關掉。於是我換了一個方向。

💡 這個轉折讓我體會很深：對老師來說，「免設定」比「功能多」更重要。所以這兩天我把它整個改寫成純區網版——不需要 Firebase、不需要註冊、不需要網際網路，只要老師和學生在同一個 Wi-Fi 下，掃個 QR Code 就能用。

順便也把這兩天累積的互動功能與整體 UI 介面一起重做了一輪：介面改成馬卡龍淡色系、按鈕加大好點、面板可拖曳收合、4K 觸控大屏自動放大；互動上多了題庫預先備課、多頁計算紙、繪圖重播、抽人、暫停作答、並排比較等功能。

每一個功能都是我在課堂上真的卡住過的地方。分享給各位老師，希望也能幫上忙。

它能解決哪些教學痛點？

🎯 痛點一：只有前幾個學生會回答

改用塗鴉題、選擇題，每個人都要動手。儀表板會即時顯示在線人數與已作答人數，哪幾個孩子還沒寫，一目了然，巡堂時可以直接走過去點名輔導。

🎯 痛點二：數學課看不到思考過程

計算題可以讓學生在多頁計算紙上一步步寫算式，寫完一筆，總覽縮圖立刻同步。老師按開任一位學生的作品，就能看到完整過程，而不是只有一個「答案是 42」。

🎯 痛點三：講解時版面看不清

內建螢幕畫筆，可以直接在投影畫面上畫記、重點、遮住答案，10 色 × 5 種粗細，還能存成圖檔隔天繼續用。也可以用「繪圖重播」一筆一筆重現學生的作答過程全班一起看。

🎯 痛點四：備課重複做白工

課前把題目截好、設定題型、存進題庫，上課時一鍵派送，不用每次都在眾目睽睽下拖曳框選。題庫還能匯出成 ZIP，備份或分享給其他老師都很方便。

支援的題型一覽

🎨 塗鴉題 🧮 計算題（多頁計算紙） 🔤 選擇題 📝 簡答題 🎲 抽人點名 ⏸ 暫停作答 🔁 重新作答 🎬 繪圖重播 ⬇️ 一鍵下載作答

安裝與啟動：三步驟就完成

1

下載並解壓縮

從 GitHub Releases 最新版 下載 Source code (zip)，解壓縮後保持資料夾結構完整（templates 資料夾一定要跟主程式放在一起）。

2

雙擊「啟動程式.bat」

不需要會安裝 Python，也不需要管理員權限。啟動程式會自動尋找電腦上的 Python、缺少時自動安裝、接著補上 PyQt5 與 qrcode，最後安靜地開啟主程式（不會跳出黑色視窗）。

3

放行 Windows 防火牆

第一次啟動時 Windows 會跳出防火牆提示，請勾選 「私人網路」 並按「允許存取」。沒放行的話，學生的 iPad 會連不進來。

💡 小提醒：只有第一次自動安裝 Python 和套件時需要網際網路，之後每次上課只需要區域網路就好。若顯示安裝完成但程式沒開，關掉視窗再雙擊一次即可（讓 Windows 讀到新的 PATH）。

老師端：開始上課

• 按 「🖊️ 開始繪圖」：凍結目前畫面，進入畫記模式，可直接在投影上畫重點、圈關鍵字、用方塊遮答案。
• 按 「✂️ 截圖出題」：不用先進繪圖模式，直接框選畫面任一區域出題，出完自動回到主面板。
• 選好題型後二選一：「🚀 發送任務」讓全班 iPad 立刻收到，或 「💾 存入題庫」留到下次用。
• 按 「📱 連線」：顯示 QR Code 與網址，學生掃碼加入。
• 按 「📊 儀表板」：即時看誰交、誰沒交，還能抽人、暫停作答、下載作答結果。
• A－／A＋ 可縮放整體介面（80%～160%），4K 觸控大屏會自動放大，設定會記住。

學生端：三行指令就完成作答

• 用 iPad 相機掃 QR Code，Safari 開啟網頁後輸入名字或座號，按「加入課堂」。
• 等老師發題，畫面會自動切換到題目，不用一直重整。
• 作答完按「送出 ✓」；送出後還能按「✏️ 修改答案」重寫，老師端只會保留最新的一份。
• 在 Safari 按「分享 → 加入主畫面」，之後點一下就能開，還會記住名字自動加入。

老師端儀表板能做什麼

按鈕	用途
🎲 抽人	從已回應的學生中隨機抽一位，直接把他的作答秀出來；預設不重複
⏸ 暫停作答	討論時間凍結送出，學生端會看到「老師暫停作答中」
🔁 重新作答	同一張截圖、同一題型重考一次，清空原紀錄
☆ 選取 → 🔍 比較	最多選 4 份作品並排比較，找差異超好用
🎬 繪圖重播	在截圖背景上一筆一筆重現學生的畫畫過程，1X／2X／3X 速度可調
⬇️ 下載作答	塗鴉／計算題打包成 ZIP，選擇題／簡答題輸出 CSV 可直接開 Excel

計算題：多頁計算紙特別實用

數學課最怕學生只寫答案，所以計算題我特別設計成多頁格線計算紙：

• 預設四張計算紙（2×2），頁數最多 20 頁，寫到最後一頁才會出現「＋ 新增一頁」。
• 點一格就放大成滿版書寫板，空間大 4 倍；左上角的「⊞ 回全覽 · 第 N / 總頁數 頁」或兩指捏合可以退回。
• 寫到第 2～4 頁時，上方會出現「👁 看第 N 頁」，可以叫出前一頁的浮動預覽，邊看邊接著算。
• 每寫完一筆，總覽縮圖即時同步，不用送出才看得到。
• 自動下載時會把所有頁合併成一張 PNG，在 iPad 上可以直接「儲存影像」到相簿。

✍️ Apple Pencil 自動支援：iPad 偵測到 Apple Pencil 會自動切成「觸控筆模式」，手掌和手指都不會畫出東西，再點一下頂列的按鈕可切回「☝️ 手寫模式」。手寫時會暫時忽略手掌誤觸，轉動 iPad 也不會讓畫好的內容跑掉。

技術上怎麼做到離線也能用？

老師端是 Python + PyQt5，啟動時在老師電腦上開一個內建的 HTTP 伺服器（0.0.0.0:8000），學生裝置連進來就取得網頁；學生端是單一 HTML 檔，純 HTML／CSS／JavaScript，不依賴任何外部 CDN，所以沒有網際網路也能正常運作。QR Code 則由 qrcode 套件產生矩陣後用 Qt 直接繪製，不需要額外的圖片套件。

🔒 關於資料與隱私

• 所有資料只在老師電腦的記憶體處理，不會上傳到任何雲端服務。
• 關閉程式、結束繪圖或發送新題目時，目前作答就會清除。
• 只有老師主動按「⬇️ 下載作答」或「💾 存檔」時，資料才會寫成檔案。
• 學生端網頁不載入任何外部資源，學生裝置連出去也不會留下紀錄。

常見問題

狀況	怎麼處理
掃了 QR Code 卻打不開	確認 iPad 與老師電腦在同一個 Wi-Fi／網段；再到「允許應用程式通過防火牆」把 Python 的「私人網路」勾起來
多張網卡時找不到網址	在「📱 連線」視窗的網路介面選單切換其他網址試試
校園 Wi-Fi 互相看不到	部分校園 AP 會隔離用戶端，可改用一台獨立無線分享器
連接埠被占用	程式預設 8000，被占用時會自動往後找（最多到 8019），實際網址以主面板顯示為準
iPad 偶爾斷線	回到頁面會自動重連；若畫不出來，先在 iPad 重新整理，確認載入的是最新版

工具免費、資料不外流，課堂直接升級

這套工具沒有任何廣告、沒有帳號系統、也不會把孩子的作答送到任何伺服器。
如果你覺得有用，歡迎分享給身邊的同事一起用。

⬇️ 前往下載（Releases 最新版 Source code zip）