🏛️ #96 龍潭國小第 123 屆自治市小市長選舉 DFC 投票系統：跨校合作版本（繼承 #93 + DFC 行動方案投票）

黃凱揚（阿凱老師） · 桃園市龍潭區石門國民小學 · 2026-05-21

#96「🗳️ 龍潭國小 第 123 屆 自治市小市長選舉 — DFC 投票系統」是阿凱為**龍潭國小**（不是石門國小）做的選舉系統。**明確標示「模式參考自 cagoooo/Little-Mayer」** = #93 的繼承版本。3 畫面（index 入口 / viewer 公開監票 / admin 後台）+ Firebase Realtime DB + DFC（Design for Change）行動方案投票模式。

#96 跟 #93 的關係（跨校合作）

阿凱的工具集不只服務石門國小 — #96 是為龍潭國小做的：

#96 README 明確標示：「模式參考自 cagoooo/Little-Mayer」 = #93 是 #96 的源頭。

→ 阿凱的工具集成為跨校共用模板 — 不只服務自家學校，也服務其他學校。

#96 真實怎麼做？

真實標題：「🗳️ 龍潭國小 第 123 屆 自治市小市長選舉 — DFC 投票系統」

3 個畫面（比 #93 精簡）：

特色：DFC（Design for Change）模式：

• 不只投市長 → 投候選人的「行動方案」
• 學生看候選人承諾要做什麼而非「誰當選」
• 更接近真實民主 — 政策投票

跟 #93 的差別

#96 在 #93 基礎上做了：

• ✅ DFC 概念整合（投政策非投人）
• ✅ 更多視覺效果（皇冠 + 撒彩帶）
• ✅ 教室同步顯示（在線教室數）

DFC（Design for Change）的教育意義

Design for Change 是 2009 年印度教育家 Kiran Bir Sethi 創辦的全球教育運動：

• 4 步驟：Feel（感受）→ Imagine（想像）→ Do（行動）→ Share（分享）
• 鼓勵學生主動改變世界
• 台灣 100+ 學校參與

龍潭國小用 DFC 自治市選舉：

• 候選人不只比政見口號
• 要提出具體 DFC 行動方案
• 學生投政策不投人 — 比成人選舉更民主

阿凱的 #96 把 DFC 教育理念數位化 — 不只是計票工具，是民主教育的實踐平台。

真實技術棧（推測同 #93）

• 前端：純 HTML / CSS / JavaScript
• 後端：Firebase Realtime Database
• 認證：Firebase Auth
• 部署：cagoooo.github.io/Lungtan-DFC/

「跨校合作」生態的意義

「阿凱工具集」逐漸成為「教師圈共用資源」 — 不只是個人作品集，是台灣教育圈的開源資源。

教學情境

龍潭國小自治市選舉：

• 候選人提 DFC 行動方案（如「讓圖書館每週多開 1 天」）
• 全校學生投方案
• viewer.html 大螢幕同步監票
• 領先變更時撒彩帶 → 學生情緒投入

公民教育「政策 vs 人物」單元：

• 講「為什麼投政策比投人重要」
• 用 #96 模擬投票
• 學生體會 DFC 概念

校長 / 主任介紹學校：

• 「我們學校用 DFC 模式辦選舉」
• 給其他學校觀摩

配對工具推薦

• #93 石門國小自治市計票 — #96 的源頭
• #3 即時投票 — 課堂版投票
• #11 剛好學課堂互動 — 課堂多模式

適用對象

• 龍潭國小社群（直接受益）
• 推 DFC 教育的學校
• 自治市 / 班聯會選舉承辦
• 公民教育老師
• 想做「跨校共用模板」的學校

想試試？

→ 前往 #96 DFC 行動方案即時投票系統

如果你校也想做 DFC 自治市選舉 → fork cagoooo/Lungtan-DFC → 改學校名 + Firebase 配置 → 上線。