深圳市奥拓电子股份有限公司 赵丽红 吴振志吉林大学珠海学院 刘梦亭
LED数字媒体播控系统的地理信息报警系统
深圳市奥拓电子股份有限公司 赵丽红吴振志
吉林大学珠海学院刘梦亭
LED数字媒体播控系统采用一种VC与HTML(JavaScript)互相调用的主界面设计模式设计地理信息报警系统,实现在LED显示屏上世界地图的显示,监测网点上LED显示屏的异常,弹出信息框显示故障信息。
LED数字媒体播控;LED显示屏;VC;HTML(JavaScript)
本LED数字媒体播控系统采用VC与HTML(JavaScript)互相调用的主界面设计模式,实现地理信息(GIS)报警系统。LED显示屏主界面显示世界地图,通过触摸移动地图定位,多点触摸放大、缩小地图。可配置各网点在地图上的地理信息位置,系统以LED显示屏小图标样式显示在地图上,通过触摸点击制定的LED显示屏图标,相应的视频图像、监测信息将弹出显示。当监测到某网点的LED显示屏出现异常后,地图上相应图标会以明显的红色闪动,并联动声音,达到报警警示的效果。弹出消息框显示监测到的故障信息。
系统主界面设计采用JavaScript(Web Browser)和VC(Win Form)的互相调用。VC负责后端的逻辑处理,JavaScript负责根据逻辑处理的结果调整UI和向VC传递数据。
1.1JavaScript调用VC
在C++中定义一个类CJSFunction,实现IDispatch接口,创建一个CJSFunction的对象,传递给WebBrowser,使得网页中可以使用JavaScript通过window.external调用CJSFunction对象的函数。
表1 CWebBrowserBase类
1.2VC调用JavaScript
用C++通过IDispatch操作WebBrowser中的对象,获取其中的IDispatch接口后,获取对象的属性和设置对象的属性。在通过方法(或属性)名称调用对象的方法是,必须先调用IDispatch的 GetIDsOfNames方法,将方法(或属性)名转换成ID,然后才能通过IDispatch的Invoke方法调用对象的方法。以下封装了三个函数,分别用于调用WebBrowser的对象的方法,读取对象的属性,设置对象的属性。
a)CWebBrowserBase(见表1)
b) CWebBrowser与CJSFunction调用类图(见图1)
图1 调用类图
c) CWebBrowser类(见表2)
表2 CWebBrowser类
d) CJSFunction类(见表3)
表3 CJSFunction类
e)JS function设计(见表4)
JS函数是与VC调用函数相对应的,因此,与Win form层所使用的函数基本一致。
表4 JS function设计
2.1配置文件
<?xml version=”1.0” encoding=”gb2312” standalone=”yes” ?>
<!--
数据库连接参数
故障报警开关
报警时设置居中显示开关
联动电视墙开关
报警声音开关
声音文件编号-->
2.2Baidu map模块设计
a) 添加缩放平移控件
map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
b) 地图平移、缩放、拖拽
map.panTo(new BMap.Point(113.262232,23.154345));
map.setZoom(14); //缩放到14级
map.enableDragging(); //开启拖拽
c) 添加默认缩略地图控件
map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
d) 添加一个设备标注
// 编写自定义函数,创建标注
function addMarker(point){
var marker = new BMap.Marker(point,{icon:myIcon});
map.addOverlay(marker);
}
//加入数组中
var MAX = 1024;
var markers = [];
var pt = null;
var i = 0;
for (; i < MAX; i++) {
markers.push(new BMap.Marker(pt));
}
e)显示隐藏设备标注
f)添加设备标注标签(显示隐藏标签)
var label = new BMap.Label(“我是文字标注哦",{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
g)设置中心点和地图缩放级别
map.centerAndZoom(new BMap.Point(116.4035,39.915),15); //设置中心点和地图缩放级别。
h)设置设备标注可编辑模式
本文针对LED数字媒体播控系统的地理信息报警系统进行了研究与设计,实现了主界面显示,地图定位,配置地理信息位置及显示屏出现异常弹出信息框等功能。经过测试,本系统性能稳定可靠,系统操作灵活、使用方便,便于推广,具备良好的经济效益。
[1]彭俊.基于无线数据传输的LED显示屏设计与实现[D].长沙:湖南大学,2013,04.2-4.
[2]高聪.LED 大屏节目播放控制软件的设计与实现[D].大连理工大学,2008.
[3]逯龙.基于面向对象技术的 LED 播放软件的设计[J].现代显示,2010(05).
[4]张银鹤,刘治国等.JSP动态网站开发实践教程[M].清华大学出版社,2007.07.
[5]张新曼.精通JSP-Web开发技术与典型应用[M].北京:人民邮电出版社,2007.516-564.
[6]邓子云.JSP网络编程从基础到实践(第2版)[M].电子工业出版社,2007,05.
深圳市奥拓电子股份有限公司立项,项目名称:网络版节能型LED广告显示系统研发;深圳市奥拓电子股份有限公司立项,项目名称:万屏联播信息发布系统;吉林大学珠海学院质量工程立项(ZLGC20130701),项目名称:以多层次MCU为核心的系列课程实践教学改革与创新;吉林大学珠海学院质量工程立项(ZLGC20150706),项目名称:数字信号处理精品课建设。
赵丽红(1978-),女,湖北鄂州人,工学硕士,工程师,主要研究方向:系统工程,计算机软件技术。
吴振志(1976-),男,广东汕尾人,工学学士,高级工程师,主要研究方向:通信与信息系统,显示控制技术。
刘梦亭(1981-),女,江西景德镇人,工学硕士,讲师,主要研究方向:系统工程,嵌入式开发,信号处理。