📚 #90 繪本→Google 表單一條龍工作坊 v0.6:Gemini 繪本 → Google Doc → Apps Script → Google 表單 → QR Code 給學生
#90「📚 繪本 → Google 表單 一條龍工作坊」v0.6 是阿凱整合**多個 Google 服務工作流**的工具。把「Gemini 畫繪本 → Google Doc 整理 → 發布共用 → Apps Script → 圖片網址轉換 → Google 表單 → QR Code 發給學生」**6 步驟收進一個網頁** + 零安裝 + 單檔網頁 + 離線可用 + 5 分鐘上手指南。
「用 AI 做繪本測驗」的真實痛點
老師想用 Gemini 做有圖片的故事測驗給學生玩:
- 用 Gemini 畫繪本
- 把繪本貼進 Google Doc
- 發布 Google Doc 共用連結
- 圖片網址轉換(Drive 直連格式)
- 寫 Apps Script 把圖塞進 Google 表單
- 發布 Google 表單
- 生成 QR Code 給學生
痛點:5-6 個 Google 服務貼來貼去 30 分鐘以上,老師備課時間爆掉。
阿凱的 #90 繪本→Google 表單一條龍工作坊 反向:整條路收進一個網頁 + 零安裝。
#90 真實怎麼做?(v0.6)
真實標題:「📚 繪本 → Google 表單 一條龍工作坊」
核心定位:「把 Gemini 畫的繪本,輕鬆變成有圖片、有解謎、可發音的 Google 表單測驗。國小老師專用,零安裝、單檔網頁、離線可用」
完整工作流
Gemini 畫繪本 → Google Doc 整理 → 發布 + 共用
↓
Google 表單 ← Apps Script ← 圖片網址轉換
↓
QR Code 發給學生
6 步驟收進一個網頁:
- Gemini 畫繪本
- Google Doc 整理
- 發布 + 共用
- 圖片網址轉換(Drive 直連格式)
- Apps Script 自動建表單
- QR Code 生成發給學生
重點特色
- ✅ 零安裝 — 開瀏覽器即用
- ✅ 單檔網頁
- ✅ 離線可用
- ✅ 5 分鐘上手指南 —
cagoooo.github.io/storytell/快速上手.html - ✅ 歡迎老師試用 v0.6 — 持續迭代中
真實技術棧(推測)
- 單檔網頁
- 推測純前端 + 整合 Gemini API
- 配合 Google Drive API + Apps Script API
- 部署:
cagoooo.github.io/storytell/
「串接多個 Google 服務」的工程挑戰
從工作流看 #90 要解決的技術問題:
| 步驟 | 工程挑戰 |
|---|---|
| Gemini 繪本 → Doc | AI 圖片下載 + 嵌入 |
| Doc 發布共用 | OAuth + 權限設定 |
| 圖片網址轉換 | Drive id=xxx → uc?export=view&id=xxx 直連格式 |
| Apps Script | 動態生成 Apps Script 程式碼 + 教老師如何貼上 |
| Google 表單 | 從 Apps Script 自動建立表單 + 加題 |
| QR Code | 表單 URL → QR 圖片 |
→ 阿凱「串接的工程」比寫一個獨立工具難 10 倍。
跟其他工具的配套
| # | 工具 | 角色 |
|---|---|---|
| #65 AI Creator Hub | 「為什麼用」入口 | AI 影片三步驟 |
| #94 封面接故事 | AI 影片 + 分鏡 | MV 創作 |
| #90 繪本→表單(本篇) | AI 圖文 + 測驗 | 國小閱讀測驗 |
| #86 TieTu 3D Q版貼圖 | AI 圖像批次 | LINE 貼圖 |
阿凱的「AI 創作工具家族」覆蓋影片 / 圖像 / 故事 / 測驗 完整。
教學情境
國小閱讀理解單元:
- 老師用 Gemini 畫 5 頁繪本(如「小貓上學記」)
- #90 一條龍 → 生成 Google 表單測驗
- QR Code 貼黑板
- 學生掃 QR → 看繪本圖 + 答題
期末閱讀競賽:
- 老師快速做 10 份不同主題繪本測驗
- 用 #90 各自一條龍
- 學生輪流挑戰
家長親子閱讀活動:
- 暑假作業:家長用 #90 跟孩子合做 1 個繪本測驗
- 學期回校 → 分享給同學玩
校內閱讀推動:
- 圖書館每月主題繪本
- 用 #90 做配套測驗
- 全校學生掃 QR 參與
為什麼這值得寫獨立文章?
「整合多 Google 服務的工作流自動化」是被忽略的需求 —— 老師每天卡在「Google 服務間貼來貼去」:
對老師:
- ✅ 5-6 個服務 30 分鐘 → 5 分鐘上手
- ✅ 不用學 Apps Script
- ✅ 不用記 Drive 直連格式
對開發者:
- ✅ 學「多 Google 服務 OAuth 串接」案例
- ✅ 學「動態生成 Apps Script」技巧
- ✅ 學「Drive 圖片 URL 轉直連格式」工程細節
配對工具推薦
- #65 AI Creator Hub — AI 影片三步驟入口
- #94 封面接故事 — MV 創作
- #86 TieTu 3D Q版貼圖 — AI 圖像批次
適用對象
- 國小所有國語 / 閱讀指導老師
- 圖書館閱讀推動人員
- 想做「多服務串接工作流」的工程師
- 想看「Apps Script 動態生成」案例的開發者
- 想學「Drive 圖片 URL 直連格式」技巧的老師
想試試?
→ 前往 #90 繪本 → Google 表單 一條龍工作坊 → 也可看 5 分鐘上手指南
下次做繪本測驗 — 30 分鐘 → 5 分鐘 → 老師備課時間救回來。