1 of 86

AI辨識與智慧居家監控技術應用:

以ESP32-CAM及ESP8266開發板為例

(CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上及控制插座家電…)

Vision IOT 影像物聯網 課程網 https://bit.ly/3dDdrFK

1

吳和桔老師之學經歷與教學研究成果簡介 https://bit.ly/3tKB1FB

課前準備:

1.硬體-AI辨識與智慧居家監控模組設計與製作

2.軟體-AI辨識與智慧居家監控開發環境建置與設定

課程內容:課程資料https://bit.ly/3pojikN

影片ESP32-CAM拍照傳賴Line傳Telegram傳Gmail顯示在網頁上專題範例仿作展示

https://youtu.be/t2k1VSfw-kc

2 of 86

  • 由於物聯網已網住我們日常生活,例如:運輸和物流、健康醫療、智慧環境(家庭、辦公、工廠)、個人和社會…等,其屬新興科技領域。
  • 本課程將以AI辨識與智慧居家監控技術應用:以ESP32-CAM及ESP8266開發板為例 (CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上及控制智慧插座家電…),帶領妳/你進入物聯網世界,成為物聯網世界的一份子。
  • 所謂「智慧插座」是指將傳統插座賦予人工智慧,進化成具有記憶(儲存條件情況基準)與反應(啟用作動器)及傳遞訊息(發送Line/mail...)的插座,有別於傳統插座,其稱之為智慧插座(Smart Power Outlet/Smart socket/Smart plug)或智能插座。即將傳統插座進化成具有人工智慧的插座,亦即於傳統插座加入智慧晶片(以ESP32開發板為例)於插座系統中,使之具有人工智慧並加入繼電器及各式感測器,以控制傳統插座之電源在適當時機場合條件成立時,依指定程序方式(程式)決定是否通電,進而做出期望(適當)反應…。

2

2

課程概述

課程概述

PS:商品化智慧插座有資安疑慮,自製智慧插座不需使用廠商店家專用APP,較無資安疑慮

遠端監視器 露天拍賣 https://www.ruten.com.tw/store/66606789/

台灣保固 4機同框 有看頭360度戶外遠端監視器YP08S【1080P雙智能全彩追蹤】手機APP防水WIFI無線攝影機

https://www.ruten.com.tw/item/show?21816923157230

雙智能 4機同框 360度戶外無線攝影機C6SE【日夜全彩 1080P影音對話】V380手機APP遠端WIFI監視器

https://www.ruten.com.tw/item/show?21816918332464#info

3 of 86

3

3

課程大綱

課程概述

時間

課程大綱

課程內容

9:00

9:50

1.AI辨識與智慧居家監控技術應用概述

以ESP32-CAM及ESP8266開發板為例

(CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上及控制智慧插座家電和人臉辨識門禁系統…簡介)

1.智慧插座應用展示

例如:太陽能光電板粉塵自動清洗冷卻、門禁、電動車無線充電WPT、(RFID)展示…

2.智慧插座概說(原理)

9:50

10:00

休息、討論、交流

4 of 86

4

4

課程大綱(續)

課程大綱

時間

課程大綱

課程內容

10:00

10:50

2.AI辨識與智慧居家監控技術應用之設計與實作及測試(硬體部分)

1.傳統插座系統元件介紹

2.智慧插座系統元件介紹與配置(layout)及電路接線實作和測試(NodeMCU-ESP8266)

3. AC110V3. AC110V3. AC110V轉5V USB3. AC110V轉5V USB電源 選購 材料參考

4.AI辨識與智慧居家監控系統元件介紹與配置(layout)及電路接線實作(ESP32-CAM)

延伸活動/加深加廣活動

1.感測器/各類感測器(sensor)/輸入

例如:人體紅外線PIR

2.作動器/致動器Actuator/輸出

例如:各類燈光LED、風扇FAN、馬達MOTOR、幫浦PUMP、電磁閥(門禁)、蜂鳴器、顯示器(LCD/OLED)、拍照

10:50

11:00

休息、討論、交流

5 of 86

5

5

課程大綱(續)

課程大綱

時間

課程大綱

課程內容

11:00

12:00

3.AI人工智慧開發板概述與應用實(ESP32-CAM/NodeMCU-ESP8266)

1.人工智慧晶片/開發板ESP32-CAM、NodeMCU-ESP8266概述

ESP32-CAM、NodeMCU-ESP8266晶片賦予智慧插座人工智慧,其內置程式(程序方式),依指定程序方式,進行反應與控制。

例如:CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上及控制智慧插座家電和人臉辨識門禁系統…

12:00

13:00

午餐、午休、討論、交流

6 of 86

6

6

課程大綱(續)

課程大綱

時間

課程大綱

課程內容

13:00

13:50

4.AI辨識與智慧居家監控技術應用之設計與實作及測試(軟體部分)

1.人工智慧開發環境建置與設定(以ESP32-CAM/NodeMCU-ESP8266晶片為例並使用ARDUINO IDE)

2.人工智慧程式設計與程式上傳到ESP32-CAM/NodeMCU-ESP8266晶片

3.程式上傳問題解析(軟硬體問題/故障排除Troubleshooting)

13:50

14:00

午休、討論、交流

7 of 86

7

7

課程大綱(續)

課程大綱

時間

課程大綱

課程內容

14:00

14:50

5.即時通訊軟體手機APP應用概述與註冊

1.LINE Notify、Telegram(TG)、Gmail…即時通訊軟體註冊與下載及設定(Android行動作業系統)

2.手機LINE Notify、Telegram Bot…測試

14:50

15:00

午休、討論、交流

8 of 86

8

8

課程大綱(續)

課程大綱

時間

課程大綱

課程內容

15:00

15:50

6.AI辨識與智慧居家監控技術之軟硬體整合設計與實作及測試和成果展示

例如:

1.手機網頁控制智慧插座家電設施

2.ESP32-CAM拍照傳賴Line、

3.ESP32-CAM拍照傳Telegram、

4.ESP32-CAM拍照傳Gmail、

5.ESP32-CAM拍照顯示在網頁上

6.人臉辨識門禁系統…

15:50

16:30

Q&A

綜合討論與交流

9 of 86

  • 1.硬體-模組設計與製作

AI辨識與智慧居家監控材料主件

  • 2.軟體-AI人工智慧開發環境建置與設定

LINE Notify Telegram 手機APP下載與設定

9

9

課前準備

課程準備

10 of 86

硬體:

AI辨識與智慧居家監控硬體模組

=傳統插座+人工智慧料件

課前準備

課程準備-硬體

ESP32-CAM拍照傳賴和手機控制家電插座教學課程所需材料明細價目表111.7.18

https://docs.google.com/spreadsheets/d/1C6xZaC0g5ewpbZqWJxOZU1Nr6jy-Xgqh/edit#gid=1068206636

居家安全監控 智慧插座 AC110V轉5V USB電源 選購 材料參考 1110823OK

https://drive.google.com/drive/folders/15ue1pH_BFjPmryuHybgeSwMAS8R7dfVg?usp=sharing

11 of 86

傳統插座材料單

課前準備

序號

器材名稱

數量

(個)

型號(規格)

1

AC110V插座

2

AC110V電燈及風扇電源之插座

2

AC110V插座盒(PVC 1連明盒子)

1

固定AC110V插座用

3

AC110V插座盒面板螺絲金屬牙

2

固定AC110V插座蓋板

4

AC110V插座盒面板蓋(PVC 1連明盒子)

1

AC110V插座蓋板

5

AC110V電源插頭

1

智慧插座電源插頭

6

AC110V電源線紅色AWG#16 (約80cm)

1

智慧插座電源火線

7

保險絲5A

1

智慧插座AC電路保護用

8

保險絲盒

1

智慧插座AC電路保護用

課程準備-硬體

12 of 86

傳統插座組成元件

課程準備-硬體

居家安全監控 智慧插座 插頭 插座盒… 等電工料件 露天廠商 cph105 評價  5.0 / 51.6萬

https://drive.google.com/drive/folders/15ue1pH_BFjPmryuHybgeSwMAS8R7dfVg

13 of 86

AI人工智慧料件

序號

名稱

數量

說明

1

ESP32-CAM開發板

1

人工智慧晶片(影像處理)

2

ESP8266開發板

1

人工智慧晶片(監控資訊處理)

3

USB傳輸線

1

人工智慧程式上傳或下載

4

PIR人體紅外線感測器

1

偵測溫度物件

5

繼電器

1

控制AC插座是否通電

6

控制繼電器之訊號線

2

杜邦線

7

控制繼電器之電源迴路電線

2

杜邦線

8

進出繼電器之AC電源線(12+5+12cm)

29cm

AWG#18 紅色電源線

課程準備-硬體

14 of 86

課程準備-硬體

AI人工智慧料件(ESP32-CAM 實體圖)

ESP32-CAM 鏡頭組裝與應用教學

How to setup and use ESP32 Wi-Fi Camera||ESP32CAM Getting Started||Face Detection� https://www.youtube.com/watch?v=52xRsRlACgY&t=0s

15 of 86

課程準備-硬體

ESP32-CAM AI-Thinker Pinout Guide: GPIOs Usage Explained

REFERENCE: https://randomnerdtutorials.com/esp32-cam-ai-thinker-pinout/

AI人工智慧料件(ESP32-CAM pinout腳位圖)

ESP32 Pinout Reference: Which GPIO pins should you use?

REFERENCE: https://randomnerdtutorials.com/esp32-pinout-reference-gpios/

16 of 86

課程準備-硬體

AI人工智慧料件(ESP8266實體圖)

17 of 86

課程準備-硬體

ESP8266 Pinout Reference: Which GPIO pins should you use?

REFERENCE: https://randomnerdtutorials.com/esp8266-pinout-reference-gpios/

AI人工智慧料件(ESP8266 pinout腳位圖)

18 of 86

課程準備-硬體

智慧居家監控料件(PIR人體紅外線感測器 pinout腳位圖)

19 of 86

課程準備-硬體

智慧居家監控料件(PIR人體紅外線感測器 pinout腳位圖)

20 of 86

序號

名稱

數量

說明

1

ESP32-CAM開發板

1

人工智慧晶片(影像處理)

2

ESP8266開發板

1

人工智慧晶片(監控資訊處理)

3

USB傳輸線

1

人工智慧程式上傳或下載

4

繼電器

1

控制AC插座是否通電

5

控制繼電器之訊號線

2

杜邦線

6

控制繼電器之電源迴路電線

2

杜邦線

7

進出繼電器之AC電源線(12+5+12cm)

29cm

AWG#18 紅色電源線

課程準備-硬體

電路圖 手機語音控制家電教學模組AC110V 電路圖1091016

https://drive.google.com/file/d/1k7srupnh_hS3HZoBUUCawA54aTbSuKPA/view

AI人工智慧居家監控硬體模組=傳統插座+人工智慧料件

21 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組

=傳統插座內加入人工智慧料件

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)

22 of 86

課程準備-硬體

繼電器固定於插座盒底座鑽孔位置:

建議:

以繼電器置於插座盒中心位置後

繼電器左右邊緣通過中心位置四孔圓心

上邊緣與上2孔邊緣相切(如右圖)並作鑽孔記號後鑽孔

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

23 of 86

課程準備-硬體

以鋸片鋸切插座盒支撐架形成溝槽

以放置ESP8266開發板(如下圖)

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

24 of 86

課程準備-硬體

1.將母母紅色黑色杜邦線(30cm)對折剪斷後與2線式USB電源線之紅色黑色線分別對接(用膠帶包覆以免短路),形成2組杜邦線電源組,可分別供電給繼電器(VCCGND)及ESP8266開發板(VinGND),如上圖

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

2.將母母綠色藍色杜邦線,分別接到ESP8266開發板的D1D2腳位及繼電器的IN1IN2,形成ESP8266開發板訊號傳送控制2組繼電器,如上圖

25 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

將母母綠色藍色杜邦線,分別接到ESP8266開發板的D1D2腳位及繼電器的IN1IN2,形成ESP8266開發板訊號傳送控制2組繼電器,如圖

REFERENCE:

ESP8266 NodeMCU Relay Module – Control AC Appliances (Web Server)

https://randomnerdtutorials.com/esp8266-relay-module-ac-web-server/

26 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(網頁控制插座)

27 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

居家安全監控 智慧插座 AC110V轉5V USB電源 選購 材料參考 1110823OK

https://drive.google.com/drive/folders/15ue1pH_BFjPmryuHybgeSwMAS8R7dfVg?usp=sharing

28 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(網頁控制插座)

29 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(手機語音控制插座)

30 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(手機語音控制插座)

31 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(手機語音控制插座)

32 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(手機語音控制插座)

33 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(網頁控制插座)(續)

AI人工智慧居家監控硬體模組完成品(手機語音控制插座)

34 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與加工尺寸及接線實體圖

AI人工智慧居家監控硬體模組設計與製作

(拍照傳賴Line、傳Telegram、傳Gmail、顯示在Web網頁上)

電路接線

用杜邦線將 USB to TTL 模塊 和 ESP32-CAM 開發板連接,如下說明或如上圖

USB to TTL       ESP32-CAM

5V                         5V    (注意:請務必給5V電源)

GND                      GND

RXD                      U0Tx

TXD                      U0Rx

在燒錄模式時,需將 ESP32-CAM 的 GPIO0 腳位接地,也就是IO0 = GND(右圖黃色短路夾 跳線帽 jumper)

35 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作工具及成品

(拍照傳賴Line、傳Telegram、傳Gmail、顯示在Web網頁上)

AI人工智慧居家監控硬體模組設計與製作

(拍照傳賴Line、傳Telegram、傳Gmail、顯示在Web網頁上)

PIR人體紅外線訊號輸出腳位out接ESP32-CAM的IO12腳位

USB to TTL🡨🡪ESP32-CAM

5V  🡨🡪 5V  (務必給5V電源)

GND  🡨🡪 GND

RXD 🡨🡪 U0Tx

TXD  🡨🡪 U0Rx

36 of 86

課程準備-硬體

AI人工智慧居家監控硬體模組設計與製作

(拍照傳賴Line、傳Telegram、傳Gmail、顯示在Web網頁上)

PIR人體紅外線訊號輸出腳位out接ESP32-CAM的IO12腳位

USB

to

TTL 🡨🡪 ESP32-CAM

5V  🡨🡪 5V  (務必給5V電源)

GND 🡨🡪 GND

RXD 🡨🡪 U0Tx

TXD  🡨🡪 U0Rx

AI人工智慧居家監控硬體模組設計與製作工具及成品

(拍照傳賴Line、傳Telegram、傳Gmail、顯示在Web網頁上)

37 of 86

硬體-工具儀器

課程準備-工具、儀器

工具儀器設備名稱

用途說明

電烙鐵/銲錫/錫膏

焊粗AC110V電源插座輸入端電線以利插入插座與繼電器輸入端

三用電表或簡易測試燈

檢測電路是否導通通電

一字精密小螺絲起子

1.鬆緊繼電器上AC電線一字型固定螺絲用

2.鬆開傳統插座電線火線L與中性線N簧片,方便拔出電線。

十字精密小螺絲起子

鬆緊繼電器上AC電線十字型固定螺絲用

十字一般螺絲起子

1.鬆緊插頭外部和內部固定螺絲,以安裝AC電線。

2.擴增插座盒底座鑽孔供繼電器固定用之螺絲孔成錐面方便螺絲鎖入用

3.鬆緊智慧插座蓋板固定螺絲

一字一般小螺絲起子

鬆開傳統插座電線火線L與中性線N簧片,方便拔出電線。

38 of 86

工具儀器設備名稱

用途說明

小電鑽

鑽螺絲孔用

鑽頭2.5mm

鑽插座盒底座作為繼電器固定螺絲孔(鎖M3x6螺絲)

電子用剝線鉗

剝AC電線

電子用斜口鉗

1剪電線

2修剪插座盒支撐架形成溝槽以放置ESP8266開發板 

小鋸子/鋸片

鋸切插座盒支撐架形成溝槽以放置ESP8266開發板

小銼刀

修整穿過插座盒連接溝槽用

直尺/捲尺

量測所需電線長度(80cm=44+7+12+5+12)

小磁鐵

吸附螺絲螺帽方便拿取並避免掉落找不到

課程準備-工具、儀器

硬體-工具儀器

39 of 86

軟體-

AI人工智慧開發環境建置與設定

課前準備(續)

人工智慧開發環境準備-軟體

Arduino IDE 建置與設定

LINE Notify、Telegram 手機APP下載與設定

40 of 86

軟體-人工智慧開發環境建置與設定

參考資料來源:【ESP32專欄】如何安裝及設定ESP32的開發環境 (作者:尤濬哲)

https://makerpro.cc/2020/06/how-to-install-and-configure-esp32-development-environment/

一、ARDUINO IDE 建置與安裝

請google搜尋Arduino後,連結到官網 https://www.arduino.cc/en/Main/Software 下載,建議直接下載免安裝檔(如圖:Windows ZIP for non admin install),解壓縮後直接可用。

人工智慧開發環境準備-軟體

41 of 86

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

Software | Arduino

https://www.arduino.cc/en/software�Downloads Arduino IDE 1.8.16�DOWNLOAD OPTIONS�WindowsWin 7 and newer    

 (其安裝版 檔名為  arduino-1.8.16-windows.exe)

Windows ZIP file  

( 其免安裝版 檔名為   arduino-1.8.16-windows.zip)

安裝版 windows Win 7 and newer 下載連結 (請點JUST DOWNLOAD):  

免安裝版 windowsZIP file  下載連結(請點選JUST DOWNLOAD):   

【ESP32專欄】如何安裝及設定ESP32的開發環境�https://makerpro.cc/2020/06/how-to-install-and-configure-esp32-development-environment/

42 of 86

軟體-人工智慧開發環境建置與設定

ARDUINO IDE 下載與安裝(續)

請選擇Just Download,另一選項則是捐贈費用給Arduino基金會。

人工智慧開發環境準備-軟體

43 of 86

軟體-人工智慧開發環境建置與設定

ARDUINO IDE 下載與安裝(續)

下載Arduino軟體後,找到下載的壓縮檔,選擇解「壓縮所有檔案」,直接將壓縮檔解壓縮到C:\或D:\根目錄下,例如C:\

人工智慧開發環境準備-軟體

44 of 86

軟體-人工智慧開發環境建置與設定

ARDUINO IDE 下載與安裝(續)

若解壓縮後,則可在C:\Arduino1.8.x資料夾下找到主程式Arduino.exe,此表示已安裝成功。

人工智慧開發環境準備-軟體

45 of 86

二、安裝ESP32與ESP8266開發核心

請至C:\arduino1.8.x目錄中,找到主程式arduino.exe,直接點兩下執行主程式,開啟主程式後,選擇功能表的檔案/偏好設定,開啟偏好設定視窗。在偏好設定視窗中下方的額外開發板管理員輸入以下網址後,按確定。�https://dl.espressif.com/dl/package_esp32_index.json

(REFERENCE:https://randomnerdtutorials.com/installing-the-esp32-board-in-arduino-ide-windows-instructions/ )

(REFERENCE:https://randomnerdtutorials.com/installing-the-esp32-board-in-arduino-ide-mac-and-linux-instructions/ )

http://arduino.esp8266.com/stable/package_esp8266com_index.json

(REFERENCE:https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/ )

Installing the ESP32 Board in Arduino IDE (Windows, Mac OS X, Linux)�https://randomnerdtutorials.com/installing-the-esp32-board-in-arduino-ide-windows-instructions/

�Installing ESP8266 Board in Arduino IDE (Windows, Mac OS X, Linux)�https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

46 of 86

二、安裝ESP32與ESP8266開發核心

請至C:\arduino1.8.x目錄中,找到主程式arduino.exe,直接點兩下執行主程式,開啟主程式後,選擇功能表的檔案/偏好設定,開啟偏好設定視窗。在偏好設定視窗中下方的額外開發板管理員輸入以下網址後,按確定。�https://dl.espressif.com/dl/package_esp32_index.json

http://arduino.esp8266.com/stable/package_esp8266com_index.json

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

47 of 86

二、安裝ESP32開發核心(續)

點選工具/開發板/開發板管理員,並在開發板管理員視窗中,輸入關鍵字ESP32後,可篩出ESP32核心套件,然後點選右側的安裝按鈕,約5~10分鐘系統下載核心套件並完成安裝後關閉開發板管理員視窗。

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

48 of 86

軟體-人工智慧開發環境建置與設定

二、安裝ESP32開發核心(續)

完成前述ESP32核心套件後,再點選工具/開發板,並往下拉即可在下方找到ESP32系列主板,請點選NodeMCU-32S

人工智慧開發環境準備-軟體

49 of 86

二、安裝ESP32開發核心(續)

若是NodeMCU-32s,選擇正確的版本後會出現以下畫面,除了序列埠於稍後要更改外,其餘請保留預設值。

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

50 of 86

三、ESP32 USB驅動程式安裝

完成ESP32開發核心環境設定後,請用USB傳輸線分別將ESP32開發板和電腦或筆電連線,此時發現需要安裝USB驅動程式,大部分的ESP32都是採用CP210x與電腦溝通並上傳程式,傳統UNO則是CH340,目前windows或MAC系統都沒有內建驅動,因此當您接上ESP32的USB後,還需要安裝驅動。

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

ESP32 USB驅動程式安裝 CP210x驅動

請至CP210x原廠網站下載  https://www.silabs.com/developers/usb-to-uart-bridge-vcp-drivers

驅動程式安裝(PL2303HXA解決Windows 10 中,「PL2303HXA 自2012 已停產,請聯繫您的購買廠商」問題。):

https://drive.google.com/file/d/1p2pFPrk23yDNy7wxYz6Ul5epQmSfdEZo/view?usp=sharing

51 of 86

三、ESP32 USB驅動程式安裝(續)

請開啟檔案總管,並在本機上按右鍵/管理,可以進入裝置管理員。由於尚未安裝驅動程式,因此會列在其他裝置,使用者應該能找到這個前方有驚嘆號「!」的CP2102 USB to UART裝置,就是Arduino ESP32負責讓訊號轉成USB來與電腦溝通上傳程式碼。

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

52 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

由於剛才下載的Arduino 資料夾內已經有CP210x驅動(MAC電腦請至CP210xCP210x原廠網站下載 ),因此安裝時只需要指定驅動程式路徑到Arduino安裝資料夾即可,首先快點兩次CP2102 USB to UART裝置,開啟內容視窗,點選更新驅動程式。

人工智慧開發環境準備-軟體

53 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

點選瀏覽電腦上的驅動程式軟體。

人工智慧開發環境準備-軟體

54 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

點選瀏覽,然後在瀏覽資料夾視窗中選擇一開始您解壓縮Arduino資料夾位置,例如C:\Arduino-1.8.12\driver資料夾,按下確定後,點選下一步。

人工智慧開發環境準備-軟體

55 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

稍等一下後電腦即會找到驅動程式,並完成安裝然後點擊關閉按鈕。

人工智慧開發環境準備-軟體

56 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

若安裝正確,則前方的驚嘆號會消失,並將裝置放在連接埠下,此時要記錄最後方的COM編號(例如:括號內COM3)

人工智慧開發環境準備-軟體

57 of 86

軟體-人工智慧開發環境建置與設定

三、ESP32 USB驅動程式安裝(續)

若完成驅動程式安裝,請再執行Arduino.exe 回到Arduino IDE中,並在工具/開發板的序列埠中選擇電腦配發的連接埠COM編號(本例為COM3),以便電腦和ESP32開發板連結。

人工智慧開發環境準備-軟體

58 of 86

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

四、即時通訊軟體申請註冊與設定及應用

3.LINE手機APP下載與設定

【通訊軟件】八大通訊軟體比較|即時通訊功能、商業用途

(一) LINE即時通訊軟體

1.LINE 電腦版

Life on LINE/LINE始終陪伴在你身旁。

https://line.me/zh-hant/

2.LINE Notify https://notify-bot.line.me/zh_TW/

如何創建Line Notify & 取得權杖

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

請將Android手機開啟 play 商店 ,並搜尋LINE

59 of 86

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

四、即時通訊軟體申請註冊與設定及應用(續)

(二) Telegram(TG)即時通訊軟體

1.Telegram 電腦版 https://web.telegram.org/z/

2.手機APP下載與設定

請將Android手機開啟 play 商店

,並搜尋Telegram

3.Telegram bot機器人製作教學

https://www.youtube.com/watch?v=On9yeMtG2Wg&t=209s

【科技新知】如何將Telegram改成中文版介面?

https://www.jyes.com.tw/news.php?act=view&id=992

【不用擔心對話記錄不見與檔案過期的通訊軟體-Telegram!

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

Telegram 中文化連結:https://t.me/Tele_zh_TW

Q:請教為什麼註冊後每天都會被莫名加入好幾個股票群組?

A:設定→隱私權與安全性→電話號碼改成"沒有人"&群組和頻道改成"我的聯絡人"

60 of 86

軟體-人工智慧開發環境建置與設定

人工智慧開發環境準備-軟體

四、即時通訊軟體申請註冊與設定及應用(續)

(三) Gmail申請註冊與安全性設定

1.Gmail手機設定

2.Gmail申請註冊與安全性設定教學

REFERENCE:

ESP32-CAM: Take and Send Photos via Email using an SMTP Server

https://randomnerdtutorials.com/esp32-cam-send-photos-email/

61 of 86

AI辨識與智慧居家監控技術應用實作:

以ESP32-CAM及ESP8266開發板為例

影片ESP32-CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上專題範例仿作展示

https://youtu.be/t2k1VSfw-kc

一、ESP32-CAM拍照

1.傳賴Line

2.傳Telegram(TG)

3.傳Gmail

4.顯示在網頁上

二、ESP8266控制插座家電…

應用實例

62 of 86

人工智慧程式(程序方式)語言

程式碼code/草稿碼sketch

code程式碼 ESP32CAM_ESP8266_應用專題範例仿作1110820

https://drive.google.com/drive/folders/1gJMf9brX3n2wFbZ3-NLP_NmwIwILU9LX?usp=sharing

人工智慧程式(程序方式)語言

REFERENCE:

ESP32-CAM Take Photo and Display in Web Server

https://randomnerdtutorials.com/esp32-cam-take-photo-display-web-server/

ESP32-CAM: Take and Send Photos via Email using an SMTP Server

https://randomnerdtutorials.com/esp32-cam-send-photos-email/

Telegram: ESP32-CAM Take and Send Photo (Arduino IDE)

https://randomnerdtutorials.com/telegram-esp32-cam-photo-arduino/

63 of 86

人工智慧程式(程序方式)語言

人工智慧程式(程序方式)語言

64 of 86

REFERENCE:

Telegram: ESP32-CAM Take and Send Photo (Arduino IDE)

https://randomnerdtutorials.com/telegram-esp32-cam-photo-arduino/

Here’s an overview of the project you’ll build:

You’ll create a Telegram bot for your ESP32-CAM;

You can start a conversation with the ESP32-CAM bot;

When you send the message /photo to the ESP32-CAM bot, the ESP32-CAM board receives the message, takes a new photo and responds with that photo;

You can send the message /flash to toggle the ESP32-CAM’s LED flash;

You can send the /start message to receive a welcome message with the commands to control the board;

The ESP32-CAM will only respond to messages coming from your Telegram account ID.

Get Your Telegram User ID

人工智慧程式(程序方式)語言(續)

人工智慧程式(程序方式)語言

65 of 86

REFERENCE:

ESP32-CAM: Take and Send Photos via Email using an SMTP Server

https://randomnerdtutorials.com/esp32-cam-send-photos-email/

Create an App Password

You need to create an app password so that the ESP32 is able to send emails using your Gmail account. An App Password is a 16-digit passcode that gives a less secure app or device permission to access your Google Account. Learn more about sign-in with app passwords here.

An app password can only be used with accounts that have 2-step verification turned on.

  1. Open your Google Account.
  2. In the navigation panel, select Security.
  3. Under “Signing in to Google,” select 2-Step Verification > Get started.
  4. Follow the on-screen steps.

After enabling 2-step verification, you can create an app password.

  1. Open your Google Account.
  2. In the navigation panel, select Security.
  3. Under “Signing in to Google,” select App Passwords.

人工智慧程式(程序方式)語言(續)

人工智慧程式(程序方式)語言

66 of 86

REFERENCE:

ESP32-CAM Take Photo and Display in Web Server

https://randomnerdtutorials.com/esp32-cam-take-photo-display-web-server/

人工智慧程式(程序方式)語言(續)

人工智慧程式(程序方式)語言

67 of 86

REFERENCE:

ESP32-CAM with Telegram: Take Photos, Control Outputs, Request Sensor Readings and Motion Notifications

https://randomnerdtutorials.com/esp32-cam-shield-pcb-telegram/

REFERENCE:

ESP32-CAM Video Streaming Web Server (works with Home Assistant)

https://randomnerdtutorials.com/esp32-cam-video-streaming-web-server-camera-home-assistant/

ESP32-CAM應用】第一篇:

ESP32-CAM 打造無線影像串流主機ESP32cam

https://shop.mirotek.com.tw/iot/iot-start-2/

ESP32-CAM應用】第二篇:

Google Teachable Machine 使用 Arduino IDE – AI智慧影像辨識

https://shop.mirotek.com.tw/iot/esp32-cam_tm_image/

人工智慧程式(程序方式)語言(續)

人工智慧程式(程序方式)語言

68 of 86

REFERENCE:

ESP8266 NodeMCU Relay Module – Control AC Appliances (Web Server)

Control Multiple Relays with ESP8266 NodeMCU Web Server

https://randomnerdtutorials.com/esp8266-relay-module-ac-web-server/

ESP32 Relay Module – Control AC Appliances (Web Server)

https://randomnerdtutorials.com/esp32-relay-module-ac-web-server/

7.code_ESP8266網頁控制與ESP32手機語音控制插座家電

code_ESP8266_5Relay_Module_Web_Server_jack_test_ok1090916https://drive.google.com/drive/folders/1dTIRetcsFdsG7KX0JRei6I0Z4nF8xpJV?usp=sharing

人工智慧程式(程序方式)語言(續)

程式碼code_ESP32_NBIOT_BT_app_LED_FAN_jack_test_relay_ok1091008

https://drive.google.com/drive/folders/15f6_ddBDBzM5bjpoOwQLPzrdDHd0m9KU?usp=sharing

影片 ESP32-NBIOT擴展板應用於手機語音藍芽遙控USB風扇及LED設定與測試1091202(程式上傳)

   https://youtu.be/p5-hNxCRD9w

Telegram: ESP32 Motion Detection with Notifications (Arduino IDE)

https://randomnerdtutorials.com/telegram-esp32-motion-detection-arduino/

人工智慧程式(程序方式)語言

69 of 86

上傳程式傳輸線

USB to TTL 上傳程式碼

程式上傳

70 of 86

程式上傳

六、程式上傳(續)

程式上傳模式(燒錄模式)電路圖與實體接線圖

電路接線

用杜邦線將 USB to TTL 模塊 和 ESP32-CAM開發板連接,

如下說明或如上圖。

USB to TTL       ESP32-CAM

5V                         5V    (注意:請務必給5V電源)

Gnd                       Gnd

RXD                      U0Tx

TXD                      U0Rx

在燒錄模式時,需把 ESP32-CAM 的 GPIO0 腳位接地,也就是IO0 = Gnd。

程式上傳注意事項(很重要!!!)

71 of 86

程式上傳

程式上傳模式(燒錄模式)實體接線圖

程式上傳

USB to TTL🡨🡪ESP32-CAM

5V  🡨🡪 5V  (務必給5V電源)

GND  🡨🡪 GND

RXD 🡨🡪 U0Tx

TXD  🡨🡪 U0Rx

在燒錄模式時,需將 ESP32-CAM 的 GPIO0 腳位接地,也就是IO0 = GND(圖上黃色短路夾 跳線帽 jumper)

72 of 86

程式上傳注意事項(很重要!!!)

六、程式上傳(續)

拿一條母母對接IO0+GND

按Rst一下,此時進入燒錄(下載)模式

(序列視窗會出現waiting for download)

Arduino IDE按程式上傳

等候上傳完畢

出現Leaving…

拆除IO0

按下rst重開機,此時晶片進入工作模式

等候序列視窗資訊

程式上傳

73 of 86

程式上傳失敗之Troubleshooting(故障排除)

六、程式上傳(續)

ESP32-CAM Troubleshooting Guide: Most Common Problems Fixed

https://randomnerdtutorials.com/esp32-cam-troubleshooting-guide/

Most common errors:

  1. Failed to connect to ESP32: Timed out waiting for packet header
  2. Camera init failed with error 0x20001 or similar
  3. Brownout detector or Guru meditation error
  4. Sketch too big error – Wrong partition scheme selected
  5. Board at COMX is not available – COM Port Not Selected
  6. Psram error: GPIO isr service is not installed
  7. Weak Wi-Fi Signal
  8. No IP Address in Arduino IDE Serial Monitor
  9. Can’t open web server
  10. The image lags/shows lots of latency
  11. esp_camera_fb_get(): Failed to get the frame on time!

程式上傳

74 of 86

程式上傳失敗之Troubleshooting(故障排除)

六、程式上傳(續)

To upload the code, follow the next steps:

1) Go to Tools > Board and select AI-Thinker ESP32-CAM.

2) Go to Tools > Port and select the COM port the ESP32 is connected to.

3) Then, click the upload button to upload the code.       

4) When you start to see these dots on the debugging window as shown below, press the ESP32-CAM on-board RST button.

REFERENCE:

https://randomnerdtutorials.com/esp32-cam-video-streaming-web-server-camera-home-assistant/

ESP32-CAM Troubleshooting Guide: Most Common Problems Fixed

https://randomnerdtutorials.com/esp32-cam-troubleshooting-guide/

程式上傳

75 of 86

注意!!!

請準備足2A電流的USB傳輸線(務必確認)與充電頭或行動電源,以免電力不足供電給ESP32-CAM、NodeMCU-ESP8266晶片,造成電腦找不到序列埠(Serial port或稱COM埠),程式無法上傳到ESP32晶片。後續也會因電流不足2A造成手機無法搜尋到ESP32-CAM、NodeMCU-ESP8266晶片,影響wifi連線

 

手機無法搜尋到ESP32-CAM開發板(wifi無法連線)可能原因:

1.USB充電頭或行動電源輸出電流不足2A,無法提供足夠電力,影響wifi連線

解決方式:使用可提供2A電流USB充電頭或行動電源後,即可重新連線成功。

2.USB傳輸線無法提供2A電流,無法提供足夠電力,影響wifi連線

解決方式:使用可提供2A電流的傳輸線後,即可重新連線成功。

3.PIR人體紅外線與ESP32-CAM開發板通電使用中,造成電力不足,影響wifi連線

解決方式:拔除PIR人體紅外線模組上的電源線,其降低耗電後,即可重新連線成功。

4.智慧插座內的繼電器電源同時使用NodeMCU-ESP8266電源,造成電力不足,影響wifi連線

解決方式:繼電器電源使用獨立電源供應,降低NodeMCU-ESP8266電源耗電後,即可重新連線成功。

開發板wifi無法連線可能原因

76 of 86

AI辨識與智慧居家監控技術應用實例:

以ESP32-CAM及ESP8266開發板為例

影片ESP32-CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上專題範例仿作展示

https://youtu.be/t2k1VSfw-kc

一、ESP32-CAM拍照

1.傳賴Line

2.傳Telegram(TG)

3.傳Gmail

4.顯示在網頁上

二、ESP8266控制插座家電…

應用實例

77 of 86

影片 ESP CAM拍照傳賴line研習範例動態展示1110807

 https://youtu.be/c90NSCo4dJ4

影片 ESP CAM拍照傳賴line研習範例靜態展示1110807

https://youtu.be/zQQSv9ZtBzk

AI辨識與智慧居家監控技術應用實例:

以ESP32-CAM及ESP8266開發板為例(續)

應用實例

78 of 86

影片居家安全監控以手機網頁控制家電插座(esp8266)1110713

   https://youtu.be/9q3vO96zgD8

影片實測居家安全監控以esp32-cam 拍照傳賴line為例1110714

   https://youtu.be/SeFzePY6T1k

影片是esp32cam 約每15 秒拍照傳賴到手機( 群組)且持續拍照傳賴line 理應有人靠進時才拍照傳賴。可能我沒調人體紅外線感測器的旋鈕 即沒調整感應距離與時間, 待調整測試合適距離與時間. 雲林家客廳內有自動開燈並拍照傳賴而外面屋簷下的電燈沒亮 可能我忘記打開機械式計時器開關所以沒亮燈。但有拍照傳賴. 7/14 下午15:00 左右我們已離開雲林家且約17:30 回到高雄/ esp32cam依程式設定持續拍照傳賴

應用實例

AI辨識與智慧居家監控技術應用實例:

以ESP32-CAM及ESP8266開發板為例(續)

79 of 86

影片 esp32cam傳賴line人體紅外線感測器PIR時間選紐調整到最長測試1110716

  https://youtu.be/ldUA1fxrS94

影片ESP8266 Relay Module Web Server smartphone wifi 手機控制家電IOT物聯網教學模組展示1090918

https://youtu.be/9wWz_lm4KkI影片ESP8266 2Relay Module Web Server smartphone wifi手機控制家電展示 創意自造家課程1090917

https://youtu.be/voKml0VeRog

影片ESP8266_3Relay_Module_Web_Server_AC110電路實體圖 4插座1090912

https://youtu.be/5aCct-VnGA0

應用實例

AI辨識與智慧居家監控技術應用實例:

以ESP32-CAM及ESP8266開發板為例(續)

80 of 86

我的智慧插座

智慧插座第1代:

人工智慧記憶(光照度、溫溼度、濁度、濃度...)+內部自動控制(自動打開電燈空調、除濕機、空氣清淨機…)

補充資料:我的智慧插座

影片 kksh2019微笑台灣 創意教案教案說明與教學成果1081030(36分33秒)詳細版

https://youtu.be/GUZlyffJycI

code程式碼 電路圖 智慧插座 光敏電阻溫濕度粉塵PM25感測 jack test OK 1081022

https://drive.google.com/drive/folders/1Q8hr4iya1jBLkMLXlFog8bVxXIGUE1z3?usp=sharing

https://drive.google.com/drive/folders/1Q8hr4iya1jBLkMLXlFog8bVxXIGUE1z3

81 of 86

我的智慧插座

智慧插座第2代:

人工智慧記憶+內部自動控制+外部手機控制(藍芽、語音、網頁…物聯控制) 

補充資料:我的智慧插座

kksh2021STEM造課師成果展示1110616_12分鐘版本(手機語音控制家電)

   https://youtu.be/NFG3zHZt-9k

程式碼code_ESP32_NBIOT_BT_app_LED_FAN_jack_test_relay_ok1091008(上傳程式碼)

https://drive.google.com/drive/folders/15f6_ddBDBzM5bjpoOwQLPzrdDHd0m9KU?usp=sharing

影片 手機語音控制家電設施 瓦斯漏洩偵測 空氣清淨機 門禁 WPT無線充電 展演 綠色科技研究社 社團活動1110408_00474

 https://youtu.be/p6tisvEuzoA

補充資料:

手機語音控制家電操作說明(APP設定與使用)簡版1100111

https://drive.google.com/drive/folders/1yIcVTcXayIYKKt5olyn-rpC7V0WsJiY9?usp=sharing

影片 手機語音控制家電教學模組展示IOT物聯網1091016

https://youtu.be/RdNGyDYbv3Y

82 of 86

我的智慧插座

智慧插座第3代:

人工智慧記憶+內部自動控制+外部手機控制+訊息傳遞物聯互動(CAM拍照傳賴Line、傳Telegram、傳Gmail、拍照顯示在網頁上)

補充資料:我的智慧插座

影片ESP32-CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上

專題範例仿作展示1110816

https://youtu.be/t2k1VSfw-kc

物聯網之探究與實作及應用課程網

以智慧插座之為例(手機語音/網頁控制家電/設施)

IOT-Smart Power Outlet

短網址 https://bit.ly/2U6A1Jc

83 of 86

【TP-Link】Tapo P100 WIFI無線網路雲智慧插座(支援Google二代音箱)

https://m.momoshop.com.tw/goods.momo?i_code=7344809&mdiv=searchEngine&oid=1_1&kw=%E6%99%BA%E6%85%A7%E6%8F%92%E5%BA%A7

TP-Link Tapo P100 Smart Plug智慧插座開箱設定與功能介紹

https://www.youtube.com/watch?v=6_9BGzE5zVM

智能插座- 人氣推薦- 2021年10月 - 露天拍賣

https://www.myfone.com.tw/buy/prod/P0000203249947?utm_source=myfone.blog&utm_medium=jen_what_is_smart_home_04&utm_campaign=myfone.blog_0819

【智慧家庭 (Smart Home)是什麼?】智慧居家應用與入門智慧家庭產品推薦

https://myfone.blog/what-is-smart-home/?gclid=EAIaIQobChMI6KLD7eHk8wIVN51LBR0_pgZUEAMYAiAAEgIKK_D_BwE

智慧插座應用在廚房家電有多方便好用?4大使用情境實際操作給你看

https://myfone.blog/how-to-use-smart-socket/

D-Link 迷你Wi-Fi智慧插座 DSP-W118 (白)

https://www.myfone.com.tw/buy/prod/P0000203249947?utm_source=myfone.blog&utm_medium=jen_what_is_smart_home_04&utm_campaign=myfone.blog_0819

智慧插座(網路商品)

AI智慧監控產品(網路商品)

遠端監視器 露天拍賣 https://www.ruten.com.tw/store/66606789/

台灣保固 4機同框 有看頭360度戶外遠端監視器YP08S【1080P雙智能全彩追蹤】手機APP防水WIFI無線攝影機

https://www.ruten.com.tw/item/show?21816923157230

雙智能 4機同框 360度戶外無線攝影機C6SE【日夜全彩 1080P影音對話】V380手機APP遠端WIFI監視器

https://www.ruten.com.tw/item/show?21816918332464#info

84 of 86

ESP32-CAM人臉偵測門禁系統

ESP32 CAM Face Detection Door Lock System

https://www.youtube.com/watch?v=_VOmfJ4x-Fg&t=57s

ESP32-CAM 人臉偵測門禁系統

Face Detection Door Lock System

ESP32-CAM 鏡頭組裝與應用教學

How to setup and use ESP32 Wi-Fi Camera||ESP32CAM Getting Started||Face Detection� https://www.youtube.com/watch?v=52xRsRlACgY&t=0s

85 of 86

ESP32-CAM人臉偵測門禁系統(續)

ESP32-CAM人臉偵測門禁系統Face Detection Door Lock System

ESP32 CAM Smart IoT Bell and Door Lock Project, ESP32 Cam Project, ESP32 Cam and Blynk, IoT Camera

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

QR Code Based Door Lock System using ESP32-CAM

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

Smart Door Locks Security System using ESP32-CAM with QR Code

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

Smart WiFi Door Lock with camera using ESP32-CAM & Telegram App | Iot Projects

https://www.youtube.com/watch?v=11V2ZzHpW3Q

https://iotcircuithub.com/esp32-cam-telegram-wifi-door-lock/

code_ESP32-CAM_Face_Recognition_Door_Lock_System 搜尋1110819

https://drive.google.com/file/d/1WRnUGAe1r8XXu7k_acktAvje9f9tdC1g/view?usp=sharing

86 of 86

AI辨識與智慧居家監控技術應用:

以ESP32-CAM及ESP8266開發板為例

(CAM拍照傳賴Line、傳Telegram、傳Gmail、顯示在網頁上及控制插座家電…)

Vision IOT 影像物聯網 課程網 https://bit.ly/3dDdrFK

86

吳和桔老師之學經歷與教學研究成果簡介 https://bit.ly/3tKB1FB

Q&A

綜合討論與交流

影片ESP32-CAM拍照傳賴Line傳Telegram傳Gmail顯示在網頁上專題範例仿作展示

https://youtu.be/t2k1VSfw-kc