這是本文件的舊版！

---

銘傳大學 辦理 勞動部 勞動力發展署 產業新尖兵 試辦計畫 ～

從網頁及程式設計到AIoT智慧物聯網應用實務班

---

• TaiwanJobs 產業新尖兵試辦計畫網
  • 課程明細: URL?

課程計畫

• 公開版：

• 日程表：

• 課表: 從網頁及程式設計到AIoT智慧物聯網應用實務班 最終版
  • URL –

計劃草案

• 時數： 計 280 小時
• 安排日期： 111年月日 至 月日

總課表

課程關連圖

---

蘇中聖 老師

陳信嘉 老師

HTML5 / JavaScript 互動式網頁程式設計 (4d)

1. 基本網頁設計 HTML
2. 樣式的表現 CSS
3. 前端網頁的程式語言 JavaScript
4. RWD 網頁設計方法

Arduino 應用與基礎程式設計 (4d)

1. Arduino 開發板及程式設計：開發板使用與程式基本架構
2. 數位類比的輸出及輸入：點亮 LED 及燈光變化，燈光色彩漸變
3. 與電腦溝通及互動科技：序列埠資料傳輸、Processing 程式語言
4. 藍牙 App 與手機溝通：App Inventor 程式及 App 製作

物聯網系統與雲端服務 (4d)

1. 感測器的應用及系統開發：各類感測器的使用與程式
2. 雲端平台服務：Thingspeak 雲端平台的 API 及程式開發
3. 雲端事件驅動服務：使用 IFTTT 連結事件與各種雲端服務
4. 物聯網與 LINE 互動：使用 Webhook 與 LINE Notifiy

OpenCV 影像處理 與電腦視覺 (3d)

1. OpenCV 介紹與影像基本操作： 開發環境與程式庫安裝
2. 各種影像處理技巧：二值化 、去雜訊、模糊、強化、縮放、色彩空間轉換等
3. 電腦視覺應用：物體檢測與影像辨識

AI 人工智慧理論 與技術基礎 (4d)

1. AI 認識與實際操作：影像辨識及 AI 系統開發
2. AI 的數學基礎與演算法原理：線性代數、微積分丶機率
3. 機器學習與深度學習：類神經網路與迴歸分析丶預測
4. 卷積神經網路：PyTorch 辨識程式開發

---

謝文欽 老師

Python 基礎程式設計 (6d)

1. Python 入門 ～ 開發工具、變數、基本資料型態、List & Tuple 型態、流程控制、語法結構
2. Python 資料存取 ～ 檔案存取、Set 集合、Dictionary 字典 資料型態、及 JSON 格式
3. Python 結構化程式設計 ～ 函式應用、套件與模組、類別與實例
4. Pyhton 程式設計的發想與構思 ～ 多層 Loop 迴圈應用、Recursive 遞迴應用、猜數字遊戲的流程設計
5. Pyhton 物件導向程式設計的思維 ～ 製作「擬人化」的 Class 類別 與 Instance 實例
6. Pyhton 更多的語法以及資料結構的應用 ～ Stack 堆疊、Queue 佇列、Iterator 迭代器、Generator / Yield 產生器、Lambda 匿名函數

Python 整合應用實務 (5d)

1. 使用 MQTT 通訊模組 及 PyGame 遊戲模組 開發搖控版 Slither 貪吃蛇遊戲
2. Pyhton 資料科學基礎 ～ NumPy 數值處理、 Pandas 資料分析、與 MatPlotLib 視覺化
3. Pyhton 網路爬蟲 Web Scraper / Crawler 基礎應用
4. 關聯式資料庫 安裝 與 SQL 語法應用簡介
5. Python 與 SQL 資料庫整合應用 ～ MySQL / MarianDB 整合應用

Open Data/API 與 OpenStreetMap 開放街圖 整合應用 (4d)

1. 網頁地圖應用實例展示
2. 開發環境準備
3. JavaScript 與 Node.js 程式開發應用簡介
4. Open Data 資料格式解析、處理
5. Open API 參數定義、回傳資料解析、處理
6. OpenLayers 網頁地圖開發套件
7. 下載 Open Data、套疊在地圖上展示
8. 定時存取 Open API 資料、動態更新到地圖上
9. 透過 MQTT 訂閱 各地溫溼度資料、動態更新到地圖上

AIoT 人工智慧物聯網應用主題 (3d)

1. MediaPipe ～ AI 電腦視覺 開發套件簡介
2. 透過 手指姿態偵測 來操控 Slither 貪吃蛇遊戲
3. 物聯網三軸機器手臂 組裝測試
4. 透過 人體姿態偵測 來操控 機器手臂裝置

陳俊廷 老師

專題製作 (6.5d)

1. 專題製作方法 / 專題分組與主題討論
2. 系統架構設計與分析
3. 系統專題開發
4. 技術文件編寫 / 簡報設計及表達實務

---

四位 老師

就業輔導及人才媒合 (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
  • MQTT.js tutorial
  • 在網頁中使用 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
  • Using MQTT Over WebSockets with Mosquitto
  • MQTT Over Websockets Explained for Beginners (video)