HTML5技术在舰船移动监控终端的应用_宋小明.pdf
《HTML5技术在舰船移动监控终端的应用_宋小明.pdf》由会员分享,可在线阅读,更多相关《HTML5技术在舰船移动监控终端的应用_宋小明.pdf(4页珍藏版)》请在咨信网上搜索。
1、HTML5 技术在舰船移动监控终端的应用技术在舰船移动监控终端的应用宋小明(江苏海事职业技术学院,江苏 南京 211170)摘 要:在互联网、通信技术迅速发展的今天,HTML5 作为新一代的 Web 技术标准,不论是在集成度还是功能性上,相对于前期版本都具有革命性的更新,且 HTML5 在移动终端操作系统上的应用越来越广泛。本文为了提高海上舰船的自动化监控水平,实现对海上舰船的全天候、可视化监控,结合 HTML5 技术开发舰船移动监控终端,分别从 HTML5 技术的原理和关键构成、舰船移动监控终端的硬件构成和软件程序等进行开发。关键词:HTML5;移动监控终端;可视化;软件;硬件中图分类号:U
2、661.15 文献标识码:A文章编号:1672 7649(2023)12 0132 04 doi:10.3404/j.issn.1672 7619.2023.12.025The application research of HTML5 technology in ship mobile monitoring terminalSONG Xiao-ming(Jangsu Maritime Institute,Nanjing 211170,China)Abstract:In the rapid development of the Internet,communication technology
3、 today,HTML5 as a new generation ofWeb technology standards,whether in integration or functionality,relative to the previous version has a revolutionary up-date,at present,HTML5 is more and more widely used in the mobile terminal operating system.In order to improve the levelof automatic monitoring
4、of ships at sea and realize all-weather and visual monitoring of ships at sea,this paper developed theship mobile monitoring terminal combined with HTML5 technology.The detailed development work was carried out fromthe principle and key structure of HTML5 technology,hardware structure and software p
5、rogram of the ship mobile monitor-ing terminal.Key words:HTML5;mobile monitoring terminal;visualization;software;hardware 0 引言随着现代海上移动通信的发展,海上智能移动终端也越来越普及,大型航运公司和海上交通管理部门为了提高对海上舰船的监控能力,将电子海图技术和通信技术相结合,进行海上船舶移动监控系统的开发。尽管目前存在一些针对船载工控机的监控终端和应用,但这些终端和应用往往是针对某一特定操作系统和计算机平台的本地应用,对于不同系统、不同平台,无法进行有效的移植,开发者不
6、得不进行重复性的开发和设计。HTML5 作为新一代的 HTML 技术,能够有效解决监控终端和应用对于不同操作系统的适配性问题,使传统的 Web 应用可以处理矢量数,比如船舶的电子海图数据等,为实现船舶移动监控系统的开发提供了有力支持。目前,HTML5 已经被广泛应用于各个操作系统(如 Windows、安卓等)的浏览器中,配合软件的二次开发,能够实现应用的跨平台使用。HTML5 技术国内有不少学者进行了研究,陈洪敏1研究了 HTML5 和 CCS3.3 的响应问题,季焕淑2研究了 HTML5 移动前端的相关开发技术。本文的研究方向是利用 HTML5 及其扩展程序功能组件,进行舰船移动监控终端的开
7、发,分别从 HTML5 的功能特性、船舶移动监控系统的硬件架构、监控系统的电子海图显示,以及监控系统的软件程序开发等方面进行详细研究。1 HTML5 技术的研究和发展现状HTML5 相对于老版本的 HTML 4.01 进行了功能上第 45 卷 第 12 期舰 船 科 学 技 术Vol.45,No.122023 年 6 月SHIP SCIENCE AND TECHNOLOGYJun.,2023 收稿日期:2023 01 15基金项目:江苏省现代教育技术研究“十三五”规划 2019 年度立项课题(2019-R-70376)作者简介:宋小明(1983 ),女,硕士,工程师,研究方向为软件工程。的优化
8、和升级,如本地数据处理功能等。目前,HTML5已经在各个系统浏览器上获得了广泛的使用。图 1 为 HTML5 的基本架构框图。图 1 HTML5 的基本架构框图Fig.1 Basic architecture block diagram of HTML5 HTML5 的特点包括:1)功能性强HTML5 集成了 Canvas、Websocket、数据处理等多种新特性。其中,Canvas 组件结合 JAVAscript 代码,能够在不使用其他插件的条件下直接在网页生成丰富的图表、动画,使网页更加生动和丰富多彩;Web-Socket 模块的功能是在服务器和 Web 之间建立一个高效的数据传输通道,使
9、得浏览器能够支持 Socket;HTML5 的本地存储接口可以在不调用 cookie 的前提下访问客户端的计算和存储资源,不仅能够合理的配置服务器的资源,也保障了一些 Web 应用在无网络下的正常运行。此外,HTML5 可以在 Web 页面中进行音频、视频的处理,方便用户在 Web 页面的编辑和处理,摆脱了之前 HTML 技术对第三方插件的依赖。2)跨平台开发模式HTML5 的跨平台开发模式保障了基于 HTML5 应用的可移植性,针对移动端的应用开发通常的模式为HTML5+CSS3+JavaScript 的模式,HTML5 主要负责开发过程的标签设计页面的整体设计和定义,CSS3 模块负责We
10、b页面的外观风格控制和整体色彩渲染,JavaScript脚本的作用是进行 HTML 页面内容的动态修改,并根据网页的功能需求进行扩展功能的设计和开发。3)CSS3 文档处理HTML5 技术的文档处理和控制模块是 CSS 模块,是 Cascading Style Sheet 的缩写,这种文档处理模式是层叠样式的处理模式,主要应用于 XML 等文档的编辑和设计,比如文档在屏幕中的显示类型,字体、颜色的定位和布局等。目前,CSS3 文档处理模块可以提高页面内容的显示效果,也可以通过 CSS3 样式进行多页面的文件处理。4)JavaScript 脚本编程JavaScript 是 HTML 的程序设计语
11、言,JavaScript 是一种基于对象并由事件驱动的脚本语言,在 Web 的网页中集成。HTML5 的发布使得 JavaScript 脚本语言的重要性进一步提升,目前,基于 HTML5 的关键扩展功能均由 JavaScript 脚本开发而成,比如图像绘制、数据调用和存储、离线通信等。2 一种基于 HTML5 技术的舰船移动监控终端开发 2.1 舰船移动监控终端的硬件整体架构设计为了提高对海上移动船舶的监控与管理水平,本文开发舰船的移动监控终端,主要针对移动监控终端的硬件构成进行详细介绍。舰船移动监控终端的工作原理图如图 2 所示。图 2 舰船移动监控终端的工作原理图Fig.2 Diagram
12、 of the working principle of the ship mobilemonitoring terminal 舰 船 移 动 监 控 终 端 接 收 来 自 船 舶 监 测 设 备、GPRS 模块和船舶机舱的监测数据,通过 ARM 处理器的信号分析和处理,将船舶监测数据显示在终端的显示器上。1)ARM 处理器舰船移动监控终端的核心处理器为嵌入式 ARM 处理器,与传统的 8 位单片机处理器相比,ARM 处理器的内部存储空间更大,产生的外部中断个数更少,且集成了 SPI、USB 等外设的接口。本文使用的 ARM 处理器芯片为 STM32F636C8,该芯片具有 32 位数据处理
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML5 技术 舰船 移动 监控 终端 应用 宋小明
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【自信****多点】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【自信****多点】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。