2026年8月25日 星期二

WEB 區網互動教學工具箱-教室大屏 PC × 學生平板|連上區網 → 啟動程式 → 掃 QR Code,互動馬上開始!

 

WEB 區網互動教學工具箱

教室大屏 PC × 學生平板|連上區網 → 啟動程式 → 掃 QR Code,互動馬上開始!
🚀 免安裝設定 🔒 資料全在本機 📶 不需要網際網路
⬇️立即下載 V1.1(Source Code.zip)GitHub Releases 下載後解壓縮,雙擊「啟動程式.bat」即可使用

💡軟體由來

這幾年教室裡的設備越來越齊全:講台上有了大螢幕與電腦,學生也常一人一台平板。但我發現一個很實際的問題——想讓平板跟大螢幕即時互動,往往得仰賴雲端服務或外部平台,不是要申請帳號、就是要擔心學校網路能不能連出去,甚至課堂中突然斷網,整個活動就卡住了。

於是我自己動手做了這套「WEB 區網互動教學工具箱」。它的核心想法很單純:只要教師電腦和學生平板連上同一個 Wi-Fi(區域網路),老師啟動程式、學生掃描 QR Code,互動就能立刻開始——全程資料都留在自己的電腦裡,不需要網際網路、不需要註冊任何帳號,也不依賴任何雲端服務。

🖥️📱確認同一區網教師 PC 與平板連同一個 Wi-Fi
▶️教師啟用程式雙擊 bat 自動架好伺服器
📸學生掃 QR Code大螢幕投影 QR Code 即可
🎉開始互動教學搶答、投票、白板、繳作業

🏫課堂教學應用

這套工具箱內建了完整的課堂互動功能,涵蓋「提問回饋」、「協作共創」、「同步簡報」、「評量分析」到「作業收繳與展示」,幾乎一堂課會用到的互動環節都包辦了:

🙋 剛好學

搶答、是非選擇、快速投票、便利貼牆、閱讀測驗、文字雲、作品觀摩投票,支援 AI 智慧出題。

📋 剛好白板

多人即時協作數位白板,畫筆、圖形、便利貼、插入圖片與 PDF,多頁切換、教師可鎖定管控。

📊 剛好簡報

上傳 PDF 同步播放,逐頁設定塗鴉題、文字題、選擇題,學生作答即時回收、比較與統計。

📝 剛好測

AI 出題(選擇/閱讀測驗/素養題組/配對題),線上施測後自動產生成績分佈與試題分析。

🎨 多元作業繳交

即時畫布繪圖、檔案上傳、iPad 語音錄音、教材截圖繳交,依題號自動分類歸檔。

🖥️ 大屏作業展示牆

卡片牆展示全班作品,支援放大檢視、多圖並排比較、隨機抽籤,適合公開講評。

🧠 心智圖創作

線上節點心智圖編輯,完成後一鍵截圖繳交,也可匯出 PNG / HTML / 影片。

🔗 課堂網址分享

把常用網站做成馬卡龍色大圖卡,學生點一下就前往;教師可在後台自行增修清單。

🎯 實際課堂情境舉例

📌 國語課:用「剛好學」出閱讀測驗,學生平板作答,長條圖立即呈現各題答對率,當場檢討迷思概念。

📌 自然課:分組在「剛好白板」上共同繪製實驗紀錄,教師鎖定某組畫面投影講解。

📌 英語課:學生用平板錄音朗讀課文上傳,老師在大螢幕展示牆逐一點播回饋。

📌 社會課:用「剛好測」的 AI 素養題組出一份時事題組,考完立刻看到成績分佈與試題答對率。

📖使用詳細教學

整個流程非常簡單,第一次使用建議照著下面的步驟操作一次:

Step 1|確認網路環境

確認教師電腦學生平板都連上同一個 Wi-Fi 基地台(或同一個區域網路)。這是最重要的前提,只要在同一個區網內,其他都不用設定。

Step 2|教師啟動程式

在下載的資料夾中雙擊 啟動程式.bat,程式會自動檢查環境、必要時自動安裝 Python 與所需套件,接著跳出桌面視窗並顯示連線網址(例如 http://192.168.1.100:8000),代表課堂伺服器已經架好了。

Step 3|學生掃 QR Code 連線

點擊程式頂部的「📱 QR Code」按鈕,把彈出的大尺寸 QR Code 投影到教室大螢幕上,學生打開平板相機掃描,即可直接進入互動首頁。(也可以讓學生手動輸入畫面上顯示的網址。)

Step 4|挑選互動工具開始上課

從首頁的「🧩 剛好互動工具」選單開啟「剛好學/剛好白板/剛好簡報/剛好測」,或使用課堂繳交、心智圖創作等功能。學生端會即時同步教師的操作,互動過程全部記錄在本機。

Step 5|展示成果與下課收尾

透過左下角 ⚙️ 輸入管理密碼(預設 tpet)解鎖教師後台,即可開啟「作業呈現介面」在大螢幕講評學生作品、隨機抽籤、勾選比較。下課前關閉程式視窗即可,所有資料都保留在自己電腦的資料夾中。

💾下載與安裝說明

本工具為 Windows 本機執行的 Python 程式,完全不需要手動輸入任何指令,安裝流程如下:

  1. 下載壓縮檔:點擊上方按鈕前往 GitHub Releases 頁面(V1.1),下載 Source code.zip
  2. 解壓縮:將 zip 解壓縮到電腦中任一資料夾(建議放在固定位置,之後的課堂資料也會存在這裡)。
  3. 雙擊啟動:對資料夾內的 啟動程式.bat 點兩下。第一次執行會自動偵測並安裝 Python 與 PyQt5 等必要套件(約需 1~3 分鐘,請保持網路暢通),之後再啟動只需幾秒鐘。
  4. 開始使用:看到程式視窗顯示連線網址後,就可以依照上面的教學步驟,讓學生掃 QR Code 加入課堂了。

⚠️ 小提醒

• 若校園網路有防火牆限制導致套件安裝失敗,可請資訊組協助,或先在家用網路完成第一次啟動。

• 若 8000 連接埠被占用,可在程式上方 Port 欄位改成其他數字(如 8080)後按「⚡ 重啟伺服器」。

• 所有課堂資料(作業、題庫、互動紀錄)都存在程式資料夾內,搬移或備份整個資料夾即可完整保留。

✍️結語

從搶答投票到白板協作,從同步簡報到 AI 出題測驗,再到作業收繳與大螢幕講評——我希望這套工具能讓「教室大屏+學生平板」的互動教學變成一件零門檻的事:不用連外網、不用辦帳號,雙擊啟動、掃碼上課。

工具是自由授權分享的,如果你在使用過程中有任何建議或遇到問題,歡迎留言告訴我,我會持續改進。也期待你在課堂上的精彩應用!

2026年8月16日 星期日

網頁行事曆便利貼-把 Google 日曆的行程變成便利貼,貼在瀏覽器的每個網頁上

 

網頁行事曆便利貼

把 Google 日曆的行程變成便利貼,貼在瀏覽器的每個網頁上
Chrome 擴充功能 | Google Apps Script | 免付費 | 自動同步
📥 下載 Source Code(v1.5.3)點擊前往 GitHub Release 頁面下載 source code.zip

📌軟體由來

大家應該都有這種經驗:明明行事曆排得滿滿的,卻常常在瀏覽網頁、處理工作的時候,完全忘了等一下還有會議、還有行程。Google 日曆開在另外一個分頁,它就靜靜躺在那裡,不看就等於沒有。

我一直覺得,行事曆不應該被「藏」在特定頁面裡。既然我整天都在瀏覽器上工作,那為什麼不能讓行程一直「貼」在眼前呢?

於是我就動手做了一款 Chrome 擴充功能「網頁行事曆便利貼」——它會把我 Google 日曆上未來有行程的每一天,各自變成一張小便利貼,常駐在瀏覽器的每個網頁角落。打開任何網站,該辦的事情一目了然,就像桌邊貼滿了提醒紙條一樣自然。

核心功能總覽

這款擴充功能把「看到行程」變成一件很直覺的事,重點功能如下:

📌
便利貼呈現
有行程的每一天獨立呈現為一張便利貼,自動過濾空檔日
📐
三段式停靠
下方橫排雙列 ⇄ 右方直排單欄 ⇄ 左方直排單欄,一鍵循環切換
📏
直排極窄設計
停靠左右兩側時寬度僅 104px,完全不擋網頁主內容
🖱️
拖曳滑動
滑鼠按住左鍵即可橫向 / 直向 Drag to Scroll,流暢不卡頓
🔄
自動背景同步
開啟瀏覽器自動載入,每 30 分鐘背景更新最新行程
單張收合 / 展開
點 ✕ 收合至收合列,點擊底部小日便條即可單獨展開
📁
工具列收合
一鍵將工具列縮至左下角為迷你膠囊標籤
🔒
日曆範圍過濾
僅限個人主要日曆,避免混入他人共用或訂閱日曆
🔍
尺寸自由切換
標準 100% 或精簡約 50%,迷你模式只佔 132px 寬
🗂️
跨分頁常駐
切換分頁、開新頁面,便利貼與收合狀態無縫維持
快速新增行程
在擴充套件面板直接填寫,一鍵寫入 Google 日曆並即時產生便利貼
🎯
自由拖曳定位
按住標題列任意擺放,自動記住位置,直達 Google 日曆

🎯誰適合使用

這款工具沒有年齡或身份的限制,任何使用 Google 日曆安排生活的人都能派上用場。我自己天天用,也特別推薦給行程繁重的朋友們:

🗓️ 行程繁重的人

會議、約診、繳費期限、截稿日、家庭聚會……行程散落在不同日期,常常一不小心就漏掉。裝上這款擴充功能後,只要一打開電腦、任何瀏覽頁面,今天的行程就自動貼在眼前,看過一遍就有底了。

我自己最常用的是 「僅限個人主要日曆」 過濾,確保便利貼上只出現自己帳號的行程,不會混進他人共用的行事曆,畫面乾淨又準確。

💻 需要長時間用瀏覽器工作的人

需要開會、簡報或線上研討時,把工具列停靠在右側或左側直排,寬度只有 104px,完全不遮擋工作內容,卻能隨時瞄一眼下一個行程,非常方便。

🔧使用教學:從下載到開始使用

🚀 安裝步驟(Chrome 擴充功能 + GAS 後端)

  1. 點擊上方按鈕前往 GitHub Release 頁面,下載 source code.zip 並解壓縮。
  2. 開啟 gas/Code.gs,複製全部程式碼。
  3. 前往 Google Apps Script 官網 建立新專案,命名為「網頁行事曆便利貼 API」,貼上程式碼並儲存。
  4. 點擊「部署」→「新增部署」→ 選取類型為「網頁應用程式」。
  5. 執行身分:選擇「我」;誰可以存取:選擇「所有人」。
  6. 通過 Google 授權(允許讀寫日曆),複製產生的 Web App URL
  7. 在 Chrome 開啟 chrome://extensions/,開啟右上角「開發人員模式」。
  8. 點擊「載入未封裝項目」,選取解壓縮後包含 manifest.json 的專案資料夾。
  9. 點擊瀏覽器工具列的 📅 圖示,貼上 Web App URL(會自動永久儲存)。
  10. 選擇日曆範圍與便利貼尺寸,點擊「🔄 立即同步行程」,完成!

⚠️ 此工具使用 Google Apps Script 作為後端 API,完全由你自己的 Google 帳號控管,不用申請 Google Cloud OAuth 審核,設定快速、權限安全透明。

📌 日常操作重點

  1. 切換停靠位置:點擊工具列「📐 靠右直排 / 靠左直排 / 靠底橫排」,三段式循環切換。
  2. 拖曳滑動:在小便利貼區按住左鍵拖曳(橫排左右、直排上下)。
  3. 收合便利貼:點 ✕ 收合單張;「📁 全部收合 / 📂 全部展開」一次處理全部。
  4. 工具列縮起:點 ◀ 收至左下角膠囊標籤,點膠囊一鍵展開。
  5. 跨分頁常駐:切換分頁、開新頁面,便利貼與收合狀態都無縫維持。

🎁 貼心小功能

  • 日曆來源範圍過濾:僅限個人主要日曆(推薦)/ 個人擁有日曆 / 所有日曆。
  • 便利貼尺寸切換:標準 100% 或精簡約 50%,螢幕空間隨心省。
  • 快速新增行程:面板直接填寫標題、時間、地點與備註,一鍵寫入日曆。
  • 直達 Google 日曆:點便利貼 🔗 或任一行程,直接跳轉當日行程。

💡技術亮點

這款擴充功能在技術上用到了這些技術:

Chrome Manifest V3 Google Apps Script Google Calendar API Content Script 注入 Service Worker chrome.storage.local chrome.alarms 跨分頁廣播同步

擴充功能採用 Manifest V3 架構,由 background service worker 負責透過 GAS 抓取日曆資料、定期背景同步與跨分頁廣播,content script 負責把便利貼注入到每個網頁中並處理拖曳、收合與尺寸切換。行程資料快取在 chrome.storage.local,換分頁也能即時還原,達成「開任何網頁都看得到行程」的核心體驗。

🤝結語

做這款工具的初衷很單純:讓行程「看得見」。與其每天手動翻行事曆,不如讓行程自動貼在你每天開的網頁上,一開電腦就看到今天該做的事。

2026年8月15日 星期六

可愛風格學期手寫筆記本生成工具-學期行事曆、週計畫、月計畫、課表,一鍵生成、立即列印

 

可愛學期手寫筆記本生成工具

學期行事曆、週計畫、月計畫、課表與習慣打卡,一鍵生成、立即列印
免安裝 | 免費 | 直式橫式 A4 | 可列印或存成 PDF
📖 立刻開啟工具點擊按鈕即可在瀏覽器中直接使用,無需安裝任何軟體

📜軟體由來

兼行政之後,我的時間被切成好多塊:組長要追全校活動的行事曆與進度、導師要處理班級事務、剩下的零碎時間還得備課。每天要記的事多到翻桌:這個會議幾點、那份公文哪天要交、學生比賽什麼時候報名……我試過電子行事曆,但開會、巡堂時總覺得還是拿筆寫下來最踏實。

於是我動手做了一個「學期手寫筆記本生成工具」,專為像我這樣兼行政的教師設計:只要輸入學期的起訖日期,它就會自動計算出每一週、每一個月,把校內行事曆、會議、截止日期通通標進對應的週次與月份裡,生成一本屬於自己的行政記事簿。月計畫頁記錄每月大事、週計畫頁追蹤每週待辦,直接列印或存成 PDF 就能隨身帶著走。

希望這份工具能幫同樣忙碌的夥伴們省下最瑣碎的排版時間,把精力留給行政工作與學生身上真正重要的事。

核心功能總覽

一本工具書,涵蓋學期記事的所有版面:

🌸
專屬可愛封面
6 種粉彩樣板、自訂背景圖與手寫字型
📅
學期日期自動切分
輸入起訖日期,自動計算每週與每月
🏫
課程時間表
7/8/9 節課可選,格子可直接打字
🗓️
月計畫頁
一月一頁大方格,週一自動標示教學週次
📝
週計畫頁
每日待辦、天氣心情、習慣打卡欄
📐
方格與點陣附錄
大方格、大間距點陣頁,頁數可自訂
🖨️
直式 / 橫式 A4
標準 A4 版面,列印不跑版
💾
設定檔匯出匯入
版面與自訂文字存成 JSON,隨時套用
🎨
即時預覽與配色
右側即時預覽,隨機配色一鍵切換

🎓課堂教學上的實際應用

🏷️ 每週小語與週次自訂:自己的筆記自己命名

每一週的「第 X 週」標籤都可以直接點擊修改,右上角的小語也可以個別更換。老師可以先設定好整個學期的週次與激勵小語,再自由填空;或直接寫下自己的每週焦點。

🖨️ 貼近現場:印得出來才實用

這是我在設計時最在意的一件事——所有版面都依照標準 A4 排版,直式、橫式都能選,列印時勾選「背景圖形」就能完整輸出可愛底色,也可以直接另存為 PDF 發給學生讓家長自行列印。不管是整本印、還是只印某一頁,都方便。

🔧使用教學:四步驟完成一本記事簿

🚀 立即開始(免安裝、免設定)

  1. 開啟工具:點擊上方按鈕,工具在瀏覽器中直接開啟,完全不用安裝任何程式。
  2. 設定日期區間:點「上學期 (9月-1月)」或「下學期 (2月-6月)」快速帶入,也可自行輸入起訖日期;再設定第 1 週從哪個日曆週開始、最後一週結束於哪週。
  3. 勾選需要的頁面:封面、課表、月計畫、週計畫、方格頁、點陣頁都可以自由開關;課表節數與附錄頁數也能調整。
  4. 設計封面與配色:挑選粉彩樣板、上傳自訂背景圖、輸入標題與姓名、選擇手寫字型;內頁色系也有奶油、櫻花、薄荷等 6 種主題。
  5. 預覽與修改:右側即時預覽每一頁,週次標籤、課表格子、每週小語都可以直接點擊打字修改。
  6. 列印或存成 PDF:按下「列印 / 另存為 PDF」,選擇 A4 紙張並勾選「背景圖形」,一本可愛的學期記事簿就完成了。

💡 提示:若想要下次快速重做,可以用「匯出設定」把版面與自訂文字存成 JSON 檔,之後「匯入設定」一鍵還原,完全不需重設。

⚠️ 注意:AI 生成內容並非本工具核心,本工具為純前端網頁工具;列印前建議先在「列印」預覽畫面確認頁數與方向,再輸出 PDF。


2026年8月10日 星期一

數學科 AI 備課與練習題生成器-上傳數學課本 PDF,自動生成補充教材、重點整理與教學規劃

 

數學科 AI 備課與練習題生成器

上傳數學課本 PDF,自動生成補充教材、重點整理與教學規劃
Gemini AI | 免安裝 | 免費 | 一鍵匯出 Word
🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用,無需安裝任何軟體

📜軟體由來

數學課本裡短短一句「異分母分數不能直接相加減」,課堂上要講清楚通分的道理、要設計練習題鞏固算則、要預判學生哪裡最容易算錯,要準備許多資料與考卷。

尤其到了段考前,學生需要重點整理、公式講義與練習題卷,每一份都得從零開始做。我一直在想:如果有一台機器,把課本丟進去,就能自動吐出我要的補充教材、重點整理和練習題,該有多好。

於是,我利用 Gemini AI 打造了這個「數學科 AI 備課與練習題生成器」。只要上傳數學課本 PDF(或直接貼上單元內容與重點公式),AI 就會依照年段課綱自動剖析核心觀念、常見迷思與出題方向,再依照我的教學需求生成完整的備課文件與練習題卷。

核心功能總覽

一個網頁,涵蓋數學科老師備課幾乎所有需求:

📄
上傳教材 / 貼上內容
支援 .txt 與文字型 PDF,自動提取單元內容與公式
🏷️
教學階段設定
國小低/中/高年級到國中,依 108 課綱自動調整深度
🧮
核心觀念與公式分析
提煉數學定義、公式法則與教學提示
⚠️
迷思概念診斷
常見易錯陷阱、錯誤算式與正確觀念對照
✏️
出題建議與原型題
計算題、應用題、觀念題原型與解題關鍵步驟
📝
練習題數自由設定
5 / 10 / 15 / 20 題,題型組成與特殊要求可自訂
📋
學生觀念與公式講義
知識地圖、公式整理表、迷思診斷與即測即答
🧑‍🏫
教師備課導讀手冊
教學目標、概念建構策略、補救教學與提問設計
📥
一鍵匯出 Word
原生 DOCX,數學符號以 Word 公式呈現,可直接列印
📦
三合一 ZIP 打包
題卷、講義、手冊一次下載,壓縮成一個檔案

🎓課堂教學上的實際應用

📝 單元練習題卷:出題、排版、解答一次搞定

這是這個工具最讓我驚豔的功能。AI 會依照你設定的題數題型組合(純計算題、應用題、觀念思考題)自動編題,計算題與應用題以二欄式表格左右並排呈現,每一題都預留充足的「空白計算與作答區」,最後還附上「答:________」。

更貼心的是,參考答案與詳細解題步驟會透過分頁符號獨立呈現在題卷最後一頁,印給學生時可以直接裁掉解答區,或列印成兩份(題卷+答案卷),省去過去對答案、排版、留作答空間的所有手工時間。

📋 學生核心觀念與公式講義:段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把單元整理成核心觀念與算則地圖重點公式與計算法則整理表易錯迷思診斷與解題陷阱對照表,再補上「觀念實戰快篩」即測即答。往年我熬夜兩三小時才能做出一份,現在幾分鐘就有初稿,再依班上情況微調即可。

🧑‍🏫 教師備課導讀手冊:備課、共備、教學觀察都適用

這份手冊把「課程綱要學習目標與教案架構」「數學觀念建構與具體操作策略」「學生迷思概念診斷與補救教學指引」「課堂提問與層次化命題設計建議」「跨領域/生活素養數學活動拓展」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備,一份就夠。

🌱 依年段自動調深度:每個學生都學得懂

同樣一個「分數」主題,低年級聚焦基礎加減與九九乘法,中年級聚焦四則混合與小數分數加減,高年級聚焦異分母加減乘除、比例與未知數 x,國中則提升到負數數線、方程組、因式分解與幾何證明。AI 會依照你選擇的教學階段核心學習目標調整內容與題目難度,不用擔心「給錯年級」的問題。

🔧使用教學:三步驟完成備課

🚀 立即開始(免安裝、免設定)

  1. 開啟工具:點擊上方按鈕,工具會在瀏覽器中直接開啟,完全不需要安裝任何程式。
  2. 匯入教材:上傳數學課本 PDF(或 .txt 檔),也可以直接將單元名稱、重點公式或課本範例貼進文字框。接著選擇教學階段、數學範疇、核心學習目標與練習題題數。
  3. AI 深度分析:按下「開始 AI 數學教學觀念分析」,AI 會自動提煉核心觀念與公式、學生常見迷思概念與出題原型,並全部幫你勾選好。
  4. 勾選想納入的項目:如果不想全收,可以自行取消勾選,也可以手動新增想加強的教學重點或指定題型。
  5. 選擇文件模式並生成:可一次生成「教師備課手冊 + 學生觀念講義 + 單元練習題卷」三種版本,也可以只選其中一種。
  6. 預覽與下載:生成後可在網頁上直接預覽,一鍵下載 DOCX(Word)檔,或打包成 ZIP 一次取得全部文件。

💡 提示:生成的 DOCX 採用標楷體排版,分數、方程式等數學符號會以 Word 原生公式呈現,題卷的作答區與獨立解答頁都已排好,下載後可直接列印。

📌 說明:受限於 AI 文字生成能力,目前產出內容以文字與數學符號為主,無法直接產生幾何圖形或插圖,圖形題會以文字描述題目,再請您視需要自行補圖。

⚠️ 注意:工具需使用 Google 帳號登入 Gemini 才能使用;AI 生成的題目與內容建議仍花時間確認一次,再發給學生。

🎁如何取得

這是我自己平常備課在用的工具,直接分享給大家,完全免費、不需要任何安裝步驟,點開就能用。如果你也是數學科老師,歡迎試試看,看看能不能為你省下幾個小時的備課與出題時間。

上傳數學課本 PDF,讓 AI 幫你把備課與出題時間省下來,把精力留給學生。

🚀 立即開啟「數學科 AI 備課與練習題生成器」https://gemini.google.com/share/4a515c1daf07

💡 技術亮點

Gemini AI PDF.js KaTeX Word 原生公式 docx.js JSZip

工具在瀏覽器端完成 PDF 文字提取、AI 分析、Markdown 排版與 Word 檔案生成,全程資料都在你的瀏覽器與 Google 之間流動,不需要架設伺服器。數學符號支援 LaTeX 輸入,網頁以 KaTeX 即時渲染,匯出 Word 時則轉為原生公式物件;練習題卷支援分頁符號與獨立解答頁,並可打包成 ZIP 一次下載,兼顧速度與便利。

🤝結語

做這個工具的初衷很單純:讓備課與出題不再熬夜,讓更多時間可以留給學生、留給家人。如果你是數學科老師,希望這個工具能成為你備課與出題路上的好夥伴。