2026年6月11日 星期四

虛擬滑鼠伺服器 (Virtual Mouse Server):手機或平板秒變觸控板,實現無線遙控電腦的強大工具!

您是否曾想過站在教室後方,或是站在講台上,就能輕鬆操控遠處的電腦?虛擬滑鼠伺服器 (Virtual Mouse Server) 是一款基於 Python 開發的簡單工具,只需在同一區域網路內,就能將您的手機或平板瞬間轉化為電腦的觸控板,支援多指手勢與密碼保護,是教師上課時的最佳良伴。


💡 功能亮點

  • 手機變觸控板 — 掃描 QR Code 即可開啟網頁,全螢幕觸控區即時同步操控電腦游標。
  • 虛擬左右鍵 — 網頁介面底部設有實體化左、右鍵按鈕,操作更直覺。
  • 多指手勢支援 — 支援 1 到 3 指操作,包含滾輪捲動、視窗切換與縮放功能。
  • 連線密碼保護 — 可自行設定連線密碼,確保只有授權使用者能操控您的電腦。
  • 高度自定義 — 移動速度、滾輪靈敏度、震動回饋皆可於手機端即時調整並自動儲存。


🖐️ 跨平台手勢對應指南

無論是 Windows 還是 macOS,我們都針對系統特性優化了操作體驗:

Windows 系統

手勢對應動作
1 指拖曳 / 輕點移動游標 / 左鍵點擊
1 指長按 / 2 指輕點右鍵點擊
2 指拖曳滾輪捲動
2 指捏合螢幕縮放 (Ctrl + 滾輪)
3 指拖曳左鍵拖曳 (選取文字/移動視窗)
3 指快速滑動切換視窗 (Alt+Tab / Win+D)

macOS 系統

手勢對應動作
1 指拖曳 / 輕點移動游標 / 左鍵點擊
2 指拖曳 / 捏合捲動 / 縮放 (Cmd + 滾輪)
3 指上滑Mission Control (Ctrl + ↑)
3 指左右滑切換 App (Cmd+Tab)

🚀 快速安裝步驟

1. 確保電腦已安裝 Python 3.8+ 並在安裝時勾選 Add Python to PATH

2. 下載專案原始碼並在資料夾內開啟終端機,執行以下指令安裝必要套件:

pip install flask flask-socketio pyautogui qrcode[pil] pillow simple-websocket

🎮 啟動與使用

Windows 使用者請執行 python server.py,macOS 使用者請執行 python3 server_mac.py。程式開啟後:

  1. 介面將顯示電腦的 區域網路 IP
  2. 點擊「啟動伺服器」,手機掃描畫面的 QR Code
  3. 手機連線至網頁後,即可開始操控!

⚠️ 注意:macOS 使用者必須在「系統設定 > 隱私權與安全性 > 輔助使用」中授權終端機存取權限。

📦 打包成執行檔

若您不想每次都透過指令啟動,可以使用 PyInstaller 將其打包成 .exe.app

pyinstaller --onefile --windowed --add-data "templates;templates" --name "虛擬滑鼠" server.py

❓ 常見問題

Q:手機連不上伺服器?
A:請確認手機與電腦處於 同一個 Wi-Fi 網域,並檢查電腦防火牆是否已開放 Python 存取權限。

2026年6月6日 星期六

不用寫程式!老師只要輸入需求,AI 就能自動生成 iPad 教學工具,還能串接 Google 試算表

         昨晚花了一整晚的時間,反覆測試並優化了一個全新開發的「萬用教學數位工具生成器 Gem」。這個工具的強大之處在於,只要老師輸入想要在 iPad 上呈現的功能需求,它就能自動產出完整的網頁程式碼,甚至連後端的 Google 試算表串接都幫你寫好了!

🚀 實測成果:從數學到社會課都能用

我分別測試了幾種常見的教學情境,發現生成效果非常理想:

  • 數學計算題:一次顯示一題,具備手寫計算區與答案輸入區。
  • 英文單字配對:互動式的字卡拖拉,提升學習趣味。
  • 中文部件組合:讓學生自由組合文字部件,練習識字。
  • 社會科 321 學習單:條列式引導學生紀錄學習重點。
  • 手寫畫圖:支援拍照後直接在照片上進行標註畫記。

生成的工具不但介面美觀,學生送出的答案還會自動存入 Google 試算表中,方便老師即時掌握學生的學習狀況。

🛠️ 如何使用這個萬用工具生成器?

您可以透過以下連結直接存取我設計好的 Gem,並依照下方的引導開始您的創作之旅:

詳細操作步驟說明:

  1. 輸入需求:在 Gem 的對話框中輸入您的需求。例如:「我需要一個讓學生在 iPad 上自由畫記,並可以拍照後畫記的功能」
  2. 生成代碼:Gem 會自動判斷情境,並輸出 index.htmlapp.js 兩個區塊的程式碼。
  3. 建立檔案:在您的電腦中建立這兩個檔案,並將程式碼分別貼入。只需雙擊 index.html,不需伺服器即可在瀏覽器開啟「主控制台」。
  4. 設定後台:依照介面上的「第三分頁」指示,將 GAS 腳本貼到 Google 試算表的指令碼編輯器中,取得網址後填回控制台。
  5. 分發給學生:點擊「下載學生端網頁」,將生成的 HTML 檔案發給學生,或透過 GitHub Pages/Gemini Canvas 共享網址。


⚠️ 重要提醒:開發與測試的必要性

雖然這個 Gem 已經經過高度優化,但 AI 生成程式碼並非 100% 完美。在使用時,請務必留意以下幾點:

  • 功能全測試:生成後請務必逐一測試每個按鈕、輸入框與存檔功能,確保邏輯符合預期。
  • 重新生成技巧:如果發現功能有誤或不完整,建議直接將原本的 prompt 再次送出,讓 AI 重新嘗試。有時候第二次生成的結果會比第一次更好。
  • 選擇強大模型:建議使用進階模型(付費版模型)來運行此指令,這能顯著提升程式碼的精準度與穩定性。

科技的進步讓教育者能更專注於教學設計而非繁瑣的程式編寫。希望這個工具能幫助各位老師打造出更多有趣的互動課堂!

2026年5月23日 星期六

老師必備神器!AI 秒出各類型試題-素養導向命題系統

 昨天我製作了一個專門用於自動生成測驗題目的網頁工具,這個工具透過 AI 分析課文內容,並能根據您的需求生成精準的試題。

這款工具能做什麼?

這款 AI 考卷生成工具的核心在於「精準分析」「彈性出題」。您不再需要對著課本苦思冥想,只需簡單幾步操作:

  • 多文件分析: 您可以同時上傳一個或多個課文 PDF 檔案,讓 AI 全面掃描教學重點。
  • 自定義題型與配分: AI 支援多種題型,您可以自由輸入需求。例如:
    • 短文式填國字 10 格 (每格 1 分)
    • 改錯字 10 格 (每格 1 分)
    • 課文理解選擇題 10 題 (每題 2 分)
    • 課文句子排序 5 題 (每題 3 分)
    • 造句 5 題 (每題 3 分)
    • 課文句型照樣造句 5 題 (每題 2 分)
    • 素養導向閱讀理解題 2 組各 5 題 (每題 2 分)

產出的結果會以 markdown 語法呈現,方便您進行後續的排版與編輯。

如何將 AI 題目快速轉換為 Google 文件試卷?

拿到工具生成的 Markdown 內容後,您不需要手動一個個修改格式。Google 文件內建了 Markdown 支援功能,只要設定正確,貼上時就會自動完成排版。以下是詳細步驟:

第一步:啟用 Google 文件 Markdown 支援

  1. 開啟一份新的 Google 文件
  2. 點選上方選單列中的 「工具」(Tools)
  3. 在下拉選單中選擇 「偏好設定」(Preferences)
  4. 在彈出的視窗中,找到並勾選 「啟用 Markdown」
  5. 按下「確定」按鈕完成設定。

第二步:貼上內容並自動排版

設定完成後,回到考卷生成工具,複製 AI 產出的 Markdown 內容。回到 Google 文件,在空白處點選滑鼠右鍵並選擇「貼上Markdown」。此時,Google 文件會自動將標題符號 # 轉為大標題、**文字** 轉為粗體,瞬間生成整齊的試卷結構!最後,您只需要點選「檔案」>「下載」>「Microsoft Word (.docx)」即可完成。