深圳市奧拓電子股份有限公司 趙麗紅 吳振志吉林大學珠海學院 劉夢亭
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-),女,江西景德鎮人,工學碩士,講師,主要研究方向:系統工程,嵌入式開發,信號處理。