# 🏪 智慧商店中控系統 ## 期末報告講稿 --- **組別**:第四組 商店模擬 **總頁數**: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) 以上就是我們的 **智慧商店中控系統**, 一個結合營運、安防與環境監控的完整解決方案。 謝謝大家!