2025年3月31日 星期一

Vibe Coding: 當程式小白遇見AI的教學創新之旅

 近期,"vibe coding"這個概念在科技和教育圈掀起了一陣熱潮。我是一位完全不懂程式的國小老師,卻在半年多前開始了一段與AI共同創造教學工具的奇妙旅程,這正是所謂的vibe coding實踐。

什麼是Vibe Coding?

Vibe Coding是一種新興的程式開發方式,它讓不具備傳統程式設計知識的人也能夠透過與AI助手的自然對話來創建實用程式。這種方法不需要理解複雜的程式語法或邏輯,而是依靠清晰表達你的需求和想法,讓AI協助將這些想法轉化為可運行的程式碼。使用者只需描述他們希望程式實現的功能和使用場景,AI便能提供相應的程式解決方案。這種方式特別適合教師、藝術家等非技術專業人士,讓他們能夠跨越技術障礙,實現創意理念,並為各自領域帶來數位創新。

我的Vibe Coding教學之旅

身為一個完全看不懂程式碼的國小老師,AI的出現對我來說簡直是打開了新世界的大門。半年多前,我開始嘗試透過與AI對話的方式,設計出適合教室使用的各種教學工具。

這個過程中,我發現即使不理解程式的運作原理,只要能清楚表達我的教學需求和想像中的工具功能,AI就能幫我實現。從簡單的互動練習到複雜的學習評量系統,這些過去看似遙不可及的數位工具,現在都成為了我教學的得力助手。

如果你也是一位想要嘗試vibe coding的教育工作者,歡迎參考我的線上分享影片,一起探索不懂程式碼也能打造教室好用工具的可能性!

結語

AI時代的到來,為教育領域帶來了前所未有的機會。透過vibe coding,每位教師都能成為教學工具的創造者,打造專屬於自己教室的數位資源。期待有更多教育工作者能加入這場創新的浪潮,一起為學生創造更豐富多元的學習體驗。



如何聊出程式的重點整理:


建議步驟:
先想清楚要做什麼:在開始之前,務必先確定你想要開發的程式是什麼。這就像我當初想做一個老師上課可以抽籤的網頁一樣
鉅細靡遺地描述需求盡可能詳細地告訴AI你的程式需要具備的所有功能。例如,不只是說要抽籤,還要說明要抽出學生姓名、記錄結果,甚至對介面有什麼期望都要說清楚。描述得越清楚,AI越能理解你的想法
化繁為簡,逐步溝通 (若程式複雜):如果你的程式功能比較多,可以把它拆解成幾個小的、可以逐步完成的部分,然後一個一個跟AI溝通。我做抽籤程式也是這樣,先有基本功能,再慢慢加指定學生、避免重複的功能
用「聊天」的方式與AI互動就像跟朋友聊天一樣,用文字自然地表達你的需求和想法。我不會寫程式,但這樣跟AI「聊」,它就能幫我產生程式碼
不斷測試並提供明確的修改意見:AI給了程式碼後,一定要仔細測試,看看是不是符合你的要求。發現任何問題或不滿意的地方,都要清楚地告訴AI,並說明你希望怎麼修改。寫程式就是不斷修改
明確告知程式類型清楚地告訴AI你想要什麼類型的程式。例如,想要網頁上用的簡單工具就說要HTML程式
提出介面美觀的要求:如果你希望程式介面漂亮,在描述需求時就要明確提出。或者可以先完成功能再美化,但我建議可以先美化再做功能,避免重複修改
學習儲存和使用程式碼了解如何複製AI產生的程式碼,並按照指示儲存為正確的檔案類型,例如HTML存成.html。我也開發了一個小工具方便下載HTML程式碼
善用進階技巧 (可選)
嘗試不同AI模型:付費版AI可以試用不同模型 (如O3, O3Mini High) 應對不同複雜度的需求。Cloud AI可能在美化介面方面更強
回到先前版本重新生成:遇到難以修正的Bug,可以回到Bug出現前的版本,請AI重新產生程式碼
先請AI描述現有程式碼:如果不知道怎麼清楚描述修改需求,可以先請AI說明目前程式的功能和畫面,再針對其描述提出修改意見
總之,跟AI「聊」出程式是一個需要耐心清晰溝通、以及不斷測試與修改的過程。即使沒有程式基礎,也能透過這樣的方式做出有用的工具.

2025年3月29日 星期六

秘技大公開!用ChatGPT製作個人專屬LINE貼圖,零美術技巧也能創作出超Q貼圖!

 我把我自己用chatgpt(要付費)生圖及製作line貼圖的步驟整理在下面,完全不用會美編,人人都可以做自己的專屬line貼圖。

我用ChatGPT製作那貼圖的流程
1.上傳個人照
2.用這個圖片的角色設計一個3D人偶,要全身的頭大身體小
3. 我打算使用這一個3D人偶來設計各種種不同動作的line貼圖, 要搭配各種不同的常見文字,請你引導我製作
4.依它引導回答自己的需求,再參考使用以下指令範例:角色要活潑,搞笑一點,動作誇張,語氣用台灣在地化一點,先給我16個文字跟搭配的動作的說明
5.沒問題的話:先給我第1組前四張,1-4合併成1張正方形圖片,等分成4格,1-4分別填入一格中
6.依序請chatgpt給第2到第4組的圖
7.如果文字有問題,就把圖片丟到Canva去處理。
8.使用iPad的截圖,每一張圖截圖4次,調整截圖區塊,把四格分別存成四張圖,都完成後就傳到LINE拍貼處理準備上架。


我上架成功的Line貼圖: 小鬍子-阿剛老師
                                              Teacher-阿剛老師

2025年3月26日 星期三

Google地圖里程計算交通費小工具分享

在教育工作者的日常行政工作中,申請交通費報銷往往是個繁瑣但必要的任務。今年起,雲林地區的學校已經更新了申請流程,要求教職員在申請交通費時必須附上Google地圖的里程截圖作為佐證資料。為了簡化這個過程,我開發了一個便捷的小工具,讓使用者能夠快速計算交通費並產生所需的佐證文件。

背景與需求

雲林地區學校的交通費計算標準如下:

  • 汽車:每公里3元
  • 機車:每公里2元

傳統的申請流程需要我們手動查詢Google地圖路線,截圖保存,然後再自行計算費用。這不僅耗時,還容易出錯。因此,我利用ChatGPT協助開發了這個自動化工具,簡化整個流程。

小工具功能介紹

這個小工具提供以下功能:

  1. 簡易路線查詢:只需輸入起點和終點地址
  2. 自動計算費用:根據選擇的交通工具(汽車或機車)自動計算費用
  3. 生成佐證資料:整合Google地圖顯示的路線和計算出的費用
  4. 一鍵列印功能:方便使用者列印佐證資料用於報銷申請

使用須知

該工具需要使用Google Maps API才能正常運作,因此使用者需要:

  1. 自行申請Google Maps API金鑰
  2. 將API金鑰填入工具的指定位置(只有第一次使用要輸入API key)

這需要一定的基礎資訊能力,但一旦設置完成,就能長期使用,為日常工作帶來極大便利。

使用效益

使用這個小工具有諸多好處:

  • 節省時間:免去手動查詢、截圖、計算的繁瑣步驟
  • 提高精確度:避免人工計算可能產生的錯誤
  • 標準化輸出:生成的佐證資料格式統一,方便審核人員查看
  • 環保無紙化:可以選擇保存為PDF而非列印紙本

工具連結

如果您也需要這樣的便利工具,可以通過以下連結訪問:
交通費計算小工具

未來展望

這只是教育工作數位化的一小步。通過技術手段簡化行政工作,我們可以將更多寶貴的時間投入到教學本身。未來,我計劃開發更多類似的小工具,進一步提升工作效率。

希望這個小工具能為各位教育工作者帶來便利。如果有任何使用問題或改進建議,歡迎隨時反饋!

小提示

對於不熟悉如何申請Google Maps API的使用者,建議可以搜索「Google Cloud Platform 申請API金鑰」相關教學,或者尋求校內資訊組的協助。一旦設置完成,這個小工具將為您節省大量寶貴的時間。


2025年3月24日 星期一

英語發音挑戰-Google試算表的GAS程式分享

🌟 意外的創新之旅

有時候,最棒的創作往往源於意外!👀 最初,我只是想開發一個簡單的語音比對文字功能,但不小心把它寫成了一個英語發音練習遊戲了?不僅如此,它還具備了成績排名功能!🏆

💻 技術背後的故事

這個「英語發音挑戰」遊戲背後的技術架構其實相當巧妙:

  • 🗄️ 使用 Google 試算表作為資料庫
  • ⏱️ 在工作表中可設定遊戲時間
  • 🔐 新增題庫時需要輸入密碼(教師專用功能)
  • 📊 學生的練習結果全部記錄在工作表中
  • 👨‍🏫 教師可以隨時查看學生的練習情況和進度

👩‍🎓 教育意義

作為教師,我們總是在尋找能夠提高學生學習興趣的方法。這個「英語發音挑戰」遊戲將學習變成了一種競賽,讓學生在競爭中提高自己的發音能力。通過排名系統,學生可以看到自己與他人的差距,從而激發更強的學習動力!💪

🚀 如何開始使用

想要開始使用這個遊戲嗎?非常簡單!我已經將寫好 GAS(Google Apps Script)程式的 Google 試算表準備好了,你只需點擊以下連結下載並佈署:

👉 英語發音挑戰 - 點擊下載

下載後,按照提示完成佈署,你的學生就可以開始挑戰了!

💭 結語

有時候,最好的創新來自於無心插柳。這個「英語發音挑戰」遊戲提醒我們,教育科技的發展往往在嘗試與意外中前進。希望這個小小的工具能為你的教學帶來一些驚喜和幫助!🌟


#教育科技 #英語學習 #GoogleApps #發音練習 #教學工具


2025年3月20日 星期四

簡易線上錄音機-可直傳老師雲端硬碟版

📱 學生直錄即傳,老師輕鬆收集!✨

嗨大家好!🤩 今天要分享一個超實用的教學小工具,是我在空堂時間靈機一動開發出來的線上錄音機!這可不是普通的錄音工具哦~它能讓你的學生直接上傳錄音到你的雲端硬碟!是不是超酷的呢?👏

🌟 為什麼要做這個工具?

最初我只是做了一個簡單的線上錄音機,讓學生可以直接在iPad上開啟網頁錄音。但後來發現了一個小問題:😅

🔹 學生要先下載錄音檔 🔹 再學習如何上傳 🔹 步驟太繁瑣啦!

於是我靈光一閃 💡 — 何不把它改成Google Apps Script網頁程式呢?這樣學生就可以錄完音後直接上傳到老師的雲端硬碟,完全不需要額外登入Google帳號!超級便利!🎉

✨ 這個工具有什麼特別之處?

🔸 老師可以在Google試算表中設定接收學生檔案的資料夾 🔸 學生不需要登入任何帳號就能上傳 🔸 完美支援iPad和其他裝置 🔸 簡單易用,學生一看就懂!

📝 如何開始使用?

超級簡單!只需要:

  1. 點擊這個連結下載「線上錄音機」Google試算表副本:https://docs.google.com/spreadsheets/d/1dWCntfcDbOctgH4dL7ouJVdtHF7oIZUd6LDdjOmls_U/copy
  2. 將它佈署成網頁應用程式
  3. 然後就可以開始使用啦!🚀

想了解更詳細的操作方式,請觀看操作說明影片喔!👀

🙌 教學現場的福音

有了這個工具,再也不用為了收集學生的錄音檔而頭痛了!省去了一堆下載、上傳的繁瑣步驟,學生錄完音,按下上傳,檔案就直接進入你的雲端硬碟啦!✨

快來試試看這個超好用的工具吧!記得分享給你的教師朋友們!💯

#教育科技 #教學工具 #GoogleAppsScript #線上錄音 #教師資源 #科技教學 #教育創新 🎓

2025年3月18日 星期二

YouTube互動問答工具-GAS版:邊看影片邊檢核學習

 

工具簡介

很高興向大家介紹我最新改版的YouTube互動問答工具!這次我將先前分享的HTML版本升級為Google Apps Script (GAS)版本,並對使用者介面進行了全面優化。

這個工具的核心功能是讓老師能夠預先針對不同youtube影片在不同時間點建立題目,學生則可以選擇老師已上傳的YouTube影片進行觀看,同時完成相關的互動式問答。這種方式不僅能增加學習的趣味性,還能有效檢核學習成果,確保學生真正理解了影片內容。

功能特色

  • 整合YouTube影片與互動問答
  • 教師可自定義題庫
  • 學生可選擇不同影片進行學習
  • 即時回饋學習效果
  • 使用Google Apps Script實現,便於部署與管理

跨平台使用提示

在測試過程中,我發現在iPad上使用時有一些平台特定的問題需要注意。如果您使用Safari瀏覽器,可能會遇到影片無法播放的情況。這是由於Safari的某些使用限制導致的。

解決方案

  • 在iPad上建議使用Chrome或Edge瀏覽器開啟
  • 個人推薦使用Microsoft Edge瀏覽器,因為它內建QR Code掃描功能,使用者可以直接掃描QR碼開啟網頁程式,非常方便

如何獲取與部署

為了方便大家快速上手,我準備了詳細的使用說明影片,請直接參考影片中的步驟進行下載和部署。

主要程式下載網址點擊這裡複製Google Sheets範本

使用場景

這個工具特別適合以下場景:

  1. 教師想要確保學生認真觀看教學影片
  2. 遠距教學需要互動式學習體驗
  3. 翻轉教室模式中的自學環節
  4. 需要對影片學習成果進行評估的情境

結語

透過這個YouTube互動問答工具-GAS版,我希望能為教育工作者提供一個實用且易於使用的學習輔助工具。既能讓學生在YouTube影片中獲取知識,又能通過互動問答鞏固所學內容。

歡迎大家下載試用,如有任何問題或建議,也請隨時反饋!


#教育科技 #YouTube學習 #互動問答 #GoogleAppsScript

2025年3月16日 星期日

生字筆順學習單生成工具:Google試算表資料庫版

我最近對我之前用AI寫的生字筆順學習單生成工具進行了改版。新版本使用Google試算表作為資料庫,大大提升了工具的實用性和靈活性。

最新功能亮點

我花了一些時間整理了康軒、翰林及南一三大出版社的113學年下學期各課生字資料,並將這些資料全部儲存到Google試算表資料庫中。這意味著老師們可以更方便地獲取最新的教材資源。

如何使用

老師們只需按照以下簡單步驟操作:

  1. 前往工具網址:生字筆順學習單生成工具
  2. 選擇您需要的教材版本
  3. 選擇年級和學期
  4. 選擇QRcode學習單使用的筆順網站版本:
    • 雄哥版生字筆順網站
    • 教育部生字筆順網站

完成這些選擇後,工具會自動生成一張包含全學期各課生字QRcode及連結的學習單。您可以直接下載為HTML格式或Word檔案,方便在課堂上使用。

為什麼要改版?

這次改版主要是為了提高工具的可擴展性和易用性,也方便我自己輸入資料。使用Google試算表作為資料庫使得資料更新和維護變得更加簡單,也讓工具能夠支援更多版本的教材。

希望這個工具能為國語教學帶來便利,讓學生更有效率地學習生字筆順!


2025年3月9日 星期日

AI打造的「大屏切切對戰」遊戲V2-Google GAS版 🎮🚀

 在之前的部落格文章(https://kentxchang.blogspot.com/2025/03/ai.html)中,我分享了一款有趣的「大屏切切對戰」遊戲。今天,我將這個遊戲升級為Google Apps Script (GAS)版本,最大的特點是可以利用Google試算表來靈活儲存和管理不同的題庫。這意味著使用者可以輕鬆地根據自己的需求,在試算表中添加、修改各種主題的題目,讓遊戲更加多樣化和有趣。🧩🔧

遊戲背景 📚🎲

「大屏切切對戰」原本是一個創意遊戲,現在我們將其升級為更加靈活和易於部署的Google Apps Script版本。最大的亮點在於,使用者可以輕鬆地通過Google試算表來管理和自定義遊戲的題庫。🌈✨

主要特色 🌟

  1. 靈活的題庫管理 📊 再也不需要硬編碼題目了!使用者可以直接在Google試算表中新增、修改或刪除題目,輕鬆客製化遊戲內容。🔀🖊️
  2. 簡單的部署流程 🚀 只需要複製提供的試算表範本,然後將其部署為網頁應用程式,即可立即使用遊戲。🖥️🎯
  3. AI輔助開發 🤖 遊戲的開發過程融入了AI的協助,讓原本複雜的開發流程變得更加簡單高效。💡🔍

如何使用 🛠️

步驟1:複製試算表 📋

點擊試算表副本連結,建立屬於自己的遊戲試算表。🔗📝

步驟2:部署網頁應用程式 🌐

  1. 開啟試算表後,點選「工具」>「指令碼編輯器」
  2. 在指令碼編輯器中,點選「部署」>「新增部署」
  3. 選擇「網頁應用程式」類型
  4. 設定存取權限(建議選擇「所有人」)
  5. 授權並部署 🔐🖱️

步驟3:自訂題庫 🧩

點擊左上方的「新增題庫」,您可以輕鬆地新增、修改題目和遊戲設定(題庫格式跟之前版本相同)。🔧📊

遊戲玩法提醒 🎲

  • 遊戲依舊保持原有的對戰機制,加增加了旋轉答案的功能 ⚔️
  • 題目可以靈活更換,讓遊戲永遠保持新鮮感 🔄
  • 適合用於教育、訓練或單純娛樂 🌈🎓

結語 🌟

這個「大屏切切對戰」遊戲的Google GAS版本,展示了科技的無限可能。它不僅簡化了遊戲的開發和部署過程,還為使用者提供了高度客製化的體驗。🚀✨

歡迎各位嘗試並給予寶貴的意見和建議!讓我們一起探索AI和雲端技術帶來的無限可能。🌈🤖

祝遊戲愉快! 🎮🎉

PS: 本文由AI輔助撰寫,技術與創意的完美結合 💡🔧

2025年3月6日 星期四

不用再找啦!免費的放置html空間在這裡!!!

當AI寫了超棒HTML,但你卻不知道放哪裡...

各位老師們,有沒有這種經驗?

你請ChatGPT幫你做了一個超讚的互動式課程,或是一個可愛的小遊戲網頁給學生玩,結果...你卻不知道該把這些HTML檔案放哪裡!😱

  • 找免費主機?太複雜了!
  • 架設自己的伺服器?我又不是資訊老師!
  • 買網域名稱?這也太貴了吧!
  • 用GitHub Pages?聽起來就頭痛...

別擔心!身為一個經常跟這些煩惱奮戰的老師,阿剛老師用AI為大家打造了一個終極解決方案:HTML雲端空間神奇試算表

神奇試算表是什麼?🧙‍♂️

這是一個看似普通,但其實暗藏玄機的Google試算表。只要複製一份到你的Google雲端硬碟,你就擁有了一個:

  • 完全免費的HTML檔案託管空間
  • 超簡單的檔案管理系統
  • 可愛又實用的檔案瀏覽介面
  • 零程式能力也能使用的網頁伺服器!

而且最棒的是,整個過程完全不需要架設網站、買網域、學程式或其他任何複雜的步驟!

五分鐘上手!🚀

第一步:複製神奇試算表

👉 點擊這裡複製神奇試算表 👈

這會在你的Google雲端硬碟中建立一個屬於你的試算表副本!

第二步:授權並部署

  1. 點擊「擴充功能」→「Apps Script」
  2. 點擊左上方的「部署」→「新增部署」
  3. 在「選取類型」選擇「網頁應用程式」
  4. 在「誰可以存取」選擇「所有人」
  5. 點擊「部署」
  6. 授權所有必要的權限
  7. 複製顯示的「網頁應用程式網址」

恭喜!你已經完成設置了!🎉

第三步:上傳HTML檔案

  1. 找到你剛剛複製的試算表在Google雲端硬碟中的位置
  2. 同一個資料夾中上傳你的HTML檔案(可以是AI生成的互動教學、遊戲等)
  3. 如果想要更有組織,也可以在該資料夾中建立子資料夾,然後將HTML檔案放在子資料夾中

第四步:瀏覽並分享你的網頁

  1. 訪問第二步中取得的「網頁應用程式網址」
  2. 哇!你會看到一個漂亮的檔案瀏覽器,顯示所有你的HTML檔案
  3. 點擊任何檔案即可開啟它
  4. 分享主頁面網址或特定檔案的網址給你的學生們

兩種主題,兩種心情!🎨

神奇試算表有兩種超讚的視覺主題:

  • 兒童風格:色彩繽紛、充滿活力,還有可愛的動畫和紙屑效果,特別適合低年級教學!
  • 未來科技:簡潔、專業的深色主題,高年級或專業課程的完美選擇!

只要點一下主題切換按鈕,整個界面就會華麗變身!學生們一定會被吸引住!

為什麼我要創造這個工具?👨‍🏫

作為一名教師,我深知我們常常面臨的技術障礙。當AI工具開始能產生精彩的HTML教學資源時,我發現許多老師們苦於找不到簡單的方法來部署這些檔案。

我不希望看到這些珍貴的教學資源因為「不知道放哪裡」而被束之高閣。所以我設計了這個解決方案,讓每位老師都能輕鬆擁有自己的網頁空間,不需要任何技術知識!

常見問題 ❓

問:我可以放多少HTML檔案?

答:受限於你的Google雲端硬碟空間,但一般教學用途完全足夠!

問:學生需要Google帳號才能瀏覽嗎?

答:完全不需要!只要有連結,任何人都能瀏覽你分享的HTML檔案。

問:我可以放影片、圖片等其他檔案嗎?

答:這個工具主要設計用於HTML檔案。如果你的HTML中引用了圖片,建議使用網路上的圖片連結。

問:我不懂程式,這個真的適合我嗎?

答:絕對適合!整個設置過程完全不需要程式知識,只要會點擊和複製貼上就可以了!

開始你的HTML教學之旅吧!🚀

教育不應該被技術障礙所限制。有了這個神奇試算表,你可以專注於創造精彩的教學內容,而不是浪費時間在架設網站上。

🌟 立即複製神奇試算表 🌟,馬上上傳你的HTML吧!


這篇文章由「Claude.ai」協助撰寫。如果你喜歡這個工具,請分享給其他老師,讓科技的力量在教育界傳播!


#教育科技 #教師工具 #GoogleApps #教學革新 #AI教學 #雲端教室

2025年3月5日 星期三

AI打造的「大屏切切對戰」遊戲 🦋-可自訂題庫雙人選擇題搶答遊戲

 各位蝶友們好!✨ 學校的紫斑蝶季又要到啦!每年這個時候,我們都需要準備一個有趣的攤位,讓來訪的遊客能夠互動學習紫斑蝶的知識。今年我用AI新開發了一款超好玩的「大屏切切對戰」遊戲,讓我來為大家介紹一下這個小工具吧!

🎮 遊戲設計理念

紫斑蝶季一直是學校的重要活動,而攤位互動是不可或缺的一環。過去我們總是固定出一個學生的攤位,用大屏與遊客互動。今年為了增加更多樂趣,我利用AI技術開發了這款「兩人搶答」的遊戲,讓遊客們可以兩兩對戰,在互動中學習紫斑蝶的相關知識!

點擊下方連結開始遊玩: 紫斑蝶大屏測驗遊戲

📱 操作說明影片

📱 遊戲玩法

遊戲的規則非常簡單:

  • 兩位玩家在大屏幕(或iPad)的兩側進行對戰 ⚔️
  • 螢幕上會出現選擇題,玩家需要快速「切」出正確答案
  • 🏆 先答對5題的一方獲勝!
  • 遊戲有背景音樂和音效,增添遊戲氛圍(可隨時開關)
  • 每次進入遊戲,背景圖片會隨機變換,讓遊戲更有新鮮感

🔄 自訂題庫功能

這款遊戲最棒的是,老師們可以超級方便地自訂題庫!👨‍🏫

  1. 在電腦上開啟遊戲,按下「Ctrl+I」
  2. 就會出現可以貼上題庫的欄位
  3. 直接使用書商的題庫光碟CSV格式選擇題
    • 第一欄:題目
    • 第二欄:正確答案
    • 3-6欄:四個選項
  4. 複製貼上後按「送出題庫」即可使用自訂題目!

💡 小提醒:由於遊戲是先答對5題獲勝,所以建議至少準備9題以上,確保遊戲不會太快結束喔!

💾 下載離線版本

如果你想要把遊戲下載回去,不用每次都重新貼題庫,我也準備了一個超方便的工具:

  1. 到「阿剛老師的HTML遊戲自訂內容工具」:https://filedn.com/laMtL9jmKf7JrDEQG0A6OPy/html/html_textarea_chang.html
  2. 選擇「水果忍者大屏兩人搶答遊戲」
  3. 貼上你的CSV題庫的文字
  4. 按下「匯出修改的檔案」
  5. 你就會得到一個包含你題庫的HTML檔案,可以離線使用!

⚠️ 注意事項:離線版本預設沒有背景圖片和音效。如果想要這些效果,需要:

  • 準備5張PNG圖片,命名為BG1、BG2、BG3、BG4、BG5
  • 準備答對/答錯的音效檔,命名為Right和Wrong
  • 將這些檔案放在與HTML同一個資料夾中

🔗 立即體驗!

想要立即體驗這款紫斑蝶知識大挑戰遊戲嗎?點擊下方連結即可: 紫斑蝶大屏測驗遊戲

無論是學校活動、課堂複習,還是朋友間的知識競賽,這款「大屏切切對戰」遊戲都能帶給你不一樣的學習體驗!🎉

快來試試看,讓紫斑蝶的知識在有趣的對戰中深入人心吧!🦋✨



2025年3月1日 星期六

輕鬆收集學生作業:免登入雲端硬碟檔案上傳工具 📚✨

 

在數位教學時代,收集學生作業應該要像點餐一樣簡單!🍔

身為老師,你是否曾經為了收集學生的數位作業而煩惱?📋 學生忘記附加檔案的郵件、命名不一致的文件、散落各處的繳交管道...這些都讓老師在整理作業時頭痛不已。👨‍🏫

今天,我要向各位介紹一款我用AI工具專為教育工作者設計的神器 —— 雲端硬碟檔案上傳工具!這個工具讓學生和家長無需登入帳號,就能直接上傳檔案到老師的雲端硬碟中,還能自動整理、分類,輕鬆掌握交件狀況。🚀

為什麼需要這個工具?🤔

傳統收集作業的方式有許多不便:

  • 📧 通過電子郵件:附件容易丟失,整理費時
  • 💬 通過即時通訊軟體:檔案散亂,容易被其他訊息淹沒
  • 🗂️ 學習管理系統:部分學校可能沒有,或學生家長不熟悉操作

而本工具解決了這些問題!學生或家長只需開啟一個網頁連結,選擇作業類型、輸入姓名,上傳檔案就完成了!老師則可以在自己的雲端硬碟中找到整齊分類的作業檔案。😌

工作原理 🔄
















「雲端硬碟檔案上傳工具」的運作流程非常簡單:

  1. 學生端:開啟上傳網頁 → 選擇作業類型 → 輸入姓名 → 上傳檔案
  2. 系統處理:自動重新命名檔案 → 依類型分類存放 → 記錄上傳信息
  3. 老師端:查看上傳記錄 → 存取分類好的檔案 → 輕鬆批改作業

系統特色包括:免登入且操作簡單、自動命名與分類、支援各種檔案格式、檔案直接存入老師的雲端硬碟。

使用步驟 🚶‍♂️

老師端設置 👨‍🏫

  1. 複製試算表模板:點擊這個連結複製一份試算表到你的雲端硬碟。

  2. 設定上傳資料夾:在「上傳資料夾」工作表中設定你希望學生作業分類的資料夾名稱。例如:「國文作業」、「數學作業」、「科學專題」等。

  3. 部署網頁應用

    • 打開試算表,點擊「擴充功能」>「Apps Script」
    • 在Apps Script編輯器中,點擊「部署」>「新增部署」
    • 選擇「網頁應用程式」,設定執行身分為「你自己」
    • 「有權存取的使用者」選擇「所有人」
    • 點擊「部署」並複製生成的網址
  4. 分享連結:將網頁連結分享給學生或家長,他們就能開始上傳檔案了!🔗

學生/家長端使用 👨‍🎓👩‍👧‍👦

  1. 開啟連結:點開老師分享的上傳工具連結。🌐

  2. 填寫資訊並上傳

    • 從下拉選單選擇「上傳資料夾」(例如:「數學作業」)
    • 輸入學生姓名
    • 將檔案拖曳到上傳區域或點擊選擇檔案(檔案大小限制在50MB以下)
    • 點擊「上傳檔案」按鈕完成!🚀
  3. 確認上傳:上傳成功後,系統會顯示確認訊息和檔案連結。✅

老師的好處 🎯

  • 自動整理:學生上傳的檔案會以「學生姓名_原檔名」的格式命名,並依選擇的資料夾分類存放。📁
  • 即時掌握:「上傳紀錄」工作表會自動記錄每次上傳的時間、學生姓名、資料夾和檔案名稱。📊
  • 省時省力:不再需要從電子郵件或不同平台下載、整理檔案。⏱️
  • 跨平台:學生可以使用任何裝置(電腦、平板、手機)上傳檔案。📱💻

學生/家長的好處 🌈

  • 操作簡單:不需要登入帳號或下載應用程式,只要點開連結就能上傳。🤩
  • 直覺界面:清晰的設計讓使用者輕鬆上手。🎨
  • 上傳多種檔案:支援各種檔案格式的上傳。📄
  • 即時回饋:上傳後立即獲得確認通知。📢

適用場景 🏫

  • 📝 一般作業繳交
  • 🎨 美術作品提交
  • 🏆 競賽作品收集
  • 📊 專題研究資料彙整
  • 📸 活動照片收集
  • 📑 班級資料存檔

常見問題 ❓

Q: 學生上傳的檔案會存放在哪裡?
A: 檔案會直接存入你的Google雲端硬碟中,與試算表同一層級的資料夾內。

Q: 有檔案大小限制嗎?
A: 單一檔案上傳限制為50MB,符合大多數作業繳交需求。

Q: 需要給學生我的Google帳號嗎?
A: 不需要!學生只需點擊你分享的連結即可上傳,無需登入或知道你的帳號。

Q: 可以同時讓多個班級使用嗎?
A: 可以!只要在「上傳資料夾」工作表中設定不同班級的資料夾即可,例如「一年級國文」、「二年級國文」等。

開始使用吧!🚀

不要再為了收集學生作業而煩惱了!點擊這個連結,立即複製模板並設置你自己的檔案上傳工具。只需幾分鐘設定,就能為師生創造更高效的作業繳交體驗!🎉


想要更多教學科技小技巧?歡迎分享和留言!如果這個工具幫助到你,也請告訴更多老師朋友!🤗 #教育科技 #Google雲端硬碟 #教學工具 #數位教學