APP下载

LED数字媒体播控系统的地理信息报警系统

2016-09-16深圳市奥拓电子股份有限公司赵丽红吴振志吉林大学珠海学院刘梦亭

电子世界 2016年12期
关键词:界面设计控件控系统

深圳市奥拓电子股份有限公司 赵丽红 吴振志吉林大学珠海学院 刘梦亭

LED数字媒体播控系统的地理信息报警系统

深圳市奥拓电子股份有限公司 赵丽红吴振志
吉林大学珠海学院刘梦亭

LED数字媒体播控系统采用一种VC与HTML(JavaScript)互相调用的主界面设计模式设计地理信息报警系统,实现在LED显示屏上世界地图的显示,监测网点上LED显示屏的异常,弹出信息框显示故障信息。

LED数字媒体播控;LED显示屏;VC;HTML(JavaScript)

引言

本LED数字媒体播控系统采用VC与HTML(JavaScript)互相调用的主界面设计模式,实现地理信息(GIS)报警系统。LED显示屏主界面显示世界地图,通过触摸移动地图定位,多点触摸放大、缩小地图。可配置各网点在地图上的地理信息位置,系统以LED显示屏小图标样式显示在地图上,通过触摸点击制定的LED显示屏图标,相应的视频图像、监测信息将弹出显示。当监测到某网点的LED显示屏出现异常后,地图上相应图标会以明显的红色闪动,并联动声音,达到报警警示的效果。弹出消息框显示监测到的故障信息。

1.系统主界面设计

系统主界面设计采用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.配置模块设计

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)设置设备标注可编辑模式

3.结束语

本文针对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-),女,江西景德镇人,工学硕士,讲师,主要研究方向:系统工程,嵌入式开发,信号处理。

猜你喜欢

界面设计控件控系统
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
关于DALI灯控系统的问答精选
基于.net的用户定义验证控件的应用分析
联调联试中列控系统兼容性问题探讨
面向智能手机的UI界面设计
关于.net控件数组的探讨
一种新型列控系统方案探讨
简析GSM-R在CTCS-3列控系统中的作用和故障判断处理