深圳市奧拓電子股份有限公司 趙麗紅 吳振志吉林大學(xué)珠海學(xué)院 劉夢(mèng)亭
LED數(shù)字媒體播控系統(tǒng)的地理信息報(bào)警系統(tǒng)
深圳市奧拓電子股份有限公司 趙麗紅吳振志
吉林大學(xué)珠海學(xué)院劉夢(mèng)亭
LED數(shù)字媒體播控系統(tǒng)采用一種VC與HTML(JavaScript)互相調(diào)用的主界面設(shè)計(jì)模式設(shè)計(jì)地理信息報(bào)警系統(tǒng),實(shí)現(xiàn)在LED顯示屏上世界地圖的顯示,監(jiān)測(cè)網(wǎng)點(diǎn)上LED顯示屏的異常,彈出信息框顯示故障信息。
LED數(shù)字媒體播控;LED顯示屏;VC;HTML(JavaScript)
本LED數(shù)字媒體播控系統(tǒng)采用VC與HTML(JavaScript)互相調(diào)用的主界面設(shè)計(jì)模式,實(shí)現(xiàn)地理信息(GIS)報(bào)警系統(tǒng)。LED顯示屏主界面顯示世界地圖,通過觸摸移動(dòng)地圖定位,多點(diǎn)觸摸放大、縮小地圖。可配置各網(wǎng)點(diǎn)在地圖上的地理信息位置,系統(tǒng)以LED顯示屏小圖標(biāo)樣式顯示在地圖上,通過觸摸點(diǎn)擊制定的LED顯示屏圖標(biāo),相應(yīng)的視頻圖像、監(jiān)測(cè)信息將彈出顯示。當(dāng)監(jiān)測(cè)到某網(wǎng)點(diǎn)的LED顯示屏出現(xiàn)異常后,地圖上相應(yīng)圖標(biāo)會(huì)以明顯的紅色閃動(dòng),并聯(lián)動(dòng)聲音,達(dá)到報(bào)警警示的效果。彈出消息框顯示監(jiān)測(cè)到的故障信息。
系統(tǒng)主界面設(shè)計(jì)采用JavaScript(Web Browser)和VC(Win Form)的互相調(diào)用。VC負(fù)責(zé)后端的邏輯處理,JavaScript負(fù)責(zé)根據(jù)邏輯處理的結(jié)果調(diào)整UI和向VC傳遞數(shù)據(jù)。
1.1JavaScript調(diào)用VC
在C++中定義一個(gè)類CJSFunction,實(shí)現(xiàn)IDispatch接口,創(chuàng)建一個(gè)CJSFunction的對(duì)象,傳遞給WebBrowser,使得網(wǎng)頁中可以使用JavaScript通過window.external調(diào)用CJSFunction對(duì)象的函數(shù)。
表1 CWebBrowserBase類
1.2VC調(diào)用JavaScript
用C++通過IDispatch操作WebBrowser中的對(duì)象,獲取其中的IDispatch接口后,獲取對(duì)象的屬性和設(shè)置對(duì)象的屬性。在通過方法(或?qū)傩裕┟Q調(diào)用對(duì)象的方法是,必須先調(diào)用IDispatch的 GetIDsOfNames方法,將方法(或?qū)傩裕┟D(zhuǎn)換成ID,然后才能通過IDispatch的Invoke方法調(diào)用對(duì)象的方法。以下封裝了三個(gè)函數(shù),分別用于調(diào)用WebBrowser的對(duì)象的方法,讀取對(duì)象的屬性,設(shè)置對(duì)象的屬性。
a)CWebBrowserBase(見表1)
b) CWebBrowser與CJSFunction調(diào)用類圖(見圖1)
圖1 調(diào)用類圖
c) CWebBrowser類(見表2)
表2 CWebBrowser類
d) CJSFunction類(見表3)
表3 CJSFunction類
e)JS function設(shè)計(jì)(見表4)
JS函數(shù)是與VC調(diào)用函數(shù)相對(duì)應(yīng)的,因此,與Win form層所使用的函數(shù)基本一致。
表4 JS function設(shè)計(jì)
2.1配置文件
<?xml version=”1.0” encoding=”gb2312” standalone=”yes” ?>
<!--
數(shù)據(jù)庫連接參數(shù)
故障報(bào)警開關(guān)
報(bào)警時(shí)設(shè)置居中顯示開關(guān)
聯(lián)動(dòng)電視墻開關(guān)
報(bào)警聲音開關(guān)
聲音文件編號(hào)-->
2.2Baidu map模塊設(shè)計(jì)
a) 添加縮放平移控件
map.addControl(new BMap.NavigationControl()); //添加默認(rèn)縮放平移控件
b) 地圖平移、縮放、拖拽
map.panTo(new BMap.Point(113.262232,23.154345));
map.setZoom(14); //縮放到14級(jí)
map.enableDragging(); //開啟拖拽
c) 添加默認(rèn)縮略地圖控件
map.addControl(new BMap.OverviewMapControl()); //添加默認(rèn)縮略地圖控件
d) 添加一個(gè)設(shè)備標(biāo)注
// 編寫自定義函數(shù),創(chuàng)建標(biāo)注
function addMarker(point){
var marker = new BMap.Marker(point,{icon:myIcon});
map.addOverlay(marker);
}
//加入數(shù)組中
var MAX = 1024;
var markers = [];
var pt = null;
var i = 0;
for (; i < MAX; i++) {
markers.push(new BMap.Marker(pt));
}
e)顯示隱藏設(shè)備標(biāo)注
f)添加設(shè)備標(biāo)注標(biāo)簽(顯示隱藏標(biāo)簽)
var label = new BMap.Label(“我是文字標(biāo)注哦",{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
g)設(shè)置中心點(diǎn)和地圖縮放級(jí)別
map.centerAndZoom(new BMap.Point(116.4035,39.915),15); //設(shè)置中心點(diǎn)和地圖縮放級(jí)別。
h)設(shè)置設(shè)備標(biāo)注可編輯模式
本文針對(duì)LED數(shù)字媒體播控系統(tǒng)的地理信息報(bào)警系統(tǒng)進(jìn)行了研究與設(shè)計(jì),實(shí)現(xiàn)了主界面顯示,地圖定位,配置地理信息位置及顯示屏出現(xiàn)異常彈出信息框等功能。經(jīng)過測(cè)試,本系統(tǒng)性能穩(wěn)定可靠,系統(tǒng)操作靈活、使用方便,便于推廣,具備良好的經(jīng)濟(jì)效益。
[1]彭俊.基于無線數(shù)據(jù)傳輸?shù)腖ED顯示屏設(shè)計(jì)與實(shí)現(xiàn)[D].長沙:湖南大學(xué),2013,04.2-4.
[2]高聰.LED 大屏節(jié)目播放控制軟件的設(shè)計(jì)與實(shí)現(xiàn)[D].大連理工大學(xué),2008.
[3]逯龍.基于面向?qū)ο蠹夹g(shù)的 LED 播放軟件的設(shè)計(jì)[J].現(xiàn)代顯示,2010(05).
[4]張銀鶴,劉治國等.JSP動(dòng)態(tài)網(wǎng)站開發(fā)實(shí)踐教程[M].清華大學(xué)出版社,2007.07.
[5]張新曼.精通JSP-Web開發(fā)技術(shù)與典型應(yīng)用[M].北京:人民郵電出版社,2007.516-564.
[6]鄧子云.JSP網(wǎng)絡(luò)編程從基礎(chǔ)到實(shí)踐(第2版)[M].電子工業(yè)出版社,2007,05.
深圳市奧拓電子股份有限公司立項(xiàng),項(xiàng)目名稱:網(wǎng)絡(luò)版節(jié)能型LED廣告顯示系統(tǒng)研發(fā);深圳市奧拓電子股份有限公司立項(xiàng),項(xiàng)目名稱:萬屏聯(lián)播信息發(fā)布系統(tǒng);吉林大學(xué)珠海學(xué)院質(zhì)量工程立項(xiàng)(ZLGC20130701),項(xiàng)目名稱:以多層次MCU為核心的系列課程實(shí)踐教學(xué)改革與創(chuàng)新;吉林大學(xué)珠海學(xué)院質(zhì)量工程立項(xiàng)(ZLGC20150706),項(xiàng)目名稱:數(shù)字信號(hào)處理精品課建設(shè)。
趙麗紅(1978-),女,湖北鄂州人,工學(xué)碩士,工程師,主要研究方向:系統(tǒng)工程,計(jì)算機(jī)軟件技術(shù)。
吳振志(1976-),男,廣東汕尾人,工學(xué)學(xué)士,高級(jí)工程師,主要研究方向:通信與信息系統(tǒng),顯示控制技術(shù)。
劉夢(mèng)亭(1981-),女,江西景德鎮(zhèn)人,工學(xué)碩士,講師,主要研究方向:系統(tǒng)工程,嵌入式開發(fā),信號(hào)處理。