Interactive Games, Activities, and Tools
Interactive Games, Activities, and Tools
功能介紹
教師可於 Google 試算表設定好班級、作業與上傳密碼。(如無設定密碼,即可不須密碼即上傳檔案,為避免有非學生者惡意上傳帶有病毒之檔案,建議設定密碼)
學生一次可上傳一個檔案(不限格式),但檔案大小不可超過 50 MB,否則最後會上傳失敗。
上傳後,教師可於 Google 試算表或 Google 雲端之作業繳交區資料夾查看或下載上傳之檔案。
Google Apps Script說明
Index.html 內第140行可修改系統前端的橫幅圖片連結(需使用有固定連結之圖片,Google Sites、Facebook 的圖片連結皆會動態變化);第146行可修改此網頁應用程式之名稱。
Code.gs 內 getSettings 函數(第17行)和 validatePassword 函數(第60行)將 const SPREADSHEET_ID = 'REPLACE_WITH_YOUR_GOOGLE_SPREADSHEET_ID'; 的 REPLACE_WITH_YOUR_GOOGLE_SPREADSHEET_ID 修改成你複製後的 Google 試算表 ID。Google 試算表 ID 即是試算表網址中介於 /d/ 和 /edit 中間的字串,如 https://docs.google.com/spreadsheets/d/1y69VD6m-U_5sM4nmw54aUPWC315QEiY1BSm2K7N7Q_Y/edit
Google Sheets說明
Google 試算表請命名成「檔案上傳列表」(與 Code.gs 內 uploadFiles 函數(第104行)的設定一致)
試算表中的「設定」工作表可以設定班級、作業名稱、開放狀態(「開放」的作業才會出現在前端的作業下拉選單中)、上傳密碼。
「Sheet 1」工作表內會自動將成功上傳的檔案新增到此處,資料包含上傳時間、班級、座號、姓名、作業名稱、檔案名稱、檔案網址(在你的 Google 雲端內的檔案連結)。
上傳後的檔案會儲存在你 Google Apps Script 專案儲存位置同個目錄下的「作業繳交區」資料夾(系統自動建立)。
上傳的檔案將保留原本上傳者的檔案名稱,故可要求上傳者以特定名稱格式命名。除了從 Sheet 1 工作表點開檔案查看,如從作業繳交區資料夾點開檔案的詳細資訊(Details)裡面的檔案描述(Description)會有系統自動加入的描述,內容為「上傳者: 班級 - 座號 - 上傳者姓名」,例如「上傳者: 一仁 - 01 - 王曉明」。
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
參考資料:〈Google Apps Script 入門到進階(17) --- 利用「Google 雲端進行檔案上傳」〉(廖敏宏(Amin),2018)
功能介紹
每篇練習卷須至少包含5篇克漏字文章題組,每次從該練習卷的題庫中隨機抽取5篇題組,每篇文章可新增至多5題選項。
題目順序固定,但各題目的四個選項順序隨機。
每完成一題組即測即評,正確答案以綠色底線標示,紅線底線為錯誤答案。
使用者完成所有題目並看到成績畫面時會將練習紀錄回傳到試算表中。
Google Apps Script說明
從Google Sheets的Extension中點開 Apps Script即可到該Google Apps Script專案編輯器。
Index.html第282行可修改此網頁應用程式之名稱,274行可修改系統前端的橫幅圖片連結(需使用有固定連結之圖片,Google Sites、Facebook 的圖片連結皆會動態變化)。
部署成 Web app 可參考下方的說明網頁。
Google Sheets說明
試算表中的「設定」工作表可以設定班級、練習卷名稱、練習卷狀態(「開放」的練習卷才可在前端看到選項),會出現在練習系統前端的下拉選單中。
「題庫」工作表內需要分別填入練習卷名稱、題組辨識碼(可使用流水編號,不重複即可)、閱讀測驗文本、題目1-5(選項請以 AAA / BBB / CCC / DDD 編輯,四選一的單選題,AAA 位置的選項必須為正確答案,在練習系統前端是選項順序隨機)(以此類推,一篇文本至多5題選擇題)。
「作答紀錄」工作表包含學生練習之紀錄(須完成一整份的練習才會儲存在此處),包含完成日期與時間、班級、座號、姓名、練習卷名稱、答對題數、總題數、耗費時間、作答記錄(JSON)(此處僅供紀錄)。
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
由於文章字數較多,強烈建議學生必須使用電腦來進行測驗或練習。
功能介紹
每篇練習卷須至少包含5篇文章題組,每次從該練習卷的題庫中隨機抽取5篇題組,每篇文章可新增至多5題題目。
題目順序固定,但各題目的四個選項順序隨機。
使用者完成所有題目並看到成績畫面時會將練習紀錄回傳到試算表中。
Google Apps Script說明
從Google Sheets的Extension中點開 Apps Script即可到該Google Apps Script專案編輯器。
Index.html第208行可修改此網頁應用程式之名稱,200行可修改系統前端的橫幅圖片連結(需使用有固定連結之圖片,Google Sites、Facebook 的圖片連結皆會動態變化)。
部署成 Web app 可參考下方的說明網頁。
Google Sheets說明
試算表中的「設定」工作表可以設定班級、練習卷名稱、練習卷狀態(「開放」的練習卷才可在前端看到選項),會出現在練習系統前端的下拉選單中。
「題庫」工作表內需要分別填入練習卷名稱、題組辨識碼(可使用流水編號,不重複即可)、閱讀測驗文本、題目1、題目1選項(選項請以 AAA / BBB / CCC / DDD 編輯,四選一的單選題,AAA 位置的選項必須為正確答案,在練習系統前端是選項順序隨機)、題目2、題目2選項(以此類推,一篇文本至多5題選擇題)。
「作答紀錄」工作表包含學生練習之紀錄(須完成一整份的練習才會儲存在此處),包含完成日期與時間、班級、座號、姓名、練習卷名稱、答對題數、總題數、耗費時間、作答記錄(JSON)。
作答紀錄以JSON格式紀錄,例如 {"selectedOption":"In a tourist guide for China and India. ","question":"Where would we most likely find this passage?","isCorrect":true,"correctOption":"In a tourist guide for China and India. "}
題目("question":)為Where would we most likely find this passage?,正確選項("correctOption":)是In a tourist guide for China and India.,學生選擇的選項("selectedOption":)是In a tourist guide for China and India.,是正確的選項("isCorrect":true)
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
由於文章字數較多,強烈建議學生必須使用電腦來進行測驗或練習。
功能介紹
每個影片可新增至多10題題目。觀看影片並依序回答問題,點擊選項即完成作答,無法修改答案。切換到下一題,無法再回到前一題。一題作答後請自行按按鈕切換到下一題繼續作答。
題目順序固定,但各題目的四個選項順序隨機。
使用者完成所有題目並看到成績畫面時會將練習紀錄回傳到試算表中。
Google Apps Script說明
從Google Sheets的Extension中點開 Apps Script即可到該Google Apps Script專案編輯器。
Index.html第7行、第187行可修改此網頁應用程式之名稱,182行可修改系統前端的橫幅圖片連結(需使用有固定連結之圖片,Google Sites、Facebook 的圖片連結皆會動態變化)。
部署成 Web app 可參考下方的說明網頁。
Google Sheets說明
試算表中的Sheet1工作表可以設定班級、影片名稱、影片ID碼、練習卷(「On」的影音測驗才可在前端看到選項),會出現在練習系統前端的下拉選單中。
Sheet2工作表內需要分別填入影片名稱、影片ID碼(需與Sheet1工作表一致)、題目、選項1(標準答案)、選項2-4。
影片ID碼則是YouTube影片連結最後的亂碼,位於 watch?v= 的後面,和 &ab_channel= 的前面。
3. Sheet3工作表包含學生練習之紀錄(須完成一整份的練習才會儲存在此處),包含日期與時間、班級、座號、姓名、影片名稱、答對題數、總題數、耗費時間、正確率。
除了到Google Apps Script 部署的網頁應用程式查看並確認,也可以在試算表上方工具列「幫助 Help」旁邊的 Quiz App 來開啟影音系統前端的畫面。
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
登入後需要稍後幾秒鐘等待題目載入,載入完成才可開始播放影片(否則可能會出現BUG) 。
功能介紹
可隨機從單字庫中抽取25個單字(故單字庫中須至少有25題),看中文、詞性、字數(含空白)、聽TTS發音進行英文單字拼寫練習。
每題即測即評,會以顏色標示正確與否。
使用者完成所有題目並看到成績畫面時會將練習紀錄回傳到試算表中。
Google Apps Script說明
從Google Sheets的Extension中點開 Apps Script即可到該Google Apps Script專案編輯器。
Index.html第7行、第273行可修改此網頁應用程式之名稱,267行可修改系統前端的橫幅圖片連結(需使用有固定連結之圖片,Google Sites、Facebook 的圖片連結皆會動態變化)。
部署成 Web app 可參考下方的說明網頁。
Google Sheets說明
試算表中的設定工作表可以設定班級、單字庫名稱、練習卷狀態(「開放」的練習卷才可在前端看到選項),會出現在練習系統前端的下拉選單中。
單字庫工作表內需要分別填入單字庫名稱(需與設定工作表的單字庫名稱一致)、英文、中文翻譯、詞性。(如單字中有 ' 撇號,可能會因為裝置的字體設定導致打不出與單字庫中一樣的撇號,有直線的和像逗點的撇號,就會被系統判定錯誤)
作答紀錄工作表包含學生練習之紀錄(須完成一整份的練習才會儲存在此處),包含日期與時間、班級、座號、姓名、單字庫、答對題數、答錯題數、耗費時間。
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
因需使用 TTS 功能,需使用支援 Web Speech API 的瀏覽器,主流之Google Chrome、Microsoft Edge、Apple Safari皆支援,但透過社群媒體如 LINE、Instagram、Facebook 開啟時,會先使用這些社群媒體的內建瀏覽器,通常無支援 Web Speech API,故無法聆聽單字的 TTS 發音。
功能介紹:
可隨機從題庫中抽取25題(故題庫中須至少有25題),選項隨機排序。
每題即測即評,會以顏色標示正確與否。
使用者完成所有題目並看到成績畫面時會將練習紀錄回傳到試算表中。
Google Apps Script說明:
從Google Sheets的Extension中點開 Apps Script即可到該Google Apps Script專案編輯器。
Code.gs第3行可修改網頁應用程式的頁籤名稱。
Index.html第233行可修改系統前端的橫幅圖片連結。第242行可修改前段練習系統的名稱
部署成 Web app 可參考下方的說明網頁。
Google Sheets說明
試算表中的設定工作表可以設定班級、練習卷名稱、練習卷狀態(「開放」的練習卷才可在前端看到選項),會出現在練習系統前端的下拉選單中。
題庫工作表內需要分別填入練習卷名稱(需與設定工作表的練習卷名稱一致)、題目、選項 1、選項 2、選項 3、選項 4,選項1是正確答案。
作答紀錄工作表包含學生練習之紀錄(須完成一整份的練習才會儲存在此處),包含時間戳記、班級、座號、姓名、練習卷名稱、答對題數、總題數、作答時間、作答紀錄(作答紀錄以JSON格式紀錄,如題目有問題需要手動加減分可以透過此紀錄確認學生是否有答到該題目)
附註
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
此系統會隨機抽取指定單字庫中的50個單字作為題目(因此建議單字庫中需含有至少50個單字),除正確選項以外之其他選項則為同一單字庫之其餘隨機單字。
練習模式提供看中選英和看英選中兩種練習模式。
需要完成所有題目並看到成績畫面才會將成績紀錄在試算表中。
因Google Apps Script之限制,如手機登入多個Google帳號,可能會出現Google Drive找不到檔案的錯誤資訊,建議可以嘗試使用不同瀏覽器進入系統或使用無痕視窗開啟網頁。
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
班級留言板 Class Message Board 測試版網頁(帳號1130001和密碼30001) [複製試算表(含外掛之Apps Script)]
試算表分為 Users 和 Messages 工作表,分別儲存登入資訊以及留言,前者可設定管理員和一般使用者,管理員可以在前端 Delete 刪除留言(實際為隱藏,留言記錄還是會儲存在 Messages 工作表,如確定要刪除,可從工作表將該留言列刪除。如上層留言在工作表被刪除,下層留言在前端也不會顯示)。Users 工作表內的ID欄僅需輸入不重複之數值或字串即可,建議ID和帳號可以設定一樣即可。
要修改留言板前端的標題,請在Google Apps Scripts 裡面的 index.html,修改第7、206、228行,分別是頁籤上顯示名稱、登入畫面標題、和留言介面標題,修改後皆須重新佈署,使用新網址。
要修改留言板留言的類別,請在Google Apps Scripts 裡面的 index.html,修改第231行到第239行之 <div class="form-group">,請一併修改 <option value="午餐">午餐</option>,分同時修改""內和><中的文字,前者是回傳到工作表中的顯示名稱,後者是留言板前端的顯示名稱,修改後皆須重新佈署,使用新網址。
Google Apps Script 部署之網頁應用程式不支援多重Google帳戶登入,可能會出現錯誤訊息。如果開啟網頁應用程式或外掛程式時遇到多重登入問題,請嘗試下列其中一種解決方案:(1) 請登出所有 Google 帳戶,然後只登入含有所需此網頁應用程式的帳戶;(2)在瀏覽器中開啟無痕式視窗或同等的私密瀏覽視窗;(3) 使用另一個瀏覽器,然後再行嘗試。使用電腦較不常出現此問題,手機瀏覽器較容易出現此問題。
2025/3/29 更新:(1) 張貼網址會自動變成超連結,(2) 新增私密留言功能(僅留言者和管理員可見),(3) 移除第二層子留言之回復功能,最多僅兩階層,(4) 前端僅顯示最新之30則留言,歷史留言儲存在試算表內。
展示介面如下:
終極密碼:A1-A2英文版 Ultimate Secret Number: A1-A2 Questions(包含部分會考考古題 Including some past test questions of the CAP)
終極密碼:B1-B2英文版 Ultimate Secret Number: B1-B2 Questions (包含部分學測考古題 Including some past test questions of the GSAT)
*支援2-10個玩家。This game allows 2 to 10 players once.
**除內建題庫外,支援自訂題庫,需使用以下JSON格式匯入題目(請注意所有題目用 [] 前後包裹,單一題目用 {},題目後的 } 需要加上 ,,如 },,如為所有題目中的最後一題,}後不須加上 ,):
[
{ "question": "What is 2+2?",
"options": ["3", "4", "5", "6"],
"correctAnswer": "4"},
{ "question": "What is 1+2?",
"options": ["3", "4", "5", "6"],
"correctAnswer": "3"}
]
*初級適合A2-B1程度英語使用者、中級適合B2程度英語使用者、高級適合C1-C2或母語程度英語使用者 Starts is suitable for English users at A2 or B1; Movers is acceptable for English users at B2; Flyers is the most challenging, ideally played by C1-C2 or native English users.
**點擊 Settings 選擇內建的單字庫或輸入自訂單字(僅一組,儲存在本地瀏覽器Cache中)。 Click Settings to select a word bank or use your custom words.
** 需要三個角色:主持人(教師)、提示者、猜字者,主持人負責控制裝置與判斷正確與否與是否違規,提示者可使用3個字描述目標單字或片語。 There should be a host (teacher), a glue-giver, and a word-guesser(s). The host is responsible for controlling the device and deciding correctness and ensuring fairness. The glue-givers can have 3 words to describe the target word/phrase.
*** 每次有5個字/片語,除了每個字/片語僅可使用3個字形容,另外還有2分鐘時間限制。There are 5 words/phrases in each game. In addition to the 3-word limit for each target word, the 5 words/phrases have to be finished within 2 minutes.
**** 可以跳過某一字/片語等等再回來。The glue-giver can pass a word and come back later.
*2025/3/14 更新:右上可切換背景1和背景2 Update on March 14, 2025, toggle to switch between 2 backgrounds available
*2025/4/21更新:新增時間倒數結束的音效與時間區放大縮小功能 Update on April 21, 2025, sound effect played when exam timer is over and the zoom in/out of the timer area.
*資料將儲存在本地瀏覽器快取。
*設定完課程可以匯出 csv 試算表檔或 ics 日曆檔。 After classes are added, a csv or ics file can be exported (downloaded).
**支援Google日曆、Apple日曆、Outlook等日曆軟體。This is compatible with Google Calendar, Apple Calendar, and Outlook.
*專為台灣人設計,包含台灣本地的英語檢定與在台灣常見之英語檢定 Specially designed for Taiwanese users , including local and international English proficiency tests available in Taiwan
*僅可使用英文或網址製作成QR Code。
諺語與名言、日常對話、商業對話、學測指考(2004-2024)考古題 (樣版網頁,無評分功能) (HTML及JavaScript原始碼zip檔下載)
*如不修改題庫內容,請自行上Mistral AI申請API金鑰,原測試版使用Mistral-Large模型。將申請到的API金鑰填入script.js檔案內第217行處。
**如需修改題庫,須同步修改index.html的Settings Modal處(第146-157行)以及script.js開頭的 const questionBanks 部分、第207-211行的 const usedIndexes 部分。如要修改目前預設的第一個題庫(載入頁面後的預設題庫),除了前兩部分,另需修改script.js中第214行的 let currentBank = 'proverbs'; 和第222行的 currentBank = currentBank || 'proverbs'; 。
***如在本地電腦單機使用,可以直接開啟index.html在瀏覽器單機使用(需連網),如需分享給學生可將兩個檔案透過Yay.boo、Glitch.me、Github等平台部署為靜態網頁(第一個Yay.boo是部署靜態網頁最簡單的平台)。
展示介面如下: