基于HTML5+CSS3移動(dòng)端空氣質(zhì)量APP的設(shè)計(jì)與實(shí)現(xiàn).pdf

1、本文設(shè)計(jì)的空氣質(zhì)量APP是在Android系統(tǒng)上運(yùn)行的。在“智慧城市"和"互聯(lián)網(wǎng)+"的背景下，人們更加關(guān)注"健康"這個(gè)話題，日常出行的天氣情況也正逐漸成為被關(guān)注的焦點(diǎn)。互聯(lián)網(wǎng)技術(shù)不斷應(yīng)用到生活中的各個(gè)層面，在人們以后的日常活動(dòng)中，健康對(duì)于公眾來(lái)說(shuō)越來(lái)越重要。本文設(shè)計(jì)的空氣質(zhì)量APP不僅能夠給用戶(hù)顯示日常的氣象信息，還可以提供用戶(hù)所在城市位置的空氣質(zhì)量、水質(zhì)、污染源等相關(guān)信息。空氣質(zhì)量APP的設(shè)計(jì)實(shí)現(xiàn)有利于監(jiān)督相關(guān)環(huán)保部門(mén)和企業(yè)單位不作為

2、以及提高公眾的環(huán)保健康意識(shí)。
　　本文介紹了空氣質(zhì)量APP的開(kāi)發(fā)背景和意義、主要工作內(nèi)容、涉及到的技術(shù)、需求分析、功能分析、數(shù)據(jù)庫(kù)設(shè)計(jì)和系統(tǒng)架構(gòu)。本文的數(shù)據(jù)來(lái)源于網(wǎng)絡(luò)爬蟲(chóng)爬取各個(gè)城市環(huán)保局網(wǎng)站上數(shù)據(jù)（最原始的數(shù)據(jù)是通過(guò)監(jiān)測(cè)點(diǎn)傳感器節(jié)點(diǎn)獲?。@些數(shù)據(jù)將在地圖上顯示。數(shù)據(jù)最后是在后臺(tái)Web端處理，后臺(tái)Web端可以看到當(dāng)前用戶(hù)量以及數(shù)據(jù)響應(yīng)速率等相關(guān)信息。本文的側(cè)重點(diǎn)在于利用HTML5實(shí)現(xiàn)不同頁(yè)面數(shù)據(jù)動(dòng)畫(huà)跳轉(zhuǎn)以及CSS3實(shí)現(xiàn)動(dòng)畫(huà)特效。

3、在客戶(hù)端，采用了Bootstrap框架和FullPage插件多屏輪播顯示各模塊的數(shù)據(jù)，實(shí)現(xiàn)了數(shù)據(jù)動(dòng)態(tài)加載以及消息推送、用戶(hù)反饋、確定空氣污染源位置等功能。
　　本文在現(xiàn)有的移動(dòng)應(yīng)用設(shè)備自帶的氣象功能基礎(chǔ)上，在用HTML5和CSS3實(shí)現(xiàn)移動(dòng)端APP的功能前提下，還解決了如下問(wèn)題：
　　1）改進(jìn)了傳統(tǒng)移動(dòng)設(shè)備系統(tǒng)自帶的氣象功能頁(yè)面數(shù)據(jù)顯示單一，并且實(shí)現(xiàn)在不同屏幕尺寸大小的移動(dòng)設(shè)備上數(shù)據(jù)顯示的自適應(yīng)布局。
　　2）在使用Fu