基于HTML5的環(huán)境參數(shù)監(jiān)測系統(tǒng)研究與實現(xiàn).pdf

1、隨著社會的發(fā)展，環(huán)境問題日益嚴重，各類污染事件不斷發(fā)生，嚴重影響了人們的身體健康，環(huán)境問題成為了人們關(guān)注的焦點。環(huán)境監(jiān)測以其重要的基礎(chǔ)地位也越來越受到人們的重視。目前，我國的環(huán)境參數(shù)監(jiān)測系統(tǒng)大多是基于C/S架構(gòu)。C/S架構(gòu)的測試系統(tǒng)需要安裝特殊的客戶端軟件并且投資和維護的成本高。隨著實時Web技術(shù)的不斷發(fā)展，通過瀏覽器對環(huán)境參數(shù)進行實時監(jiān)測成為可能。但是傳統(tǒng)實時Web技術(shù)存在延遲大、消耗高等缺點?；诖?，本文研究并開發(fā)了基于HTML5的

2、環(huán)境參數(shù)監(jiān)測系統(tǒng)，實現(xiàn)在瀏覽器端對環(huán)境參數(shù)數(shù)據(jù)進行實時監(jiān)測。具體的研究內(nèi)容如下：
　?。?）對HTML5和實時Web技術(shù)的基本理論進行了研究并將傳統(tǒng)實時Web技術(shù)與基于WebSocket的實時Web技術(shù)進行了對比分析，分析結(jié)果表明：傳統(tǒng)實時Web技術(shù)存在實時性差、吞吐量大等缺點。
　?。?）基于HTML5環(huán)境參數(shù)監(jiān)測系統(tǒng)設(shè)計與實現(xiàn)。搭建了以S3C2440為核心處理器的硬件開發(fā)平臺，設(shè)計和完成了基于VB的上位機，實現(xiàn)實時環(huán)境參

3、數(shù)數(shù)據(jù)采集并將該數(shù)據(jù)存儲到MySQL數(shù)據(jù)庫中；完成基于Node.js的WebSocket服務(wù)器的開發(fā)，通過WebSocket服務(wù)器將MySQL數(shù)據(jù)庫中的環(huán)境參數(shù)數(shù)據(jù)發(fā)送到瀏覽器端；瀏覽器端設(shè)計完成基于Echarts的動態(tài)圖表，實現(xiàn)對環(huán)境參數(shù)數(shù)據(jù)的實時、動態(tài)顯示；鑒于部分環(huán)境參數(shù)數(shù)據(jù)無法通過實驗室環(huán)境測得，調(diào)用環(huán)境監(jiān)測網(wǎng)站API接口并將取得的環(huán)境參數(shù)數(shù)據(jù)在頁面中進行顯示。至此，基于HTML5的環(huán)境參數(shù)監(jiān)測系統(tǒng)開發(fā)完畢。
　?。?）為