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

手作課程照片影片作品上傳平台

專為手作課程設計的作品展示與分享平台,支援高畫質相片與影片上傳,讓每件精心創作的作品都能完美呈現。

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

「手作課程照片影片作品上傳平台」(v3.2,2026-03-19)是阿凱老師為 石門國小六年級手作課打造的 Google Drive 班級資料夾中繼導引頁 — 不是自建上傳系統,而是用學校 Workspace 帳號權限做隔離的精緻入口頁。

🎯 核心特色

💡 設計理念

純 vanilla HTML + CSS + JS,儲存完全靠 Google Drive(學校 Google Workspace 帳號),登入機制完全靠 Google OAuth 跳轉無自建後端,沒用 Firebase Storage / Supabase / Cloudinary。部署在 cagoooo.github.io/files/(不是獨立 repo,是 cagoooo.github.io monorepo 的 /files/ 子目錄)。學生肖像保護靠 Workspace domain 權限隔離,不對外公開。

🎒 適合情境

兩個月實測:老師拍照工時 0 分鐘(學生自己拍,vs 過去每節 8-12 分鐘)、列印成本 0 張 A4(vs 每學期 800 張)、家長看作品比率 100%(vs 不到 30%)、學期末作品集製作 1 鍵生成(vs 老師連續 3 晚加班)。適用國小 / 國中藝術與人文、綜合活動領域,任何「需要保留學生作品」的課(家政、STEAM、社團)。可搭配 #90 繪本 → Google 表單一條龍工作坊 連手作課回饋表單一起做、#10 班級小管家 學期末做學期報告。

標籤:#手作課程 #作品上傳 #照片影片 #學習歷程 #數位作品集 #創意教學 #課程紀錄

相關教學情境文章

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

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