2026年2月4日 星期三

Firebae版現代極光風格班級榮譽點數系統分享

 其實,開發班級點數系統的初衷很簡單:我希望課堂上的獎懲能更透明即時。早期的版本雖然堪用,但在更換電腦或分享給校內老師使用時,常要手動修改程式碼中的 Firebase 設定,這對不熟悉程式的老師來說是一道門檻。這次版本,我特別請 Gemini 協助,將「設定流程」徹底圖形化,並加入了「一鍵分享」的功能。現在,我們不需要動到任何一行程式碼,只要動動手指就能完成設定,大幅提升了系統的易用性與穩定性。

課堂教學上的實際應用與效益

這套現代極光風格的點數系統,不只在技術上實現了進化,更在課堂教學上成為了營造良性競爭氛圍的利器。以下是它在實際應用中帶來的顯著效益:

  • 分組競賽:透過「分組檢視」功能,學生可以即時看到小組的平均得分。這能激發小組內部的互助精神,學生會主動提醒組員專心,共同為團隊爭取榮譽點數。
  • 視覺化回饋:現代化的極光特效與加分時的發光動畫,讓點數不只是冷冰冰的數字,而是一種成就感的具現化,有效增強學生對正面行為的記憶。
  • 親師聯繫:透過產生的「家長連結」,家長在家就能看到孩子在校的具體表現(如:幫助同學、創意表現等),減少了資訊落差,讓學校的獎勵機制可以順利延伸到家庭環境。

軟體快速上手指南與影片教學

系統的設計已經極度簡化,讓不具備程式背景的老師也能快速上手。以下是佈署這套系統的五個關鍵步驟:

第一步:進入教師模式 為了安全起見,系統預設為唯讀的「家長模式」。請在網址末端加上 ?mode=teacher 才能開啟教師管理面板(例如:index.html?mode=teacher)。

第二步:設定資料庫 (Firebase) 點擊右上角的齒輪圖標,將您在 Firebase 申請的 apiKey 等六行資訊貼入文字方塊中儲存。系統會自動重連,您不需要編輯任何檔案。

第三步:建立學生名單 進入教師面板,點擊「管理學生」。您可以直接貼上名單,格式為「姓名」或「姓名,分組」,一行一位,快速完成佈署。

第四步:自訂行為項目 點擊「管理行為」,依照班級經營需求設定加分(如:準時交作業)或扣分(如:上課分心)的項目與點數。

第五步:分享與連線 利用「家長連結」功能產生 QR Code,印出來貼在教室後方或傳到班群,讓大家隨時檢視。

如果您想透過視覺方式學習設定過程,請參考下方的教學影片:(近期更新...)

這套現代極光風格的班級榮譽點數系統,不僅提供了美觀的視覺體驗,更透過簡化的後台設定,讓教師能夠將更方便的使用。

2026年2月3日 星期二

輕量化區網廣播與作業管理工具 V5.1 開放下載

 在學校電腦教室上課時,最常遇到的問題不是設備不夠好,而是「頻寬」與「管理」。市面上大型的廣播教學軟體雖然功能齊全,但安裝繁瑣,且對於網路環境的要求較高,有時還會造成系統卡頓。為了解決這個痛點,阿剛老師我一直在想,能不能開發一個 綠色、免安裝、夠輕量 的工具,只要在同一個區域網路內,就能快速同步老師的畫面、收作業,甚至能像跑馬燈一樣隨時提醒學生進度。於是,這款結合了 UDP 廣播與 Flask 網頁技術(我也不懂這是什麼技術,都是gemini幫我寫好的)的 V5.1 版就這樣誕生了。

輕量工具如何改變課堂教學上的實際應用?

這套工具專為優化電腦教室環境而設計,具備多項實用功能,能夠解決老師在課堂上最常遇到的溝通與管理問題。特別是利用「通知」發送文字讓學生可以 一鍵複製 程式碼或帳號,極大地提升了教學順暢度。它主要提供以下幾個實用場景:

  • 一鍵複製,拯救打字慢的同學:老師直接用「通知」發送文字,學生端可以「一鍵複製」直接貼上使用。
  • 網址自動導航:老師端點一下「派送網址」,全班學生的瀏覽器就會同步彈出該網頁,省去手動輸入時間。
  • 無聲提醒與跑馬燈:透過跑馬燈功能,在螢幕上方輕輕帶過「剩餘時間 10 分鐘」,既不干擾又能精準傳達。
  • 桌面動態同步:利用 MJPEG 串流技術,將老師的桌面即時轉播到學生的瀏覽器,學生不用抬頭看模糊的投影幕。
  • 作業快速收繳與監看:學生端直接網頁上傳作業。

軟體操作教學步驟:讓您快速上手

輕量化工具的優勢在於操作直觀。以下是幾個核心功能的簡要操作指南:

1. 訊息通知與一鍵複製

在老師端輸入框輸入一段文字(如:通關密語、程式碼片段)。點擊「💬 發送通知」。學生端右下角會跳出通知視窗,學生只需點擊視窗內的「複製」按鈕,文字就會進入剪貼簿,直接在作業中貼上即可。

2. 自動開啟網頁

在老師端輸入或貼上網址(http://...)。點擊「送發送跑馬燈」。學生端電腦會立即啟動預設瀏覽器並開啟該頁面,省去手動輸入的時間。

3. 進行桌面廣播與作業收繳

在老師端設定「廣播畫質」,點擊「▶ 開始桌面廣播」。系統會詢問是否推播網址,點選「是」,學生端會自動同步開啟老師的操作畫面。若要收繳作業,點擊「📂 開啟作業上傳」,學生端即可透過網頁傳檔。(廣播桌面的網址,在同區網下,ipad開啟網址也可以觀看)



「電腦教室-區網廣播與作業管理工具 V5.1」是一款真正從教學現場需求出發的輕量化工具。它證明了高效管理不需要犧牲系統性能,同時減少了複雜軟體帶來的網路負擔。如果您正在尋找一個能夠提升電腦教室互動性、同時保持網路流暢的解決方案,歡迎立即前往下載頁面體驗,感受輕量化帶來的全新管理效率。

2026年2月2日 星期一

解決 Gemini 公開連結亂糟糟:Chrome擴充gemini分享連結整理分類工具

 您是否也遇過 Google Gemini 累積了大量「公開分享連結」,卻因為官方管理頁面過於簡陋而感到困擾?隨著分享的教學範例或草稿越來越多,我們發現 Google 提供的管理功能極為陽春,不僅缺乏分類、資料夾,甚至連基本的搜尋功能都沒有。為了徹底解決這個效率低下的痛點,我決定自己動手開發一款 Chrome 擴充功能,讓連結管理變得輕鬆有序。

軟體開發由來:連結大戶的痛點

每次要回溯或查找過去分享的特定連結,都必須耗費大量時間在頁面上滾動尋找,工作效率因此大打折扣。既然官方短期內似乎沒有計劃推出分類管理功能,我便決定自行開發一個簡單、實用、專門用於整理 Gemini 分享連結的 Chrome 擴充功能。雖然這個小工具介面設計追求平實簡單,但對於每天產生大量連結的使用者(例如我)來說,它絕對是提升效率的幫手。

詳細安裝教學:如何手動載入擴充功能

由於這款工具目前尚未上架至 Chrome 線上應用程式商店,因此需要大家動手進行「手動載入」安裝。請不用擔心,整個過程並不複雜,只需按照以下步驟操作即可成功啟用擴充功能:

  • Step 1. 下載並解壓縮:請將程式碼壓縮檔下載至電腦,並右鍵選擇解壓縮。您會得到一個包含 manifest.jsoncontent.js 等檔案的資料夾。
  • Step 2. 開啟 Chrome 擴充功能管理頁面:打開 Chrome 瀏覽器,在網址列輸入 chrome://extensions/ 並按下 Enter。
  • Step 3. 開啟「開發者模式」:請在頁面右上角,點擊開關將「開發者模式 (Developer mode)」啟用。
  • Step 4. 載入解壓縮後的資料夾:開啟開發者模式後,點擊頁面左上角的「載入解壓縮後的擴充功能 (Load unpacked)」。
  • Step 5. 選取資料夾:在跳出的檔案視窗中,找到剛才 Step 1 解壓縮出來的那個資料夾(注意:請選取資料夾本身,不要點進去找檔案),然後點擊「選取資料夾」。
  • Step 6. 完成安裝:如果您在瀏覽器中看到了「Gemini 分享連結整理工具」的圖示,就代表安裝成功了!現在您可以直接前往 Gemini 分享頁面開始使用。


軟體使用功能簡介:讓管理井然有序

安裝成功後,進入 Gemini 分享管理頁面即可使用以下核心功能:

  • 側邊欄管理:頁面右側會出現一個分類控制面板,您可以輕鬆自訂和管理您的資料夾或分類標籤。
  • 下拉選單分類:每個連結卡片都會多出一個選單,使用者可以透過選取快速將連結歸類到設定好的資料夾中。
  • 備註與搜尋:點擊「」圖示可以為連結新增個人備註,強大的搜尋功能不僅能搜尋連結標題,連您撰寫的筆記內容也能一併找到。
  • 支援匯出匯入:如果您需要在多台電腦上同步分類結果,可利用匯出及匯入功能,輕鬆將您的分類資料移轉至其他裝置。

這個自製的 Chrome 擴充功能雖然小巧,卻能大幅改善 Gemini 連結管理上的混亂局面。如果您也是重度使用者,經常被雜亂的分享連結所困擾,強烈建議您試試這款工具。希望它能幫助您輕鬆實現連結的分類與歸檔,讓工作流程更加順暢!

2026年1月30日 星期五

【好物分享】PDF 工具箱整合版:不只是合併分割,現在也能直接畫記編輯、簡報與精準壓縮了!

長期關注我的朋友應該知道,之前我寫過幾個網頁版的 PDF 小工具。最近寒假開始了,我花了一些時間把工具重新整理,開發了全新的「簡易 PDF 編輯工具」並大幅升級了「處理工具」,全部整合在同一個入口,方便大家一站式解決所有 PDF 問題。

🛠️ 軟體開發由來:從「處理」到「教學」與「行政減輕」

這次的更新包含兩大核心:一個是讓老師能把 PDF 當成電子白板的「編輯工具」,另一個則是為了解決行政上傳困難的「精準處理工具」。為了保護隱私,這個工具箱所有運算都在您的瀏覽器(本機端)完成,檔案不上傳伺服器,大家可以安心處理重要的教案或公文。

🏫 課堂教學與行政應用

  • 簡報教學與作業批改:內建「簡報模式」,滑鼠會變成雷射筆。老師能直接在 PDF 上畫重點、寫評語,甚至能插入補充圖片。
  • PDF 錯字救星:發現講義有小錯?利用「實心方塊」工具選白色,像「立可帶」一樣蓋住錯字,再用文字工具打上正確內容,就能快速加工成新 PDF。
  • 指定大小,精準壓縮(行政神助手!):當您遇到系統限制上傳大小時,現在只要在壓縮功能中「指定目標檔案大小」,工具就會自動幫您壓到符合要求的門檻,是報名研習或上傳競賽檔案的利器。

📝 軟體使用教學

介面分為左右兩大區塊,您可以依需求選擇:

一、 右側:PDF 處理工具(全能整合版)

這區塊整合了所有 PDF 檔案加工所需的功能:

  • 📂 合併 PDF:將多個 PDF 檔案合併為一個,並可自訂每一份檔案要擷取的頁數範圍。
  • ✂️ 分割 PDF:支援「視覺化分割」與「等量分割」。您可以看著縮圖點選分割點,將大檔案切成多個小檔。
  • 🗑️ 刪除頁面:透過預覽縮圖,直接點選想要移除的頁面,快速去蕪存菁。
  • 🔄 旋轉頁面:修正掃描歪斜的檔案,可整份旋轉或單獨旋轉特定頁面。
  • 📉 壓縮 PDF(精準模式):除了傳統的品質壓縮,新增「指定目標大小 (MB)」功能,解決上傳限制的煩惱。
  • 🖼️ 圖轉 PDF:支援將多張圖片(JPG, PNG, WebP)批次轉換並合併成一份 PDF 檔。

二、 左側:簡易 PDF 編輯(教學白板功能)

  • 浮動工具列:備有可移動的工具列,包含畫筆、文字、幾何圖形及插入圖片。
  • 專案儲存:編輯到一半可匯出 .json 專案檔,下次匯入能繼續調整原本的標註。

全新的 PDF 工具箱整合版,不僅延續了高效率的檔案處理能力,更加入了實用的教學編輯功能和行政減輕利器。無論是備課、上課演示,還是應對嚴苛的行政文件大小要求,它都能成為您最強大的後盾!請點擊上方連結,開始您的 PDF 零煩惱體驗吧!