專科部｜網際網路概論自主學習指南

網路一下：
看得懂、連得上、做得出來

從每天使用的手機與Wi-Fi出發，沿著一筆資料的旅行，認識IP、DNS、網站、雲端、物聯網與生成式AI，最後親手完成一個能真正上線的智慧應用。

👀 看得懂📡 連得上🛠️ 做得出來

網際網路，不只是「會上網」

我們每天傳訊息、看影片、搜尋資料、使用生成式AI，也可能用手機控制燈光、機器人與感測器。但是，按下按鈕之後，資料究竟去了哪裡？手機如何找到網站？為什麼同一台ESP32既能讓手機直接連線，又能把資料送到雲端？

這門課真正要學的，不是背完所有名詞，而是能把「裝置、網路、網站、資料與使用者」連成一條看得懂、查得到問題，也能動手完成的路徑。

三個學習目標

👀

看得懂

理解LAN、Internet、IP、MAC、DNS、Domain、Port、Client、Server及Cloud的角色，不再只記名詞。

📡

連得上

能設定Wi-Fi、辨認AP與STA、讀懂IP資訊，並用分層方法找出連線、DNS、HTTPS或API問題。

🛠️

做得出來

從HTML頁面開始，逐步完成Django網站、MQTT控制、REST API與智慧生活小專題。

先看懂：一筆資料如何旅行

1. 使用者在手機或裝置上按下按鈕，產生一筆事件。
2. 裝置透過Wi-Fi加入區域網路，由路由器取得IP位址。
3. DNS把容易記憶的網域名稱轉換成伺服器IP。
4. 瀏覽器或ESP32透過HTTP／HTTPS送出Request。
5. 伺服器接收JSON資料，由Django程式處理並寫入Database。
6. Dashboard把資料整理成圖表，AI再從資料中產生知識與建議。

單元一｜看得懂網路的角色

從位址、名稱與服務入口，建立網際網路基本地圖。

IP、MAC、DNS、Domain與Port

CH01CH03理解「哪一台裝置、哪一個名稱、哪一項服務」。

一個按鈕按下後，資料去了哪裡？

CH01CH08用完整資料旅程串起抽象名詞。

Raspberry Pi應用之Windows檔案伺服器

CH04CH06理解Client／Server與網路資源分享。

當個快樂的物聯網自造者

CH08認識感測器、雲端、大數據與AI之間的關係。

再連上：從手機、Wi-Fi到Internet

單元二｜讓裝置真正連得上

不只看到「已連線」，還要知道資料能不能抵達服務。

Raspberry Pi藍牙4.0應用之iBeacon發射器

CH02比較BLE、Wi-Fi、NFC及室內定位。

ESP32 Edge Web × 手機

CH04CH05手機直接連到小型Web Server。

ESP32同時當基地台又能上網：AP＋STA

CH02CH04理解本地控制通道與Internet通道。

在Home Assistant添加MQTT Broker並測試MQTT

CH08以圖形化平台理解Broker、Topic與訊息傳遞。

最後做出來：網站、雲端、IoT與AI

單元三｜完成可以展示的智慧應用

從一頁網站逐步走向雲端服務與智慧生活專題。

在PythonAnywhere設計Django網站的功能表

CH05建立網站頁面、URL與導覽結構。

在PythonAnywhere設計Django網站的輪播功能

CH05CH12結合內容設計與網站行銷。

在Django網站中設計登入功能

CH11CH13認識會員、Session及帳號安全。

Django登入功能加上圖形驗證

CH13從CAPTCHA理解網站的自動化攻擊防護。

好用的物聯網APP工具－IoT MQTT Panel

CH06CH08用手機完成物聯網發布、訂閱與控制。

Ollama和ChatGPT有何不同？

CH07CH09比較本地AI、雲端AI、隱私與成本。

HTTP＋JSON＋REST API

CH05CH08進一步理解網頁與雲端服務如何交換資料。

網際網路×USR：從地方故事到數位共生平台

CH11CH12思考網站為誰而做、解決什麼問題。

四項學習任務

任務一｜畫出我的上網地圖從手機、AP、路由器、DNS到網站伺服器，畫出開啟網頁時資料經過的節點。

任務二｜成為網路小偵探使用IP資訊與瀏覽器訊息，判斷問題發生在Wi-Fi、Gateway、DNS還是網站服務。

任務三｜完成一頁地方網站用HTML或Django製作地方人物、文化、食農或工藝主題頁面。

任務四｜讓實體事件上雲端讓按鈕、感測器或機器人透過MQTT或REST API把資料送到Dashboard。

學完之後，我可以做到什麼？

能力	我能做到	成果證據
網路理解	用自己的話解釋IP、DNS、Domain、Port及Client／Server	資料旅程圖、概念說明
連線診斷	依序檢查Wi-Fi、IP、Gateway、DNS、HTTPS與服務狀態	連線檢查表、除錯紀錄
網站製作	完成具有導覽、圖片、內容及基本互動的網站	網站網址、QR Code
智慧聯網	讓手機、ESP32或感測器與雲端交換資料	MQTT訊息、API紀錄、Dashboard
數位素養	辨識密碼、個資、AI內容與著作權的基本風險	風險檢核與使用說明

網路學習的終點，不是背出答案

而是面對一個真實需求時，知道資料從哪裡來、要往哪裡去、如何安全抵達，並能把技術做成真正有人願意使用的服務。

看得懂，是理解；連得上，是能力；做得出來，才是實踐。

教材來源：智慧生活科技專業社群。文章依專科部《網際網路概論》學習需求重新整理，實際授課時可搭配操作示範、學習單與場域型專題。