差異處

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

--- open:aboutme [2025/08/10 21:20]
wenchin [🟠 程式設計]
+++ open:aboutme [2025/08/26 17:56] (目前版本)
wenchin [講授課程]
@@ 行 106: / 行 106: @@
 <collapse id="teaching"></collapse>
 ===== 講授課程 =====
-=== 🔸 大專 資訊相關學科 ===
+=== 🔶 大專 資訊相關學科 ===
   * UML 物件導向系統分析與設計
-  * 資料庫管理系統 (SQL、MariaDB、NoSQL、MongoDB)
+  * 資料庫管理系統 (SQL、MySQL/MariaDB、NoSQL、MongoDB)
-  * 資料庫及網頁應用程式開發 (MariaDB + Python Django)
+  * 資料庫及網頁應用程式開發 (Python + Django)
   * 行動應用程式設計 (Dart + Flutter)
-  * 物聯網應用 (微控板與感測元件, ESPHome, MicroPython, TracCar, Node-RED)
+  * 物聯網應用 (TCP/IP、Node-RED、微控板、ESPHome、MicroPython、TracCar)
-  * 互動設計 (PyGame & Unity)
+  * 互動設計 (MediaPipe、PyGame、Unity、Blender)
   * 網頁與多媒體製作
   * 計算機概論
@@ 行 118: / 行 118: @@
 \\
-=== 🔸 勞動部 委辦職訓課程 ===
+=== 🔶 勞動部 委辦職訓課程 ===
   * 產業人才投資方案：
     * 智慧家居與物聯網整合應用實務班
@@ 行 128: / 行 128: @@
 \\
-=== 🔸 物聯網創客基地 工作坊課程 ===
+=== 🔶 物聯網創客基地 工作坊課程 ===
   * IoT
     * Node-RED 視覺化開發工具 建置物聯網監控平台
@@ 行 151: / 行 151: @@
 <collapse id="syllabus"></collapse>
 ===== 課程主題規劃 =====
-==== 🟠 程式設計 ====
+==== 🟡 程式設計 ====
-<button collapse="python_coding">🔹 Python 程式設計</button><collapse id="python_coding" collapsed="true">
+<button collapse="coding_py">🔹 Python 程式設計</button><collapse id="coding_py" collapsed="true">
 <panel>
   * Python 入門 ～ 開發工具、變數、基本資料型態、流程控制、語法結構
@@ 行 169: / 行 169: @@
-\\
+<button collapse="coding_sql">🔹 SQL 資料庫 與 Python 網頁整合應用系統實作</button><collapse id="coding_sql" collapsed="true">
-=== 🔹 SQL 資料庫 與 Python 網頁整合應用系統實作 ===
+<panel>
 == 　【SQL】 ==
   * Relational Database 關聯式資料庫 簡介
@@ 行 193: / 行 193: @@
   * 資料庫網頁整合應用系統 範例解析
   * 專題： 應用 Python Django 開發資料庫網頁整合應用系統
+</panel>
+</collapse>
-\\
+<button collapse="coding_mol">🔹 MongoDB 文件型資料庫、MQL 查詢語言、與 Python / Node.js 整合應用</button><collapse id="coding_mol" collapsed="true">
-=== 🔹 MongoDB 文件型資料庫、MQL 查詢語言、與 Python / Node.js 整合應用 ===
+<panel>
   * NoSQL 非關聯式資料庫、及 MongoDB 簡介
   * MongoDB Server 文件型資料庫伺服器本機安裝、及雲端 Atlas 免費額度啟用
@@ 行 208: / 行 210: @@
   * 撰寫 Python 程式，存取 MongoDB 資料庫 ～ 使用 PyMongo 模組
   * 撰寫 Node.js 程式，存取 MongoDB 資料庫 ～ 使用 mongodb 模組
+</panel>
+</collapse>
-\\
+<button collapse="coding_html5">🔹 HTML5 動態網頁設計</button><collapse id="coding_html5" collapsed="true">
-=== 🔹 HTML5 動態網頁設計 ===
+<panel>
   * 網頁設計初體驗 ~ 編輯、預覽、上傳雲端伺服器
   * 常用 HTML 元素、影音多媒體元素、表格、及表單
@@ 行 219: / 行 223: @@
   * Bootstrap 基本概念、元件應用
   * RWD 響應式網頁設計
+</panel>
+</collapse>
-\\
+<button collapse="coding_nodejs">🔹 Node.js / JavaScript 程式設計</button><collapse id="coding_nodejs" collapsed="true">
-=== 🔹 Node.js / JavaScript 程式設計 ===
+<panel>
   * Node.js 與 擴充模組 開發應用
   * MongoDB 文件資料庫 存取應用
   * Express 輕量 Web Server 框架及 RESTful API 框架應用
   * OpenLayers 網頁地圖開發套件應用
+</panel>
+</collapse>
 \\
-==== 🟠 系統、網路 ====
+==== 🟡 系統、網路 ====
-=== 🔹 VM 虛擬主機 / Linux 作業系統 ===
+<button collapse="sys_">🔹 VM 虛擬主機 / Linux 作業系統</button><collapse id="sys_" collapsed="true">
+<panel>
   * VirtualBox / Hyper-V 虛擬主機管理
   * Ubuntu / RedHat / Oracle Linux Server 安裝設定、基本操作
+</panel>
+</collapse>
-\\
-=== 🔹 Application Server 應用伺服器 ===
+<button collapse="app">🔹 Application Server 應用伺服器</button><collapse id="app" collapsed="true">
+<panel>
   * MySQL / MarianDB / MongoDB 各式資料庫管理系統 安裝設定、基本操作
   * Apache / NGINX Web Server 網頁伺服器 安裝設定、與基本應用
@@ 行 242: / 行 254: @@
   * Samba Network Sharing (NetBIOS) -- LINUX 與 Windows 共享 網路硬碟
   * MQTT (物聯網 IoT 常用通訊協定) Server 安裝設定、基本操作
+</panel>
+</collapse>
-\\
-=== 🔹 Network 網路 / Internet 連線 ===
+<button collapse="net">🔹 Network 網路 / Internet 連線</button><collapse id="net" collapsed="true">
+<panel>
   * TCP/IP 基本概念
   * DNS Server 安裝設定
@@ 行 250: / 行 265: @@
   * Firewall 常用設定
   * VNC Server / X-Window 遠端 LINUX 桌面連線
+</panel>
+</collapse>
 \\
-==== 🟠 IoT / AIoT 應用 ====
+==== 🟡 IoT / AIoT 應用 ====
-=== 🔹 IoT 物聯網 / Open Data / 電子地圖 / 雲端服務 ===
+<button collapse="iot">🔹 IoT 物聯網 / Open Data / 電子地圖 / 雲端服務</button><collapse id="iot" collapsed="true">
+<panel>
   * 微控板應用程式開發工具：
     * Arduino IDE 與 C++ 應用程式開發
@@ 行 270: / 行 288: @@
     * 自製雲端網頁版 測速照相預警器 ((
 採用 GAE 雲端平臺架設網頁，測速相機位置來自政府「測速執法設置點」開放資料。當使用者打開手機 Browser 連入指定網址後，即可透過 HTML5 的 GeoLocation API 持續讀取 Browser 所支援的「位置感應器」。 \\ 在此同時，行車方位、車速、與接近中的測速相機距離 等資訊，也會搭配 OSM 開放街圖 即時呈現在網頁上。其中有關測速相機的即時資訊，系統還會以 TTS (Text-to-Speech) 文字轉語音的方式來提醒駕駛人注意。))
+</panel>
+</collapse>
-\\
+<button collapse="ha">🔹 智慧家居 與 物聯網 整合平臺</button><collapse id="ha" collapsed="true">
-=== 🔹 智慧家居 與 物聯網 整合平臺 ===
+<panel>
   * 使用 Home Assistant 及 ESPHome 開源軟體，來與實作智慧家居、與物聯網、及各式智慧家電 進行整合。
   * 瞭解「智慧家居操控智慧化」的核心元素，包含：整合 Integration、服務 Service、腳本 Script、場景 Scene、自動化 Automation 等機制。
@@ 行 279: / 行 299: @@
   * 整合手機App應用的服務，包含：手機內建感測器、App 訊息通知、GPS 軌跡追蹤、QR-Code 掃瞄、IP Camera 監視器 等。
   * 整合異質系統或雲端應用服務，包含：MQTT、RESTful API、Shell Command、JSONPath、LINE Notify、IFTTT 等。
+</panel>
+</collapse>
-\\
+<button collapse="mcu">🔹 微控板、物聯網、車隊管理 整合平臺</button><collapse id="mcu" collapsed="true">
-=== 🔹 微控板、物聯網、車隊管理 整合平臺 ===
+<panel>
   * 從各類微控板及感測裝置的組裝配線講起，再介紹常用的微控板開發工具，之後談到物聯網常用的幾種通訊協定。
   * 採用 ESPHome 及 MicroPython 兩種方式來開發應用程式，以示範微控板如何驅動各類型的感測裝置，並展示如何透過各種網路通訊協定來與外部系統連結，以形成物聯網架構。
   * 介紹 OwnTracks App 和 Traccar 平臺，分別用於 人員定位追踨 及 車隊管理，將物聯網的應用推及至「人車即時位置的感知」層面。
   * 採用 Node-RED 視覺化 IoT 應用程式開發工具，為「物聯網中央控制平臺」提供了快速導入的解決方案。
+</panel>
+</collapse>
-\\
+<button collapse="ai_cv">🔹 AI / AIoT / 電腦視覺 / 3D 動畫 / AR / VR</button><collapse id="ai_cv" collapsed="true">
-=== 🔹 AI / AIoT / 電腦視覺 / 3D 動畫 / AR / VR ===
+<panel>
   * OpenCV 影像處理 與 電腦視覺
   * 應用 OpenALPR 車牌辨識套件，開發停車場閘門自動控制系統
@@ 行 312: / 行 336: @@
   * AIoT 家庭號大包裝 ～ 實作 電腦視覺、機器學習、及手勢辨識，以操控 智慧家居平臺  ((應用 Google MediaPipe 電腦視覺開發套件，對辨識出的各種手勢姿態關鍵點座標進行採樣，同時加以標記分類，再送入 AI 機器學習模型中進行訓練。 \\ 兩階段的 AI 模型處理，可讓後者的自訓模型免於處理大量的 2D 影像資料，只需專注在精簡的關鍵點相對位置即可。模型簡化使得記憶體耗用減少、運算也更有效率。 \\ 完成訓練後，系統實際運作也同樣是讓視訊串流先通過 MediaPipe 來截取手勢姿態中的關鍵點座標，再交給訓練好的 AI 模型進行推演。 \\ 當具有特定意涵的手勢被識別出來時，立即轉成指令代碼，透過 MQTT 物聯網通訊協定，傳入 Home Assistant 智慧家居平臺，藉以觸發任何自訂的反應機制，最簡單的如：開燈、關燈動作。))
+</panel>
+</collapse>
 \\
-==== 🟠 其他 ====
+==== 🟡 其他 ====
+<button collapse="others">🔹 其他</button><collapse id="others" collapsed="true">
+<panel>
   * 內容管理
     * 應用 DokuWiki 打造個人記事本及雲端社群協作平台
@@ 行 328: / 行 356: @@
   * 數位履歷表製作
     * 以 GitHub Pages 平臺為例
+</panel>
+</collapse>
 \\