The Design And Implement Of APP Mobile On Air Quality

The air quality APP designed in this thesis is running on the Android system.Under the background of “Smart city” and “Internet+”,people are more concerned about the topic of "health",and daily weather conditions are gradually becoming the focus of attention.Internet technology continues to apply to all aspects of life,in the daily activities of people in the future,more and more important for the public health.In this thesis,the design of the air quality APP not only can give users the daily weather information,but also can provide the user where the location of the air quality,water quality,pollution sources and other related information.Air quality APP design and implementation is conducive to the supervision of the relevant environmental departments and enterprises do not act as well as improve public awareness of environmental health.This thesis introduces the background and significance of the development of APP air quality,the main contents of the work,related technology,requirements analysis,functional analysis,architecture design and database design.The data of this thesis comes from the web crawler crawling all the data of the City Environmental Protection Agency website(the most original data is obtained through the monitoring point sensor nodes),which will be displayed on the map.Data finally handled in the background,the background can see the current user amount and data response rate and other related information.The focus of this thesis is to use HTML5 to achieve different page data animation jump and CSS3 to achieve animation effects.In the client side,using the bootstrap framework and full-page plug-in sub screen display the data of each module,realize the data dynamic loading,realize message push,user feedback,determine the location of air pollution source and other functions.This thesis based on the existing meteorological functions of mobile applications,using HTML5 and CSS3 to achieve the function of the mobile terminal APP premise,but also to solve the following problems:1)Improved traditional mobile device system comes with a single weather function page data display,and the realization of the size of the different screen size of the mobile device data show that the adaptive layout.2)When using full-page plug-in(a combination of bootstrap framework)carousel of multi-screen display different types of data,to solve the right distance cannot cover the entire screen bug.3)When a user requests access to a certain amount at the same time,it can improve the response speed of the system to improve the user experience effect by optimizing the JS script code.After testing,with HTML5 and CSS3 pages can achieve good compatibility and cool page jump effects.According to the stratified thought,the air quality APP is consistent with the principle of high cohesion and low coupling,which has the value of repeated use.