open:codeaiot

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

下次修改 		前次修改
open:codeaiot [2022/03/11 10:14]
wenchin 建立 		open:codeaiot [2022/03/11 12:25] (目前版本)
wenchin [🔸 Open Data/API 與 OpenStreetMap 開放街圖 整合應用 (4d)]
行 4: 行 4:
 \\ \\
 ---- ----
- 
-  * TaiwanJobs 產業新尖兵試辦計畫網 ​ 
-    * 課程明細:​ URL? FIXME 
- 
- 
-\\ 
 ===== 課程計畫 ===== ===== 課程計畫 =====
-  * 公開版： https://​wiki.goomo.net/​doku.php/​open/​codeaiot ​FIXME+  * 公開版： https://​wiki.goomo.net/​doku.php/​open/​codeaiot
  
   * 日程表： ​   * 日程表： ​
  
-  * 課表: 從網頁及程式設計到AIoT智慧物聯網應用實務班 ​:!: 最終版+  * 課表: 從網頁及程式設計到AIoT智慧物聯網應用實務班
     * URL -- :?:     * URL -- :?:
 +
 +  * TaiwanJobs 產業新尖兵試辦計畫網 ​
 +    * 課程明細 -- :?:
  
  
 \\ \\
 ===== 計劃草案 ===== ===== 計劃草案 =====
-  * 時數： 計 :?: 280 小時+  * 時數： ​<text type="​warning">​計 357 小時</​text>​
   * 安排日期： 111年:?:​月:?:​日 至 :?:​月:?:​日   * 安排日期： 111年:?:​月:?:​日 至 :?:​月:?:​日
  
行 28: 行 25:
 ===== 總課表 ===== ===== 總課表 =====
 ^  代號 ​ ^  課程名稱 ​ ^  講師 ​ ^  時數 ​ ^ ^  代號 ​ ^  課程名稱 ​ ^  講師 ​ ^  時數 ​ ^
-| ''​industry''​ | AIoT 產業發展實務 | 蘇中聖 | +| ''​industry''​ | AIoT 產業發展實務 | 蘇中聖 ​| 42h | 
-| ''​html5''​ | HTML5 / JavaScript 互動式網頁程式設計 | 陳信嘉 | +| ''​html5''​ | HTML5 / JavaScript 互動式網頁程式設計 | 陳信嘉 ​| 28h | 
-| ''​arduino''​ | Arduino IDE 微控板應用與 C++ 基礎程式設計 | 陳信嘉 | +| ''​arduino''​ | Arduino IDE 微控板應用與 C++ 基礎程式設計 | 陳信嘉 ​| 28h | 
-| ''​iot''​ | 物聯網系統與雲端服務 | 陳信嘉 | +| ''​iot''​ | 物聯網系統與雲端服務 | 陳信嘉 | 28h | 
-| ''​opencv''​ | OpenCV 影像處理與電腦視覺 | 陳信嘉 ​| +| ''​ai''​ | AI 人工智慧理論與技術基礎 | 陳信嘉 ​| 28h | 
-| ''​ai''​ | AI 人工智慧理論與技術基礎 | 陳信嘉 | +| ''​python''​ | Python 基礎程式設計 | 謝文欽 ​| 42h | 
-| ''​python''​ | Python 基礎程式設計 | 謝文欽 | +| ''​pyint''​ | Python 整合應用實務 | 謝文欽 ​| 35h | 
-| ''​pyint''​ | Python 整合應用實務 | 謝文欽 | +| ''​opencv''​ | OpenCV 影像處理與電腦視覺 ​| 謝文欽 ​| 21h | 
-| ''​map''​ | Open Data/​API ​與 OpenStreetMap 開放街圖 整合應用 ​| 謝文欽 | +| ''​aiot''​ | AIoT 人工智慧物聯網應用主題 | 謝文欽 ​| 28h | 
-| ''​aiot''​ | AIoT 人工智慧物聯網應用主題 | 謝文欽 | +| ''​map''​ | Open Data/API 與 OpenStreetMap 開放街圖 整合應用 | 謝文欽 | 28h | 
-| ''​project''​ | 專題製作 | 陳俊廷 | +| ''​project''​ | 專題製作 | 陳俊廷 ​| 45h | 
-| ''​match''​ | 就業輔導及人才媒合 | 全 |+| ''​match''​ | 就業輔導及人才媒合 | 陳俊廷 | 4h |
  
  
行 52: 行 49:
 agent python as "​◾python (謝:​6d)\nPython 基礎程式設計" ​ #AFC agent python as "​◾python (謝:​6d)\nPython 基礎程式設計" ​ #AFC
 agent iot as "​◾iot (陳:​4d)\n物聯網系統與雲端服務" ​ #ACF agent iot as "​◾iot (陳:​4d)\n物聯網系統與雲端服務" ​ #ACF
-agent opencv as "​◾opencv (陳:​3d)\nOpenCV 影像處理與電腦視覺" ​ #ACF +agent opencv as "​◾opencv (謝:​3d)\nOpenCV 影像處理與電腦視覺" ​ #AFC 
-agent ai as "◾ai (陳:4d)\n人工智慧理論與技術基礎" ​ #ACF +agent ai as "◾ai (陳:4d)\nAI 人工智慧理論與技術基礎" ​ #ACF 
-agent aiot as "​◾aiot (謝:3d)\nAIoT 人工智慧物聯網應用主題" ​ #AFC+agent aiot as "​◾aiot (謝:4d)\nAIoT 人工智慧物聯網應用主題" ​ #AFC
 agent pyint as "​◾pyint (謝:​5d)\nPython 整合應用實務" ​ #AFC agent pyint as "​◾pyint (謝:​5d)\nPython 整合應用實務" ​ #AFC
 agent industry as "​◾industry (蘇:​6d)\nAIoT 產業發展實務" ​ #FCA agent industry as "​◾industry (蘇:​6d)\nAIoT 產業發展實務" ​ #FCA
-agent project as "​◾project (廷:​6.5d)\n專題製作" ​ #AFC +agent project as "​◾project (廷:​6.5d)\n專題製作" ​ #FAC 
-agent match as "​◾match (全:​0.5d)\n就業輔導及人才媒合" ​ #FAC+agent match as "​◾match (廷:​0.5d)\n就業輔導及人才媒合" ​ #FAC
  
 html5 ---> map html5 ---> map
行 79: 行 76:
 \\ \\
 ---- ----
- 
 ===== 蘇中聖 老師 ===== ===== 蘇中聖 老師 =====
 +==== 🔸 AIoT 產業發展實務 (6d) ====
  
  
 +\\
 +----
 ===== 陳信嘉 老師 ===== ===== 陳信嘉 老師 =====
-==== HTML5 / JavaScript 互動式網頁程式設計 (4d) ====+==== 🔸 HTML5 / JavaScript 互動式網頁程式設計 (4d) ====
   - 基本網頁設計 HTML   - 基本網頁設計 HTML
   - 樣式的表現 CSS   - 樣式的表現 CSS
行 92: 行 91:
  
 \\ \\
-==== Arduino 應用與基礎程式設計 (4d) ====+ 
 +==== 🔸 Arduino ​IDE 微控板應用 與 C++ 基礎程式設計 (4d) ====
   - Arduino 開發板及程式設計：開發板使用與程式基本架構   - Arduino 開發板及程式設計：開發板使用與程式基本架構
   - 數位類比的輸出及輸入：點亮 LED 及燈光變化，燈光色彩漸變   - 數位類比的輸出及輸入：點亮 LED 及燈光變化，燈光色彩漸變
   - 與電腦溝通及互動科技：序列埠資料傳輸、Processing 程式語言   - 與電腦溝通及互動科技：序列埠資料傳輸、Processing 程式語言
   - 藍牙 App 與手機溝通：App Inventor 程式及 App 製作   - 藍牙 App 與手機溝通：App Inventor 程式及 App 製作
 +
  
 \\ \\
-==== 物聯網系統與雲端服務 (4d) ====+==== 🔸 物聯網系統 與 雲端服務 (4d) ====
   - 感測器的應用及系統開發：各類感測器的使用與程式   - 感測器的應用及系統開發：各類感測器的使用與程式
   - 雲端平台服務：Thingspeak 雲端平台的 API 及程式開發   - 雲端平台服務：Thingspeak 雲端平台的 API 及程式開發
行 107: 行 108:
  
 \\ \\
-==== OpenCV 影像處理 與電腦視覺 (3d) ==== +==== 🔸 AI 人工智慧理論 與技術基礎 (4d) ====
-  - OpenCV 介紹與影像基本操作： 開發環境與程式庫安裝 +
-  - 各種影像處理技巧：二值化 、去雜訊、模糊、強化、縮放、色彩空間轉換等 +
-  - 電腦視覺應用：物體檢測與影像辨識 +
- +
- +
-\\ +
-==== AI 人工智慧理論 與技術基礎 (4d) ====+
   - AI 認識與實際操作：影像辨識及 AI 系統開發   - AI 認識與實際操作：影像辨識及 AI 系統開發
   - AI 的數學基礎與演算法原理：線性代數、微積分丶機率   - AI 的數學基礎與演算法原理：線性代數、微積分丶機率
行 124: 行 118:
 ---- ----
 ===== 謝文欽 老師 ===== ===== 謝文欽 老師 =====
-==== Python 基礎程式設計 (6d) ====+==== 🔸 Python 基礎程式設計 (6d) ====
   - Python 入門 ～ 開發工具、變數、基本資料型態、List & Tuple 型態、流程控制、語法結構   - Python 入門 ～ 開發工具、變數、基本資料型態、List & Tuple 型態、流程控制、語法結構
   - Python 資料存取 ～ 檔案存取、Set 集合、Dictionary 字典 資料型態、及 JSON 格式   - Python 資料存取 ～ 檔案存取、Set 集合、Dictionary 字典 資料型態、及 JSON 格式
行 131: 行 125:
   - Pyhton 物件導向程式設計的思維 ～ 製作「擬人化」的 Class 類別 與 Instance 實例   - Pyhton 物件導向程式設計的思維 ～ 製作「擬人化」的 Class 類別 與 Instance 實例
   - Pyhton 更多的語法以及資料結構的應用 ～ Stack 堆疊、Queue 佇列、Iterator 迭代器、Generator / Yield 產生器、Lambda 匿名函數   - Pyhton 更多的語法以及資料結構的應用 ～ Stack 堆疊、Queue 佇列、Iterator 迭代器、Generator / Yield 產生器、Lambda 匿名函數
 +
  
 \\ \\
-==== Python 整合應用實務 (5d) ====+==== 🔸 Python 整合應用實務 (5d) ====
   - 使用 MQTT 通訊模組 及 PyGame 遊戲模組 開發搖控版 Slither 貪吃蛇遊戲   - 使用 MQTT 通訊模組 及 PyGame 遊戲模組 開發搖控版 Slither 貪吃蛇遊戲
   - Pyhton 資料科學基礎 ～ NumPy 數值處理、 Pandas 資料分析、與 MatPlotLib 視覺化   - Pyhton 資料科學基礎 ～ NumPy 數值處理、 Pandas 資料分析、與 MatPlotLib 視覺化
行 142: 行 137:
  
 \\ \\
-==== Open Data/​API ​與 OpenStreetMap 開放街圖 整合應用 ​(4d) ==== +==== 🔸 OpenCV 影像處理 ​與 電腦視覺 ​(3d) ==== 
-  - 網頁地圖應用實例展示 +  - OpenCV 介紹與影像基本操作： ​開發環境與程式庫安裝 
-  - 開發環境準備 +  - 各種影像處理技巧：二值化 ​、去雜訊、模糊、強化、縮放、色彩空間轉換等 
-  - JavaScript ​與 Node.js ​程式開發應用簡介 +  - 電腦視覺應用：物體檢測與影像辨識
-  - Open Data 資料格式解析、處理 +
-  - Open API 參數定義、回傳資料解析、處理 +
-  - OpenLayers 網頁地圖開發套件 +
-  - 下載 Open Data、套疊在地圖上展示 +
-  - 定時存取 Open API 資料、動態更新到地圖上 +
-  - 透過 MQTT 訂閱 各地溫溼度資料、動態更新到地圖上+
  
  
 \\ \\
-==== AIoT 人工智慧物聯網應用主題 (3d) ==== +==== 🔸 AIoT 人工智慧物聯網應用主題 (4d) ==== 
-  - MediaPipe ～ AI 電腦視覺 開發套件簡介 +  - AI 電腦視覺「MediaPipe」開發套件 簡介、安裝、及操作 
-  - 透過 手指姿態偵測 來操控 Slither 貪吃蛇遊戲 +  - 人體姿態辨識 應用實例 ～ 透過 手指姿態偵測 來操控 Slither 貪吃蛇遊戲 
-  - 物聯網三軸機器手臂 組裝測試 +  - 物聯網三軸機器手臂 組裝 ​～ 透過 人體姿態偵測 來操控 機器手臂裝置 
-  - 透過 人體姿態偵測 來操控 機器手臂裝置+  - 使用雙鏡頭及同步校準程序以獲取更精準的3D座標 ～ 動態視角展現 3D Hand 及 3D Body
  
  
 \\ \\
 +==== 🔸 Open Data/API 與 OpenStreetMap 開放街圖 整合應用 (4d) ====
 +  - 各類電子地圖、網頁地圖開發套件 簡介
 +  - JavaScript 與 Node.js 程式開發工具應用簡介
 +  - 政府 Open Data/API 簡介、結構化 JSON 資料格式解析
 +  - OpenLayers 網頁地圖開發套件 簡介及應用
 +  - 在地圖上繪製 YouBike 公共自行車 各站點位置 及 可借車輛數
 +  - 在地圖上繪製 指定公車路線的 所有站牌 及 行駛中班車的位置
 +  - 透過 MQTT 訂閱，將各地 物聯網微控板的溫溼度資料 動態更新到地圖上
  
 +
 +\\
 +----
 ===== 陳俊廷 老師 ===== ===== 陳俊廷 老師 =====
-==== 專題製作 (6.5d) ====+==== 🔸 專題製作 (6.5d) ====
   - 專題製作方法 / 專題分組與主題討論   - 專題製作方法 / 專題分組與主題討論
   - 系統架構設計與分析   - 系統架構設計與分析
行 173: 行 173:
  
 \\ \\
----- +==== 🔸 就業輔導及人才媒合 (0.5d) ====
-===== 四位 老師 ===== +
-==== 就業輔導及人才媒合 (0.5d) ==== +
- +
- +
- +
- +
-\\ +
----- +
-====== 附記 ====== +
-  * NoSQL / MongoDB 塞不進去，不教了，只留 Python + SQL +
- +
-  * 溫溼度感測器 仍然使用 MQTT 回傳。 +
-    * 預計的 MQTT Topic: %%"​codeaiot/​dht"​%% +
-    * 預計的 MQTT Payload: %%"{ id='​shinjia',​ lon=121.571234,​ lat=25.051234,​ temp=18.5, humi=65 }"%% +
-    * 預計共用的 MQTT Server:  +
-      * %%"​ws://​test.mosquitto.org:​8080"​%% +
-      * %%"​wss://​test.mosquitto.org:​8081"​%% +
- +
-  * Front-End 的 JavaScript 一邊 收 MQTT，一邊更新地圖。 可能畫一個小圓在指定座標上,​ 用顏色來表示溫度，滑鼠滑過去會出現溫溼度提示。當收到的 id 相同時，就清掉舊的，顯示新收到的。 +
- +
-  * MQTT in JavaScript +
-    * [[https://​www.emqx.com/​en/​blog/​mqtt-js-tutorial | MQTT.js tutorial]] +
-    * [[https://​dev.to/​codemee/​javascript-mqtt-910 | 在網頁中使用 JavaScript 進行 MQTT 通訊]] +
-    * 測成功了! +
-      * 先用 MQTTBox 從 %%mqtt://​test.mosquitto.org%% 收 Topic %%"​codeaiot/​dht"​%% +
-      * 再開 browser 分別執行這兩個網址 +
-        * http://​play.goomo.net/​js/​mqtt/​ws.html +
-        * https://​play.goomo.net/​js/​mqtt/​wss.html +
- +
-  * Enable both TCP and WebSocket in Mosquitto +
-    * [[http://​www.steves-internet-guide.com/​mqtt-websockets/​ | Using MQTT Over WebSockets with Mosquitto]] +
-    * [[https://​www.youtube.com/​watch?​v=EvUI4vRhF88 | MQTT Over Websockets Explained for Beginners (video)]]+
  
  
  • open/codeaiot.1646964846.txt.gz
  • 上一次變更: 2022/03/11 10:14
  • 由 wenchin