🎓 #106 石門國小第103屆畢業典禮：當家長的祝福，能在三秒內飛上禮堂大螢幕
每年畢業季，家長最想說的話常常來不及說出口。#106 是石門國小阿凱老師為第103屆畢業典禮做的數位主場：掃 QR 留言、老師 LINE 一鍵審核，祝福三秒飛上禮堂大螢幕的星空投影，家長剛寫完抬頭就看到自己。一條 GAS + LINE 的零成本即時互動閉環。
畢業典禮上，最珍貴的話常常來不及說
每年畢業季，我都會看到同一個畫面：典禮結束、紅毯走完、大合照拍完，家長拉著孩子在禮堂門口，眼眶紅紅的，想說點什麼，卻只擠得出一句「畢業快樂」。
不是不想說，是沒有一個地方好好說。典禮流程很滿、麥克風輪不到家長、孩子六年來的點滴塞在心裡，一句「加油」就帶過了。那些「我看著你從幼稚園走到今天」的話，最後都沒能說出口。
今年石門國小第103屆畢業典禮，我決定做一件事：讓每一句來不及說的祝福，都有地方落腳，而且能在三秒內飛上禮堂的大螢幕。
於是有了 #106：石門國小 第103屆畢業典禮網站。
#106 怎麼解？一條「掃碼就能上大螢幕」的祝福閉環
這個網站表面是畢業典禮的數位主場——典禮資訊、YouTube 直播、校園巡禮、畢業歌〈風箏〉、班導師專區一站到齊。但它真正的靈魂，是一條我來回打磨十幾版才做順的即時互動閉環：
第一步：掃碼留言 — 禮堂大螢幕角落放著 QR Code（可放大好掃），家長手機一掃，開啟祝福表單，三十秒寫完一句話。
第二步：LINE 一鍵審核 — 祝福送出後寫進 Google Sheet，我的 LINE 立刻收到一張卡片通知，看一眼內容沒問題，點一下「通過」。
第三步：即時上牆 — 通過的瞬間，祝福飛上禮堂大螢幕的星空投影（最新的排最前面），家長剛寫完抬頭，就看到自己的話在流星與彩虹之間閃爍。
那種「我寫的話，現在全禮堂都看得到」的感動，是傳統典禮給不了的。
不只一種祝福牆
祝福牆我做了三種版本，各有各的場合：
- 主頁分頁牆 — 平常瀏覽，每頁六則、熱門優先
- 放大沉浸牆 — 點開全螢幕，背景透出六班導師的合影
- 現場星空投影版 — 典禮現場專用，流星動畫 + 〈風箏〉BGM + 班級篩選 + 掃碼入口
而且未成年學生的名字會自動去識別化（王○明），保護孩子隱私；但給老師、給校友的祝福則完整顯示——因為「謝謝陳老師」這種話，遮起來反而失了溫度。
真實技術棧
- 前端：純靜態 HTML/CSS/JS + GitHub Pages（零成本部署）
- 後端：Google Apps Script + Google Sheet 當資料庫（老師打開試算表就能看所有祝福）
- 通知／審核：LINE Messaging API 卡片，一鍵 moderate
- 體驗：PWA Service Worker、schema.org Event 結構化資料、社群分享 OG 圖、全裝置 RWD
整套零維運、零月費，一台筆電 + 一個 Google 帳號 + 一個 LINE Bot 就跑起來了。
老師與家長的回饋
「我媽媽不太會用智慧型手機，但掃個 QR 填祝福她竟然自己就會了。她寫的那句『阿嬤以你為榮』飛上大螢幕的時候，我女兒哭了。」
— 六年級畢業生家長
「以前畢業典禮的祝福都是事後才整理，這次是即時的。孩子表演完下台，馬上能看到台下家長剛寫的加油，氣氛完全不一樣。」
— 協助典禮的導師
跟其他工具的關係：學校大型活動的「即時互動」這條線
阿凱工具集裡，有一條「讓學校活動不只是單向廣播」的線：
- #62 親職教育日官網：把一整天的親師活動搬上線
- #40 Padlet 行政宣導動態牆：讓訊息變成可互動的牆
- #106 畢業典禮即時祝福牆：讓家長的祝福三秒上大螢幕
一個比一個更「即時」、更「雙向」——這正是我想帶給校園活動的改變。
配對工具推薦
- #62 桃園市龍潭區石門國民小學114學年度親職教育日 — 同樣是學校大型活動的數位官網，可一起參考活動頁設計
- #40 Padlet行政宣導動態牆 — 即時動態牆，跟畢業祝福牆是同一種「集眾人之聲」的概念
- #106 石門國小 第103屆畢業典禮 — 本篇主角
適用對象
- 要辦畢業典禮／大型活動的學校 — 一套就搞定資訊、直播、互動
- 想讓家長即時參與的老師 — 掃碼留言 + 即時上牆的閉環可直接複製
- 想學「GAS + LINE 免費後端」的人 — 零成本做出有審核、有通知的互動系統
- 關心校園數位轉型的人 — 看一場典禮如何從「單向流程」變成「雙向共創」
想試試？
先逛逛：滑到祝福牆，看看家長與親友寫給畢業生的話；點開「現場星空投影版」，感受流星之間的祝福流動。
再想想：如果你的學校下個活動，也能讓每個人的聲音三秒上大螢幕，會是什麼樣子？
畢業典禮會散場，但那些終於說出口的祝福，留在了雲端，也留在了孩子心裡。啟程・感恩・祝福，從石門出發。