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

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

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