2026年8月7日 星期五

社會科 AI 補充教材生成器-上傳社會課本 PDF,自動產出補充教材、重點整理與教學規劃

社會科 AI 補充教材生成器

上傳社會課本 PDF,自動產出補充教材、重點整理與教學規劃
Gemini AI | 免安裝 | 免費 | 一鍵匯出 Word
🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用,無需安裝任何軟體

📜軟體由來

社會課本裡的內容往往只是一句短短的「1895 年日本統治臺灣,展開一系列基礎建設」,但課堂上要講清楚前因後果、要補充事件細節、要連結到現代新聞讓學生有感,需要翻多少參考書、查多少資料,只有自己知道。

尤其到了段考前,學生需要重點整理、複習講義、練習題,每一份都得從零開始做。我一直在想:如果有一台機器,把課本丟進去,就能自動吐出我要的補充教材、重點整理和教學規劃,該有多好。

於是,我利用 Gemini AI 打造了這個「社會科 AI 補充教材生成器」。只要上傳課本 PDF(或直接貼上課文文字),AI 就會幫我把歷史事件、核心概念、現代時事一次找齊,再依照我的教學需求生成完整的備課文件。

核心功能總覽

一個網頁,涵蓋社會科老師備課幾乎所有需求:

📄
上傳 PDF / 貼上文字
掃描外也支援文字型 PDF,自動提取課文全文
🏷️
教學階段設定
國小中年級~高中,內容深度自動調整
🌍
歷史 × 地理 × 公民
跨領域或單科分析皆可,精準對應課文脈絡
📰
自動連結現代時事
AI 搜尋相關新聞,古今對照讓課文活起來
✍️
補充教材文本
每項 600-1000 字,可直接當閱讀單發給學生
📋
應試複習講義
時間軸、因果表、易錯釐清表、考前速記口訣
🗂️
備課教學手冊
教學目標、事件解析、討論題設計一應俱全
📥
一鍵匯出 Word
原生 DOCX,標楷體排版,可直接列印或修改
📦
三合一 ZIP 打包
三種文件一次下載,壓縮成一個檔案方便保存

🎓課堂教學上的實際應用

📚 補充教材:把課本的「一句話」變成完整故事

課本篇幅有限,很多故事只能一句帶過。透過 AI 生成的獨立補充文本,每一項歷史事件或概念都會有 600 到 1000 字的完整敘述,包含時空背景、人物細節與演變脈絡。我通常是直接列印成閱讀單,做為課堂講述的底稿,或發給學生當課外補充閱讀。

每個項目後面還會附上 2-3 個開放性素養題,帶一點引導,學生讀完就能進行小組討論,不用我再絞盡腦汁設計提問。

📝 應試複習講義:段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把課文整理成時間軸大事紀表格因果關係分析、以及易錯觀念釐清對照表,還附上「考前 3 分鐘速記口訣」和素養練習題。往年我熬夜兩三小時才能做出一份,現在幾分鐘就有初稿,再依班上情況微調即可。

🗂️ 備課教學手冊:備課、說課、教學觀察都適用

這份手冊把「課程簡介與教學目標」「勾選歷史事件深度解析」「核心概念與跨科延伸」「古今對照時事連結」「課堂引導討論題」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備,一份就夠。

📰 古今對照:歷史課也能跟現代生活連結

我最喜歡的功能是 AI 會自動搜尋與課文相關的現代新聞與時事。例如講到日治時期鐵道建設,就能連結現代鐵路電氣化的永續議題。學生會發現「歷史其實跟我們很近」,課堂的共鳴與討論度明顯提升。

🔧使用教學:三步驟完成備課

🚀 立即開始(免安裝、免設定)

  1. 開啟工具:點擊上方按鈕,工具會在瀏覽器中直接開啟,完全不需要安裝任何程式。
  2. 匯入課文:上傳社會課本 PDF(或 .txt 檔),也可以直接將課文文字貼進文字框。接著選擇學生階段、學科領域與生成焦點。
  3. AI 深度分析:按下「開始 AI 深度分析與檢索」,AI 會自動找出關聯的歷史事件、核心概念與延伸時事新聞,並全部幫你勾選好。
  4. 勾選想補充的項目:如果不想全收,可以自行取消勾選,也可以手動新增想探討的事件或議題。
  5. 選擇教材模式並生成:可一次生成「補充文本 + 複習講義 + 備課手冊」三種版本,也可以只選其中一種。
  6. 預覽與下載:生成後可在網頁上直接預覽,一鍵下載 DOCX(Word)檔,或打包成 ZIP 一次取得全部文件。

💡 提示:生成的 DOCX 採用標楷體與書卷風排版,下載後可直接列印或依個人需求微調,標題、表格、頁碼都已排好。

⚠️ 注意:工具需使用 Google 帳號登入 Gemini 才能使用;AI 生成的內容建議仍花時間確認一次,再發給學生。

🎁如何取得

這是我自己平常備課在用的工具,直接分享給大家,完全免費、不需要任何安裝步驟,點開就能用。如果你也是社會科老師,歡迎試試看,看看能不能為你省下幾個小時的備課時間。

上傳課本 PDF,讓 AI 幫你把備課時間省下來,把精力留給學生。

🚀 立即開啟「社會科 AI 補充教材生成器」https://gemini.google.com/share/60e8ed07ab8e

💡 技術亮點

Gemini AI Google 搜尋檢索 PDF.js docx.js JSZip Markdown

工具在瀏覽器端完成 PDF 文字提取、AI 分析、Markdown 排版與 Word 檔案生成,具備 Google 搜尋功能讓 AI 能抓取最新時事。生成的文件支援三種模式切換預覽,並可打包成 ZIP 一次下載,兼顧速度與便利。

🤝結語

做這個工具的初衷很單純:讓備課可以更容易,讓更多時間可以留給學生、留給家人。如果你是社會科老師,希望這個工具能成為你備課路上的好夥伴。

2026年8月5日 星期三

雲端典藏庫工具分享--雲端硬碟資料夾,一秒變身精美成果網站!

 GAS + HTML 一鍵佈署 ・ 免伺服器 ・ 免寫程式

雲端硬碟資料夾,一秒變身精美成果網站!

「雲端典藏庫」── 讓評鑑、成果展、作品集,不再只是「藍色的資料夾畫面」

📥立刻取得雲端典藏庫點擊按鈕,建立副本即可開始使用

軟體由來

在學校工作,常常需要製作「成果網站」:領域成果展、課程成果、評鑑資料、學生活動作品集……樣樣都要放在網路上給大家瀏覽。

最偷懶的做法,就是把雲端硬碟資料夾的「共用連結」直接當成網站連結交出去。但這樣一來,訪客看到的就只是一堆資料夾與檔名的列表,既不好看,也不夠專業。更麻煩的是,有些公文會特別要求:不可以用雲端硬碟的方式來呈現網站成果

為了同時滿足「好看」與「合規定」,我寫了這套工具──「雲端典藏庫」。做法很單純:把程式的試算表複製一份,放到成果資料夾中,再部署成網頁,原本平凡的雲端硬碟資料夾,就會化身為一個乾淨漂亮的網站,檔案可以直接在頁面上預覽,也可以一鍵下載

沒有自己的伺服器?沒關係。

不懂網頁程式?也不用怕。

只需要一個 Google 帳號,就能做出專屬的成果典藏網站。

課堂教學應用

這套工具非常適合學校各種需要「對外展示」的情境,不用花任何經費,也不用申請伺服器空間:

🏆

成果評鑑

將評鑑佐證資料、教學成果整理成網頁,取代零散的資料夾共用連結,呈現更專業。

🎨

學生作品集

把學生的作品、照片、報告統一收進資料夾,家長與訪客可輕鬆線上瀏覽下載。

📚

教材資源庫

將各科教材、研習講義、會議資料分類存放,成為全校共用的數位資源中心。

📸

活動紀實

活動照片、影片、新聞稿直接展示,點開即可預覽,不必再逐一傳檔給家長。

整個網站會「跟著資料夾走」:試算表放在哪一個資料夾,網站的首頁就顯示那一個資料夾的內容,子資料夾可以繼續往內層瀏覽,就像逛一個真正的網站一樣。資料夾與檔案隨時更新,網站內容也同步呈現,不必重新部署。

功能特色

🎨

五種視覺主題

極光、深色玻璃、透白玻璃、淡藍海洋、淡橘晚霞,一鍵切換網站風格。

👁️

檔案線上預覽

點擊檔案直接彈出預覽視窗,PDF、文件、試算表、簡報、影片皆可即時檢視。

⬇️

一鍵下載

每張檔案卡片都附下載按鈕,訪客可直接儲存所需檔案。

🖼️

圖片縮圖牆

圖片類檔案自動顯示縮圖,滑鼠移過還有放大效果,瀏覽更直覺。

快取與預載入

資料夾內容自動快取並於背景預載,再次瀏覽近乎秒開。

🧭

麵包屑導覽

多層資料夾以麵包屑呈現,隨時回到上一層或大廳。

📢

公告區塊

可在網站頂端顯示公告文字與超連結,重要訊息一眼可見。

📱

手機也能用

響應式設計,電腦、平板、手機瀏覽都舒服。

使用詳細教學

建立副本後,先別急著部署,讓我們先認識一下「控制台」──也就是試算表裡的兩個工作表:

  • 系統設定

    網站的大腦。在這裡設定網站標題、副標題、公告內容、視覺主題,以及是否顯示 Google 原生檔案(文件、試算表、簡報)。

  • 設定說明

    內建的小抄,每個設定項目的參數說明與可用數值範例都寫得清清楚楚,遇到疑問翻這頁就對了。

「系統設定」工作表提供以下可調整項目:

設定項目用途
SiteTitle網頁主標題,顯示在頁面最上方。
SiteSubtitle網頁副標題,位於主標題下方。
NoticeText公告區文字,留空則自動隱藏該區塊。
NoticeLink公告區的按鈕超連結,留空則不顯示按鈕。
Theme網頁整體視覺主題,共五種可選擇。
ShowGoogleNativeFiles是否顯示 Google 原生檔案(文件、試算表、簡報),預設 FALSE 隱藏。
aurora 極光glass-dark 深色glass-light 透白ocean-blue 淡藍sunset-orange 淡橘

設定好之後,把試算表副本放進你要展示的成果資料夾中,接著進行最後一步──佈署。順帶一提,作為資料庫的這份試算表,網站會自動將它隱藏,不會出現在成果頁面上,可以放心放進資料夾裡。

佈署說明

這套工具採用「GAS + HTML 一體佈署」模式,程式碼與網頁都已內建在範本中,你不需要貼任何一行程式碼,只要跟著以下四個步驟:

  • 建立副本

    點擊下方的「立刻取得雲端典藏庫」按鈕,按「建立副本」,系統會自動將一份試算表副本存進你的 Google 雲端硬碟。

  • 放入成果資料夾

    將這份試算表副本移動到你希望展示的成果資料夾中(也可直接在該資料夾中建立副本)。網站首頁將以這個資料夾的內容作為入口。

  • 部署為網頁應用程式

    在試算表中點擊「擴充功能」→「Apps Script」開啟指令碼編輯器,點擊「部署」→「新增部署」,選擇類型「網頁應用程式」,執行身分選「我 (自己的帳號)」,存取權限選「知道連結的使用者」。部署完成後取得的網址,就是你的成果網站!

💡 提示:Google 原生檔案(文件、試算表、簡報)預設會隱藏,若要讓它們顯示在網站上,請到「系統設定」將 ShowGoogleNativeFiles 改為 TRUE。成果網站的瀏覽權限,與雲端硬碟檔案的共用設定連動,記得先確認相關檔案已開放給需要的對象。

準備好把雲端硬碟變身成果網站了嗎?

📥立刻取得雲端典藏庫

免費使用・Google 帳號即可・完整內建說明文件

結語

讓成果被看見,不該被資料夾限制

製作成果網站,本來就該是一件「把心力放在內容」的事,而不是煩惱伺服器、網頁程式這些技術門檻。

這套「雲端典藏庫」讓任何人,都能用最熟悉的雲端硬碟,花幾分鐘佈署出一個像樣的成果網站。檔案可以預覽、可以下載,內容跟著資料夾自動更新,既符合規定,也讓每一次的成果展現,都更有面子。

如果對使用上有任何想法或建議,歡迎隨時跟我說,我會繼續把它做得更好。

2026年8月1日 星期六

我用AI重建了一個仿google Tour Creator 的360 度互動導覽平台

 

360 度互動導覽建置平台

免安裝、免付費、雲端儲存
GAS + HTML | 360 全景 | AI 生圖提示詞 | VR 模式
📥一鍵下載 — 建立副本開始使用點擊後即可將完整程式複製到自己的 Google 雲端硬碟

📖軟體由來:Google Tour Creator 關閉之後

還記得 Google Tour Creator 嗎?那是 Google 推出的 360 照片導覽工具,讓老師和創作者可以上傳自己的全景照片,在上面加入資訊點、語音解說、測驗題目,做出沉浸式的虛擬導覽。可惜 Google 在 2021 年關閉了這項服務,許多老師精心製作的教材因此無處存放。

我一直很喜歡這個工具的概念——用 360 照片帶領學生「走進」教學現場。不管是校園植物觀察、博物館導覽還是社區踏查,360 導覽帶給學生的臨場感遠超過一般照片和影片。但 Tour Creator 關閉後,市場上一直沒有出現類似且免費的替代方案。

於是,我決定自己動手做一個。我用 Google Apps Script(GAS)搭配 HTML,從零開始打造了這個「360 度互動導覽建置平台」。它完全複刻了 Tour Creator 的核心功能——上傳 360 全景照片、加入互動錨點(資訊、圖片、語音、影片、YouTube、測驗、場景轉場),更進一步支援了 AI 生圖提示詞產生器和 VR 模式。

🤖當 360 導覽遇上 AI 生圖

Google Tour Creator 當年只能上傳自己拍攝的 360 照片。但我發現一個重要的轉折:現在 AI 生成圖片已經非常成熟了,只要輸入一段好的提示詞(Prompt),就能產出高品質的 360 全景照片。

這代表什麼?代表即使你沒有 360 相機、沒有出過國、甚至沒有離開過教室,也能透過 AI 生成任何主題的 360 場景——古羅馬競技場、熱帶雨林、太空站、深海世界、中世紀城堡……只要想得到,AI 就能幫你畫出來。

因此,我在系統中內建了「360° AI 生圖提示詞產生器」。新增場景時,只要輸入簡單的場景需求(例如「午後陽光灑進溫暖的森林圖書館」),系統會自動整理成適合 AI 生圖的完整提示詞,包含等距柱狀投影、2:1 比例、無縫環繞、VR 最佳化等關鍵參數,一鍵複製後貼到 Midjourney、DALL·E、Stable Diffusion 等工具就能直接生圖。

✨ 提示詞範例
生成一張超高解析度、寫實攝影風格的 360 度全景照片。採用等距柱狀投影(equirectangular projection),畫面比例嚴格為 2:1,可無縫環繞拼接並直接用於 VR 與 360 Viewer。 主題與場景需求:午後陽光灑進溫暖的森林圖書館,木質書架、閱讀角落、窗外可看見山景。 攝影機位於場景中心,視點為自然成人視線高度;水平完整涵蓋 360 度,垂直完整呈現天空、四周環境至腳下地面。左右邊緣必須連續且精準銜接,地平線保持水平,空間比例與透視自然。光線自然,空間層次清楚,遠近景一致,材質真實,細節豐富,色彩協調。避免任何可見接縫、重複物件、拉伸、破圖、錯位、魚眼黑邊、過度廣角變形。畫面不得出現文字、標誌、浮水印。輸出單張 2:1 等距柱狀 360 全景圖,建議解析度 8192×4096 像素。

把 AI 生圖的結果上傳到平台後,就可以像以前用 Tour Creator 一樣,在場景中加入資訊點、語音導覽、影片、測驗題目,甚至場景間的轉場。從「AI 產生場景」到「設計互動內容」,整個流程都在一個系統內完成。

核心功能總覽

這個平台完整複刻了 Google Tour Creator 的功能,並加入了我自己設計的新機制:

🌐
360 全景上傳
支援 JPG / PNG / WebP,自動縮圖最佳化
🤖
AI 生圖提示詞
內建產生器,一鍵複製給 Midjourney 等工具
📌
互動錨點
資訊、圖片、語音、影片、YouTube 都可加入
測驗機制
是非題/選擇題,答對解鎖場景,記錄答題
🚪
場景轉場
連結多個 360 場景,打造連貫導覽路線
🥽
VR 模式
Cardboard 眼鏡支援,凝視 3 秒開啟內容
🎙️
瀏覽器錄音
直接錄製語音解說,無需額外軟體
📊
互動統計
追蹤錨點點擊率、答題正確率
🔗
QR Code 分享
手機掃碼直接開啟 360 導覽
☁️
雲端儲存
照片、語音、影片全存在 Google Drive

🎓教學上的應用場景

🌍 社會與歷史:穿越時空的教室

用 AI 生成古羅馬廣場、埃及金字塔或台灣清朝時期的老街,再搭配語音解說錨點和是非題測驗,學生就像真的穿越時空一樣。我曾在社會課上讓學生「走進」AI 生成的宋代市集,配合課本內容標示重點,學生對歷史的記憶深刻許多。

🔬 自然與科學:把世界搬進教室

熱帶雨林、深海珊瑚礁、太空站內部——這些學生很難親眼看到的場景,AI 生圖可以完整呈現。我在自然課做過「虛擬生態系導覽」,在 360 場景中加入不同生物的解說點和互動問答,學生用平板就能探索,效果比看課本圖片好太多了。

🏫 校園導覽:新生報到日的亮點

用 360 相機拍下校園各角落,上傳後在每個重要地點(圖書館、體育館、視聽教室)加入資訊錨點和 YouTube 介紹影片,做成新生導覽。家長日用手機掃 QR Code 就能逛校園,不用實際帶隊,卻更有互動感。

🧩 密室逃脫風的闖關導覽

利用「答對才可繼續」和「答對解鎖場景」這兩個機制,我可以設計出一套闖關式導覽。學生必須在每個場景中回答問題,答對才能前往下一個場景。這種遊戲化的設計讓學生在不知不覺中就把知識學起來了。

🔧使用教學:建立你的第一個 360 互動導覽

🚀 一鍵部署步驟

  1. 點擊上方按鈕,建立 Google 試算表副本到自己的雲端硬碟。
  2. 點擊右上角「部署」→「新增部署作業」,選擇「網頁應用程式」。
  3. 執行身分選擇「我」,誰可以存取選擇「任何人」。
  4. 部署完成後複製網址,打開就是編輯後台!

⚠️ 重要提醒:部署後若要更新程式碼,需在「管理部署作業」中建立新版本,前台才能讀取到最新程式。

📌 日常操作流程

  1. 建立專案:進入編輯器後,按「建立新專案」,輸入導覽名稱。
  2. 新增場景:按「新增場景」,上傳 360 全景照片(或先用 AI 生圖)。
  3. 產生提示詞:(選用)輸入場景需求,按「✨ 產生提示詞」,一鍵複製後貼到 AI 生圖工具。
  4. 加入錨點:點擊 360 場景中的位置,選擇要加入的互動類型。
  5. 儲存視角:轉到喜歡的角度,按「儲存目前視角」,決定使用者進入場景的初始畫面。
  6. 拖曳調整:長按錨點圖示約 0.6 秒,即可拖曳到新位置。
  7. 預覽測試:按「Viewer 預覽」在編輯器內直接測試所有互動。
  8. 分享導覽:按「Viewer 網址/QR」,取得獨立網址或 QR Code 供學生掃描。

🎯 進階技巧

  • VR 模式:Viewer 和編輯器預覽都支援 VR 模式。手機橫放放入 Cardboard 眼鏡,凝視錨點 3 秒即可開啟內容。
  • 注音字體:在專案設定中開啟「使用注音字體」,錨點名稱和互動內容會自動套用注音,低年級學生也能讀。
  • 背景音效:每個場景都可以上傳背景音樂或環境音,進入場景後自動循環播放,沉浸感加倍。
  • 本地影片:支援 MP4/WebM/Ogg 上傳,Viewer 會自動從 Google Drive 串流播放。
  • 答題統計:在編輯器中查看每個錨點的點擊次數與答題正確率,掌握學生學習狀況。

💡技術亮點

這個平台的技術架構完全建置於 Google 免費服務之上:

Google Apps Script Pannellum Tailwind CSS Google Sheets Google Drive QRCode.js

後端使用 GAS 綁定試算表作為資料庫,照片、語音、影片自動存入 Drive。360 全景預覽由 GAS 讀取圖片後以 Data URL 回傳,避開 Pannellum 讀取 Drive 網址時的 CORS 問題。所有上傳檔案都在前端經過 Canvas 壓縮處理後再傳送,兼顧品質與速度。

值得一提的是 AI 生圖提示詞產生器——這完全是前端文字組合功能,不需要串接任何 AI API,也沒有額外成本。系統會根據你輸入的場景需求,自動填入 2:1 等距柱狀投影、無縫環繞、VR 最佳化等關鍵參數,讓不會寫提示詞的老师也能輕鬆生成高品質的 360 場景提示詞。

🤝結語

Google Tour Creator 被關閉時,我曾經覺得很可惜,畢竟那是當時最好用的免費 360 導覽工具。以前的 Tour Creator 只能上傳自己拍的照片,但現在 AI 讓我們可以創造任何想像得到的場景。老師不再被「有沒有 360 相機」或「有沒有去過那個地方」限制,只要有想法,就能帶學生到任何地方。

這個平台完全免費開放使用,程式碼全都放在你建立的副本中。如果你也曾經懷念 Tour Creator,或者想嘗試用 360 導覽做教學,歡迎下載試試。

📥 立即下載 — 建立副本開始打造你的 360 導覽

點擊後自動複製到你的 Google 雲端硬碟,馬上開始使用

2026年7月28日 星期二

來佈署班上專用的「英文單字練習機」吧!!!

 

我為小三女兒打造了一款
英文單字練習機

用 Google Apps Script 一鍵部署,免伺服器、免設定

取得免費範本
部署方式:GAS 一體式適用對象:國小、國中英文授權:CC BY-NC-SA 4.0

軟體由來

女兒升上小三後,學校開始有了英文課。每天要背的單字不多,但對剛接觸 26 個字母的孩子來說,要記得拼法、發音與中文意思,還是不太容易。市面上的單字 App 功能琳瑯滿目,但大多綁定特定教材或需要註冊帳號,對於只是想要「簡單背個單字」的家庭來說,反而顯得笨重。

於是我想,不如自己寫一個吧。需求很單純:讓我可以自己輸入單字,孩子能打開網頁就開始練習,不用記帳號密碼,最好連伺服器都不用管。正好我一直是 Google Apps Script 的愛用者,就用它搭配 HTML 做了這個單字練習管理系統。

核心訴求: 家長建立題庫 → 孩子打開網頁就練 → 記錄自動回傳。零設定、零費用、零伺服器。

課堂教學應用

雖然開發初衷是給自己孩子用,但回頭來看,這套工具在學校場景也相當合用:

  • 教師自建題庫: 老師可以根據教學進度,自行建立對應的單字題庫,不受限於教科書版本。
  • 四種練習模式: 滿足不同學習階段的練習需求——入門用單字卡,進階練拼字與重組,聽力則用聽音選字。
  • 學習數據可視化: 每筆練習記錄都會回傳到 Google 試算表,老師可以清楚看到每位學生的練習時長、答錯率與常錯單字。
  • 零門檻使用: 學生只需要一個網址,輸入姓名即可開始,不需要任何帳號註冊。
  • 平板與手機都可用: 採用響應式設計搭配虛擬鍵盤,即使沒有實體鍵盤的平板也能順利進行拼字練習。

功能特色

📇

單字卡模式

看中文翻卡對答案,適合初次學習

⌨️

拼字練習

內建虛擬鍵盤,點擊字母拼出正確單字

🧩

字母重組

打亂字母順序,還原正確拼法

🎧

聽音選字

播放發音後從選項中選出正確單字

📊

常錯分析

自動統計各單字答錯次數與花費時間

🔁

一鍵部署

建立副本 + 部署,兩步驟完成上線

使用詳細教學

老師端:管理題庫與查看數據

  1. 開啟部署後的網址,點選「我是老師」。
  2. 第一次使用時輸入您想要的密碼,系統會自動存入「系統設定」工作表。
  3. 進入管理介面後,可新增題庫、編輯單字內容、啟用/停用題庫。
  4. 單字輸入格式:每行一個單字,用逗號或 Tab 分隔英文與中文,例如 Apple,蘋果
  5. 切換至「學習數據」分頁,即可查看每位學生的練習記錄與題庫常錯分析。

學生端:開始練習

  1. 在首頁點選「我是學生」,輸入姓名即可進入題庫列表。
  2. 選擇一個題庫後,會出現四種練習模式供選擇。
  3. 練習時系統會即時計時並記錄答錯次數。
  4. 完成後點選「結束練習」,系統會自動將記錄上傳至雲端。

佈署說明

這份專案採用 GAS + HTML 一體部署 模式,後端(試算表資料庫)與前端(操作介面)全部打包在同一個 Apps Script 專案中,部署後直接取得一個完整可用的網址,不用另外託管 HTML。

取得免費範本
1

建立副本

點擊上方按鈕開啟試算表副本連結,按下「建立副本」。系統會自動建立一份完整的試算表與 Apps Script 程式碼到您的 Google 雲端硬碟,完全不需要手動複製貼上任何程式碼。

2

部署為網頁應用程式

在試算表中點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。點擊右上角「部署」→「新增部署」,選擇類型為「網頁應用程式」。

  • 執行身分: 選擇「我」(也就是您的 Google 帳號)
  • 存取權限: 選擇「知道連結的使用者」
3

取得網址,開始使用

部署完成後,複製產生的網頁應用程式網址,貼到瀏覽器即可使用。把這個網址傳給學生或孩子,他們打開就能直接練習。就是這麼簡單。

提醒: 第一次開啟時,試算表背後的「系統設定」、「題庫資料」、「學習記錄」工作表會自動建立,並產生一組範例題庫讓您測試,無需人工介入。

結語

這個工具雖然是為自己的孩子設計的,但我也希望它能幫助到更多家庭或老師。不需要昂貴的授權、不需要複雜的設定,只要有一個 Google 帳號,就能在五分鐘內建好自己的單字練習系統。

如果您也對這種「用 GAS 打造教學小工具」的做法感興趣,歡迎直接取用這份範本,自己改寫成適合您課堂的版本。有任何問題或建議,也歡迎與我交流。