科技教育創新專區 › 工具 #106

石門國小 第103屆畢業典禮|啟程・感恩・祝福

石門國小第103屆畢業典禮的數位主場:典禮資訊、YouTube 直播、校園巡禮、畢業歌〈風箏〉、家長祝福一站到齊。最大亮點是「即時祝福牆」——家長掃 QR 留言、老師 LINE 一鍵審核,祝福立刻飛上現場大螢幕的星空投影,剛寫完抬頭就看到自己。啟程・感恩・祝福,陪每個孩子勇敢啟程。

⚡ 立即使用 💻 開源原始碼(GitHub)

「石門國小 第103屆畢業典禮」是阿凱老師為桃園市龍潭區石門國民小學(鱻魚特色學園)打造的畢業典禮數位主場,把一場典禮需要的所有資訊與互動,收進一個漂亮、好用、全 RWD 的單頁網站。

🎓 典禮資訊一站到齊

💛 最大亮點:即時祝福牆互動閉環

這是整個網站的靈魂——一條 掃碼 → 留言 → 審核 → 即時上牆 的完整互動流:

  1. 家長手機掃 QR Code 或點按鈕,開啟祝福表單
  2. 送出後寫進 Google Sheet,老師的 LINE 立刻收到卡片通知
  3. 老師在 LINE 一鍵審核通過,祝福同步公開
  4. 祝福立刻飛上現場大螢幕的星空投影(最新優先),家長剛寫完抬頭就看到自己

祝福牆有三種版本:主頁分頁牆、放大沉浸牆(含六班導師合影背景)、現場星空投影版(流星動畫 + 〈風箏〉BGM + 班級篩選 + 掃碼留祝福)。未成年學生姓名自動去識別化保護隱私,師長與校友完整顯示。

🧰 技術棧

純靜態 HTML/CSS/JS + GitHub Pages、Google Apps Script + Google Sheet 當免費後端、LINE Messaging API 卡片審核、PWA Service Worker、schema.org Event 結構化資料、社群分享 OG 圖。零成本、零維運、全裝置 RWD。桃園市龍潭區石門國民小學 × 阿凱老師打造。 啟程・感恩・祝福,陪每個孩子勇敢啟程。

標籤:#畢業典禮 #石門國小 #即時祝福牆 #星空投影 #掃碼互動 #QR Code #YouTube 直播 #校園巡禮 #家長祝福 #LINE 審核 #GAS 後端 #第103屆

相關教學情境文章

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。