這是阿凱老師（桃園市龍潭區石門國民小學資訊組長）為 2026-11-06 向數位發展部報告準備的線上互動簡報，主題是把「科技教育創新專區」送上公共程式平臺的經過，報告時間 20 分鐘、共 17 頁加開場片頭。
簡報內容
- 為什麼要做：小校資訊組只有一個人，老師的需求很多、很細；市售工具常卡在註冊、廣告與學生資料去向。
- 怎麼做到：老師提需求、AI Agent 協作寫程式、資訊組長審核與決策，每次修改自動測試、自動上線；工具依教學情境分成七大類。
- 現場示範：入口網首頁、工具索引神器、班級小管家、場地與平板車預約，網路不穩時可改播示範錄影。
- 校園使用情形：入口網累計造訪與點開次數、每月造訪趨勢與點開最多的三款工具，資料來源與擷取日期都標在頁面上。
- 上架與資安檢測：三週的上架時間軸、Fortify 初掃與五次複掃、Mend 第三方元件掃描的每次結果，以及從掃描學到的修正（只走 HTTPS、路徑先檢查、改用安全亂數、升級或移除有弱點的元件）。
- 維運與被找到：瀏覽器錯誤由 Sentry 追蹤、雲端函式分級限流後送 Google Chat 通知；工具介紹頁、教學長文與 llms.txt 讓搜尋引擎和 AI 都讀得到。
- 開源與建議：程式以 MIT 授權公開，工具介紹頁有「開源原始碼」按鈕，文章頁可一鍵複製 AI 開發提示詞；最後是給平臺的四點建議。
簡報本身的設計
- 開場 21 秒片頭，口白是事先用阿凱老師的克隆聲音製作，播完自動進入封面。
- 工程藍圖風格的深色主題，右上角可切換白底；手機上改成上下滑動閱讀，並有滑動提示。
- 每頁附講稿與時間配置（按 S 開啟講者模式），可輸出 PDF 當離線備份。
- 加入 Service Worker 與新版本提示，修改後重新開啟就會看到最新版。
技術做法
Reveal.js 簡報搭配 GSAP 動畫，部署在 GitHub Pages。網站本身不呼叫 AI 模型，也不收集訪客資料；頁面上的數字都是報告當時擷取的紀錄。