ET趣味人

張原禎

結合Google 三寶玩IoT

​

​

reurl.cc/KexnLy

什麼是物聯網？ MQTT.org

出發！

傳送頻道(英文與數字)

訊息(可中文、HTML語法)

​

�接收頻道

清空訊息

訊息發送者

感謝法蘭斯、Webduino

在電腦和平板間傳送訊息

Io3T

Internet

of

Thing物，What

Task 務，How

Think悟，Why

​

​

​

• IoT 與 Google 三寶實虛連動
• 萬用遙控器
• 現場自主探究、導覽者協力
• 遠距同步或遙控

• Google 簡報
• Google 試算表
• IoT 頻道、訊息
• 網頁程式
• 凱比程式 ( 語音、表情、動作 )

IoT 串接

管理者遙控器

師生端平板、電腦

大屏簡報

參觀者手機

IoT 串接

IoT 串接

哈囉～

※現有影片應用，再進階(精準、互動、數據紀錄)：� 播放速度、聲音控制，指定時間播放� 利用AI生成逐字稿、摘要與寫文章� 對應時間點寫筆記� 物聯網方式控播，跨屏連動� QR,NFC，簽到主題曲� 萬用遙控器� 結合試算表欄位，建立代號，亂數應用� 增添旁白，顯示題目與作答紀錄� 師生發表與互動�※自製：� OBS錄製螢幕，設計整合式導播場景� YT上字幕� 我的一頁甘，直播或說錄集成� 平台加掛整理(學習吧、1Konw)�※藉影片應用發展PBL活動：� 數位說故事� 策展� 虛擬旅遊

​

※一頁頁簡報，� 有別於影片時間與內容固定� 簡報由「當事人」當下主導，一頁頁教學時間推進� � QR,NFC，物件、活動與多屏連動� 萬用遙控器� 結合試算表欄位，建立代號，亂數應用� 增添旁白，顯示題目與作答紀錄� 師生發表與互動�※藉簡報應用發展PBL活動：� 動態即時添加頁面與內容調整 � 備註區可語音輸入� 數位說故事� 策展� 虛擬旅遊

​

※支援簡報與YT，添加訊息表現與建立紀錄� 資料庫查找對應、亂數表現� 師生互動操控與紀錄� QR,NFC，簽到紀錄� 結合表單填報，資料應用

Web:Bit教育版

16

Web:Bit積木編程，擴充功能

​

17

編程開玩

拉積木，貼連結

預覽播放，程式碼，全屏，QRcode

​

​

​

​

18

YouTube 網址

https://www.youtube.com/watch?v=bPTVUTwpov8

m.youtube.com

youtu.be/

​

體驗(學生)、解說、程式修改(保留)

簡報控播應用

code

雙視窗控制�單頁code

code

分享簡報連結

程式原始碼

103-109國中會考解說

會考題控播(CODE) play(學生可自學)

會考題接收(CODE) play

​

利用NFC讀卡建立簽到系統�(NFC簽到與雄哥程式介紹)

​

​

萬用遙控器

26

設定

遙控

萬用遙控器~利用IoT遙控簡報互動

IoT控制硬體

提示按鈕

QRCode

​

​

27

topic：1021gb

​

​

​

​

​

(學生也可利用遙控器作答)

​

YouTube時間膠囊

簡報自由閱覽

1021gb

​

​

​

​

​

​

​

​

​

新三合一 品德簡報摸頭

三個頻道 電腦程式碼

語音(文字) 網頁與手機

影片(URL) 凱比程式部署

萬用遙控

​

作業QR梗 凱比程式1、2

​

勇敢想、認真玩、創盈餘、織幸福

AI識別

NFC�QRCode

​

為心築羨智慧造境

1

2

3

教學事件

1.吸引學生注意�2.說明學習目標�3.喚起先備知識�4.呈現教學內容�5.提供學習指引�6.引發參與活動�7.提供學習回饋�8.評量學習表現�9.增進保留遷移

code

雙視窗預覽 (法蘭斯網頁元素)

4Code、6Code、9Code

輸入姓名後作答，文字式輸入答案 (Play)

​

​

​

​

Code

試算表編寫權�預覽(更多→網頁預覽)�原始碼(檔案→分享連結)

語音引導作答

Text to Speech

Speech to Text

Mp3檔案與作答

​

Code

YouTube加值利用創造教學精采

​

學習者自主表現

播放、前進後退10秒

暫停影片寫筆記，

(A)前往自訂時間

​

​

​

教學互動與歷程

記錄筆記者

時間標籤運用

物聯網，語音旁白

​

​

老師即時介入，學生仍能自主筆記

​

​

師生互動看YouTube寫筆記

​

​

體驗(編輯權)

​

Webbit程式碼、功能示範影片(4:56)

簡報解說影片(8:54)

多頻道組合應用

即時提供簡報、YT連結

亂數後持續迭代精準

Let's QRCoding！

頑固

Play�Code

Play�Code (2t)

自在安好

MQTT�

萬用遙控

Let's QRCoding！

頑固

Play�Code

Play�Code (2t)

自在安好

Let's QRCoding！

頑固

Play�Code

Play�Code (2t)

自在安好

Let's QRCoding！

頑固

Play�Code

Play�Code

自在安好

數位說故事、策展、虛擬旅遊

Padlet 為心逐獻，智慧造境(建置學校地標)

匿名、具名，帳號申請，推薦連結

​

​

​

Padlet 為心逐獻，智慧造境(IoT與Google三寶)

三寶程式作品與想法共備

• IoT 與 Google 三寶實虛連動
• 萬用遙控器
• 現場自主探究、導覽者協力
• 遠距同步或遙控

• Google 簡報
• Google 試算表
• IoT 頻道、訊息
• 網頁程式
• 凱比程式 ( 語音、表情、動作 )

IoT 串接

管理者遙控器

師生端平板、電腦

大屏簡報

參觀者手機

IoT 串接

IoT 串接

哈囉～

智慧造境 - 3C連結人己機際物境智

AI識別

NFC�QRCode

​

同軸多軌，實時據歷

​

為師之道：統合心智

為師支道：學習革命

為師織道：編織幸福

​

​

圓援源緣

極集即及

知之支織

至致智緻

​

​

以電腦單機版，連結感測器硬體，

再以物聯網 MQTT 傳訊。

表現網頁版程式上模擬

土石流發生的動畫來展現。

MQTT全通：WebAI、Scratch3、ESP32、LinkIt7697……

Webduino MQTT Server�主機 wss://mqtt1.webduino.io/mqtt

帳號 webduino

密碼 webduino

​

凱比機器人

陳國全老師 OSEP Scratch3

​

MQTT：主機、頻道、內容

法蘭斯網頁

FB貼眼換臉、(換臉程式)

FB指控凱比 (指控程式)、YT1、YT2

轉頭 1106網頁、凱比雙手、YT

Slide code