---
# System prepended metadata

title: 智慧商店中控系統_期末報告講稿

---

# 🏪 智慧商店中控系統  
## 期末報告講稿

---

**組別**：第四組 商店模擬  
**總頁數**：27 頁  

---

## Slide 1｜標題頁 - 黃盈雅
![image](https://hackmd.io/_uploads/BJ-xB8uE-x.png)

老師、各位同學大家好，我們是**第四組**，**商店模擬**。今天我們要發表的專案是 「智慧商店中控系統」。

雖然我們沒辦法真的在教室開一間 7-11，但我們打造了一套系統，目標是讓未來的店長**不用練百米賽跑，坐著也能管好整間店**。

指導老師是 **陳永隆老師** 與 **陳英誠老師**。

---

## Slide 2｜目的 - 黃盈雅
![image](https://hackmd.io/_uploads/H1qmkacNWx.png)


首先，先簡單介紹本專案的實作目的。

---

## Slide 3｜傳統痛點與解決方案 - 黃盈雅
![image](https://hackmd.io/_uploads/Hk9-H8OVWe.png)

為什麼我們要做這個專案？  
我們觀察到，傳統的便利商店店長其實過得很辛苦，主要有三個痛點：

1. **人工管理效率低**
    店長每天要跑去開燈、關燈、鎖門，每天在店裡走的步數可能比跑馬拉松還多。
2. **缺乏數據分析**
    到底來了多少人？不知道。感覺今天人很多，結果打開收銀機發現都是來吹冷氣的，完全沒有數據佐證。
3. **安全隱憂**
    打烊後店裡發生什麼事完全不知道，只能祈禱明天開店時門還在。

因此，我們的解決方案是：
👉 透過 **IoT 物聯網技術整合**，打造一個
**智慧商店中控儀表板**。

我們的目標很簡單：
讓店長 **不用離開溫暖的被窩，躺在床上就能遙控整間店**。

---

## Slide 4｜系統需求定義（章節頁） - 劉珊妙
![image](https://hackmd.io/_uploads/ryKV165NWl.png)


接下來，我們來定義這個系統必須具備哪些功能。

---

## Slide 5｜功能需求 A & B  - 劉珊妙
![image](https://hackmd.io/_uploads/S1LSk654bx.png)

首先是 **A：營運中控管理**。  
這就像整間店的「總開關」，  
我們設計了 **一鍵開店 / 打烊** 的功能。

只要按下按鈕，系統就會自動進行情境連動，  
一次完成 **門鎖、燈光、看板** 的控制。

---

接著是 **B：智慧門禁安防**。  
除了自動門感應外，我們還加入了  
👉 **人流數據統計**，  
這對後續的商業分析非常重要。

---

## Slide 6｜功能需求 C & D - 劉珊妙
![image](https://hackmd.io/_uploads/HJWLkTqEZe.png)


**C：環境感知系統**  
系統會即時監控溫濕度，  
並結合 **智慧照明**，天黑自動補光，  
同時也保留人工手動控制的彈性。

---

**D：即時資訊看板**  
店長可以透過網頁即時更新 LCD 跑馬燈內容。

特別的是，我們採用了 **非阻塞式程式設計**，  
即使跑馬燈在更新，也不會影響其他系統功能。

---

## Slide 7｜非功能性需求（技術亮點） - 劉珊妙
![image](https://hackmd.io/_uploads/Skt4H8dV-l.png)

除了功能，我們也非常重視系統品質：

1. **即時性**  
   使用 AJAX 非同步更新，畫面不需重新整理  
2. **穩定性**  
   採用 **Non-blocking 架構**，避免單晶片當機  
3. **跨平台**  
   Web Server 架構，手機、電腦都能使用，不需安裝 App

---

## Slide 8｜相關資料（章節頁） - 陳奕蓁
![image](https://hackmd.io/_uploads/SkbDkp9EZl.png)


接下來介紹相關資料與系統架構。

---

## Slide 9｜系統架構流向圖 - 陳奕蓁
![image](https://hackmd.io/_uploads/BksrBI_Ebe.png)

這張圖展示了整個系統的資料流向。

- 左側是 **前端展示層**（使用者手機 / 瀏覽器）  
- 中間透過 **HTTP RESTful API 與 JSON** 傳輸資料  
- 進入 **韌體邏輯層（ESP8266 WebServer）**  
- 最後控制 **硬體物理層**，如感測器與馬達  

---

## Slide 10｜核心邏輯流程圖 - 陳奕蓁
![image](https://hackmd.io/_uploads/H1U8H8_V-e.png)

程式一開始會先判斷 **營業狀態 isStoreOpen**。

- 若為 **False（休息中）**  
  → 強制鎖門、關燈、顯示 Closed  
- 若為 **True（營業中）**  
  → 啟動感測與環境判斷邏輯  

這樣可以在系統層面確保安全與權限控管。

---

## Slide 11｜可行性評估（章節頁） - 陳奕蓁
![image](https://hackmd.io/_uploads/HkRMYHHrbl.png)

那為什麼我們認為這個系統是可行的？

---

## Slide 12｜技術與經濟可行性 - 陳奕蓁
![image](https://hackmd.io/_uploads/rJCvSUONbx.png)

**技術可行性**：  
ESP8266 內建 Wi-Fi、效能足夠，  
搭配 AJAX 與非阻塞寫法，  
證明單晶片跑 Web Server 是可行的。

**經濟與操作可行性**：  
硬體成本低、操作直覺，  
店長幾乎沒有學習成本。

---

## Slide 13｜施作方法（章節頁） - Jasper
![image](https://hackmd.io/_uploads/BJzKJp9NZx.png)

接下來展示程式碼。

---

## Slide 14｜程式碼：核心參數設定 - Jasper![image](https://hackmd.io/_uploads/ryllurBrbx.png)

首先是系統的地基。 我們引入 `ArduinoJson` 來處理資料交換 。

並定義了 `isStoreOpen` 等全域變數 ， 這就像是系統的「短期記憶」， 確保每次迴圈都知道現在該做什麼。

---

## Slide 15｜程式碼：初始化與跑馬燈邏輯 - Jasper
![image](https://hackmd.io/_uploads/BJlZurSBbg.png)

為了讓跑馬燈不卡頓， 我們寫了 `updateScrollText` 函式 ， 自動在長文字後補上空白，優化視覺體驗。

在 `setup()` 中， 最關鍵的是連線 Wi-Fi 並印出 IP， 這是我們連上中控網頁的唯一入口 。

---

## Slide 16｜程式碼：API 狀態回傳 - Jasper
![image](https://hackmd.io/_uploads/B1SbdSrH-g.png)

這裡是接收指令的大腦。 當接收到「打烊」指令時， 除了切換狀態，我們更直接執行 `myServo.write(0)` 。

這在 API 層級就強制鎖門， 確保防禦機制的優先權最高。

---

## Slide 17｜程式碼：API 控制指令 - Jasper
![image](https://hackmd.io/_uploads/HJAb_BrH-e.png)

這是前端與後端的橋樑。 我們利用 `ArduinoJson` 建立 JSON 物件 。

把光線、距離、來客數全部打包， 網頁只要呼叫一次 `/status` ， 就能即時更新儀表板上所有數字。

---

## Slide 18｜程式碼：非阻塞式多工 - Jasper
![image](https://hackmd.io/_uploads/BkBM_rBrbe.png)

進入 Loop 迴圈，這是穩定的關鍵。 第二行 `delay(0)` 是為了讓出 CPU 給 Wi-Fi ， 防止看門狗誤判當機。

跑馬燈則完全使用 `millis()` 計算時間差 ， 確保文字在跑的時候，系統依然能隨時偵測感測器。

---

## Slide 19｜程式碼：門禁與安防邏輯 - Jasper
![image](https://hackmd.io/_uploads/rkJNOBrB-x.png)

這是自動門的核心判斷。 營業中偵測到人就開門 ； 休息中則強制關門 。


我們特別加入了 **遲滯 (Hysteresis)** 保護， 人離開後多等 1.5 秒才關門 ， 避免夾傷顧客。

---

## Slide 20｜程式碼：環境感知與照明 - Jasper
![image](https://hackmd.io/_uploads/rkq4urBBZl.png)
最後是環境感知。 我們每兩秒讀取一次溫濕度，避免感測器過熱。

照明邏輯採「雙重判斷」： 優先檢查是否為手動模式， 若非手動，才根據光敏電阻自動補光 ， 實現真正的智慧化。

---

## Slide 21｜成果展示（章節頁） - 黃盈雅
![image](https://hackmd.io/_uploads/r1mTy6qNZe.png)

接下來直接看實際成果。

---

## Slide 22｜影片展示 - 黃盈雅
![image](https://hackmd.io/_uploads/HyWCkTcEZg.png)

---

## Slide 23｜未來展望（章節頁） - 黃盈雅
![image](https://hackmd.io/_uploads/rkhCJpqNWg.png)

最後是我們的未來展望。

---

## Slide 24｜短期與長期目標  - 黃盈雅
![image](https://hackmd.io/_uploads/BJe2BUuNZg.png)

關於未來發展，我們制定了短中長期的升級計畫。

**在短期目標，我們有兩個重點：**  
第一，加入 「Line 推播警示」。若休息時間有人非法闖入，👉 除了門死都不會開之外，系統還會立刻發送 Line 訊息通知店長，實現遠端保全。 第二，是 「資料庫分析」。我們會將感測數據上傳雲端，保存歷史紀錄，用來分析熱門時段與環境變化。

**而在中長期目標，我們將導入進階技術：**  
首先是 「AI 影像辨識」。改用鏡頭取代超音波，👉 讓我們能精準分辨門口的是「尊貴的顧客」還是「路過的野狗」，解決誤開門的問題。 最後是 「語音控制整合」。串接 Siri 或 Google 助理，讓店長在忙碌補貨時，動動嘴巴就能控制整間店的運作。

---

## Slide 25｜分工表（章節頁）  - 黃盈雅
![image](https://hackmd.io/_uploads/rkt7xaqNWg.png)

---

## Slide 26｜分工表  - 黃盈雅
![image](https://hackmd.io/_uploads/Hyz4e69E-x.png)

---

## Slide 27｜結尾  - 黃盈雅
![image](https://hackmd.io/_uploads/H1u3rLu4Wg.png)

以上就是我們的 **智慧商店中控系統**，  
一個結合營運、安防與環境監控的完整解決方案。  

謝謝大家！
