述文老師學習網

在STEAM運算思維的領域，不論你是使用哪一種開發工具，重點還是要回歸到觀念與邏輯的設計概念，Webduino的Web:Bit教育版一樣是以HTML與Javascript為主的網頁積木程式，很方便可以串接許多網路上的相關應用，如果學校已經有開發板，很好，可以有實體的互動體驗，如果沒有開發板，更好，使用模擬器或完全拋開開發板上的元件，可以更加天馬行空任意玩。 在這次兩週的研習時間裡面，集結以前使用Smart開發板的經驗，再配合Web:Bit的特色，以生活環境與教學經驗為發想，用更具特色的範例與教學方式，持續改良既有範例與增加新的應用，包括教學音效機、倒數計時+Youtube影片播放、動手做音樂、即時氣象資訊取得、搶答機、賓果遊戲…等，讓學校非資訊領域的老師們能輕鬆感受STEAM運算思維與IoT物聯網學習樂趣。 一、1130313、0320 鹿港鎮文開國小：用 Web:Bit 真假開發板體驗 AIoT 物聯網應用簡報檔案 二、1130313、0320 鹿港鎮文開國小：用 Web:Bit 真假開發板體驗 AIoT 物聯網應用Youtube錄影影片 ※ 教學資料總整理： 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理：https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理：https://sites.google.com/view/obs-tw 翻轉教學「現形記」教學總整理：https://sites.google.com/view/teachers-tools/ 啟芳出版：(高職商業與管理群) 數位科技應用下冊 ※ Youtube 直播與研習記錄： 1130225 TCN創客基地：Canva 與 3D 列印的跨域合作 - 3D浮雕卡片製作研習記錄 1121215：臺北市教師研習中心：mmhmm 虛擬攝影棚與 Vrew 字幕編輯研習記錄 1121212 文興高中：AI創作大時代：探索人工智慧協同創作的無限可能性！研習記錄 1121108、1129 新北市海山高中：用 Google Earth 關心地球大小事，輕鬆...

如果覺得從網路上找的猜燈謎題目都已經玩過，或是沒有什麼新創意，我們可以藉由 AI 的幫忙，讓它生成一些有趣的、雙關語的、地名或是人名相關的題目，減少大家燒腦的時間與激發出更多有趣好玩的題目！ 接下來就可以藉由 Web:Bit 教育版的線上平台，直接使用模擬器的方式進行有趣好玩的互動囉！ https://www.youtube.com/watch?v=7jn4KmdpXlg&ab_channel=廖述文 一、元宵猜燈謎遊戲流程規劃 在設計遊戲時的首要工作，就是要先確認流程，這樣後面才能夠「按表操課」逐步完成！ 二、使用適合教育現場使用的 Chat Everywhere AI 生成燈謎題目 ChatGPT 生成式 AI 的使用，請把 AI 當做是「同事」，請他幫忙時除了告知你的需求外，最好能提供所需的相關格式與範例，並有耐心的透過對話來調整最後的生成結果，這樣就能讓 AI 更容易理解你的需求，減少溝通時間。 Chat Everywhere 中文網站： https://chateverywhere.app/zh Chat Everywhere 生成的燈謎題目對話： https://chateverywhere.app?shareable_conversation_id=9ec4197a-eb33-4a0b-971f-88b1b5792411 這是最後整理到 Google 試算表的燈謎題庫： https://docs.google.com/spreadsheets/d/1TWwnzn5cHt8wQAPBzwzWAbcgn1WGGcHboqMoAxLovR8/edit?usp=sharing (工作表1：謎題 + 答案、工作表2：謎題 + 答案 + 圖片網址) 三、使用 Canva 設計題目背景圖片 為了讓題目顯示更清楚，可以使用 Canva 來設計背景圖，並將每個題目、提示文字與答案相關插圖加入，讓大家比較有方向。 Canva 元宵燈謎圖檔專案檔 (1920 * 1080) 四、將 Canva 設計背景圖片上傳至 Imgur 免費圖床 Web:Bit 支援來自網頁上的圖片顯示在網頁區域中，因此需要先將這些圖檔上傳到網站上，由於它只支援有完整顯示圖片副檔名的圖檔，例如：https://i.imgur.com/MCMiYcO.png，無法使用...

繼去年 2022/03/31、4/21、5/5、5/26、6/16 在鹿港高中的創客課程開設「WebBit、Smart IoT 應用」跨校教師社群工作坊後，今年再完全用 Web:Bit 模擬器的方式，加上更多的範例應用，讓大家可以不用買實體 Web:Bit 開發板，也能玩爆 AIoT 物聯網！ 實際上，為了這次的課程，已經在去年年底就寫了幾篇以 Web:Bit 為主的「Webduino模擬器「瘋」神榜」文章，先做為暖身。 Webduino模擬器「瘋」神榜：用Web:Bit陣列學Youtube影片控制與玩賓果遊戲 https://harmonica80.blogspot.com/2022/12/webduinowebbityoutube.html Webduino模擬器「瘋」神榜：Web:Bit 蜂鳴器繼續玩下去，因應高鐵的「到站提示音」變成「布農族歌謠」，把高鐵開到花蓮去！ https://harmonica80.blogspot.com/2022/12/webduino.html Webduino模擬器「瘋」神榜：用 Bit LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動，炒熱氣氛吧！ https://harmonica80.blogspot.com/2022/12/webduino-bit-led-youtube.html PS.其實現在 Web:Bit 的售價 1190 元，也已超過創客基地工作坊材料費所能付擔的額度，所以玩假的比較實在一點。 第一天的課程先以 Web:Bit 基本的使用為主，包括： 認識Web:Bit 開發板新舊版本介紹 Web:Bit 教育版使用環境介紹 Web:Bit 玩轉矩陣 LED - 基本使用 用 Web:Bit 語音辨識打造教師專屬的教學音效機(聲卡) Web:Bit 法蘭斯積木外掛安裝資訊補充 Web:Bit 用人臉開關矩陣 LED Web:Bit 矩陣 LED 邏輯型程式設計控制 Web:Bit 蜂鳴器應用 - 跨年、妖怪手錶倒數計時 + Youtube播放 Web:Bit 因應高鐵的「到站提示音」變成「布農族歌謠」，把高鐵開到花蓮去！ Web:Bit 體感亞鈴健身器(基本版)(法蘭斯姿態偵測) 第二天的課程則以 Web:Bit 小專題應用為主，包括： Web:Bi...

之前使用 Smart 模擬器寫過「 Webduino模擬器「瘋」神榜：用LED 點矩陣學亂數、玩賓果(簡易版與標準版) 」與「 Webduino模擬器「瘋」神榜：用 LED 點矩陣學陣列應用、玩賓果(進階版：可記錄與顯示已抽取號碼、Blockly 程式註解) ，但是 Web:Bit 上的 LED 點矩陣只有 25 顆燈，僅能顯示 0 ~ 9 的個位數，該怎麼突破這樣的限制，讓 Web:Bit 也可以玩賓果遊戲呢？ 答案就是：配合 Youtube 影片！ 這次的範例使用 Canva 製作一段從 1 ~ 75 的影片，每個數字長度都是一秒鐘。 https://www.youtube.com/watch?v=vahCj7df4Lk&ab_channel=%E5%BB%96%E8%BF%B0%E6%96%87 只要使用 Web:Bit 裏面的 Youtube 擴充功能積木，就可以在抽出號碼時，指定 Youtube 影片前往指定時間位置囉！ ※ Webduino 官方網站： https://webduino.io/ ※ Webduino 的 Web:Bit 教育版網址： https://webbit.webduino.io/ ※ Webduino 的 Smart 模擬器網址： https://simulator.webduino.io/ ※用Web:Bit陣列學Youtube影片控制與玩賓果遊戲網址 ： Bit 模擬器版： https://webbit.webduino.io/blockly/#ayxAPr7d2QDRM 不論您要使用真實的賓果遊戲卡或是使用虛擬的賓果遊戲卡，都可以讓同學們一起同樂喔！ 線上賓果遊戲卡： 專案網頁 、 請同學抽一張賓果卡 以下就來了解一下這個賓果遊戲的設計重點： 一、使用變數「total_number」，設定賓果遊戲數字數量 由於賓果遊戲的數字範圍可以有不同的設定，因此，透過變數「total_number」的設定，來讓使用者自行決定。 二、使用「重複」積木，建立賓果遊戲數字陣列 k_array 陣列：要從賓果遊戲抽出的號碼 k_award 陣列：將抽出後的號碼放入此陣列中，做為後續的查詢使用 三、將抽中號碼從陣列中移除，轉移加入已抽中號碼陣列中 四、使用「Youtube」積木載入影片並前往指定秒數 由於影片是從 1 ~ 75 的影片，每...