基于SVGWeb远程实时监测客户端研究.docVIP

基于SVGWeb远程实时监测客户端研究 　　摘 要:针对现有基于Web的监测系统客户端技术在实时性方面的不足,利用可缩放矢量图形(SVG)和Ajax技术设计了一种新的基于Web的远程实时监测客户端系统。该系统利用SVG技术实现图表绘制,利用Ajax进行数据通信和传输,完成了一套完整的基于Web的图表组件,并在振动监测系统中得到了实现,具有良好的实时性。 　　关键词:可缩放矢量图形; 图表组件; Web; 远程实时监测客户端 　　中图分类号:TP393文献标志码:A 　　文章编号:1001-3695(2010)06-2144-03 　　doi:10.3969/j.issn.1001-3695.2010.06.042 　　 　　Web remote real??time monitoring client based on scalable vector graphics 　　 　　YANG Bin, ZHANG Li??xin, ZHANG Li??jun, SHI Peng 　　 　　(National Center for Materials Service Safety, University of Science Technology Beijing, Beijing 100083, China) 　　 　　Abstract:Based on the analysis on real??time problem of existing Web remote real??time monitoring client, proposed a new ??client?? system which utilize the SVG and Ajax. Used the SVG to draw the real??time chart, and used the Ajax technology to ??exchange?? data between client and server. Furthermore, implemented a set of chart component including SVG and Ajax, and used to vibration monitoring system. The system performs real??time well. 　　 　　Key words:SVG(scalable vector graphics); chart component; Web; remote real??time monitoring client 　　 　　0 引言 　　随着计算机技术和网络技术的不断发展,大型装备的状态监测技术也发生了深远的变化,逐步向实时、远程、分布式和网络化的方向发展。现有的远程实时在线监测系统普遍采用C/S(客户端/服务器)和B/S(浏览器/服务器)模式。其中B/S模式结构提供了系统更大的灵活性与开放性,便于系统的扩展、维护以及管理。大大提高客户端性能是关系到整个监测系统运行效果的重要因素,因此受到了极大的关注[1~3]。 　　但 Web通信采用的是HTTP协议,该协议的工作模式是请求/响应模式,且无连接,所以Web服务器无法实时地将服务器中的数据主动传送给Web浏览器。针对该问题,现有的解决方案主要采用以下两种主要技术:a)通过开发 ActiveX控件扩展浏览器前端功能。该方式利用ActiveX与应用服务器通信,实时获取最新的数据,然后在客户端显示出来。b)通过开发Applet来扩展浏览器前端功能,从而实现基于Web的远程实时数据监测。该方式与ActiveX类似,只是在实现技术上采用的是Java技术[4,5]。Web远程实时监测除了考虑数据传送的实时性外,还需要考虑实时数据在浏览器的显示问题,特别是各种图表如线图、饼图、直方图等的显示,因为这些图表在生成和显示时会消耗浏览器大量的资源,很容易造成显示上的不连贯现象及延滞现象。 　　本课题在一些相关研究成果的基础上,针对监测系统的功能需求,设计和实现了一套基于SVG[6]和Ajax(asynchronous JavaScript and XML)[7](用于数据的获取)技术的Web动态图表组件,用于构建基于Web的远程实时监测客户端。 　　1 SVG技术 　　SVG是一种基于XML文档的开放的矢量图形描述语言,用于描述二维矢量图形和矢量、点阵混合图形的标志语言。与位图不同,SVG的矢量图形不是用大量的单个像素建立图像,而主要用数学公式对物体(如圆、线等)行为描述,从而记录图形信息,并根据图形信息进行绘制。SVG的关键是如何通过计算机指令和数学公式来描述物体。W3C组织