前言

這是一個物業管理，其中也有硬體端整合，這套系統從零到現在正式上線，我全程參與，包含事前規劃流程設計、UI討論。

技術架構

1. 前後端分離，前端用 React.js 開發及 icejs+(fusion/antd)UI，完成管理者後台介面及 APP 使用者介面
2. 使用 Feathers 框架創建 REST API 和 WebSocket 與後端溝通，帳號權限處理、帳號登入登出機制
3. 資料庫使用 MongoDB
4. 使用 Docker-compose 部屬到公司購買實體主機

功能介紹

使用者APP介面

1. 帳號設置：綁定社區、QRCode掃描或帳密登入建立帳號。

2. 個人首頁：平台手冊下載、各項功能Icon(點擊可至該頁面)、推播紀錄通知、推播紀錄通知、帳號設定、畫板(可下載or儲存照片)。

3. 通知訊息：公告、行事曆、訪客、包裹 、寄物、投票、報修、公設預約、BA系統 等…通知。

4. 個人設置：住戶開通條碼、用戶頭像、暱稱、密碼修改。

5. 系統設置：各項推播設置、一鍵推播。

6. 公告事項：類別篩選、公告細項頁、檔案及圖片preview及download。

7. 行事曆：行事曆UI、檔案及圖片preview及download。

8. 郵件包裹：查看包裹紀錄、條碼(可給警衛掃描)、條件篩選。

9. 寄物管理：查看寄物紀錄、條件篩選。

10. 公設預約：公設資訊、公設預約表單、紀錄查詢、取消預約。

11. 訪客門禁：訪客預約表單、紀錄查詢、取消登記、轉發Line。

12. 投票活動：投票資訊、checkbox選項、投票統計。

13. 報修服務：新增報修表單、檔案上傳、狀態進度、回覆內容。

14. 瓦斯抄錶：抄錶登記表單、檔案上傳。

15. 意見反應：新增表單、檔案上傳。

16. 智慧信箱：查看信箱狀態、遠端開啟信箱。

17. 家庭保全：開啟關閉保全。

18. 身體量測：個人血壓、身高體重資料、圖表統計。

19. BA 系統：遠端開關電燈、窗簾、門口機、大門、信箱、BA裝置…等。

20. 汽車充電樁：顯示圖表、紀錄等。

21. 智慧建築專區：各文件顯示。

後台管理 (CRUD＝指列表新增、查詢、更新、刪除的功能)

1. 首頁：下載教學手冊、推播紀錄通知、功能選單、帳號設定、全屏切換。

2. 個人設置：可更換大頭貼、暱稱、重設密碼。

3. 系統設置：各項功能推播設置。

4. 登入註冊：帳密登入、註冊帳號。

5. 通知訊息：通知紀錄、查看、已讀模式。

6. 公告事項：公告(CRUD)、置頂、推播各戶(棟)功能、類別搜尋。

7. 行事曆：行事曆(CRUD)、推播。

8. 郵件包裹：包裹(CRUD)、領取包裹方式(掃描APP條碼、磁扣、卡片)、拍照、簽名、通知住戶(APP通知)、退貨、紀錄。

9. 寄物管理：寄物(CRUD)、領取包裹方式(掃描APP條碼、磁扣、卡片)、通知住戶 (APP通知)、紀錄。

10. 訪客管理：訪客(CRUD)、訪客統計、訪客車牌管理、訪客辨識管理、訪客卡管理、 訪客進場離開開關。

11. 公設預約：公設(CRUD)、紀錄、時段預約、計次預約。

12. 投票活動：投票(CRUD)、設定問題選項。

13. 報修服務：報修(CRUD)、報修進度、回報表單、通知住戶。

14. 瓦斯抄錶：抄錶(CRUD)、下載住戶抄錶資料。

15. 意見反應：意見(CRUD)、通知住戶、回覆進度內容。

16. 智慧信箱：各住戶紀錄、開啟信箱、投信狀態。

17. BA 系統：裝置(CRUD)、紀錄、匯出匯入Excel、門禁權限管理。

18. 財務管理：住戶財務、社區財務、下載報表、產生帳單(未開發完成)。

19. 智慧建築專區：資產管理、效能管理、維運管理、組織管理、文件檔案管理。

20. 社區管理：戶號(CRUD)、匯入匯出資料、下載範例表單、下載QR Code、住戶開通、社區基本資料、訊息推播。

21. 帳號管理：使用者帳號(CRUD)、開通帳號、權限設定、頁面權限設定。

結語

從 O 到上線的專案做完蠻有成就感🥰