環(huán)境監(jiān)測(cè)系統(tǒng)采用Struts框架實(shí)現(xiàn)Web服務(wù)器，使用CSS、JQuery、JavaScript、JSP等開發(fā)技術(shù)實(shí)現(xiàn)Web的后臺(tái)管理界面。后臺(tái)管理界面采用時(shí)下較主流的左側(cè)列表，右側(cè)展示內(nèi)容的界面設(shè)計(jì)，較好較直觀地展示環(huán)境監(jiān)測(cè)系統(tǒng)的信息列表，可對(duì)相應(yīng)的數(shù)據(jù)項(xiàng)目進(jìn)行增刪改查操作。服務(wù)器管理系統(tǒng)共有登錄、用戶管理首頁(yè)、全部數(shù)據(jù)、折線圖、細(xì)分折線圖、數(shù)據(jù)查詢、異常記錄、用戶查看管理、用戶添加管理、網(wǎng)關(guān)查看管理、網(wǎng)關(guān)添加管理、界限管理等十幾個(gè)界面。其中登錄界面如圖所示。

輸入正確的用戶名、密碼和驗(yàn)證碼即可以進(jìn)入用戶管理界面。環(huán)境監(jiān)測(cè)系統(tǒng)用戶管理首頁(yè)如圖所示。

環(huán)境監(jiān)測(cè)系統(tǒng)使用Android的UI布局、數(shù)據(jù)存儲(chǔ)、網(wǎng)絡(luò)編程、四大組件等技術(shù)，實(shí)現(xiàn)了Android客戶端界面開發(fā)。Android客戶端手機(jī)應(yīng)用軟件的整體界面主要采用天藍(lán)色的色調(diào)，給用戶以充滿活力和愉悅的心情。Android總共三十幾張界面，跳轉(zhuǎn)流暢自然、交互性良好，不存在卡頓和閃退現(xiàn)象，字體和輸入框等大方美觀，數(shù)據(jù)顯示完整且安全性相對(duì)較高。環(huán)境監(jiān)測(cè)系統(tǒng)Android客戶端界面主要有注冊(cè)、登錄、實(shí)時(shí)數(shù)據(jù)顯示、歷史數(shù)據(jù)顯示、數(shù)據(jù)折線圖、視頻監(jiān)控、報(bào)警控制、個(gè)人中心管理等界面，其中實(shí)時(shí)數(shù)據(jù)及歷史數(shù)據(jù)的界面如圖所示。