2025年7月10日 星期四

用 AI 打造智慧記帳與名片管理程式-以google試算表為資料來源

 您是否也曾想過,如果能讓 AI 協助您撰寫程式,並且輕鬆地利用 Google 試算表作為後端資料庫,實現雲端資料存取功能呢?最近,我正在嘗試這樣一個有趣的實踐,目標是打造一個簡單易用、具備雲端儲存與讀取能力的應用程式。這篇文章將分享我的實驗成果以及如何透過 AI 和 Google Sheets 達成這個目標。

用 AI 打造智慧記帳與名片管理程式

在這項實驗中,我運用 AI 的自然語言處理能力,開發了一個能夠記錄名片及收支紀錄的程式。這個程式的操作體驗非常直觀,就像使用 LINE 等通訊軟體一樣簡單。使用者只需輸入像「1140709 買早餐 70元」這樣的文字指令,AI 就能自動解析這些資訊,並將支出明細儲存到後端的 Google 試算表中。更令人驚喜的是,您也可以直接上傳名片照片,AI 同樣能分析名片內容,並將重要資訊結構化地儲存到 Google 試算表中,省去手動輸入的麻煩。

  • 智慧記帳:透過自然語言輸入收支明細,AI 自動識別並記錄。
  • 名片辨識:上傳名片照片,AI 提取關鍵資訊並儲存。
  • Google Sheets 作為後端:所有資料都安全地儲存在您的 Google 試算表中,方便管理與存取。

如何開始使用?設定步驟指引

要使用這個程式,您需要進行一些初步設定,主要是在 Google 環境中建立必要的基礎建設:

  • 首先,根據程式提供的說明文件,建立並設定好 Google 試算表作為資料庫。
  • 接著,將提供的 Google Apps Script (GAS) 程式碼部署為一個網頁應用程式(Web App)。
  • 成功部署後,您會獲得一個網頁應用程式的 URL,將這個 URL 複製並貼回程式的設定介面中。
  • 完成以上步驟,您就可以開始體驗 AI 輔助的記帳與名片管理功能了!

示範說明影片

如果您對於設定步驟或程式操作還有疑問,這裡提供一個示範影片,幫助您更快上手。

這次的實驗展示了如何結合 AI 和 Google Sheets,以相對簡單的方式實現一個具有雲端功能的應用程式。透過 AI 的自然語言處理,程式的互動變得更加直覺人性化。希望這個分享能啟發您嘗試利用這些工具來解決日常生活或工作中的問題。如果您有任何想法或建議,歡迎在下方留言交流!

2025年7月9日 星期三

內建AI生成功能的 YouTube 互動式測驗生成器讓教學更生動

 各位老師,大家好!今天想向大家介紹一個我新使用gemini開發的——「YouTube 互動式測驗生成器」。它可以幫助我們輕鬆將 YouTube 影片轉化為引人入勝的互動式測驗,讓學生的學習過程更加生動有趣且高效。

這款軟體能做什麼?

「YouTube 互動式測驗生成器」的核心功能,是將您指定的 YouTube 影片內容,結合其字幕,透過 AI(支援 Google Gemini 或 Ollama 模型,建議以gemini為主,Ollama需要使用較大的語言模型才可正常輸出)自動生成多選題。您只需提供影片連結和字幕文本,系統就能迅速產出題目,並大略標註問題出現的影片時間點(老師需手動設定較詳細的時間點),甚至提供詳細的答案解析。

除了 AI 自動生成外,這款工具也提供了極高的彈性:

  • 手動新增與編輯題目:您可以根據教學需求,自行撰寫或修改每一道題目、選項、正確答案和解析,並設定題目在影片中出現的精確時間點。
  • 批次匯入題目:如果您已有準備好的題庫,可以將題目以純文字格式(題目,答案,選項A,選項B,選項C,選項D)輸入,透過批次匯入功能快速加入,省去逐一輸入的麻煩。
  • 互動式測驗模式:在實際播放影片時,系統會依設定的時間點自動暫停,顯示問題。學生作答後,立即獲得回饋並查看答案解析,隨後影片會繼續播放,完美融入教學流程。
  • 獨立 HTML 檔案匯出:最棒的是,完成的互動式測驗可以匯出為一個獨立的 HTML 檔案。

教學上如何應用?

這款工具在教學上的應用潛力無限:

  • 課前預習與導學:在學生觀看指定教學影片之前,您可以先製作一份互動測驗。透過測驗,引導學生帶著問題去觀看影片,提升預習效果和學習目標的明確性。
  • 課中即時檢測:在課堂上播放教學影片時,利用測驗在關鍵知識點處暫停,即時檢測學生的理解程度。根據學生的作答情況,您可以立即調整教學策略,進行重點講解或答疑。
  • 課後複習與鞏固:將互動測驗作為課後作業,讓學生反覆練習。每次練習都能即時看到答案解析,有助於學生自我訂正,加深對知識的理解和記憶。
  • 自主學習工具:鼓勵學生利用這款工具進行自主學習。他們可以選擇感興趣的 YouTube 知識型影片,自己生成測驗來檢視學習成果,培養獨立學習的能力。
  • 翻轉學習的最佳拍檔:在翻轉課堂模式中,這款工具可以作為學生在家預習的有效輔助。學生透過互動測驗確認對影片內容的掌握度,教師則能將課堂時間更多用於討論和深度學習。

如何讓學生連線練習?

這款工具生成並下載的 HTML 檔案是一個完全獨立的網頁檔案,這意味著它極具靈活性,方便您分享給學生進行練習:

Google 協作平台 (Google Sites):您可以將生成的 HTML 檔案上傳到 Google 協作平台。在協作平台中嵌入或連結該 HTML 頁面,學生即可透過瀏覽器直接連線訪問並進行互動測驗。

yay.boo 網站:類似地,您也可以將 HTML 檔案上傳至 yay.boo 等提供靜態網頁託管服務的網站。學生同樣只需點擊連結,就能開始測驗。

如何紀錄學習內容與檢核學習成果?

雖然下載的 HTML 檔案是獨立運行的,預設不會將學生作答數據回傳到後端資料庫,但我們可以透過一些簡單的引導和設計,有效紀錄學生的學習過程並檢核成果:

內建作答紀錄顯示:下載的 HTML 測驗頁面在測驗結束時,會自動顯示一份「本次作答紀錄」。這份紀錄包含了:問題編號、問題、學生的答案、正確答案、作答結果(答對/答錯/未作答)、以及答案解析。頁面也會顯示「本次播放總時間」,讓學生了解他們在影片和測驗上花費的總時長。

要求學生截圖回報機制:您可以要求學生在完成測驗後,將最終的「作答紀錄」頁面截圖。這份截圖包含了他們的作答詳情,可以清晰顯示每一題的對錯狀況和所選答案。學生可以將這份截圖上傳至您指定的學習平台(如 Google Classroom、Moodle 或其他作業繳交系統)作為學習成果的證明。

設計引導式學習單:您可以設計一份學習單,引導學生參考測驗結果截圖,填寫總分、錯題題號、錯誤原因分析,以及從解析中學到的知識點。這不僅能幫助學生反思,也方便老師收集學生的學習數據。在學習單中加入開放性問題,例如「你對影片中的哪個概念印象最深刻?為什麼?」、「影片中哪個部分讓你感到困惑,希望老師進一步說明?」等,鼓勵學生進行更深層次的思考。

小組討論與分享:將學生分組,讓他們互相分享測驗結果,討論錯題,並解釋各自的理解。老師可以在組間巡視,了解學生學習狀況。鼓勵各組選出代表,向全班分享他們在測驗中學到的關鍵概念或遇到的共同難點。

課堂回饋與再教學:根據學生截圖回報的結果、學習單的內容,以及課堂討論的回饋,老師可以清晰掌握學生的學習盲點和普遍性錯誤。在隨後的課堂時間,針對學生普遍表現不佳的題目或概念進行再次講解和強化,確保所有學生都能掌握學習目標。

透過以上方法,即使是獨立運行的 HTML 測驗檔案,我們也能有效收集學生的學習軌跡和成果,並將其作為評估學生學習進度和調整教學策略的重要依據。

總而言之,「YouTube 互動式測驗生成器」不僅能幫助我們省下大量的出題時間,更能透過其互動性,有效提升學生的學習興趣和成效。我非常推薦各位老師親自嘗試,相信它會成為您數位教學中不可或缺的好幫手!

操作示範說明

希望這篇文章能幫助各位老師了解這款工具的價值。親自試用看看,發掘它在您的教學現場如何發揮最大效益吧!

2025年7月6日 星期日

Google 測驗表單生成工具:您的智慧出題助手

您是否曾花費大量時間手動製作 Google 表單測驗?現在,有了這款由 Gemini 驅動的「Google 測驗表單生成工具」,這一切都將徹底改變!這款強大的工具能讓您輕鬆利用 AI 自動生成多種題型的 Google 表單測驗,大幅提升您的工作效率,讓出題過程變得前所未有的簡單。

核心功能一覽

本工具提供多樣化的 AI 模型支援與彈性的內容輸入方式,滿足不同使用者的需求:

  • 多樣化的 AI 模型支援
    • 目前帳號 Gemini (推薦):直接使用您當前登入的 Google 帳號的 Gemini 服務,無需額外設定。
    • Gemini API Key:若您偏好使用自己的 API 金鑰,可貼上您的 Gemini API Key 進行連線,提供更大的靈活性。
    • 本地 Ollama 服務:對於重視資料隱私或希望在本地運行 AI 模型的使用者,本工具也支援連接本地的 Ollama 服務,讓您可以選擇已載入的語言模型。
  • 彈性的內容輸入方式
    • 文件上傳:您可以直接上傳 TXT 或 PDF 格式的文件。工具會自動將 PDF 內容轉換為純文字,方便 AI 進行分析與出題。
    • 手動貼上文字:如果您的內容是零散的文字片段,也可以直接貼到文字輸入框中,AI 會根據您提供的內容生成題目。
  • 兩種測驗題型生成
    • 閱讀理解測驗:可根據「表面理解」、「推論判斷」、「整合應用」及「批判評估」等多個閱讀理解層次,設定不同數量的題目。您可以選擇是否將原始文本內容呈現在 Google 表單的說明欄位中。
    • 一般知識熟悉測驗:根據您提供的內容,生成特定數量的選擇題,用於評估學生對基礎知識的掌握程度。
  • 測驗設定個人化:每道題目的分數可以自由設定,方便您根據測驗需求進行調整。

如何操作?簡單三步驟!

使用「Google 測驗表單生成工具」非常簡單,只需輕鬆三步驟:

  1. 選擇 AI 模型與輸入內容:根據您的需求選擇使用 Gemini 或 Ollama,並上傳文件或貼上文字。
  2. 設定測驗類型與數量:選擇您想要的測驗類型(閱讀理解或一般知識),並設定各類題目的數量與每題分數。
  3. 生成並使用 GAS 程式碼:點擊生成按鈕後,工具會自動產生 Google Apps Script (GAS) 程式碼。您只需將這些程式碼複製,並貼到您的 Google 表單的指令碼編輯器中執行,即可自動生成測驗題目。

程式碼使用說明

  1. 開啟 Google 表單:您可以建立一個新的空白表單。
  2. 進入指令碼編輯器:點擊表單右上角的「更多」圖示 (三個點),選擇「指令碼編輯器」。
  3. 貼上並儲存程式碼:刪除編輯器中所有預設程式碼,貼上本工具生成的 GAS 程式碼,然後點擊儲存圖示。
  4. 執行程式碼:點擊執行圖示 (播放三角形)。首次執行時,Google 會要求您授權,請依照指示完成。
  5. 完成!:程式執行完畢後,您的 Google 表單將自動新增所有生成的選擇題,並設定好答案與分數。

操作示範影片指南

這是一個相關的 YouTube 影片嵌入,展示了工具的操作流程:

「Google 測驗表單生成工具」是一個功能強大且操作簡便的應用程式,無論您是教師、培訓師還是需要快速製作測驗的人,都能從中受益。立即體驗,讓 AI 成為您的專屬出題助手吧!如果您有任何使用心得或疑問,歡迎在下方留言分享。

2025年7月5日 星期六

課堂即時互動系統:給夥伴的完整教學手冊 (含部署)

親愛的老師們,您好!

今天,我將向大家介紹一套我仿照十幾年前很熱門的平板課堂互動工具「pingpong」所設計的「課堂即時互動系統」。這套系統是我透過 Gemini 輔助開發的,希望能讓您在課堂上輕鬆與學生進行問答、收集即時回饋,甚至進行繪圖互動和錄音作答,大大提升課堂的參與度和趣味性!

這套系統是基於 Google 的 Firebase 平台開發的,它提供了穩定的後端服務,讓我們的互動資料能夠即時傳輸與儲存。聽起來有點複雜嗎?別擔心,我會一步步帶您完成設定,並教您如何在課堂上實際運用,同時也會說明在使用免費服務時需要注意的事項。



第一部分:系統設定與準備 (Firebase 帳號與專案設定)

本教學將引導您如何在 Firebase 中建立專案、設定正確的資料庫規則和驗證方式,以確保系統順利運行。

步驟 1:建立新的 Firebase 專案

  1. 前往 Firebase 控制台:打開瀏覽器,前往 Firebase 控制台 並使用您的 Google 帳戶登入。

  2. 新增專案:點擊控制台首頁的「新增專案」。

  3. 專案名稱:輸入一個容易識別的名稱,例如:「我的課堂互動工具」,然後點擊「繼續」。

  4. Google Analytics:您可以選擇停用 Google Analytics 以簡化設定流程,然後點擊「建立專案」。

  5. 等待專案建立完成後,點擊「繼續」進入專案主控台。

步驟 2:設定驗證與資料庫

專案建立後,我們需要啟用匿名登入功能和設定資料庫。

  1. 啟用匿名驗證

    • 在左側導航欄中,點擊「建構」 > 「Authentication」。

    • 點擊「開始使用」。

    • 在「登入方法」(Sign-in method) 分頁中,找到「匿名」(Anonymous),點擊它。

    • 啟用開關,然後點擊「儲存」。這一步是必要的,它允許使用者在不需註冊帳號的情況下使用系統。

  2. 建立 Firestore Database

    • 在左側導航欄中,點擊「建構」 > 「Firestore Database」。

    • 點擊「建立資料庫」。

    • 安全性規則模式:請選擇「以測試模式開始」,然後點擊「下一步」。

    • 選擇資料庫位置:選擇一個離您地理位置較近的伺服器,例如 asia-east1 (台灣),然後點擊「啟用」。

  3. 修改 Firestore 安全性規則 (非常重要!)

    • 資料庫建立後,在 Firestore Database 頁面,點擊上方的「規則」(Rules) 分頁。

    • 將編輯器中的所有內容,替換為以下規則:

      rules_version = '2';
      service cloud.firestore {
        match /databases/{database}/documents {
          match /{document=**} {
            allow read, write: if request.auth != null;
          }
        }
      }
      
    • 這條規則的意思是「允許任何已登入的使用者(包含我們剛才啟用的匿名登入)對資料庫進行讀寫」。

    • 修改完成後,點擊「發佈」(Publish) 來儲存您的新規則。

步驟 3:取得您的 Firebase 設定資訊

最後,我們需要取得連接到這個專案的金鑰。

  1. 在左側導航欄上方,點擊您的「專案總覽」旁邊的齒輪圖示,選擇「專案設定」。

  2. 在「一般」分頁下方,捲動到「您的應用程式」區塊。

  3. 點擊「Web」圖示 ( </> ) 來新增一個網頁應用程式。

  4. 註冊應用程式

    • 應用程式暱稱:輸入一個名稱,例如「課堂互動工具」。

    • 不要勾選「同時設定 Firebase Hosting」。

    • 點擊「註冊應用程式」。

  5. 複製設定物件:註冊後,系統會顯示一個 firebaseConfig 物件。請完整複製這個物件的所有內容,我們下一步會用到它。

    const firebaseConfig = {
      apiKey: "AIzaS...",
      authDomain: "your-project-id.firebaseapp.com",
      // ... 其他設定
    };
    

第二部分:將 Firebase 設定資訊整合到 HTML 檔案

現在,您已經取得了 Firebase 的設定資訊。下一步就是將這些資訊「寫入」到您下載的互動系統 HTML 檔案中,這樣程式才能正確連接到您的 Firebase 專案。

步驟 1:下載原始 HTML 檔案

請先將原始的 HTML 檔案下載到您的電腦中:

步驟 2:用文字編輯器開啟 HTML 檔案

  1. 找到您剛才下載的 課堂互動工具-教室代碼版v2_firebaseX.html 檔案。

  2. 右鍵點擊該檔案,選擇「開啟檔案」或「開啟方式」。

  3. 從列表中選擇一個文字編輯器程式來開啟它,例如:

    • Windows: 記事本 (Notepad)、Notepad++、VS Code

    • macOS: 文字編輯 (TextEdit)、VS Code

步驟 3:尋找並修改 firebaseConfig 區塊

  1. 檔案開啟後,您會看到滿滿的程式碼。請不要緊張!

  2. 使用編輯器的搜尋功能 (通常是 Ctrl+FCommand+F) 搜尋關鍵字:firebaseConfig

  3. 您應該會找到一個類似這樣的 JavaScript 程式碼區塊:

    const firebaseConfig = {
      apiKey: "YOUR_API_KEY",
      authDomain: "YOUR_AUTH_DOMAIN",
      projectId: "YOUR_PROJECT_ID",
      storageBucket: "YOUR_STORAGE_BUCKET",
      messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
      appId: "YOUR_APP_ID"
    };
    
  4. 將這整個 firebaseConfig 物件的內容,替換成您在上一部分「步驟 3」中從 Firebase 複製下來的完整 firebaseConfig 內容。

    • 範例替換後 (請用您自己的實際值替換):

      const firebaseConfig = {
        apiKey: "AIzaSyB********************", // <-- 這會是您從 Firebase 複製的實際值
        authDomain: "your-project-id.firebaseapp.com", // <-- 這会是您從 Firebase 複製的實際值
        projectId: "your-project-id", // <-- 這会是您從 Firebase 複製的實際值
        storageBucket: "your-project-id.appspot.com", // <-- 這会是您從 Firebase 複製的實際值
        messagingSenderId: "123456789012", // <-- 這会是您從 Firebase 複製的實際值
        appId: "1:123456789012:web:abcdef1234567890abcdef" // <-- 這会是您從 Firebase 複製的實際值
      };
      
  5. 儲存檔案:在編輯器中,點擊「檔案 (File)」->「儲存 (Save)」來保存您的修改。

第三部分:將修改後的 HTML 檔案上傳到免費空間 (以 yay.boo 為例)

現在您的 HTML 檔案已經包含了正確的 Firebase 設定,您可以將它上傳到一個網頁空間,讓學生可以透過網路瀏覽器存取。這裡我們以 yay.boo 這個簡單的免費空間為例。

步驟 1:前往 yay.boo 網站

  1. 打開您的網頁瀏覽器,輸入網址:https://yay.boo/

步驟 2:上傳您的 HTML 檔案

  1. 重要:將檔案重新命名! 在上傳之前,請將您修改好的 課堂互動工具-教室代碼版v2_firebaseX.html 檔案名稱,改為 index.html。這是因為 yay.boo 會將 index.html 作為預設的首頁檔案。

  2. yay.boo 網站首頁,您會看到一個簡單的檔案上傳區塊。

  3. 點擊「Choose File」或類似的按鈕,然後選擇您剛才重新命名的 index.html 檔案。

  4. 檔案選取後,在下方的輸入框中手動輸入您想要的網址名稱 (例如 my-class)。

  5. 點擊上傳按鈕。yay.boo 會為您生成一個公開的網址。

步驟 3:分享網址給學生

  1. 複製 yay.boo 生成的網址 (例如:https://my-class.yay.boo)。

  2. 將這個網址分享給您的學生,他們就可以透過這個網址在任何裝置上存取您的課堂即時互動系統了!

  3. 請注意yay.boo 是一個簡單的免費檔案分享服務,它不提供複雜的管理功能,檔案可能會有一定的時效性或被清除。

第四部分:Firebase 免費方案使用限制說明

這套「課堂即時互動系統」是基於 Google Firebase 的免費方案 (Spark Plan) 運行。Firebase 提供了一個非常慷慨的免費額度,對於一般的課堂互動使用來說,通常是足夠的。然而,了解這些限制對於規劃您的教學活動非常重要,特別是當您会頻繁使用「繪圖題」或「錄音題」時。

以下是針對 30 位學生的班級,在免費方案下的主要使用限制與估算:

Firebase Firestore 免費方案主要限制 (每日額度)

  • 文件讀取 (Document Reads):50,000 次/天

  • 文件寫入 (Document Writes):20,000 次/天

  • 文件刪除 (Document Deletes):20,000 次/天

  • 儲存空間 (Stored Data):1 GB (總儲存量,非每日額度)

課堂互動功能對 Firebase 資源的消耗估算 (以 30 位學生為例)

我們來估算一堂課中,使用不同互動功能可能產生的資源消耗。

1. 文件讀取 (Reads)

  • 老師監看作答:當老師在監看畫面時,系統會持續讀取學生的作答和在線狀態。每次有學生作答或加入/離開,都會觸發讀取。

  • 學生端:學生進入教室後,會讀取老師設定的互動模式。

結論50,000 次/天的讀取額度非常充足,您每天可以進行數十堂課的互動,甚至更多,讀取次數都不太可能達到上限。

2. 文件寫入 (Writes)

  • 老師開始/結束互動模式:每次老師點擊「是非題」、「繪圖題」等按鈕,會產生 1 次寫入。

  • 學生加入教室:每位學生加入教室會產生 1 次寫入 (記錄其在線狀態)。

  • 學生提交答案:每位學生提交一次答案,會產生 1 次寫入。

結論20,000 次/天的寫入額度也相當充足。您每天可以進行約 100 堂課的互動,寫入次數通常不會是問題。

3. 文件刪除 (Deletes)

  • 老師點擊「下課」:這是產生大量刪除操作的主要時機。系統會刪除該教室的所有學生作答記錄和在線狀態記錄。

結論20,000 次/天的刪除額度也非常充足。您每天可以進行約 100 多堂課的互動,刪除次數通常不會是問題。

4. 儲存空間 (Stored Data) - 最需要注意的限制!

這是免費方案中最容易達到上限的項目。Firebase 免費方案提供 1 GB 的總儲存空間

  • 是非題、選擇題、文字題:這些模式的答案通常是文字,佔用的儲存空間非常小,幾乎可以忽略不計。

  • 繪圖題:學生繪圖後會將圖片轉換為 Data URL 儲存。一張圖片大約會佔用 50 KB 到 300 KB 不等。

  • 錄音題:學生錄音後會將音訊轉換為 Data URL 儲存。即使是幾秒鐘的錄音,也可能佔用 數百 KB 到數 MB

關鍵點

  • 「下課」功能的重要性:這套系統的「下課」功能會清除該教室的所有學生作答和在線資料。因此,只要您在每堂課結束後,確實點擊「下課」按鈕,儲存空間就會被釋放,這樣就不會累積資料而超出 1 GB 的限制。

  • 單次課堂的極限:如果一堂課中,30 位學生提交了非常多張高複雜度的繪圖,或非常多段長時間的錄音,單次課堂的資料量就有可能接近甚至超過 1 GB。

結論

  • 如果您主要使用文字、是非、選擇題,1 GB 儲存空間幾乎不會是問題。

  • 如果您會使用「繪圖題」或「錄音題」,務必在每堂課結束後點擊「下課」按鈕,以清空資料並釋放儲存空間。

5. AI 文字分析 (Gemini API)

  • AI 文字分析功能是透過 Google 的 Gemini API 實現的,它有獨立的免費額度。每次老師點擊「AI 文字分析」按鈕,只會產生 1 次 API 請求。

結論AI 文字分析的免費額度非常充足,您幾乎不可能在正常教學情境下達到其限制。

總結與建議 (Firebase 免費方案)

  • 讀取、寫入、刪除操作的每日額度都非常充裕

  • 儲存空間 (1 GB) 是最需要注意的限制

  • 最重要的習慣:每堂課結束後務必點擊「下課」按鈕!



第五部分:程式功能與課堂應用教學

現在,您已經完成了所有設定並將系統上傳到網路。接下來,我們將深入了解系統的功能與操作。

系統主要功能概覽

  1. 是非題 (True/False)

  2. 選擇題 (Multiple Choice)

  3. 文字題 (Text Input)

  4. 繪圖題 (Drawing)

  5. 派送網址 (URL Dispatch)

  6. 錄音題 (Recording)

教師端操作教學

1. 進入系統與教師登入

  • 打開您從 yay.boo 取得的網址。

  • 點擊「我是教師」按鈕。

  • 輸入教室代碼:為這堂課自訂一個代碼,例如「五年甲班」,並告訴學生。

  • 點擊「進入教師面板」。

2. 教師面板總覽

  • 下課按鈕:左上角,結束課程並清空所有資料。

  • 學生在線狀態:右上角,顯示在線與作答人數。

  • 互動模式選擇區:中間的六個核心功能按鈕。

  • 繪圖背景上傳:下方區域,可為繪圖題設定背景。

  • AI 與網址設定:左下與右下角,用於設定進階功能。

3. 操作流程

  1. (可選) 設定派送網址或繪圖背景:在開始互動前,可點擊右下角 (<i class="fas fa-link"></i>) 或下方的按鈕預先設定。

  2. 選擇互動模式:點擊任一互動模式按鈕,系統會自動切換到「監看學生作答」畫面,並將該模式推送到所有學生端。

  3. 監看與互動:在監看畫面,您可以看到學生的即時作答。您可以使用「抽籤」、「AI 文字分析」、「下載所有媒體」或「顯示統計」等功能。

  4. 結束互動:點擊「結束互動」按鈕會讓學生回到等待畫面,您可以開始下一輪互動。

  5. 結束課程:點擊「下課」按鈕會徹底清空本次課程的所有資料。

學生端操作教學

1. 進入系統與學生登入

  • 學生打開您提供的網址。

  • 點擊「我是學生」按鈕。

  • 輸入教室代碼與姓名

  • 點擊「進入教室」。

2. 等待與作答

  • 成功進入後,學生會看到等待畫面。

  • 當老師開始互動時,學生的畫面會自動切換到對應的作答介面。

  • 每種互動模式,學生在送出答案後,該次互動的按鈕會變灰或禁用,無法重複提交。

第六部分:常見問題與疑難排解

  • Q1: 為什麼學生無法進入教室?

    • 請檢查「教室代碼」是否與老師設定的完全一致。

    • 確認老師已經進入教師面板,並保持在線。

    • 檢查網路連線是否正常。

  • Q2: 錄音功能無法使用?

    • 首次使用時,瀏覽器會詢問麥克風權限,請務必點擊「允許」。

    • 檢查您的裝置是否有麥克風並運作正常。

  • Q3: 資料會被儲存在哪裡?安全嗎?

    • 所有資料都儲存在您自己的 Firebase 專案中。

    • 我們設定的規則 (if request.auth != null;) 提供了基礎的安全性,只有透過您的應用程式登入的使用者才能存取資料。

    • 每次「下課」都會清空該教室的所有資料,這是保護隱私和節省空間的最佳實踐。

希望這份教學手冊能幫助您輕鬆上手「課堂即時互動系統」!如果您在使用過程中遇到任何問題,歡迎隨時向我提問。

祝您教學愉快!