论文部分内容阅读
本文设计的空气质量APP是在Android系统上运行的。在“智慧城市”和“互联网+”的背景下,人们更加关注“健康”这个话题,日常出行的天气情况也正逐渐成为被关注的焦点。互联网技术不断应用到生活中的各个层面,在人们以后的日常活动中,健康对于公众来说越来越重要。本文设计的空气质量APP不仅能够给用户显示日常的气象信息,还可以提供用户所在城市位置的空气质量、水质、污染源等相关信息。空气质量APP的设计实现有利于监督相关环保部门和企业单位不作为以及提高公众的环保健康意识。本文介绍了空气质量APP的开发背景和意义、主要工作内容、涉及到的技术、需求分析、功能分析、数据库设计和系统架构。本文的数据来源于网络爬虫爬取各个城市环保局网站上数据(最原始的数据是通过监测点传感器节点获取),这些数据将在地图上显示。数据最后是在后台Web端处理,后台Web端可以看到当前用户量以及数据响应速率等相关信息。本文的侧重点在于利用HTML5实现不同页面数据动画跳转以及CSS3实现动画特效。在客户端,采用了Bootstrap框架和FullPage插件多屏轮播显示各模块的数据,实现了数据动态加载以及消息推送、用户反馈、确定空气污染源位置等功能。本文在现有的移动应用设备自带的气象功能基础上,在用HTML5和CSS3实现移动端APP的功能前提下,还解决了如下问题:1)改进了传统移动设备系统自带的气象功能页面数据显示单一,并且实现在不同屏幕尺寸大小的移动设备上数据显示的自适应布局。2)在使用FullPage插件(结合Bootstrap框架时)多屏轮播显示不同类型数据时,解决了右边距不能全部覆盖整个屏幕的Bug。3)当用户在同一时刻请求访问达到一定数量时,可以对JS脚本代码优化设计提高系统响应速度来提升用户体验效果。经测试,用HTML5和CSS3实现的页面能够达到页面良好的兼容性并实现酷炫的页面跳转特效。按分层思想设计的空气质量APP符合高内聚低耦合的原则,具有重复使用价值。