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

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

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

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