基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用

楼宇自动化控制采用的是计算机集散控制,所谓计算机集散控制就是分散控制集中管理。它的分散控制器通常采用直接数字控制器( DDC),利用上位计算机进行画面的监控和管理。主要手段是动画、曲线、文本、数据库、脚本、和各种专用控件等。

楼宇自动化包括:空调与通风监控系统、给排水监控系统、照明监控系统、电力供应监控系统、电梯运行监控系统、综合保安系统、消防监控系统和结构化综合布线系统。

如今,HTML5和CSS3的技术和应用环境已经成熟,它们书写 Web 前端领域的新历史,HTML5成为新一代的Web技术标准,它在给新的Web应用带来无限可能性的同时,还能带来更快、更好、更炫的用户体验。CSS3也将为Web开发带来革命性的影响,很久以前需要JavaScript和Ajax才能实现的复杂效果(如背景、圆角、3D 动画,等等),现在使用CSS3就能简单地实现,极大地提高了程序的开发效率。HTML5和CSS3已经成为全球各大互联网巨头必争之地,Microsoft、Google、Apple、Mozilla、Opera 等浏览器厂商对它们已经很好的支持了。安卓、苹果等几乎所有的移动平台均能很好的支持HTML5和CSS3,为跨平台准备好了平台。

传统的自动化系统主要是C/S架构,即客户端和服务器的模式,存在扩展的局限性,不能很好的扩展,需要对服务器和客户机进行组态设置。但B/S架构就很好的解决了这一问题,只需架设好服务器,客户端是所有支持HTML5和CSS3的浏览器,实现了自动化系统跨平台布置。

Ecava IGX Web SCADA系统始于2005年,十多年的成长经历已经成为性能优越、安全、稳定、可靠、性价比高的WEB SCADA系统。Ecava IGX是HTML5 + CSS3兼容的全功能网络监控软件。一个真正的Web SCADA软件,可运行在各种平台所有浏览器上!可以直接在任何地方的设备浏览器上显示所有模拟动画控制、趋势、报警、报表等,不需要下载ActiveX、Applet、Silverlight等任何繁琐的专有插件。

一个显而易见的优点是利用开放矢量图像格式SVG。 与传统SCADA相反,可以放大在SVG中绘制的任何画面,而不会失真。 具有自适应功能,适合任何屏幕和分辨率。

1、IGX WEB SCADA在楼宇系统应用架构:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第1张图片

2、通信协议:

IGX WEB SCADA系统支持BACnet楼宇控制专用协议。

3、建立通信标签点:

建立BACNET驱动以及通信标签点:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第2张图片

4、建立报警条件,报警时发送短信并推送:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第3张图片

5、建立趋势和报表

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第4张图片

6、组态SVG画面:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第5张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第6张图片

7、配置数据库

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第7张图片

保存运行:
演示: http://www.ecava.cn/yanshi

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第8张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第9张图片

8、报警:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第10张图片

9、报表:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第11张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第12张图片

10、趋势:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第13张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第14张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第15张图片

11、计划任务:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第16张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第17张图片

12、用户配置:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第18张图片

13、手机效果:http://www.ecava.cn/yanshi

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第19张图片

双指放大:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第20张图片

适屏:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第21张图片

放大:

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第22张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第23张图片

基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用_第24张图片

总结:Ecava IGX Web SCADA在楼宇自控系统里的应用,组态非常简单,无任何插件,自适应各种屏幕分辨率,非常快的速度带来了非常好的体验感 ,非常优秀的安全、稳定性给工程师们免去了多余的担心。同理扩展可应用在电力、热力、供水、工厂等自控行业。

工控陈江
QQ:290864664
2017-11-16

你可能感兴趣的:(html5,css3,web,工控,自动化)