倒數計時器 國中會考

 國中會考 #倒數計時器

測試功能的時候，我隨手寫了一個自認為美觀的倒數計時器。這對於帶領國三班級、需要營造考試氛圍的導師來說，非常方便且實用。

 

💡 工具三大亮點：

• 視覺簡潔美觀：捨棄雜亂介面，讓倒數秒數成為焦點。
• 免安裝開即用：這是一個網頁工具，打開瀏覽器就能直接顯示。
• 自動儲存設定：設定好的日期與時間會保存在瀏覽器中，下次打開依然準確。

目前預設日期是國中會考，非常適合投放到教室的大螢幕上，讓學生對剩餘時間更有感。🔺可自行修改。

 

使用建議：

1. 將網頁加入大屏瀏覽器書籤。
2. 發送到學生群組，提醒他們一寸光陰一寸金。

希望這個小工具能幫到正辛苦備戰的師生們！

想試試看這個計時器的老師，連結在這裡。

https://littleyi22.github.io/exam-countdown-timer/

 

課堂點名系統   社團/分組

 

📱 一、 極致流暢的前端操作體驗 (UI/UX)

💛Mobile-First (手機優先) 設計：專為走動式教學、跨班跑班的老師設計，介面宛如原生 iOS App，支援單手輕鬆操作。

 

💛一鍵式直覺點名：捨棄傳統下拉選單，採用「出、缺、事、病、公」五段式獨立按鈕，點擊時具備色彩變換與手機微震動回饋，精準防錯。

 

💛高度個人化面板：內建 12 款精選馬卡龍漸層背景與 8 款卡片主題色，老師可自由打造專屬的點名系統外觀，並支援自訂系統主標題。

 

💛即時統計與防呆機制：畫面上方即時顯示「應到、實到、異常」人數；送出前若全班到齊或有異常，皆會跳出智慧確認視窗，且防止網路延遲時的重複點擊。

 

🏫 二、 貼合校園實務的教務管理

💛智慧顯示週期：系統能判斷「今天是星期幾」，自動過濾並只顯示當天有排課的社團或跑班清單，老師不必在茫茫列表中尋找。

 

💛課程代碼精準串接：以唯一的「課程代碼」作為資料庫橋樑，完美解決同名社團（如：籃球社A、籃球社B）的名單錯亂問題。

 

💛動態名單管理：學生總名單集中管理，並具備「自動依班級、座號排序」功能。遇到學期中轉學或退社的學生，只需在試算表註記「退社」，系統即會自動隱藏該生，保留歷史紀錄。

 

💛今日進度總覽 (Dashboard)：內建總覽面板，一鍵秒看全校（或全領域）今日所有課程的點名進度，誰已點名、誰還沒點名一目了然。

 

🤖 三、 雲端資料庫與自動化通知

💛無紙化試算表後台：點名結果自動寫入 Google Sheets，詳細記錄時間、節次、任課老師，並自動彙整出清晰的「異常學生名單字串」（例：701-05 林小宇(事假)），方便學務處直接查閱或匯出。

 

💛自訂備註功能：遇到突發狀況（如學生去保健室、公假去比賽），老師可在送出點名前即時輸入文字備註，同步回傳後台。

 

💛LINE 異常精準推播：系統綁定 LINE Messaging API，「只有當出現缺席或請假時」，才會將整理好的精美異常名單推播至導師或學務處群組，全班出席則靜默紀錄，避免群組訊息轟炸。

 

💛金鑰分離架構：將 LINE Token 等機密設定獨立於試算表分頁中，方便老師將系統打包、建立副本分享給校內其他同仁無痛啟用。(選填)

📱 數位點名系統 - 專屬建置指南

這套點名系統專為校園內的「跨班選修、社團活動、分組跑班」所設計。結合 iOS 原生質感的網頁介面與 LINE 異常名單自動推播，幫助老師在操場或專科教室也能用手機單手輕鬆完成點名！

💡 最大亮點： 您不需要懂任何程式碼！只要會用 Google 試算表打字，5 分鐘就能建置出您專屬的點名 Web App！

---

🚀 快速啟用 4 步驟

步驟一：複製系統核心（建立副本）

1. 請點擊右方連結取得奕鈞老師分享的系統範本：

https://docs.google.com/spreadsheets/d/1fV8ooKEEekCQKNmPV3YNh8_v1P-nudJsoWQzkL8na88/edit?usp=sharing

2. 點擊「檔案」中的 「建立副本」。
3. 系統會自動將包含了網頁程式碼的試算表，複製一份到您的個人 Google 雲端硬碟中。

步驟二：填寫您的課程與學生名單(可省略此步驟，建置成功後再來修改即可)

請打開您剛剛複製的試算表，裡面有四個分頁。請先在 「系統設定」 與 「學生總名單」 這兩個分頁中，填入您這學期的課程資訊。 (⚠️ 填寫時請務必嚴格遵守最下方的【資料表格式規範】，以免系統讀取失敗喔！)

步驟三：填入您的 LINE 推播金鑰(可省略此步驟)

若希望點名送出後能自動傳送異常名單，請前往 「參數設定」 分頁：

1. 在 B2 儲存格（對應 LINE_TOKEN）貼上您申請到的 LINE Channel Access Token。
2. 在 B3 儲存格（對應 LINE_TARGET_ID）貼上您要接收通知的 User ID 或 Group ID。 (若不需要 LINE 通知功能，這兩欄保留空白即可，系統依然可正常運作儲存。)

步驟四：發布您的專屬網頁 (最重要的一步！)

1. 在試算表上方的工具列，點選 「擴充功能」 ➔ 「Apps Script」。
2. 進入程式碼畫面後，直接點選右上角的 「部署」 ➔ 「新增部署作業」。
3. 點擊左側齒輪圖示 ⚙️，選擇 「網頁應用程式 (Web App)」。
4. 設定如下：
• 執行身分：我 (您的帳號)
• 誰可以存取：所有人 (或具有 Google 帳戶的使用者)
5. 點擊 「部署」。

🔓 首次啟用的「Google 安全授權」解鎖 (必看)：

• 點擊部署後，畫面會跳出「需要授權」視窗，請點選 「審查權限」。
• 選擇您的 Google 帳號。
• 看到「Google 尚未驗證這個應用程式」的警告時，請點擊左下角小字 「進階」。
• 點選最下方的 「前往 您的專案名稱 (不安全)」。
• 滑到最下面點選 「允許」。
• 授權完成後，畫面會給您一串 「網頁應用程式網址」，把這串網址複製下來，大功告成！
• 「網頁應用程式網址」就是點名系統的網址！

---

📌 【重要】試算表格式規範須知

為了讓系統精準運作，請務必遵守以下各分頁的欄位順序與填寫規則。請勿隨意刪除分頁或更動第一列的「標題名稱」！

📁 分頁一：【系統設定】(設定這學期有哪些課)

• A欄 (學期)： 如 114-2。
• B欄 (課程代碼)： ⚠️ 極度重要！ 必須為唯一的英數字（如 c001、EngA），系統靠這個代碼來抓取學生名單，不可重複。
• C欄 (課程名稱)： 顯示在網頁上的名稱（如 籃球社）。
• D欄 (任課老師)： 如 王大明。
• E欄 (上課地點)： 如 活動中心。
• F欄 (上課節次)： 純文字呈現（如 第五六節、週三 第7節）。
• G欄 (顯示週期)： 控制這門課星期幾才要出現在網頁上。
• 1 = 每週一顯示 / 2,3 = 每週二、三顯示（請用半形逗號隔開）。
• 若留空或填 0 = 每天都會顯示。

📁 分頁二：【學生總名單】(全校社團名單大匯集)

• A欄 (課程代碼)： ⚠️ 必須與【系統設定】的 B 欄一模一樣，否則學生會出不來。
• B欄 (原班級)： 如 701。
• C欄 (原座號)： 如 05 或 5。
• D欄 (姓名)： 如 林小宇。
• E欄 (狀態)： 平時留白。若學生學期中退社或轉學，請在此欄填寫 退社，該名學生就不會再出現在點名畫面上。

📁 分頁三：【點名紀錄】(系統自動寫入，請勿手動修改)

• 這裡是網頁送出資料後的「純儲存庫」。
• 包含時間、日期、節次、應到/實到人數，以及最精華的「缺席與請假明細」。
• 建議期末再到這裡匯出資料，平時不需要手動輸入。

📁 分頁四：【參數設定】(放置 LINE 金鑰的地方)

• 必須保持 A 欄為名稱，B 欄為數值。
• 第一列為標題 參數名稱 | 參數值。
• 第二列 A 欄固定為 LINE_TOKEN。
• 第三列 A 欄固定為 LINE_TARGET_ID。

---

📱 網頁應用程式網址美化小撇步

網頁應用程式網址很長，可在Google sites新增一個「空白網頁」：

• 輸入標題： 如「健康國小社團點名系統」。
• 右方工具列「插入」下方新增「按鈕」：輸入名稱，如「點我進入系統」➔ 網址貼上 網頁應用程式網址。 這樣就能把這套點名系統變成像一般正式網站一樣中規中矩囉！
• 點擊「發佈」：輸入想使用的網址(英數字)，如club-roll-call➔確認。
• 複製「已發佈網址」：將網址發送給任課老師，完工！

(2026 @ 奕鈞老師製作 V.14 提供)

Line班級事務通知小幫手

 

Line班級事務通知小幫手

📱各位老師好！這是一個結合 Google 試算表與 LINE 官方帳號的「班級通知小幫手」。

只要跟著以下 5 個步驟設定，您就能擁有一個專屬於自己的點名/常規通知網頁，點擊按鈕，家長（或您自己）的 LINE 就會立刻收到通知！

⚠️ 重要前提：LINE 免費額度說明

本系統使用 LINE 官方帳號的推播功能，目前 LINE 官方的免費方案限制每個月只能主動發送 200 則訊息。建議老師們將此工具用於「特殊狀況紀錄（如請假、違規、特別優良）」，而不是每日全班例行點名，額度就會非常夠用喔！

---

🛠️ 第一步：建立自己的資料庫（試算表副本）

1.      點擊奕鈞老師提供的【試算表連結】👈。

2.      進入畫面後，點擊左上角選單的 「檔案」 ➡️ 「建立副本」。

3.      將檔案存到您自己的 Google 雲端硬碟中。

4.      💡 修改學生資料：您可以直接修改底下「學生名單」與「通知事項」分頁的內容，換成您自己的班級。

🤖 第二步：申請 LINE 機器人金鑰 (最關鍵的一步！)

因為訊息要傳到您的 LINE，我們需要去 LINE 後台申請兩串專屬的「金鑰」。

1. 建立官方帳號

·        前往 LINE Official Account Manager 並用您的 LINE 登入。

·        點擊「建立帳號」，填寫帳號名稱（例如：王老師的班級小幫手），業種選「教育/學校」，完成後點「稍後認證」。

·        記得拿出手機，掃描畫面上的 QR Code，先把這個機器人加為好友！

2. 開啟程式連動 (Messaging API)

·        在帳號後台右上角點擊 「設定」 (齒輪圖示)。

·        左側選單點擊 「Messaging API」 ➡️ 「啟用 Messaging API」。

·        依畫面指示建立一個新的 Provider (名稱隨便打，例如 MyClass)。

3. 取得兩串金鑰密碼

·        前往 LINE Developers 開發者後台，點進您剛剛建立的頻道。

·        🔑 金鑰 A (User ID)：在 Basic settings 分頁，滑到最底下找到 Your user ID (U開頭的一長串數字)，將它複製下來。

·        🔑 金鑰 B (Token)：切換到 Messaging API 分頁，滑到最底下找到 Channel access token，點擊「Issue (發行)」，把產生的一長串亂碼複製下來。

💻 第三步：將金鑰貼入程式碼

1.      回到您剛剛建立的 Google 試算表副本。

2.      點擊上方選單的 「擴充功能」 ➡️ 「Apps Script」，會跳出一個程式碼視窗。

3.      找到程式碼最上面的第 2 行與第 3 行：

o   將 CHANNEL_ACCESS_TOKEN 雙引號內的文字，替換成剛剛複製的 金鑰 B (Token)。

o   將 USER_ID 雙引號內的文字，替換成剛剛複製的 金鑰 A (User ID)。

4.      點擊畫面上方的 「💾 儲存專案」 (磁碟片圖示)。

🚀 第四步：發布您的專屬網頁

1.      在 Apps Script 畫面右上角，點擊藍色按鈕 「部署」 ➡️ 「新增部署作業」。

2.      左上角點擊「齒輪圖示」⚙️ ➡️ 選擇 「網頁應用程式」。

3.      右側設定請務必依照以下選擇：

o   執行身分：我 (您的 Email)

o   誰可以存取：所有人 (這樣您在手機才不用一直登入)

4.      點擊 「部署」。

🚨 【新手必看】Google 權限授權教學

點擊部署後，Google 會跳出警告視窗（因為這是您自己寫的程式，Google 不認識它），請不要害怕，勇敢跟著點：

1.      點擊 「授予存取權」 ➡️ 選擇您的 Google 帳號。

2.      看到「Google 尚未驗證這個應用程式」時，點擊左下角的 「進階」。

3.      點擊最下方的 「前往『未命名專案』(不安全)」。

4.      點擊 「允許」。

🎉 第五步：大功告成！

授權完成後，畫面上會出現一串 「網頁應用程式網址」，這就是您的專屬點名 App 啦！

您可以把這串網址傳到自己的 LINE 聊天室，或是加到手機桌面上就會很像一個APP。

以後只要點開網頁 ➡️ 選取狀況 ➡️ 點擊學生姓名，您的 LINE 就會立刻收到通知紀錄囉！

---

💡修改名單與選項

只要打開您的 Google 試算表，在「學生名單」或「通知事項」分頁中修改文字。修改完畢後，重新整理您的網頁 App，資料就會自動更新了！

 

 

 新春好運抽紅包

各位老師們，年節將至🧨每年都直接發紅包嗎？今年我們來點不一樣的！

奕鈞老師特別為大家準備了一個【🧧新春好運抽紅包】互動網頁。只要打開瀏覽器，就能在除夕夜或開學後感受開紅包的驚喜與樂趣！

---

🌟 核心功能

• 自定義獎品：不管是「主標題」，還是「次標題」、紅包數量、內容文字，老師可以隨意輸入獎項內容，一行一個，靈活度滿分！輸入的文字少於紅包的數量，就會隨機重複出現哦！

 

• 紅包數量隨心調：祖孫滿堂也不怕，從 1 個到 50 個都能一鍵生成。

 

• 視覺效果超吸睛：精美的深紅雲紋背景搭配金色「福」字，點開瞬間還有炫彩驚喜粒子（Confetti）噴發，儀式感直接拉滿！

 

• 密碼保護機制：內建「老師專屬密碼」（預設 0000），避免調皮的小孩偷偷修改設定，讓活動流程掌握在您手中。

 

---

💡 操作說明

1. 進入設定：點擊右上角 ⚙️ 齒輪，輸入密碼 0000。
2. 自訂內容：輸入活動主標題（如：麗美阿姨發紅包）、紅包數量及獎項內容。
3. 開始互動：點擊「開始抽獎」，邀請您的小孩或學生點擊專屬紅包！

 

趕快把這份充滿年味的數位驚喜帶進家門或教室吧！祝各位老師新的一年：

教學順心、學生貼心、金馬有吉！

#新春好運抽紅包 的網址在這裡👇

https://littleyi22.github.io/red-envelope/

已領取的朋友，在下方留言一句新年吉祥話，就會好運一整年哦！

#數位學習 #教學資源 #新春活動 #抽紅包 #班級經營

 

 

#新春好運抽紅包

⚙️設定的預設密碼是0000四個零，可以設定主標題、次標題、紅包數量、內容文字。

網址👉

 

 校事會議模擬器

各位教育現場的夥伴們，參加過校事會議嗎(誤)？ 最近這個話題似乎討論度很高。我花了一點時間，手刻了一個「讓老師釋放壓力（或者血壓升高？）」的網頁小遊戲！😈

 

👉 在這個遊戲裡，你將面對 120 道讓人哭笑不得的「真實指控」，並做出你的命運抉擇。

 

🔥 遊戲亮點（也是我們的淚點）：

 

1. 兩大模式，任君挑選

 

🔵 六道輪迴版：體驗最真實的行政壓迫、法規刁難。小心你的「身心意志力」歸零！

 

🔴 迷因審判版：充滿地獄梗與網路迷因，用荒謬對抗荒謬！

 

2. 六大奇案，等你來判

 

🧐 眼神殺人案：你瞪了學生一眼？還是只是翻白眼？小心「視覺暴力」警告！

 

💔 恐怖情人案：借外套給學生穿？秒回學生訊息？這界線該怎麼拿捏？

 

💤 薪水小偷案：上課放影片就是偷懶？準時下班就是沒有愛心？

 

📱 數位毒品案：推廣平板教學卻被說成「數位毒梟」？這題我最有感！

 

🍺 私德審查案：假日穿泳衣去海邊？路邊攤吃麵太大聲？老師沒人權啊！

 

💰 貪污圖利案：班費零頭怎麼辦？教用書送一本算回扣嗎？

 

⚠️ 警告：本問答內容極度寫實，遊玩過程若出現心跳加速、拳頭變硬，純屬正常現象。

 

我們無法改變大環境的荒謬，但至少我們可以透過數位工具，幽默地自嘲一番（然後繼續回去改作業...😭）。

 

👇 網址在這裡，開始你的體驗！？

 

👇 （記得開聲音，雖然沒有音效，但你心裡的吶喊會很大聲）

 

【免責聲明】 本遊戲純屬虛構，內容由gemini自行創作，不代表本人立場，亦不代表任何教育行政機關意見。如有雷同，那真的是... 辛苦你了。

#校事會議 #Vibecoding