随着网络技术的发展和互联网的普及,利用网络对远程对象进行监控成为了一种非常经济有效的监控方式。基于Web的监控系统正是这样一种监控方式,而且由于其便捷的操作、跨平台应用等特点,已经在很多领域中得到了较为广泛的应用。基于Web的监控系统人机界面是Internet技术和监控技术相结合的产物,用户只需使用浏览器就可以随时随地查看监控对象的各种信息以及参数等。但是就其目前应用的状况来看,该类系统还远没有基于C/S结构的监控系统成熟,仍然面临着一系列的技术瓶颈和挑战,尤其是在人机界面方面仍存在着较为严重的问题。这主要是由于浏览器以及网络的限制,使得图形图像在传输、用户交互以及表现手法上存在难点。本文通过对Ajax与SVG等相关技术的学习研究以及综合应用,试图解决目前基于Web的监控系统中存在的人机界面不友好、交互性差以及SVG格式图形数据的存储访问等问题。本文首先介绍了基于Web的监控系统人机界面的特点,概括了其研究现状,分析了其发展中所存在的问题,并针对性的提出了解决问题的方案。接着,对SVG以及Ajax等相关技术进行了研究和介绍。然后,在现有的基于Web的监控系统人机界面框架的基础上进行改良,设计出一种基于Ajax和SOAP的开放性较高的系统框架,并使用SVG作为图形显示格式,大大提高了系统的交互性。最后,进行了实例的开发,实现了监控图形的编辑、历史数据统计图表查询、实时数据趋势图查询等功能。通过实例不仅验证了该框架在技术上的可行性,也为以后进一步开发系统起到了一定的借鉴作用。