電力系統(tǒng)實(shí)時(shí)畫面Web界面展現(xiàn)方法
【專利摘要】本發(fā)明公開一種電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，主要包括：通過(guò)后端服務(wù)器監(jiān)控并采集電力設(shè)備的狀態(tài)數(shù)據(jù)；實(shí)時(shí)畫面發(fā)布服務(wù)器將該狀態(tài)數(shù)據(jù)渲染出一完整界面層；檢測(cè)到通過(guò)終端設(shè)備輸入實(shí)時(shí)畫面發(fā)布服務(wù)器網(wǎng)址后，實(shí)時(shí)畫面發(fā)布服務(wù)器發(fā)送界控腳本獲取終端的尺寸、分辨率信息，并根據(jù)該尺寸及分辨率信息繪制出與終端設(shè)備尺寸相同的虛擬畫面，并將該虛擬界面發(fā)送至終端設(shè)備；終端設(shè)備接收上述虛擬畫面，并采用瀏覽器內(nèi)核的畫布功能渲染該虛擬畫面。本發(fā)明可以根據(jù)終端設(shè)備屏幕尺寸和分辨率信息，輸出適合該終端設(shè)備畫面尺寸的文件。
【專利說(shuō)明】電力系統(tǒng)實(shí)時(shí)畫面Web界面展現(xiàn)方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種用于電力系統(tǒng)的實(shí)時(shí)畫面Web界面展現(xiàn)方法。
【背景技術(shù)】
[0002]瀏覽器作為日常辦公經(jīng)常使用的工具，現(xiàn)在也逐漸成為電力調(diào)度系統(tǒng)畫面調(diào)閱的便捷入口。在瀏覽器上展現(xiàn)電力調(diào)度系統(tǒng)廠站圖一般使用SVG技術(shù)，SVG是一種矢量圖描述技術(shù)，非常適合用來(lái)描述電力系統(tǒng)廠站圖中的設(shè)備和前景。同時(shí)，由于越來(lái)越多的瀏覽器開始支持SVG圖的渲染，因此在瀏覽器上調(diào)閱電力系統(tǒng)畫面也成為一種必然的選擇。移動(dòng)終端是電力自動(dòng)化系統(tǒng)應(yīng)用不斷發(fā)展的趨勢(shì)之一，它可使值班室得以擴(kuò)展延伸，隨時(shí)隨地為用戶提供信息，但與PC相比:一是移動(dòng)終端設(shè)備使用觸摸操作代替了鼠標(biāo)操作，屏幕尺寸也不同，傳統(tǒng)web界面在移動(dòng)設(shè)備上難以獲得良好的用戶體驗(yàn)，二是移動(dòng)終端設(shè)備硬件配置較低，當(dāng)直接加載大SVG圖時(shí)瀏覽器出現(xiàn)運(yùn)行緩慢，甚至崩潰等情況。
[0003]因此需要一種新的用于web界面展現(xiàn)的技術(shù)方案，能夠?qū)eb針對(duì)不同類型的展現(xiàn)設(shè)備，以相適應(yīng)的形式進(jìn)行展現(xiàn)，同時(shí)不需要對(duì)web界面針對(duì)不同設(shè)備進(jìn)行重新設(shè)計(jì)，節(jié)省開發(fā)成本，并能提供良好的展現(xiàn)畫面。

【發(fā)明內(nèi)容】

[0004]本發(fā)明的目的是針對(duì)現(xiàn)有技術(shù)的不足，提供一種電力系統(tǒng)實(shí)時(shí)畫面Web界面展現(xiàn)方法，可以根據(jù)終端設(shè)備屏幕尺寸和分辨率信息，輸出適合該終端設(shè)備畫面尺寸的文件。[0005]為解決上述技術(shù)問(wèn)題，本發(fā)明采用以下技術(shù)方案:
電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法,其特征在于,包括:
通過(guò)后端服務(wù)器監(jiān)控并采集電力設(shè)備的狀態(tài)數(shù)據(jù)；
實(shí)時(shí)畫面發(fā)布服務(wù)器將該狀態(tài)數(shù)據(jù)渲染出一完整界面層；
檢測(cè)到通過(guò)終端設(shè)備輸入實(shí)時(shí)畫面發(fā)布服務(wù)器網(wǎng)址后，實(shí)時(shí)畫面發(fā)布服務(wù)器發(fā)送界控腳本獲取終端的尺寸、分辨率信息，并根據(jù)該尺寸及分辨率信息繪制出與終端設(shè)備尺寸相同的虛擬畫面，并將該虛擬畫面發(fā)送至終端設(shè)備；
終端設(shè)備接收上述虛擬畫面，并采用瀏覽器內(nèi)置SVG技術(shù)渲染該虛擬畫面。
[0006]其中，在終端設(shè)備上對(duì)畫面進(jìn)行的縮放操作采用兩次渲染方式渲染畫面，即當(dāng)終端設(shè)備中瀏覽器界控腳本監(jiān)聽到用戶對(duì)畫面進(jìn)行縮放操作時(shí)，先對(duì)上述虛擬畫面進(jìn)行縮放渲染，同時(shí)將該操作指令信息發(fā)送至實(shí)時(shí)畫面發(fā)布服務(wù)器，服務(wù)器根據(jù)縮放區(qū)域適配出虛擬畫面后返送至終端設(shè)備，終端設(shè)備再次渲染該虛擬畫面。
[0007]其中，所述完整界面層包括圖元1、圖元2、圖元3……圖元n，將完整界面層對(duì)角線長(zhǎng)度與終端設(shè)備對(duì)角線長(zhǎng)度的比值確定為每個(gè)圖元的縮放比例。
[0008]其中，所述完整界面層包括圖元1、圖元2、圖元3……圖元n，對(duì)每個(gè)圖元分別設(shè)置權(quán)重，在繪制虛擬畫面時(shí)，根據(jù)權(quán)重對(duì)圖元進(jìn)行比例縮放。
[0009]其中，根據(jù)權(quán)重對(duì)圖元縮放后得到的虛擬圖元尺寸若小于該圖元最小可視尺寸，則放棄該圖元的顯示。
[0010]其中，被放棄的圖元可以通過(guò)簡(jiǎn)單圖元來(lái)代替。
[0011]其中，所述虛擬畫面以SVG文件格式發(fā)送至終端設(shè)備。
[0012]其中，所述終端設(shè)備為觸摸屏手機(jī)、平板電腦。
[0013]與現(xiàn)有技術(shù)相比，本發(fā)明具有以下有益效果:
1.根據(jù)終端設(shè)備屏幕尺寸和分辨率信息，服務(wù)器能適配出合適多小的畫面文件，從而畫面實(shí)現(xiàn)更加清晰明了；
2.根據(jù)終端設(shè)備量身打造的虛擬畫面文件在過(guò)濾掉不可視圖元或區(qū)域后字節(jié)數(shù)變少，傳輸流量更小；
3.用戶在終端設(shè)備上縮放操作采用兩次渲染的方式渲染虛擬畫面，能平滑更新畫面，用戶體驗(yàn)效果更好；
4.虛擬畫面文件以瀏覽器內(nèi)置的SVG技術(shù)渲染，支持多數(shù)移動(dòng)瀏覽器或新版本桌面瀏覽器，從而實(shí)現(xiàn)多數(shù)終端設(shè)備都能顯示畫面。
【專利附圖】

【附圖說(shuō)明】
[0014]圖1為本發(fā)明電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法實(shí)施例的流程圖。
【具體實(shí)施方式】
[0015]為詳細(xì)說(shuō)明本發(fā)明的技術(shù)內(nèi)容、構(gòu)造特征、所實(shí)現(xiàn)目的及效果，以下結(jié)合實(shí)施方式并配合附圖詳予說(shuō)明。
[0016]請(qǐng)參考圖1，本發(fā)明提供一種電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法一優(yōu)選實(shí)施例的流程圖，該方法包括以下步驟:
(51)通過(guò)后端服務(wù)器監(jiān)控并采集電力設(shè)備的狀態(tài)數(shù)據(jù)，主要包括保護(hù)裝置、儀表等狀態(tài)數(shù)據(jù)；
(52)實(shí)時(shí)畫面發(fā)布服務(wù)器將該狀態(tài)數(shù)據(jù)渲染出一完整界面層；
(53)檢測(cè)到通過(guò)終端設(shè)備輸入實(shí)時(shí)畫面發(fā)布服務(wù)器網(wǎng)址后，實(shí)時(shí)畫面發(fā)布服務(wù)器發(fā)送界控腳本獲取終端的尺寸、分辨率信息，并根據(jù)該尺寸及分辨率信息繪制出與終端設(shè)備尺寸相同的虛擬畫面，并將該虛擬界面發(fā)送至終端設(shè)備；
(54)終端設(shè)備接收上述虛擬畫面，并采用瀏覽器內(nèi)核的SVG技術(shù)渲染該虛擬畫面。
[0017]在上述實(shí)施例中，在終端設(shè)備上對(duì)畫面進(jìn)行的縮放操作采用兩次渲染方式渲染畫面，即當(dāng)終端設(shè)備中瀏覽器界控腳本監(jiān)聽到用戶對(duì)畫面進(jìn)行縮放操作時(shí)，先對(duì)上述虛擬畫面進(jìn)行縮放渲染，同時(shí)將該操作指令信息發(fā)送至實(shí)時(shí)畫面發(fā)布服務(wù)器，服務(wù)器根據(jù)縮放區(qū)域適配出虛擬畫面后返送至終端設(shè)備，終端設(shè)備再次渲染該虛擬畫面。在這里以放大為例，當(dāng)在終端設(shè)備上執(zhí)行放大操作后，從而將先前未顯示在終端設(shè)備上的畫面呈現(xiàn)出來(lái)。
[0018]在上述實(shí)施例中，完整界面層可以劃分成多個(gè)圖元，例如圖元1、圖元2、圖元3……圖元n，將完整界面層對(duì)角線長(zhǎng)度與終端設(shè)備對(duì)角線長(zhǎng)度的比值確定為每個(gè)圖元的縮放比例。
[0019]在上述實(shí)施例中，在將完整界面層劃分成圖元1、圖元2、圖元3......圖元n,每個(gè)圖
元都依據(jù)上述縮放比例進(jìn)行縮放后，可能會(huì)導(dǎo)致某些圖元縮放后小于可視最小尺寸，不能在終端設(shè)備上清楚展示，所以作為一優(yōu)選的實(shí)施方式，還可以根據(jù)每個(gè)圖元中數(shù)據(jù)的重要性，對(duì)每個(gè)圖元分別分別設(shè)置相應(yīng)的權(quán)重，在繪制虛擬畫面時(shí)，根據(jù)權(quán)重對(duì)圖元進(jìn)行比例縮放。比如，上述根據(jù)完整界面層對(duì)角線長(zhǎng)度與終端設(shè)備對(duì)角線長(zhǎng)度的比值確定的縮放比例
為S (S〉I)，根據(jù)圖元的重要性，將圖元I的權(quán)重設(shè)為0.8、圖元2的權(quán)重設(shè)為0.6......圖元n
的權(quán)重設(shè)置為為0.1，這里越是重要的圖元，其權(quán)重越高，將圖元的權(quán)重與縮放比例S相乘，得到圖元的最終縮放比例，從而重要的圖元數(shù)據(jù)可以得到清楚呈現(xiàn)。這里只是列舉一種權(quán)重設(shè)置方法，并不限于此。這里圖元的權(quán)重還可以設(shè)成靈活更改的方式，將用戶最關(guān)心的數(shù)據(jù)圖元的權(quán)重設(shè)置為最高。
[0020]在上述實(shí)施例中，根據(jù)權(quán)重對(duì)圖元縮放后得到的虛擬圖元尺寸若小于該圖元最小可視尺寸，則放棄該圖元的顯示。這里，最小可視尺寸為人眼可分辨的最小畫面尺寸，可以根據(jù)實(shí)際情況靈活設(shè)置、調(diào)整。
[0021]在上述實(shí)施例中，被放棄的圖元可以通過(guò)更簡(jiǎn)單又能表達(dá)其意的圖元來(lái)代替，這里以電流互感器圖元為例，一般一面開關(guān)柜3個(gè)電流互感器圖元，當(dāng)縮放到不可以見時(shí)，采用一個(gè)縮寫的電流互感器圖元代替，縮寫的電流互感器圖元是在普通的電流互感器圖元加上上標(biāo)3形成的，
在上述實(shí)施例中，虛擬畫面優(yōu)選以SVG文件格式發(fā)送至終端設(shè)備，以節(jié)省傳輸流量。
[0022]以上所述，僅為本發(fā)明較佳的【具體實(shí)施方式】，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本【技術(shù)領(lǐng)域】的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到的變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)該以權(quán)利要求的保護(hù)范圍為準(zhǔn)。
【權(quán)利要求】
1.電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法,其特征在于,包括: 通過(guò)后端服務(wù)器監(jiān)控并采集電力設(shè)備的狀態(tài)數(shù)據(jù)； 實(shí)時(shí)畫面發(fā)布服務(wù)器將該狀態(tài)數(shù)據(jù)渲染出一完整界面層； 檢測(cè)到通過(guò)終端設(shè)備輸入實(shí)時(shí)畫面發(fā)布服務(wù)器網(wǎng)址后，實(shí)時(shí)畫面發(fā)布服務(wù)器發(fā)送界控腳本獲取終端的尺寸、分辨率信息，并根據(jù)該尺寸及分辨率信息繪制出與終端設(shè)備尺寸相同的虛擬畫面，并將該虛擬界面發(fā)送至終端設(shè)備； 終端設(shè)備接收上述虛擬畫面，并采用瀏覽器內(nèi)核的畫布功能渲染該虛擬畫面。
2.根據(jù)權(quán)利要求1所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，在終端設(shè)備上對(duì)畫面進(jìn)行的縮放操作采用兩次渲染方式渲染畫面，即當(dāng)終端設(shè)備中瀏覽器界控腳本監(jiān)聽到用戶對(duì)畫面進(jìn)行縮放操作時(shí)，先對(duì)上述虛擬畫面進(jìn)行縮放渲染，同時(shí)將該操作指令信息發(fā)送至實(shí)時(shí)畫面發(fā)布服務(wù)器，服務(wù)器根據(jù)縮放區(qū)域適配出虛擬畫面后返送至終端設(shè)備，終端設(shè)備再次渲染該虛擬畫面。
3.根據(jù)權(quán)利要求1所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，所述完整界面層包括圖元1、圖元2、圖元3……圖元n，將完整界面層對(duì)角線長(zhǎng)度與終端設(shè)備對(duì)角線長(zhǎng)度的比值確定為每個(gè)圖元的縮放比例。
4.根據(jù)權(quán)利要求1所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，所述完整界面層包括圖元1、圖元2、圖元3……圖元n，對(duì)每個(gè)圖元分別設(shè)置權(quán)重，在繪制虛擬畫面時(shí)，根據(jù)權(quán)重對(duì)圖元進(jìn)行比例縮放。
5.根據(jù)權(quán)利要求4所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，根據(jù)權(quán)重對(duì)圖元縮放后得到的虛擬圖元尺寸若小于該圖元最小可視尺寸，則放棄該圖元的顯示。
6.根據(jù)權(quán)利要求5所所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，被放棄的圖元可以通過(guò)簡(jiǎn)單圖元來(lái)代替。
7.根據(jù)權(quán)利要求1所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，所述虛擬畫面以SVG文件格式發(fā)送至終端設(shè)備。
8.根據(jù)權(quán)利要求廣7中任一項(xiàng)所述的電力系統(tǒng)實(shí)時(shí)畫面web界面展現(xiàn)方法，其特征在于，所述終端設(shè)備為觸摸屏手機(jī)、平板電腦。
【文檔編號(hào)】G06F3/0484GK103713874SQ201310754718
【公開日】2014年4月9日 申請(qǐng)日期:2013年12月31日 優(yōu)先權(quán)日:2013年12月31日
【發(fā)明者】汪長(zhǎng)春, 趙吉增, 范婷婷, 傅慧萍 申請(qǐng)人:廈門明翰電氣股份有限公司