施瑩

摘 ? 要：物聯(lián)網(wǎng)信息系統(tǒng)是物聯(lián)網(wǎng)生態(tài)系統(tǒng)中的關鍵組成部分。文章介紹了物聯(lián)網(wǎng)信息系統(tǒng)的基本設計方案，并在此基礎上，介紹了基于Ajax技術的Web應用程序模型。Ajax技術應用于物聯(lián)網(wǎng)信息系統(tǒng)的實時信息展示及歷史數(shù)據(jù)查詢，具有無刷新頁面、響應速度快等優(yōu)勢。這種異步通信方式，使用戶獲得了更自然流暢的體驗，實現(xiàn)了近似于桌面應用程序的交互效果。這樣的系統(tǒng)可以負責收集從自然生態(tài)系統(tǒng)到建筑和工廠等各種設置的信息，從而應用于物聯(lián)網(wǎng)的各個領域。

關鍵詞：物聯(lián)網(wǎng)信息系統(tǒng);Ajax;jQuery;對象表示法

物聯(lián)網(wǎng)是在互聯(lián)網(wǎng)基礎上架構的關于各種物理產(chǎn)品信息服務的綜合，它主要由3大體系構成：一是傳感網(wǎng)絡系統(tǒng)，即通過現(xiàn)有的互聯(lián)網(wǎng)、廣電網(wǎng)絡、通信網(wǎng)絡等實現(xiàn)數(shù)據(jù)的傳輸與計算;二是業(yè)務應用系統(tǒng)，即輸入輸出控制終端;三是信息管理系統(tǒng)，即關聯(lián)應用服務軟件、門戶、管道、終端等各方面的管理。

1 ? ?物聯(lián)網(wǎng)信息系統(tǒng)

物聯(lián)網(wǎng)強調(diào)“物”的連接和通信[1]。對于終端來說，這種通信涉及傳感和執(zhí)行兩個重要方面。物聯(lián)網(wǎng)在不同行業(yè)的應用，需要解決一些像網(wǎng)絡管理、設備管理、計費管理、用戶管理等基本的運營管理問題。物聯(lián)網(wǎng)信息系統(tǒng)是物聯(lián)網(wǎng)生態(tài)系統(tǒng)的關鍵組成部分，它負責分析從傳感器收集的數(shù)據(jù)并做出決定。同時，完整的物聯(lián)網(wǎng)系統(tǒng)需要用戶界面，讓用戶與物聯(lián)網(wǎng)系統(tǒng)進行交互。比如，物聯(lián)網(wǎng)的環(huán)境監(jiān)測應用通常使用傳感器來幫助環(huán)境保護，通過監(jiān)測空氣或水質(zhì)、大氣或土壤條件，來監(jiān)測實時的環(huán)境數(shù)據(jù)。以揚塵監(jiān)測系統(tǒng)為例，分析獲取的濕度數(shù)據(jù)，可得知是否需要打開灌溉系統(tǒng)，同時，還應具有顯示濕度趨勢儀表板的Web應用程序，并允許用戶手動打開或關閉灌溉系統(tǒng)。

因此，物聯(lián)網(wǎng)信息系統(tǒng)是連接物聯(lián)網(wǎng)系統(tǒng)中所有內(nèi)容的支持軟件，它連接硬件處理不同的通信協(xié)議，為設備和用戶提供安全的身份驗證，收集、可視化和分析數(shù)據(jù)，集中管理與控制，有助于數(shù)據(jù)通信、數(shù)據(jù)流管理、設備管理及應用管理。

2 ? ?物聯(lián)網(wǎng)信息系統(tǒng)的整體設計

文章以揚塵監(jiān)測系統(tǒng)為例，通過搭建私有云的方式，采用B/S架構來設計物聯(lián)網(wǎng)信息系統(tǒng)。系統(tǒng)使用專用服務器構建Web服務器和數(shù)據(jù)庫服務器。在數(shù)據(jù)庫服務器中創(chuàng)建數(shù)據(jù)庫與表;在Web服務器上創(chuàng)建查詢、報表生成等動態(tài)網(wǎng)頁，在瀏覽器上顯示監(jiān)控點的各類數(shù)據(jù)[2]。

揚塵監(jiān)測系統(tǒng)的信息平臺需要完成各監(jiān)測點采集設備的遠程控制及終端數(shù)據(jù)的實時顯示，包括：實時地圖信息、視頻監(jiān)控數(shù)據(jù)、歷史數(shù)據(jù)查詢、報表統(tǒng)計情況、報警管理及遠程控制等功能。根據(jù)需求可搭建基于PHP+MySQL的Web開發(fā)平臺。

超文本預處理器（Hypertext Preprocessor，PHP）目前仍然是開發(fā)Web應用程序最理想的語言，它簡單易學、功能強大、成本低廉、安全性較高和運行環(huán)境易于配置，且能夠用來制作企業(yè)級的Web應用程序及動態(tài)網(wǎng)站。PHP之所以最適合與MySQL數(shù)據(jù)庫搭配使用，主要原因是PHP提供了大量的MySQL數(shù)據(jù)庫操作函數(shù)，這些函數(shù)可以方便地實現(xiàn)訪問MySQL數(shù)據(jù)庫的各種需要，從而輕松實現(xiàn)Web應用程序開發(fā)。

3 ? ?物聯(lián)網(wǎng)信息系統(tǒng)的軟件開發(fā)

3.1 ?Ajax技術

異步JavaScript及XML（Asynchronous JavaScript and XML，Ajax）技術已經(jīng)成為Web開發(fā)中應用最廣泛的技術之一，不管采用什么樣的開發(fā)平臺，只要開發(fā)瀏覽器/服務器（Browser/Server，B/S）模式架構的應用，那么表現(xiàn)層就一定會使用Ajax技術。事實上，Ajax并不是一種新的編程語言，而是一種用于創(chuàng)建更好、更快以及交互性更強的Web應用程序的技術?！袄霞夹g，新技巧”是對Ajax恰如其分的描述。Ajax本質(zhì)就是使用JavaScript的XMLHttpRequest對象在瀏覽器和服務器之間交換數(shù)據(jù)。通過這個對象，JavaScript可以在不重載頁面的情況下與Web服務器交換數(shù)據(jù)。Ajax在瀏覽器與Web服務器之間使用異步數(shù)據(jù)傳輸（HTTP請求），這樣可使網(wǎng)頁從服務器請求少量的信息，而不是整個網(wǎng)頁。

以物聯(lián)網(wǎng)信息系統(tǒng)之揚塵監(jiān)測系統(tǒng)為例，在氣象站密集、監(jiān)控點繁多的情況下，需實時觀測氣溫、濕度、風向、風速、降水量、氣壓、CO、PM2.5及PM10等10多項指標，監(jiān)控要求高，數(shù)據(jù)量大，切換頻繁，使用Ajax結合jQuery技術實現(xiàn)物聯(lián)網(wǎng)信息系統(tǒng)的Web開發(fā)，具有無刷新頁面、響應速度快、連續(xù)的用戶體驗等優(yōu)勢，Ajax異步刷新能起到無可比擬的作用。

3.2 ?使用jQuery實現(xiàn)Ajax

通過原生JavaScript實現(xiàn)Ajax較為復雜，如果服務器返回復雜結構的數(shù)據(jù)，處理起來會比較繁瑣，此外還要考慮JavaScript的瀏覽器兼容性問題。因此，通過jQuery實現(xiàn)Ajax更加簡潔方便。

jQuery是一個JavaScript代碼庫（或JavaScript框架），它極大地簡化了JavaScript編程，優(yōu)化超文本標記語言（HyperText Markup Language，HTML）文檔操作、事件處理、動畫設計和Ajax交互。jQuery對Ajax異步操作進行了封裝，提供了多種Ajax請求的方式，從簡單到復雜，有更多選擇空間[3]。$.ajax（）是jQuery對Ajax封裝的基礎方法，也是最常見的請求方法，它可以通過發(fā)送HTTP請求加載遠程數(shù)據(jù)，是jQuery最底層的Ajax實現(xiàn)，具有很高的靈活性，通過這個方法可以完成異步通訊的所有功能。

以揚塵監(jiān)測系統(tǒng)的歷史數(shù)據(jù)統(tǒng)計為例，應對10余項觀測數(shù)據(jù)，數(shù)據(jù)量龐大，通過$.ajax（）方法就可以根據(jù)實際需求指定不同的返回類型，可使用XML，HTML或JSON格式返回，還可以指定beforeSend，error，success及complete這些事件發(fā)生時的回調(diào)函數(shù)。當服務器沒有響應時，還可以使用參數(shù)來指定Ajax請求過期的時間。

3.3 ?處理JSON格式的響應數(shù)據(jù)

對象表示法（JavaScript Object Notation，JSON）是一種輕量級的數(shù)據(jù)交換格式，它是基于JavaScript的一個子集，采用獨立于語言的文本格式，當前備受青睞[4]。JSON 類似于實體類對象，通常用來在客戶端和服務器之間傳遞數(shù)據(jù)。在Ajax出現(xiàn)之初，客戶端腳本和服務器之間傳遞數(shù)據(jù)使用的是可擴展標記語言（Extensible Markup Language，XML），但XML難于解析，體積也比較大，現(xiàn)在有JSON將XML取而代之的趨勢。JSON具有結構簡單、易于解析的優(yōu)點。

JSON的數(shù)據(jù)結構與PHP的數(shù)組非常相似，在PHP5.2以上版本中，已有內(nèi)置函數(shù)用來編碼和解碼JSON數(shù)據(jù)，其中json_encode方法常被用于將對象、數(shù)組、字符串轉換成JSON格式，PHP使用該方法對變量進行JSON編碼，其輸出的就是一個JSON格式的字符串，適用于UTG-8的字符串數(shù)據(jù)，可以直接在jQuery中使用，尤其適用于物聯(lián)網(wǎng)信息系統(tǒng)的大數(shù)據(jù)、高并發(fā)的數(shù)據(jù)傳輸模式[5]。

3.4 ?大數(shù)據(jù)量吞吐

通常在物聯(lián)網(wǎng)信息系統(tǒng)中，數(shù)據(jù)監(jiān)測和采集十分頻繁，歷史數(shù)據(jù)量龐大，所以用Ajax接收后端返回的JSON數(shù)據(jù)，如果數(shù)據(jù)量特別大，處理高并發(fā)，前端的響應速度會變慢?？梢酝ㄟ^多種方法解決這個問題：

首先，可以嘗試使用Web服務器的數(shù)據(jù)壓縮功能，主流的Web服務器Tomcat，Apache，Nginx都提供壓縮配置，主流的壓縮格式是Gzip。

其次，可嘗試減少服務器端返回的數(shù)據(jù)大小。針對每次請求，盡量只返回必要的數(shù)據(jù)，那些該次請求沒有用到的數(shù)據(jù)就不返回，經(jīng)過整理后返回的JSON數(shù)據(jù)能明顯減小，前端響應變快。

最后，還可將大數(shù)據(jù)量的數(shù)據(jù)進行分割返回，例如需要返回100條數(shù)據(jù)，可以通過10次請求來進行返回數(shù)據(jù)。每次返回的數(shù)據(jù)包括數(shù)量的總行數(shù)、返回當前數(shù)據(jù)的位置、此次返回數(shù)據(jù)的數(shù)量。通過將大數(shù)據(jù)量數(shù)據(jù)進行切分、分批返回的方式，可以快速呈現(xiàn)數(shù)據(jù)，讓物聯(lián)網(wǎng)信息系統(tǒng)的管理人員或瀏覽者看到相應的數(shù)據(jù)，從而提升用戶體驗。

4 ? ?結語

使用Ajax技術處理物聯(lián)網(wǎng)信息系統(tǒng)的龐大數(shù)據(jù)，可實現(xiàn)對頁面局部的刷新、循環(huán)查詢數(shù)據(jù)庫信息、對硬件設備數(shù)據(jù)進行實時信息動態(tài)刷新展示，從而實現(xiàn)物聯(lián)網(wǎng)信息系統(tǒng)24 h不間斷采集和分析數(shù)據(jù)的需求，實現(xiàn)連貫的用戶體驗，并有效減輕服務器和帶寬的負擔。

[參考文獻]

[1]尹育新，戎宏娜.淺談一種全新的網(wǎng)絡技術—物聯(lián)網(wǎng)[J].信息系統(tǒng)工程，2010（2）：105-106.

[2]王祥濱，張寧，郝欣.基于物聯(lián)網(wǎng)的揚塵在線監(jiān)測系統(tǒng)設計與實現(xiàn)[J].中國科技期刊數(shù)據(jù)庫科研，2015（11）：3627-3630.

[3]劉紅坤.基于Ajax和PHP數(shù)據(jù)分頁的實現(xiàn)[J].計算機系統(tǒng)應用，2012（2）：218-220.

[4]郭慶燕，張敏，楊賢棟. JQuery Ajax異步處理JSON數(shù)據(jù)實現(xiàn)氣象圖片的顯示[J].計算機應用與軟件，2016（6）：20-22.

[5]李志秀，張軍，陳光，等.JQuery Ajax異步處理JSON數(shù)據(jù)在項目管理系統(tǒng)中的應用[J].云南大學學報（自然科學版），2011（S2）：247-250.

Abstract：The Internet of Things information system is a key component in the Internet of Things ecosystem. This paper introduces the basic design scheme of Internet of Things information system， and on this basis， introduces the Web application model based on Ajax technology. Ajax technology is applied to the real-time information display and historical data query of the Internet of Things information system， which has the advantages of no refresh fast response speed. This asynchronous communication model enables users to gain a more natural and smooth experience and achieve interactive effects similar to desktop applications. Such a system could be responsible for collecting information on various settings， from natural ecosystems to buildings and factories， thus applied to various fields of the Internet of Things.

Key words：Internet of Things information system; Ajax; jQuery; JavaScript Object Notation