河北省地震局單機多屏地震信息展示系統(tǒng)的設(shè)計與實現(xiàn)

魏艷旭，李振波，李紅梅，崔 磊

(河北省地震局，河北 石家莊 050021)

0 引言

隨著信息技術(shù)與網(wǎng)絡(luò)技術(shù)的發(fā)展，公眾對信息的質(zhì)量要求更高，圖像和視頻成為獲取信息最直觀便捷的形式。當前，各行業(yè)采用大屏幕進行多媒體信息展示得到普及，已應用于交通、醫(yī)院、展館等公共服務領(lǐng)域[1-2]。基于大屏幕的多媒體信息展示，畫面豐富清晰，集圖像與聲音于一體，能滿足聽覺及視覺的感受，產(chǎn)生較好的宣傳效果。同時，LED電子顯示屏集微電子技術(shù)、計算機技術(shù)、信息處理于一體，具有色彩鮮艷、動態(tài)范圍廣、亮度高、壽命長、工作穩(wěn)定可靠等優(yōu)點[3-5]。

河北省地震局早期采用液晶屏幕進行地震信息宣傳，展示的內(nèi)容和更新方式受到局限，僅展示文字格式信息，且文字內(nèi)容需要人工手動更新。對于地震速報信息不能實時更新，信息傳播效果較差。因此，亟須建設(shè)一套自動化的多媒體信息綜合展示平臺。該展示平臺通過實時自動更新和人工上傳兩種方式，實現(xiàn)單臺服務器控制兩臺大屏幕展示不同內(nèi)容的多媒體信息。該研究從硬件和軟件層面對單機多屏信息展示系統(tǒng)方案進行探討，研發(fā)出基于B/S架構(gòu)的單機多屏地震行業(yè)信息展示系統(tǒng)，實現(xiàn)大屏展示信息的靈活多樣。

1 系統(tǒng)硬件構(gòu)成

在硬件方面，系統(tǒng)配置一臺高性能主機及兩臺大屏幕、一臺顯示器。兩臺大屏幕用于宣傳展示，一臺顯示器用于日常管理及更新等操作。大屏幕顯示系統(tǒng)硬件主要包括LED顯示屏體、LED大屏控制系統(tǒng)、視頻服務器、光纖收發(fā)器、音箱及線纜輔材等。針對兩個大屏幕不同的環(huán)境及顯示需求，一臺大屏采用屏幕像素點距為P1.53 mm的小間距LED拼接屏，另一臺大屏采用2.5 mm的小間距LED拼接屏。服務器運用多接口獨立顯卡技術(shù)，采用華碩ASUS GT710-4H-SL-2GD5四個HDMI接口多屏顯示單插槽顯卡，實現(xiàn)一臺計算機連接多臺屏幕，使多個窗口以全屏的方式在不同的屏幕上顯示。鼠標可在多個屏幕間任意移動，用戶可按序?qū)⒐鈽擞梢粋€屏幕移動到另一個任意屏幕上，LED顯示系統(tǒng)拓撲圖如第35頁圖1所示。另外，增加配套的多功能卡，安裝在配電柜中，通過使用u口連接到LED大屏控制系統(tǒng)，運用軟件來控制大屏幕的定時開關(guān)機。

圖1 大屏幕顯示系統(tǒng)拓撲圖Fig.1 Large screen display system topological diagram

2 系統(tǒng)功能架構(gòu)

2.1 系統(tǒng)整體架構(gòu)

大屏幕信息管理系統(tǒng)軟件采用B/S架構(gòu)，應用MySQL數(shù)據(jù)庫存儲地震信息等數(shù)據(jù)，基于SpringMVC+MyBatis+JSP進行軟件開發(fā)，采用Tomcat作為Web服務器中間件，使用AJAX技術(shù)實現(xiàn)異步交互、CSS樣式制作HTML前臺網(wǎng)頁。

系統(tǒng)由表現(xiàn)層、應用層和數(shù)據(jù)層3個層次構(gòu)成(見第35頁圖2)。數(shù)據(jù)層管理地震信息數(shù)據(jù)，通過Web中間件與Web服務器進行交互；應用層接收處理表現(xiàn)層用戶發(fā)送的請求，生成動態(tài)網(wǎng)頁，大屏幕管理系統(tǒng)的功能均在服務器端實現(xiàn)；表現(xiàn)層是用戶訪問系統(tǒng)的公共接口，用戶通過Web瀏覽器將請求發(fā)送到Web服務器，訪問大屏幕管理平臺，實現(xiàn)信息上傳，通過瀏覽器在前端大屏幕展示。各層分別完成不同的功能服務，實現(xiàn)資源的合理配置，提高系統(tǒng)穩(wěn)定性，便于維護和更新。

圖2 軟件總體架構(gòu)Fig.2 Overall software architecture

2.2 信息展示模式

根據(jù)大屏幕展示的需求及內(nèi)容特點，展示模式分為日常模式、全屏圖片模式、全屏視頻模式、全屏通知模式四種。日常模式展示首頁工作圖片、冀震要聞、地震速報、首頁滾動通知或宣傳標語、天氣和日期欄目。其中，冀震要聞、地震速報欄目設(shè)置為自動從門戶網(wǎng)站實時抓取信息，首頁圖片及首頁通知可通過管理系統(tǒng)后臺上傳及發(fā)布；全屏通知模式用于播放重要通知；全屏圖片模式用于展示重要宣傳節(jié)點及活動海報；全屏視頻模式用于播放宣傳短片。大屏幕播放海報或視頻可用于節(jié)目表演的舞美布景，操作便捷靈活，屏幕亮度也可作為光源補充，提高視覺效果和體驗感。首頁圖片、冀震要聞展示關(guān)鍵代碼為：

public static ListgetDaping1_picAndVideo(){

Listlist = null;

int size = 0;

String barid="";

barid = "5,6";size=10;

//先查找3天內(nèi)的數(shù)據(jù)進行展示

list = WebArticleUtils_Three.getArticleList2(barid,1000);

//如果3天內(nèi)的數(shù)據(jù)小于10條，往前不限時間取10條數(shù)據(jù)

if(list==null || list.size()<10) {

list = WebArticleUtils_ALL.getArticleList2(barid,size);

}

return list;

}

public static ListgetDaping1_news_dzsb(){

Listlist = null;

int size = 0;

String barid="";

barid = "2";size=11;

list = WebArticleUtils.getArticleList(barid,size);

return list; }

日常模式展示效果如圖3所示。

圖3 東廳大屏幕日常模式效果圖Fig.3 Daily mode renderings of the large screen in the east hall

2.3 信息獲取方式

實現(xiàn)地震信息的自動獲取，日常模式中“地震速報”為每5 min抓取一次信息，“冀震要聞”欄目設(shè)置為每天早七點和中午十二點自動抓取信息。除此之外，也可登錄管理系統(tǒng)后臺，點擊相應按鈕對兩個欄目的信息進行手動抓取，關(guān)鍵代碼為：

Listlist = new ArrayList();

String url =HOST+LIST_URL;

trustAllHttpsCertificates();

HttpsURLConnection.setDefaultHostnameVerifier(hv);

Document doc = Jsoup.connect(url).get();

Elements divs = doc.select("div.tt >div.file >ul >li >a");

int i=0;

for (Element element :divs) {

String href = element.attr("href");

String title = element.attr("title");

Element label = element.parent().select("label").first();

String pubdate = label.text();

pubdate = pubdate + " 00:00:00";

String id =getId(href);

String outurl =HOST+LIST_URL+href.replaceFirst(localFlag,"");

if(href.startsWith(localFlag2)){

outurl =HOST+LIST_URL+href;

}

if(!(href.startsWith(localFlag)||href.startsWith(localFlag2))){

outurl = href;

}

log("%s %s",title,href);

CmsArticle detail = new CmsArticle();

detail.setId(id);

detail.setTitle(title);

detail.setBarid(BARID);

detail.setOuturl(outurl);

detail.setPubdate(pubdate);

detail.setInfo_from(INFO_FROM);

list.add(detail);

i++;

if(i==LIST_SIZE){

break;

}

}

2.4 多用戶在線操作

系統(tǒng)支持多用戶登錄操作，角色分為管理員、審核員、普通用戶。普通用戶登錄后臺管理系統(tǒng)，上傳信息，由所在部門的審核員審核，審核通過后，顯示到大屏上。審核員或管理員可直接上傳并發(fā)布信息。

2.5 多模式自動切換

大屏幕日常輪播模式為日常、全屏圖片、全屏視頻、全屏通知四種模式按頁面順序循環(huán)播放。其中，日常、全屏圖片、全屏通知頁面保持3 min后切換下一屏頁面；全屏視頻在全部視頻播放完畢后切換，當切換下一屏時，如果跳轉(zhuǎn)到“全屏圖片”或“全屏視頻”或“全屏通知”頁面，該頁面無展示內(nèi)容，會自動跳過該頁面展示下一模式。如無特殊要求，平時采取日常輪播模式即可。管理員可根據(jù)不同情況，在后臺設(shè)置單獨播放一種模式的內(nèi)容，也可進行不同模式的組合設(shè)置，即自定義模式，可采取“日常、全屏圖片、全屏視頻、全屏通知”四種模式任意組合輪播的模式。屏幕切換規(guī)則如第38頁圖4所示。自定義模式的部分代碼如下：

圖4 屏幕切換規(guī)則Fig.4 Screen switching rules

if(StringUtils.isNotBlank(site_dp_zdy_style)){

String zdys = site_dp_zdy_style.split(",");

boolean isHasThisPage = false;

boolean isHasNextPage = false;

String firstPageIndex = "";

String firstPage = "";

if(zdys!=null &&zdys.length>0){

firstPageIndex = zdys[0];

if(firstPageIndex.equals("1")){

firstPage = "daping1.jsp";

}else if(firstPageIndex.equals("2")){

firstPage = "daping2.jsp";

}else if(firstPageIndex.equals("3")){

firstPage = "daping3.jsp";

}else if(firstPageIndex.equals("4")){

firstPage = "daping4.jsp";

}

3 結(jié)語

河北省地震局建立的單機多屏信息展示系統(tǒng)，采用單臺計算機控制兩塊大屏幕，方便、易用、維護成本低。通過基于B/S架構(gòu)的軟件管理系統(tǒng)進行信息管理，分別把不同的頁面輸出到兩塊屏幕進行播放，系統(tǒng)自動抓取“地震速報”“冀震要聞”等無須加工的信息，后臺支持多用戶上傳并發(fā)布文字、圖片、視頻等多種格式信息，快捷、靈活，提高了工作效率。該系統(tǒng)發(fā)揮不同場所大屏幕的宣傳展示功能，方便大家及時、直觀地了解地震活動及防震減災工作動態(tài)，有較強的表現(xiàn)力和影響力。大屏幕展示系統(tǒng)具有廣闊的應用前景，適用于企事業(yè)單位、展館、服務行業(yè)等領(lǐng)域。通過開展對該系統(tǒng)的應用研究，對單機多屏信息展示的研究具有一定的參考意義。