發表文章

目前顯示的是有「Webduino模擬器「瘋」神榜」標籤的文章

1130313、0320 鹿港鎮文開國小:用 Web:Bit 真假開發板體驗 AIoT 物聯網應用

圖片
在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 關心地球大小事,輕鬆...

1120718、0720 中彰投創客基地:「用 Web:Bit 模擬器體驗 AIoT 物聯網應用 (線上)」研習記錄

圖片
繼去年 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...

Webduino模擬器「瘋」神榜:用Web:Bit陣列學Youtube影片控制與玩賓果遊戲

圖片
之前使用 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 的影片,每...

Webduino模擬器「瘋」神榜:Web:Bit 蜂鳴器繼續玩下去,因應高鐵的「到站提示音」變成「布農族歌謠」,把高鐵開到花蓮去!

圖片
繼前兩篇「 Webduino模擬器「瘋」神榜:用蜂鳴器搞創意,模擬門鈴、救護車、校園鐘聲! 」與「 Webduino模擬器「瘋」神榜:蜂鳴器繼續玩下去,模擬垃圾車、全家超商、廚房計時器鈴聲! 」後,這次因應高鐵的「到站提示音」變成「布農族歌謠」,把高鐵開到花蓮去! 由於高鐵的使用情境中,除了有到站提示音外,還需要加入一段語音廣播的朗讀,所以我們就用「Web:Bit 教育版」來做最真實的模擬! ※ Webduino 官方網站: https://webduino.io/ ※ Webduino 的 Web:Bit 教育版網址: https://webbit.webduino.io/ ※ Webduino 的 Smart 模擬器網址: https://simulator.webduino.io/ ※高鐵到站提示音 Web:Bit 教育版網址 : Bit 模擬器版: https://webbit.webduino.io/blockly/?demo=default#Jyg97BOvb07q4 ↑ 1111015 花蓮高商研習影片 ※ 教學資料總整理: 跟著 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 直播與研習記錄: 1111206 TCN南投創客基地:OBS與mmhmm虛擬攝影棚應用線上研習直播影片(111年最後一場線上研習) 1111125、1202 銘傳大學:mmhmm 虛擬攝影棚 + Vrew 字幕編輯,讓教材錄影更生動有趣!研習記錄 1111129 高雄市立福誠高中:OBS 虛擬攝影棚 + Vrew 字幕編輯,讓教材錄影更生動有趣!研習記錄 1111019、1026、1102、1123 ...