基于多端交互協(xié)同的“IDeal”智能社區(qū)終端開發(fā)與設(shè)計(jì)

摘 要：智慧社區(qū)是通過各種智能技術(shù)和方式整合社區(qū)現(xiàn)有的各類服務(wù)資源，為社區(qū)業(yè)主提供便捷服務(wù)的新模式、新平臺(tái)。為迎合市場(chǎng)需求和填補(bǔ)商場(chǎng)空缺，實(shí)現(xiàn)社區(qū)主要服務(wù)項(xiàng)目的數(shù)字化管理，“IDeal”智能社區(qū)終端采取多端交互協(xié)同的設(shè)計(jì)方案，從業(yè)主和社區(qū)管理人員2個(gè)方面進(jìn)行設(shè)計(jì)，通過采取TCP/IP協(xié)議、部署云端服務(wù)器等，輕松實(shí)現(xiàn)了業(yè)主移動(dòng)終端和管理人員PC端的實(shí)時(shí)交互。整體終端系統(tǒng)設(shè)計(jì)從實(shí)際出發(fā)，緊密貼合了物業(yè)管理服務(wù)和社區(qū)業(yè)主的需要，應(yīng)用效果較好，克服了同類軟件的弊端，提升了社區(qū)管理服務(wù)的數(shù)字化、智能化水平。

關(guān)鍵詞：“IDeal”智能社區(qū)終端；多端交互協(xié)同；移動(dòng)終端；PC端；數(shù)字化辦公；智慧社區(qū)

中圖分類號(hào)：TP317.1 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2095-1302（2024）12-0-05

0 引 言

我國(guó)在《國(guó)民經(jīng)濟(jì)和社會(huì)發(fā)展第十四個(gè)五年規(guī)劃和2035年

遠(yuǎn)景目標(biāo)綱要》中提出，將持續(xù)加快對(duì)數(shù)字中國(guó)建設(shè)的推進(jìn)，新一代信息技術(shù)產(chǎn)業(yè)持續(xù)向數(shù)字產(chǎn)業(yè)化、產(chǎn)業(yè)數(shù)字化的方向發(fā)展，智慧社區(qū)作為十大數(shù)字化應(yīng)用場(chǎng)景之一，已經(jīng)成為現(xiàn)代城市重塑發(fā)展新優(yōu)勢(shì)、搶占競(jìng)爭(zhēng)制高點(diǎn)的戰(zhàn)略選擇。

隨著社會(huì)的不斷發(fā)展，城市生活水平的提高，人們對(duì)生活環(huán)境的安全性、高效性和舒適性有著更高的要求，對(duì)社區(qū)管理和服務(wù)的數(shù)字化、智能化要求也不斷提升[1-2]。但目前物業(yè)管理服務(wù)的數(shù)字化、智能化發(fā)展相對(duì)緩慢[3]，與缺少成熟的智能社區(qū)軟件有較大關(guān)系。市場(chǎng)已有的智慧社區(qū)軟件存在兩大弊端：功能單一，不能覆蓋物業(yè)主要工作；普遍缺乏多端交互性，主要是物業(yè)管理方的單向操作。鑒于此，設(shè)計(jì)開發(fā)一款功能全面、能夠?qū)崿F(xiàn)業(yè)主移動(dòng)終端和管理人員PC端實(shí)時(shí)交互的系統(tǒng)，具有較大應(yīng)用前景和投資價(jià)值[4]。

1 系統(tǒng)功能模塊設(shè)計(jì)

1.1 整體設(shè)計(jì)

“IDeal”智能社區(qū)終端根據(jù)業(yè)主和社區(qū)管理人員的切實(shí)需求，在移動(dòng)端主要設(shè)計(jì)了5大功能模塊，即車位預(yù)約、廢品回收簽約、報(bào)修處理、生活分享和出租發(fā)布，業(yè)主可以通過手機(jī)端實(shí)現(xiàn)生活趣事分享，車位提前查看或預(yù)約，提交出租、維修、廢品回收的申請(qǐng)并由社區(qū)物業(yè)協(xié)助完成。考慮到權(quán)限及安全性問題，特別設(shè)置了游客模式，保護(hù)業(yè)主隱私。而社區(qū)管理人員既可以通過移動(dòng)端也可以通過PC端實(shí)時(shí)對(duì)業(yè)主提交的各種申請(qǐng)進(jìn)行查看和處理，積極響應(yīng)業(yè)主需求。除此之外，社區(qū)管理人員還可以通過系統(tǒng)實(shí)現(xiàn)3大功能，即發(fā)布社區(qū)公告、工作安排管理、樓宇燈光控制[5-6]。系統(tǒng)功能模塊結(jié)構(gòu)如圖1所示。

1.2 登錄與車位預(yù)約模塊說(shuō)明

業(yè)主注冊(cè)后方可使用此系統(tǒng)，需上傳頭像、輸入業(yè)主名等。可通過密碼登錄系統(tǒng)，也可通過短信驗(yàn)證碼登錄，方便業(yè)主使用。進(jìn)入車位預(yù)約界面，點(diǎn)擊相關(guān)模塊后可進(jìn)行分區(qū)車位選擇，根據(jù)不同顏色選定車位并確認(rèn)。社區(qū)在PC端可實(shí)時(shí)看到業(yè)主的車位預(yù)約并可查看、記錄選擇車位的業(yè)主車輛信息[7]。

1.3 廢品回收模塊說(shuō)明

業(yè)主進(jìn)入發(fā)布中心，可以上傳相關(guān)廢品的圖片、種類和數(shù)量，然后向社區(qū)發(fā)出廢品回收信息，社區(qū)看到后及時(shí)處理或是和業(yè)主聯(lián)系，約定時(shí)間再上門回收。這種方式可以提高業(yè)主處理廢品的及時(shí)性，也可以增加社區(qū)物業(yè)收益，更有助于塑造整潔優(yōu)美的社區(qū)環(huán)境[8]。

1.4 報(bào)修發(fā)布與租房發(fā)布功能模塊說(shuō)明

進(jìn)入維修發(fā)布中心之后，系統(tǒng)自動(dòng)獲取所填業(yè)主住址，業(yè)主只需上傳故障圖片、故障標(biāo)題、故障類型、聯(lián)系人、聯(lián)系電話、故障描述等，社區(qū)管理人員就可以第一時(shí)間看到維修申請(qǐng)，并及時(shí)組織維修。進(jìn)入租房發(fā)布中心之后，系統(tǒng)立刻自動(dòng)獲取所填業(yè)主住址，業(yè)主只需填寫聯(lián)系人、聯(lián)系電話、期望租金數(shù)額等信息，并選擇出租方式后，點(diǎn)擊“提交”即可實(shí)時(shí)發(fā)布。

1.5 消息欄模塊說(shuō)明

業(yè)主可以隨時(shí)查看報(bào)修、出租、廢品回收申請(qǐng)的記錄及申請(qǐng)?zhí)幚頎顟B(tài)，便于業(yè)主及時(shí)掌握申請(qǐng)動(dòng)態(tài)。

1.6 生活分享模塊說(shuō)明

業(yè)主可以隨時(shí)在APP上分享自己的社區(qū)生活、查看或收藏、評(píng)論和點(diǎn)贊其他業(yè)主分享的生活趣事。系統(tǒng)為增加聯(lián)系的緊密性，提供直接在線聊天功能，可以接收好友的消息。

1.7 燈光管理模塊說(shuō)明

為了實(shí)現(xiàn)社區(qū)智慧化辦公，方便定期設(shè)備檢修，系統(tǒng)添加了樓宇燈光控制系統(tǒng)。通過云技術(shù)，社區(qū)管理人員可以在APP端或PC端實(shí)現(xiàn)對(duì)社區(qū)整體樓宇燈光的控制[9]。

1.8 公告欄模塊說(shuō)明

社區(qū)公告向業(yè)主傳遞重要通知、公告，完成節(jié)日推送等，增加社區(qū)氛圍感，拉近社區(qū)與業(yè)主距離的同時(shí)，也方便業(yè)主了解社區(qū)目前的發(fā)展?fàn)顩r。

1.9 游客模塊說(shuō)明

業(yè)主只需對(duì)手機(jī)號(hào)進(jìn)行驗(yàn)證即可進(jìn)入游客模式，但僅有部分功能對(duì)游客開放，若訪問其他功能，系統(tǒng)會(huì)自動(dòng)提示無(wú)法訪問。

2 系統(tǒng)技術(shù)特點(diǎn)

2.1 整體概述

選取MySQL進(jìn)行服務(wù)器數(shù)據(jù)庫(kù)存儲(chǔ)，利用非關(guān)系數(shù)據(jù)庫(kù)Redis作為緩存，使用SQLite為APP做本地緩存，提升訪問速度；對(duì)于交互處理，選用MyBatis-plus這一ORM框架并使用jQuery封裝下的Ajax作為系統(tǒng)前后臺(tái)通信的基石；選用SpringBoot作為服務(wù)器框架，網(wǎng)頁(yè)使用Vue框架；在服務(wù)器安全方面，為了緩解服務(wù)器存儲(chǔ)壓力，系統(tǒng)利用Nginx進(jìn)行負(fù)載均衡，利用GateWay和JWT對(duì)服務(wù)器消息進(jìn)行攔截和過濾。

2.2 技術(shù)特點(diǎn)

APP、手機(jī)端均基于Flutter與Native混合架構(gòu)構(gòu)建，通過SQLite存儲(chǔ)業(yè)主聊天信息，利用GetX技術(shù)實(shí)現(xiàn)頁(yè)面響應(yīng)式布局與業(yè)主與業(yè)主間的消息通信和消息推送；針對(duì)不同頁(yè)面，使用Dart語(yǔ)言或Java開發(fā)。使用FragmentTabHost以及ViewPager實(shí)現(xiàn)多導(dǎo)航設(shè)計(jì)布局，使其內(nèi)容設(shè)計(jì)更加貼合社區(qū)物業(yè)管理需要，操作簡(jiǎn)單方便。

PC端利用Vue和Axios技術(shù)實(shí)現(xiàn)頁(yè)面信息的異步響應(yīng)。利用Echart可以更加直觀地將頁(yè)面數(shù)據(jù)呈現(xiàn)給社區(qū)管理人員，用Vuex進(jìn)行全局?jǐn)?shù)據(jù)管理。

利用RabbitMQ消息隊(duì)列將業(yè)主同步操作轉(zhuǎn)變?yōu)楫惒讲僮鳎瑯O大提高了服務(wù)器的并發(fā)能力。使用WebSocket承接來(lái)自APP的通信和消息推送任務(wù)，交由MyBatis-plus進(jìn)行事務(wù)管理。頁(yè)面與服務(wù)器基于Vue和SpringBoot框架，利用Nginx、Redis、Caffeine實(shí)現(xiàn)3層消息緩存，快速響應(yīng)來(lái)自APP和網(wǎng)頁(yè)的請(qǐng)求，減輕MyBatis的查詢壓力，同時(shí)利用Nginx和GateWay實(shí)現(xiàn)輪詢負(fù)載均衡。在面對(duì)高并發(fā)的應(yīng)用場(chǎng)景時(shí)，利用Redis的悲觀鎖和RabbitMQ消息隊(duì)列削峰，降低服務(wù)器負(fù)載的壓力[10]。

3 操作流程

本項(xiàng)目設(shè)計(jì)了符合社區(qū)管理及業(yè)主使用需求的智能社區(qū)終端，除常見的登錄、發(fā)布信息、查看信息等操作之外，還結(jié)合交互式設(shè)計(jì)，介紹了終端操作流程。

3.1 車位預(yù)約板塊操作流程

當(dāng)用戶以社區(qū)業(yè)主身份登錄后，在首頁(yè)點(diǎn)擊“車位預(yù)約”按鈕即可進(jìn)入車位預(yù)約頁(yè)面，在車位預(yù)約頁(yè)面可以看到剩余車位數(shù)量，點(diǎn)擊中心按鈕后可進(jìn)入分區(qū)車位預(yù)約的選擇頁(yè)面，可在分區(qū)選擇按鈕上，看到每個(gè)區(qū)位剩余的車位數(shù)量。選擇一個(gè)區(qū)位進(jìn)入后，可以進(jìn)行當(dāng)前車位的選擇，并可以看到分區(qū)的車位狀況，包括空閑車位和由于故障或其他原因?qū)е聼o(wú)法選擇的車位。點(diǎn)擊白色的空閑車位即可選擇，選擇后系統(tǒng)會(huì)提示當(dāng)前車位編號(hào)。選擇結(jié)束之后確認(rèn)，系統(tǒng)會(huì)提示業(yè)主并彈出提示信息，業(yè)主確認(rèn)后，社區(qū)在PC端可以看到預(yù)約情況并可以查看業(yè)主的車輛信息并記錄。首頁(yè)頁(yè)面如圖2所示。車位預(yù)約頁(yè)面如圖3所示。分區(qū)預(yù)約頁(yè)面如圖4所示。車位選擇頁(yè)面如圖5所示。車位確定頁(yè)面如圖6所示。PC端首頁(yè)頁(yè)面如圖7所示。車位查看頁(yè)面如圖8所示。車主查詢頁(yè)面如圖9所示。

3.2 廢品回收板塊操作流程

當(dāng)業(yè)主登錄后，在首頁(yè)點(diǎn)擊“廢品回收”按鈕即可進(jìn)入廢品回收頁(yè)面，查詢相關(guān)廢品價(jià)格，上傳廢品的圖片、種類和數(shù)量后，就可以向社區(qū)提交廢品回收的請(qǐng)求。社區(qū)管理人員在PC端看到業(yè)主的廢品信息后，可以批量下載全社區(qū)業(yè)主的廢品信息，一鍵生成表格，社區(qū)管理人員可以選擇和業(yè)主聯(lián)系后即時(shí)上門回收或是約定時(shí)間再行處理。查詢價(jià)格頁(yè)面如圖10所示。廢品發(fā)布頁(yè)面如圖11所示。廢品反饋?lái)?yè)面如圖12所示。廢品管理頁(yè)面如圖13所示。價(jià)格管理頁(yè)面如圖14所示。

3.3 房屋維修與租房發(fā)布板塊操作流程

維修發(fā)布頁(yè)面如圖15所示。租房發(fā)布頁(yè)面如圖16所示。維修反饋?lái)?yè)面如圖17所示。租房反饋?lái)?yè)面如圖18所示。維修管理頁(yè)面如圖19所示。維修詳情頁(yè)面如圖20所示。出租管理頁(yè)面如圖21所示。

3.4 生活分享板塊操作流程

業(yè)主可以在APP上分享自己的社區(qū)生活，也可與其他社區(qū)業(yè)主在線聊天，接收好友的消息。動(dòng)態(tài)分享頁(yè)面如圖22所示。動(dòng)態(tài)發(fā)布頁(yè)面如圖23所示。生活聊天頁(yè)面如圖24所示。動(dòng)態(tài)反饋?lái)?yè)面如圖25所示。

3.5 公告展示板塊操作流程

社區(qū)公告板塊的功能是向業(yè)主傳遞重要通知、公告。推送頁(yè)面如圖26所示。

4 結(jié) 語(yǔ)

國(guó)內(nèi)智慧社區(qū)建設(shè)方興未艾，相關(guān)軟件都在探索之中[10]，面對(duì)市場(chǎng)上單一功能、單向發(fā)布的管理軟件，“IDeal”智能社區(qū)系統(tǒng)嘗試交互式設(shè)計(jì)，把業(yè)主和社區(qū)管理相連接，初步建立起多端口接入，是功能基本覆蓋社區(qū)主要業(yè)務(wù)的智慧社區(qū)管理平臺(tái)，有利于提高社區(qū)管理服務(wù)的數(shù)字化、智能化水平，提升業(yè)主的幸福指數(shù)。

參考文獻(xiàn)

[1]鄭從卓，顧德道，高光耀.我國(guó)智慧社區(qū)服務(wù)體系構(gòu)建的對(duì)策研究[J].科技管理研究，2013，33（9）：53-56.

[2]吳勝武，朱召法，吳漢元，等.“智”聚“慧”生—海曙區(qū)智慧社區(qū)建設(shè)與運(yùn)行模式初探[J].城市發(fā)展研究，2013，20（6）：145-147.

[3]劉君.智慧社區(qū)服務(wù)發(fā)展策略研究[J].管理現(xiàn)代化，2012（6）：46-48.

[4]肖羽.中國(guó)智慧社區(qū)發(fā)展實(shí)踐及其前景研究[D].上海：上海社會(huì)科學(xué)院，2016.

[5]焦俊一.智慧社區(qū)服務(wù)創(chuàng)新應(yīng)用系統(tǒng)的探索[J].物聯(lián)網(wǎng)技術(shù)，2013，3（2）：8-11.

[6]柴彥威，郭文伯.中國(guó)城市社區(qū)管理與服務(wù)的智慧化路徑[J].地理科學(xué)進(jìn)展，2015，34（4）：466-472.

[7]王淑敬.社區(qū)停車管理系統(tǒng)初探[J].中國(guó)住宅設(shè)施，2016（z2）：118-120.

[8]岳金柱.治理視角下的社區(qū)垃圾分類處理—從源頭破解垃圾圍城與污染的治本之策[J].城市管理與科技，2010，12（6）：26-29.

[9]褚慧聰.節(jié)電技術(shù)與節(jié)電管理在物業(yè)管理中的應(yīng)用[J].現(xiàn)代物業(yè)（上旬刊），2011，10（1）：104-105.

[10]朱佳星.國(guó)內(nèi)外智慧社區(qū)發(fā)展現(xiàn)狀及未來(lái)趨勢(shì)研究[D].淮南：安徽理工大學(xué)，2019.

基金項(xiàng)目：遼寧高校2023年省級(jí)大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目（s202313198009）

作者簡(jiǎn)介：周帥婕（2001—），女，江蘇徐州人，研究方向?yàn)檐浖こ獭?/p>

包 宇（2001—），男，遼寧阜新人，研究方向?yàn)橛?jì)算機(jī)科學(xué)與技術(shù)。

林 銘（2002—），男，福建連江人，研究方向?yàn)榫W(wǎng)絡(luò)工程。

孫云海（1977—），男，遼寧大連人，副教授，研究方向?yàn)樗枷胝谓逃?/p>