張佳俊 全雨辰 田書格

【摘要】人類生存的首先要有是良好的空氣質量。而盡管空氣可以通過自然沉降、降水、陽光中紫外線的照射等方式完成自我凈化，但如今中國工業(yè)的迅速發(fā)展，致使工業(yè)廢氣、汽車尾氣的排放量大大增加，城市空氣質量不斷下降。因此對空氣質量進行監(jiān)測、了解空氣質量的狀況，并及時做出防范及處理措施，同時為城市居民提供生活地區(qū)周邊空氣質量數(shù)據(jù)就是現(xiàn)在中國的一大難題。我們制作的空氣質量網(wǎng)頁主要獲取并提供公認會對健康造成威脅的氣體和顆粒物的信息并對數(shù)據(jù)進行處理。不同污染氣體和顆粒對健康的威脅隨時間濃度和距離有所變化，所以在產(chǎn)生可接受的效應估算之前，仔細監(jiān)測污染氣體濃度以及顆粒粒徑分布，濃度和組成是必要的。

【關鍵詞】空氣質量 web網(wǎng)頁制作

一、項目背景

空氣質量是一個重要的環(huán)境健康問題，世界上無論是發(fā)達地區(qū)還是欠發(fā)達地區(qū)都在逐漸加強對它的重視程度，我們制作的空氣質量網(wǎng)頁主要獲取并提供公認會對健康造成威脅的氣體和顆粒物的信息并對數(shù)據(jù)進行處理。不同污染氣體和顆粒對健康的威脅隨時間濃度和距離有所變化，所以在產(chǎn)生可接受的效應估算之前，仔細監(jiān)測污染氣體濃度以及顆粒粒徑分布，濃度和組成是必要的。

雖然在制定城市地區(qū)清潔空氣實施計劃方面取得了很大的成績，特別是發(fā)達國家，但仍有許多生活在城市地區(qū)的居民——約全球人口的25%暴露于他們吸入空氣中的高濃度氣態(tài)和顆粒狀化合物。而且，人口增長率持續(xù)增加，在21世紀中期全球人口可能是現(xiàn)在的近2倍。大部分人口增長將出現(xiàn)在低收入國家，使他們原本不足的基礎設施，技術力量和財力感到更為緊張。與此同時，城市人口的增加，將會出現(xiàn)人類活動所致污染物排放的密集中心。

自1950年以來人們就一直以在評估空氣污染對人類健康帶來的危害，并于1958年推導出了指導值。1987年WTO歐洲地區(qū)辦公室EURO出版了《歐洲空氣質量準則》，之后逐漸過渡到標準的《空氣質量準則》，在1987到1998年期間，共審議了120多種化學成分和混合物的健康危險度，到了1999年在《空氣質量準則》中己經(jīng)廣泛討論了部分發(fā)達國家環(huán)境空氣中傳統(tǒng)污染物的濃度。

在2015年11月至12月兩個月期間，中國大部分地區(qū)頻繁出現(xiàn)嚴重霧霾天氣，空氣質量問題己經(jīng)成為影響中國環(huán)境可持續(xù)發(fā)展的主要問題。與國外城市相比，中國大城市面臨的局面要更加復雜，龐大的人口數(shù)量，快速的城市化進程，復雜度燃料結構以及高密度的產(chǎn)業(yè)聚集，產(chǎn)生了更為復雜的污染物與更為眼中釘空氣污染，給空氣質量檢測與分析帶來了巨大的困難。

二、空氣質量系統(tǒng)的軟硬件環(huán)境要求

硬件需求：內(nèi)存1G以上；1024*768屏幕，16位顯卡

生產(chǎn)廠家：Microsoft；版本號：NT 6.1

軟件需求：除一般PC機及windows？以上的操作系統(tǒng)外無特殊要求。

（一）功能概述

概述系統(tǒng)實現(xiàn)的主要功能，包括系統(tǒng)性能。需給出系統(tǒng)功能的框架結構圖，樣例如圖1所示。

是綜合運用adobe photoshop cc，html，Javascript做出來的一個關于空氣質量的網(wǎng)上平臺，在這里用戶可以更加清晰，更加完善的了解自己想要了解的關于各個地區(qū)空氣質量的主要信息。我們的系統(tǒng)平臺功能完善、設計合理、界面美觀、信息實時更新，具有創(chuàng)新性、實用性。

（二）技術架構

htmlcss制作靜態(tài)網(wǎng)頁包括盒子模型的布局并采用遮罩層弱化背景JavaScript用jquery和ajax調用了”極速數(shù)據(jù)“所提供的空氣質量數(shù)據(jù)aqi接口得到json格式數(shù)據(jù)并用JavaScript處理顯示在網(wǎng)頁中，此外JavaScript還用在了一些頁面的動態(tài)處理比如information頁面中文章的點擊顯示就運用了onclick屬性并用JavaScript寫了一個函數(shù)接受onclick事件傳入的參數(shù)并讓該參數(shù)對應的文章顯示其他則隱藏。

（三）Web網(wǎng)站頁面結構設計

Web網(wǎng)站的頁面導航，給出Web網(wǎng)站的頁面關系圖，如圖2所71丈

下面是對系統(tǒng)功能分層逐一詳細說明。注意此處給出的是從用戶角度看到的功能。二級結點是：“首頁和監(jiān)測點名稱”，相關信息首頁的三級結點是：“AQI的地圖顯示氣溫（1溫度2天氣3地點）各類空氣質量信息（1指數(shù)2濃度3適宜活動4影響人群）”監(jiān)測點名稱的三級結點是：“監(jiān)測點（普陀，虹口等）以及各監(jiān)測點的各類空氣質量信息（1指數(shù)2濃度3適宜活動4影響人群）”。

三、系統(tǒng)界面設計

主網(wǎng)頁是整個智能信息檢索平臺的門面，要有分區(qū)的展示和內(nèi)容的簡介，對整個網(wǎng)站來說是至關重要的。在布局上以簡單大方為主，讓用戶可以直觀清晰地找到相應的內(nèi)容。對于不同的地區(qū)的空氣質量情況不僅有顏色標識，而且還有搭配文字進行注釋詳解。

（一）界面設計風格

頁面以清新自然的背景圖片作為背景，左側的地圖清晰直觀的顯示出上海各個地區(qū)的空氣受污染的嚴重程度，右側表格給出詳細數(shù)據(jù)。

頁面左側是通過顏色標識的aqi指數(shù)表示條，便于用戶通過其右側地圖上某區(qū)域的顏色辨識出當前選擇地區(qū)的aqi指數(shù)，右側的表格詳細展示了當前所選擇地區(qū)的詳細氣象與空氣質量狀況并可以根據(jù)上方的Observation station按鈕選擇不同區(qū)域顯示空氣質量狀況，而在選擇進入Information界面后，可以查看到許多關于空氣質量的科普短文，而Air quality通過線性時間圖說明了我國對空氣關注程度的發(fā)展史，給用戶提供了各方面關于空氣質量的信息。

（二）主要功能界面

頁面上方的Home，Observation station，Information，Airquality四個按鍵，Home可以使用戶回到初始界面，用戶可以根據(jù)上方的Observation station按鈕選擇不同區(qū)域顯示空氣質量狀況，而在選擇進入Information界面后，可以查看到許多關于空氣質量的科普短文，而Air quality通過線性時間圖說明了我國對空氣關注程度的發(fā)展史，給用戶提供了各方面關于空氣質量的信息。

參考文獻：

[1]劉春蘭，關靖，李錚，王海華.世界城市空氣污染治理與空氣質量管理研究[M].化學工業(yè)出版社，2016

[2]王作元等譯.空氣質量準則[M].人民衛(wèi)生出版社，2003.

[3]儲久良.Web前端開發(fā)技術實驗與實踐HTML，CSS，JavaScript第2版[M].清華大學出版社2016.

[4]張俊梅.網(wǎng)絡媒體設計與制作[M].中國廣播電視出版社，？2016.

[5]付強主編；滕曼，楚寶臨副主編.環(huán)境空氣質量自動監(jiān)測系統(tǒng)基本原理及操作規(guī)程[M].北京：化學工業(yè)出版社，2016.

[6]董天奇，李偉.基于Android系統(tǒng)的空氣質量查詢系統(tǒng)[J].工業(yè)控制計算機，2017.