基于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)中，健康對于公眾來說越來越重要。本文設(shè)計(jì)的空氣質(zhì)量APP不僅能夠給用戶顯示日常的氣象信息，還可以提供用戶所在城市位置的空氣質(zhì)量、水質(zhì)、污染源等相關(guān)信息?？諝赓|(zhì)量APP的設(shè)計(jì)實(shí)現(xiàn)有利于監(jiān)督相關(guān)環(huán)保部門和企業(yè)單位不作為

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

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