王麗娜 汝晨 李青穗

摘 ? 要：“移動(dòng)互聯(lián)網(wǎng)”+智慧生活，本研究以HTML5技術(shù)及移動(dòng)智能客戶端（APP）為基礎(chǔ)進(jìn)行智能垃圾分類回收系統(tǒng)的設(shè)計(jì)，包括基礎(chǔ)信息管理、分類指南以及數(shù)據(jù)分析等，對(duì)系統(tǒng)的技術(shù)架構(gòu)進(jìn)行設(shè)計(jì)。通過智能垃圾回收裝置實(shí)現(xiàn)垃圾的智能分類回收，本系統(tǒng)的研究與設(shè)計(jì)提高人們對(duì)垃圾分類回收的觀念，同時(shí)可有助于智慧城市建設(shè)。

關(guān)鍵詞：HTML5 ?智能回收 ?物聯(lián)網(wǎng)

中圖分類號(hào)：X799.3 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A ? ? ? ? ? ? ? ? ? ? ? 文章編號(hào)：1674-098X（2020）02（b）-0122-02

“移動(dòng)互聯(lián)網(wǎng)”+技術(shù)迅速發(fā)展，智慧城市、智慧生活是當(dāng)前城市發(fā)展倡導(dǎo)的主題。垃圾的分類回收是每個(gè)城市角落中不可或缺的元素，目前，在國內(nèi)生活廢品主要是個(gè)體從業(yè)人員或垃圾回收站點(diǎn)進(jìn)行回收，之后進(jìn)行再次利用。此流程中過程繁多，管理不規(guī)范從而影響市容市貌，并與當(dāng)前的智慧城市發(fā)展互不協(xié)調(diào)。因此，本文對(duì)垃圾智能分類回收問題進(jìn)行研究，結(jié)合基于物聯(lián)網(wǎng)技術(shù)的智能回收裝置，研究設(shè)計(jì)一個(gè)基于移動(dòng)終端的垃圾智能分類回收系統(tǒng)，促進(jìn)全民垃圾分類意識(shí)的增強(qiáng)，來改變城市垃圾的分類、收集方式，完善城市生活垃圾處理手段，建立綠色循環(huán)經(jīng)濟(jì)。系統(tǒng)結(jié)合HTML5、CSS等前端開發(fā)技術(shù)，實(shí)現(xiàn)友好的用戶交互界面。

1 ?HTML5技術(shù)基礎(chǔ)

HTML5技術(shù)是當(dāng)前移動(dòng)前端實(shí)現(xiàn)的主流技術(shù)，利用HTML5技術(shù)能夠?qū)崿F(xiàn)移動(dòng)智能終端設(shè)備上的分辨率自適應(yīng)，其具有以下特征：（1）語義結(jié)構(gòu)化標(biāo)簽，HTML5的hgroud， header， footer，section標(biāo)簽，更有助于編程人員對(duì)于頁面布局架構(gòu)的設(shè)計(jì)實(shí)現(xiàn)，同時(shí)頁面的層次清晰性大大提高;（2）HTML5的離線緩存功能，HTML5本身攜帶一個(gè)小型數(shù)據(jù)庫locaStorage，沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ)，同時(shí)HTML5還具有sessionStorage針對(duì)一個(gè)session的數(shù)據(jù)存儲(chǔ)。HTML5使網(wǎng)頁在不影響網(wǎng)站性能情況下存儲(chǔ)大量數(shù)據(jù)成為可能。并且通過IndexedDB模塊對(duì)復(fù)雜數(shù)據(jù)進(jìn)行儲(chǔ)存，能夠?qū)崿F(xiàn)數(shù)據(jù)的離線緩存，在無網(wǎng)絡(luò)環(huán)境下用戶也可以對(duì)系統(tǒng)進(jìn)行簡單操作。（3）HTML5技術(shù)在實(shí)頁面中加載音頻或視頻時(shí)可通過audio和video直接實(shí)現(xiàn)，同時(shí)能夠優(yōu)化界面的圖形功能。

2 ?系統(tǒng)功能架構(gòu)分析

系統(tǒng)在設(shè)計(jì)理念上以環(huán)保行業(yè)的需求為基礎(chǔ)，運(yùn)用基于智能物聯(lián)網(wǎng)的智能回收裝置，基于移動(dòng)互聯(lián)網(wǎng)技術(shù)將垃圾回收這一傳統(tǒng)的行業(yè)與最新的信息化技術(shù)相結(jié)合，建設(shè)一個(gè)綜合性的集用戶管理、信息管理、交互、數(shù)據(jù)分析等綜合信息管理平臺(tái)。該技術(shù)平臺(tái)基于Android智能終端、物聯(lián)網(wǎng)大屏智能終端實(shí)現(xiàn)。在本系統(tǒng)業(yè)務(wù)邏輯中可實(shí)現(xiàn)垃圾信息采集，垃圾回收至再次利用的過程跟蹤，還可以通過連接第三方接口實(shí)現(xiàn)支付功能，可跟支付寶支付平臺(tái)、微信支付平臺(tái)進(jìn)行連接實(shí)現(xiàn)垃圾所換價(jià)值的支付。能夠方便快捷的為市民提供便利的垃圾處理方式，同時(shí)也服務(wù)了低碳環(huán)保事業(yè)。本系統(tǒng)的系統(tǒng)架構(gòu)采用傳統(tǒng)三層模式：客戶交互層、業(yè)務(wù)處理層以及數(shù)據(jù)層，其中客戶交互層基于移動(dòng)智能終端實(shí)現(xiàn)，以App或微信小程序的形式作為與用戶的的交互接口。業(yè)務(wù)層是系統(tǒng)的核心，根據(jù)系統(tǒng)的功能需求分析，包括以下幾個(gè)模塊：分類回收指南、投遞指南、上門回收、掃碼投遞、個(gè)人中心、后臺(tái)服務(wù)管理等功能模塊。

后臺(tái)服務(wù)管理模塊包括：用戶信息管理模塊，管理用戶的賬號(hào)密碼等基本信息、用戶角色分類信息、用戶權(quán)限等;信息統(tǒng)計(jì)模塊：可實(shí)現(xiàn)跟蹤記錄用戶的投遞信息，包括垃圾投遞時(shí)間、投遞垃圾的分類信息以及用戶的投遞次數(shù)。用戶資金積分管理模塊：在用戶投遞完成以后，系統(tǒng)會(huì)根據(jù)用戶投遞垃圾的分類情況以及當(dāng)前市場價(jià)格向用戶返回一定的現(xiàn)金或者積分（積分可實(shí)現(xiàn)兌換現(xiàn)金，或參與其他兌換活動(dòng)），此模塊記錄用戶的所有已獲資金情況，編程實(shí)現(xiàn)過程中連接第三方支付平臺(tái)接口?；厥照颈O(jiān)控模塊：監(jiān)控回收站的投遞情況;二維碼管理模塊：實(shí)現(xiàn)手機(jī)端與服務(wù)大屏的交互，在后臺(tái)管理中采用動(dòng)態(tài)生成二維碼技術(shù)，實(shí)現(xiàn)用戶信息的安全性。還有數(shù)據(jù)同步模塊。系統(tǒng)的總體框架如圖1所示。

3 ?關(guān)鍵技術(shù)實(shí)現(xiàn)

移動(dòng)互聯(lián)網(wǎng)技術(shù)發(fā)展迅速，移動(dòng)智能終端設(shè)備層出不窮且多樣化，本系統(tǒng)基于移動(dòng)智能終端設(shè)備展現(xiàn)，因此系統(tǒng)終端頁面的自適應(yīng)性是在系統(tǒng)開發(fā)過程中需解決的一個(gè)問題。系統(tǒng)基于HTML5技術(shù)設(shè)計(jì)實(shí)現(xiàn)，根據(jù)HTML5技術(shù)特點(diǎn)，系統(tǒng)可實(shí)現(xiàn)跨平臺(tái)部署，后臺(tái)業(yè)務(wù)層管理模塊只需要提供相應(yīng)的一些數(shù)據(jù)接口，由智能前端進(jìn)行調(diào)用。在技術(shù)架構(gòu)中，終端設(shè)計(jì)可結(jié)合開源框架PhonGap的混合模式進(jìn)行設(shè)計(jì)，PhonGap是集成HTML+CSS+JavaScript的終端設(shè)計(jì)框架。

為使數(shù)據(jù)能更好的展現(xiàn)在移動(dòng)智能終端，在終端與后臺(tái)數(shù)據(jù)交互中采用JSON數(shù)據(jù)封裝進(jìn)行數(shù)據(jù)傳輸。JSON （JavaScript Object Notation）是一種輕量級(jí)的數(shù)據(jù)交換格式。這種格式易于開發(fā)人員編寫和閱讀，同時(shí)也易于計(jì)算機(jī)解析和生成?；贖TML5的離線緩存技術(shù)，將輕量級(jí)的JSON數(shù)據(jù)封裝包緩存至頁面，同時(shí)移動(dòng)終端也可將JSON數(shù)據(jù)離線下載到本地，實(shí)現(xiàn)在不交互的情況下，用戶可進(jìn)入系統(tǒng)進(jìn)行瀏覽信息。

確保智能分類回收系統(tǒng)中實(shí)現(xiàn)離線功能，在前端技術(shù)框架中添加緩存清單文件。此清單文件涵蓋了離線狀態(tài)下移動(dòng)應(yīng)用中所需要的所有離線數(shù)據(jù)，數(shù)據(jù)通過移動(dòng)智能終端調(diào)用后臺(tái)服務(wù)接口，將數(shù)據(jù)下載到本地文件，以JSON數(shù)據(jù)格式進(jìn)行存儲(chǔ)。斷網(wǎng)狀態(tài)下，用戶登錄時(shí)會(huì)根據(jù)對(duì)應(yīng)清單文件下載，系統(tǒng)首先解析離線存儲(chǔ)到本地的JSON數(shù)據(jù)，進(jìn)行終端頁面展示。通過應(yīng)用離線功能，即使用戶斷開網(wǎng)絡(luò)，也可以根據(jù)緩存清單文件有效使用系統(tǒng)應(yīng)用提供的各項(xiàng)服務(wù)。

4 ?結(jié)語

本系統(tǒng)基于城市生活垃圾的處理提出了智能回收解決方法，基于HTML5等終端技術(shù)給出了系統(tǒng)功能設(shè)計(jì)與系統(tǒng)技術(shù)框架，以及在開發(fā)中智能終端的技術(shù)解決路線。能夠基本實(shí)現(xiàn)智能垃圾分類回收系統(tǒng)的功能設(shè)計(jì)。本研究有利于城市生活垃圾的進(jìn)一步利用和管理發(fā)展。但智慧生活主題使我們今后生活的方向，如需垃圾智能分類回收解決方案有突破性進(jìn)展，還需更深入的研究。

參考文獻(xiàn)

[1] 馮娟.實(shí)現(xiàn)生活垃圾分類回收再利用[N].中國環(huán)境報(bào)，2018-02-05.

[2] 徐卉.基于HTMLS的垃圾分類宣傳方式研究與實(shí)踐[J].電腦知識(shí)與技術(shù)，2018，7（14）：180-182.

[3]吳新華.“互聯(lián)網(wǎng)+”模式下生活垃圾分類的研究與分析[J].無線互聯(lián)科技，2019，7（13）：126-128.

[4]吳碧程，鄧詳恩，張子憧.基于卷積神經(jīng)網(wǎng)絡(luò)的智能垃圾分類系統(tǒng)[J].物理實(shí)驗(yàn)，2019，11（39）：44-49.