張佳俊 全雨辰 田書格

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

【關(guān)鍵詞】空氣質(zhì)量 web網(wǎng)頁(yè)制作

一、項(xiàng)目背景

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

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

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

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

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

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

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

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

（一）功能概述

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

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

（二）技術(shù)架構(gòu)

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

（三）Web網(wǎng)站頁(yè)面結(jié)構(gòu)設(shè)計(jì)

Web網(wǎng)站的頁(yè)面導(dǎo)航，給出Web網(wǎng)站的頁(yè)面關(guān)系圖，如圖2所71丈

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

三、系統(tǒng)界面設(shè)計(jì)

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

（一）界面設(shè)計(jì)風(fēng)格

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

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

（二）主要功能界面

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

參考文獻(xiàn)：

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

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

[3]儲(chǔ)久良.Web前端開發(fā)技術(shù)實(shí)驗(yàn)與實(shí)踐HTML，CSS，JavaScript第2版[M].清華大學(xué)出版社2016.

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

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

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