- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
基于HTML5的环境参数监测系统研究与实现-精密仪器及机械专业论文
摘 要
随着社会的发展,环境问题日益严重,各类污染事件不断发生,严重影响了人们 的身体健康,环境问题成为了人们关注的焦点。环境监测以其重要的基础地位也越来 越受到人们的重视。目前,我国的环境参数监测系统大多是基于 C/S 架构。C/S 架构 的测试系统需要安装特殊的客户端软件并且投资和维护的成本高。随着实时 Web 技 术的不断发展,通过浏览器对环境参数进行实时监测成为可能。但是传统实时 Web 技术存在延迟大、消耗高等缺点。基于此,本文研究并开发了基于 HTML5 的环境参 数监测系统,实现在浏览器端对环境参数数据进行实时监测。具体的研究内容如下:
(1)对 HTML5 和实时 Web 技术的基本理论进行了研究并将传统实时 Web 技术 与基于 WebSocket 的实时 Web 技术进行了对比分析,分析结果表明:传统实时 Web 技术存在实时性差、吞吐量大等缺点。
(2)基于 HTML5 环境参数监测系统设计与实现。搭建了以 S3C2440 为核心处 理器的硬件开发平台,设计和完成了基于 VB 的上位机,实现实时环境参数数据采集 并将该数据存储到 MySQL 数据库中;完成基于 Node.js 的 WebSocket 服务器的开发, 通过 WebSocket 服务器将 MySQL 数据库中的环境参数数据发送到浏览器端;浏览器 端设计完成基于 Echarts 的动态图表,实现对环境参数数据的实时、动态显示;鉴于 部分环境参数数据无法通过实验室环境测得,调用环境监测网站 API 接口并将取得的 环境参数数据在页面中进行显示。至此,基于 HTML5 的环境参数监测系统开发完毕。
(3)为了评估基于 HTML5 环境参数监测系统的性能表现,本文分别采用轮询、 Ajax 长轮询和 HTML5 技术设计实现了三种具有相同功能的实时 Web 应用,完成对 MySQL 数据库中环境参数数据进行实时监测任务。结合实时 Web 应用的性能标准, 制定了实验方案和具体的评估标准,通过实验数据对三个实时 Web 应用方案的性能 进行对比分析。实验表明:基于 HTML5 的实时 Web 技术实时性更强并有效地减少 了网络吞吐量,具有很强的实用性。
关键词:环境监测;HTML5;实时 Web;WebSocket 服务器
Abstract
With the development of the society, the environmental problem is becoming more and more serious. All kinds of pollution incidents happened constantly, peoples health suffered serious impact. Environmental problems become the focus of people’s attention. Environmental monitoring technology has attracted more and more public attention. Currently, the environmental parameters monitoring techniques are mostly based on C/S architecture. C/S mode has its own shortcomings and deficiencies. For example, C/S mode client need to install special client software, and it has high maintenance costs and high investment. With the development of the real-time Web technology, the environmental monitoring system based on real-time web is becoming possible. Traditional real-time Web technology has the shortcomings of big consumption and low efficiency. In this paper, A real-time environmental monitoring system based on HTML5 is designed. Then the client can display the real-time data via the system. The spec
您可能关注的文档
- 基于HMM-ANN混合模型的咳嗽音识别研究-计算机软件与理论专业论文.docx
- 基于HLA的集装箱港口多式作业仿真方法研究-管理科学与工程专业论文.docx
- 基于HLA的通信星座系统分布式仿真研究-通信与信息系统专业论文.docx
- 基于HMM和PNN的混合语音识别模型研究-计算机应用技术专业论文.docx
- 基于HMM和BP网络混合模型的web文本信息抽取研究-计算机应用技术专业论文.docx
- 基于HMIPV6域内路由优化的研究-计算机应用技术专业论文.docx
- 基于HLS的多轴控制系统的设计和实现-控制理论与控制工程专业论文.docx
- 基于HMM分类器和Relax算法特征提取的高分辨雷达目标自动识别问题研究-通信与信息系统专业论文.docx
- 基于HMM方法的蛋白质局部片段结构属性的预测研究-控制理论与控制工程专业论文.docx
- 基于HMM和微粒群优化算法的核电设备机械故障诊断技术的研究-机械制造及其自动化专业论文.docx
- 基于HTML5的即时战略网页游戏的设计与实现-软件工程专业论文.docx
- 基于HTML5的空间环境数据三维成像研究与应用-电子与通信工程专业论文.docx
- 基于HTML5的网络拓扑展示系统的设计与实现-软件工程专业论文.docx
- 基于HTML5的自助印刷系统前端设计与实现-软件工程专业论文.docx
- 基于HTML5的WebGIS分析-农业信息化专业论文.docx
- 基于HTML5的统计图表系统的设计与实现-软件工程专业论文.docx
- 基于HTML5的通用WebIM组件的前端设计与实现-软件工程专业论文.docx
- 基于HTML5的跨平台移动Web的研究与实现-电子与信息工程专业论文.docx
- 基于HTML5跨平台技术的社交电视增值业务的研究-电子与通信工程专业论文.docx
- 基于HTML5移动开发技术的跨平台应用商店的设计与实现-软件工程专业论文.docx
文档评论(0)