一種it基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法
【專利摘要】本發(fā)明公開一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，該方法分別通過可視化編輯模塊、可視化展示模塊，所述可視化編輯模塊對IT基礎(chǔ)設(shè)施拓?fù)溥M(jìn)行可視化編輯，所述可視化展示模塊對IT基礎(chǔ)設(shè)施拓?fù)溥M(jìn)行可視化展示；可視化編輯模塊的編輯結(jié)果通過可視化展示模塊進(jìn)行展示；所述可視化編輯模塊分為：編輯工具區(qū)、繪圖區(qū)、設(shè)備列表區(qū)、屬性設(shè)置區(qū)四大組件；所述可視化展示模塊分為：展示區(qū)、工具欄、標(biāo)題欄、事件欄組件。本發(fā)明主要針對IT基礎(chǔ)設(shè)施拓?fù)涔芾眍I(lǐng)域需要解決的拓?fù)渚庉嬇c展示方面的問題，結(jié)合項(xiàng)目實(shí)踐，總結(jié)出一套通用解決方案，以簡化拓?fù)渚庉嬇c展示工作，適用于大部分IT基礎(chǔ)設(shè)施實(shí)時(shí)監(jiān)控領(lǐng)域。
【專利說明】一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種IT基礎(chǔ)設(shè)施拓?fù)涔芾眍I(lǐng)域的方法，具體地說，涉及的是一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法。
【背景技術(shù)】
[0002]隨著國內(nèi)IT應(yīng)用的發(fā)展，越來越多的企業(yè)認(rèn)識到，除了要依靠設(shè)備本身和網(wǎng)絡(luò)架構(gòu)的可靠性之外，IT基礎(chǔ)設(shè)施的管理是一個(gè)關(guān)鍵環(huán)節(jié)，結(jié)構(gòu)越來越復(fù)雜和規(guī)模越來越大的IT基礎(chǔ)設(shè)施需要優(yōu)秀IT基礎(chǔ)設(shè)施管理來保證系統(tǒng)的正常、高效的運(yùn)作。
[0003]IT基礎(chǔ)設(shè)施拓?fù)涔芾?，它在整合了傳統(tǒng)網(wǎng)管功能的同時(shí)，重點(diǎn)突出了易操作、實(shí)用的特點(diǎn)，可以很好地幫助工作人員維護(hù)好自身的網(wǎng)絡(luò)。IT基礎(chǔ)設(shè)施拓?fù)淇梢暬芾硗ㄟ^對設(shè)備的管理、網(wǎng)絡(luò)狀態(tài)的監(jiān)控、設(shè)備性能的監(jiān)測以及各種故障事件的快速診斷，為用戶提供一個(gè)穩(wěn)定可靠的網(wǎng)絡(luò)環(huán)境。
[0004]目前IT基礎(chǔ)設(shè)施拓?fù)淇梢暬芾硪呀?jīng)得到了廣泛的應(yīng)用，比如申請?zhí)枮?00910310286.2的中國專利，該專利公開了一種基于矢量圖和位圖的大規(guī)模網(wǎng)絡(luò)拓?fù)淦矫婵梢暬椒?；又如申請?zhí)枮?00510111931.X的中國專利，該專利公開了一種無線自組網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)可視化監(jiān)測方法。
[0005]但是現(xiàn)有IT基礎(chǔ)設(shè)施拓?fù)淇梢暬兄饕紤]了后臺數(shù)據(jù)的獲取，在數(shù)據(jù)的前端編輯和展示方面存在以下問題:
[0006]1、頁面布局不合理，操作繁瑣；
[0007]2、信息展現(xiàn)不完整，設(shè)施狀態(tài)無法實(shí)時(shí)可視化動(dòng)態(tài)展示。
[0008]本發(fā)明針對監(jiān)控系統(tǒng)中遇到的IT基礎(chǔ)設(shè)施拓?fù)渚庉嬇c展示方面的問題，提出了一種解決方案，可以解決編輯與展示。

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

[0009]針對上述現(xiàn)有技術(shù)中的缺陷，本發(fā)明提供一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，解決IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嫴僮鞣爆嵑虸T基礎(chǔ)設(shè)施拓?fù)湔故拘畔⒄故静煌暾麪顟B(tài)不清晰的問題。
[0010]為實(shí)現(xiàn)上述的目的，本發(fā)明采用了以下技術(shù)方案:
[0011 ] 所述的一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，該方法通過可視化編輯模塊、可視化展示模塊實(shí)現(xiàn)，所述可視化編輯模塊對IT基礎(chǔ)設(shè)施拓?fù)溥M(jìn)行可視化編輯，所述可視化編輯模塊的編輯結(jié)果通過所述可視化展示模塊進(jìn)行展示。
[0012]所述可視化編輯模塊分為:編輯工具區(qū)、繪圖區(qū)、設(shè)備列表區(qū)、屬性設(shè)置區(qū)四大組件;其中:
[0013]所述編輯工具區(qū)、設(shè)備列表欄、屬性設(shè)置欄均可隱藏以最大化繪圖區(qū)；
[0014]所述設(shè)備列表區(qū)內(nèi)設(shè)備可直接拖入繪圖區(qū)，繪圖區(qū)設(shè)備刪除后自動(dòng)添加到設(shè)備列表區(qū)，設(shè)備圖標(biāo)包括設(shè)備相關(guān)信息如:設(shè)備名設(shè)備地址信息設(shè)備類型信息，并自動(dòng)根據(jù)不同設(shè)備類型顯示為不同圖標(biāo)；
[0015]所述工具欄具有指針/劃線模式切換，轍消，刪除，預(yù)覽，發(fā)布，自動(dòng)隱藏與鎖定等功能；
[0016]所述繪圖區(qū)，根據(jù)實(shí)際網(wǎng)絡(luò)部署狀況通過點(diǎn)擊，拖拽等簡易化操作在繪圖區(qū)進(jìn)行拓?fù)鋱D的繪制，并具有網(wǎng)格定位功能
[0017]所述屬性設(shè)置區(qū)，對網(wǎng)絡(luò)設(shè)備節(jié)點(diǎn)或鏈路的相關(guān)信息進(jìn)行設(shè)置(如:設(shè)備名稱，IP地址及端口信息，單條鏈路可配置多組地址對)并可以通過方向鍵對設(shè)備位置進(jìn)行微調(diào)，同時(shí)可以選擇設(shè)備大小，以便突出重點(diǎn)設(shè)備。
[0018]所述可視化編輯模塊的編輯操作步驟分為兩類:
[0019](I)非容器類設(shè)備(如路由器交換機(jī)等):
[0020]a)在設(shè)備列表區(qū)中選中設(shè)備，將設(shè)備從設(shè)備列表區(qū)拖入繪圖區(qū)放置；
[0021]b)點(diǎn)擊設(shè)備圖標(biāo)，設(shè)備周圍顯示高亮選中框，設(shè)備屬性設(shè)置欄自動(dòng)顯現(xiàn)，對設(shè)備信息進(jìn)行設(shè)置，可以調(diào)整設(shè)備名稱、類型、坐標(biāo)、圖標(biāo)大小等；
[0022]c)設(shè)備信息自動(dòng)保存；
[0023]d)重復(fù)a)，b)步驟加入設(shè)備；
[0024]e)點(diǎn)擊編輯工具區(qū)按鈕切換工作模式為劃鏈路模塊，選中起點(diǎn)設(shè)備拖動(dòng)鼠標(biāo)至終點(diǎn)設(shè)備松開鼠標(biāo)，即在兩設(shè)備間加入鏈路；
`[0025]f)點(diǎn)擊鏈路，鏈路屬性設(shè)置欄顯現(xiàn)，對鏈路信息進(jìn)行設(shè)置，下拉式列表自動(dòng)顯示當(dāng)前可用端口列表，可設(shè)置多組地址對；
[0026]g)設(shè)置完畢點(diǎn)擊保存；
[0027]h)如此重復(fù)以上步驟即可完成拓?fù)淅L制；
[0028]i)繪制完畢后點(diǎn)擊編輯工具區(qū)【預(yù)覽】按鈕可預(yù)覽拓?fù)鋱D，需更改則返回編輯
[0029]j)確定完成繪圖后，點(diǎn)擊【發(fā)布】按鈕即可保存到后臺數(shù)據(jù)庫。
[0030](2)容器類設(shè)備(如機(jī)柜等):
[0031]h)點(diǎn)擊編輯工具區(qū)的【添加機(jī)柜】按鈕添加容器類設(shè)備(如機(jī)柜)，設(shè)備自動(dòng)添加至繪圖區(qū)，鼠標(biāo)拖動(dòng)設(shè)備至繪圖區(qū)合適位置放開
[0032]i)點(diǎn)擊容器類設(shè)備，以開門動(dòng)畫效果打開容器類設(shè)備；
[0033]j)點(diǎn)擊【添加設(shè)備】按鈕，下拉式菜單自動(dòng)顯示可用設(shè)備列表，點(diǎn)擊目標(biāo)設(shè)備項(xiàng)即可完成設(shè)備的添加操作；
[0034]k)如需對已添加設(shè)備變更，可通過【刪除】【修改】按鈕進(jìn)行更換；
[0035]I)完成后點(diǎn)擊【保存】，以關(guān)門動(dòng)畫效果關(guān)閉機(jī)柜；
[0036]m)鼠標(biāo)懸停于容器類設(shè)備圖標(biāo)之上可自動(dòng)顯示機(jī)柜當(dāng)前存放的設(shè)備數(shù)目統(tǒng)計(jì)狀況；
[0037]η)確認(rèn)完成編輯工作后點(diǎn)擊【發(fā)布】保存至數(shù)據(jù)庫。
[0038]所述可視化展示模塊分為:展示區(qū)、工具欄、標(biāo)題欄、事件欄組件，其中:
[0039]所述展示區(qū)，用于實(shí)時(shí)展示網(wǎng)絡(luò)設(shè)備節(jié)點(diǎn)及設(shè)備間鏈路的狀態(tài)，異常設(shè)備節(jié)點(diǎn)根據(jù)告警級別分別以不同顏色閃爍光暈環(huán)繞展現(xiàn)，設(shè)備間鏈路根據(jù)告警級別分為不同顏色顯示，點(diǎn)擊設(shè)備節(jié)點(diǎn)圖標(biāo)或鏈路彈出詳情對話框，用以查看詳細(xì)信息；
[0040]所述工具欄，具有告警巡航/拓?fù)浯蛴?拓?fù)淇s放/設(shè)備定位/參數(shù)設(shè)置/全屏切換/工具欄鎖定等功能；
[0041]所述標(biāo)題欄，具有定制顯示拓?fù)鋱D名稱作用；
[0042]所述事件欄，具有時(shí)間滾動(dòng)顯示告警事件，可根據(jù)事件級別顯示為不同顏色，點(diǎn)擊單條事件概要，事件板自動(dòng)前后翻轉(zhuǎn)顯示事件詳情，并對事件進(jìn)行處理操作。
[0043]所述可視化展示模塊主要特點(diǎn):
[0044]1.設(shè)備及鏈路狀態(tài)的實(shí)時(shí)動(dòng)態(tài)展現(xiàn)
[0045]2.告警桌面巡航:開啟此功能選項(xiàng)后，對異常設(shè)備輪轉(zhuǎn)居中高亮顯示。
[0046]3.設(shè)備自動(dòng)定位:在工具欄中選擇設(shè)備，設(shè)備自動(dòng)在展示區(qū)中高亮加框顯示
[0047]4.告警事件實(shí)時(shí)展示
[0048]5.設(shè)備/鏈路事件狀態(tài)劃分為正常/信息/通知/警告/錯(cuò)誤/嚴(yán)重/緊急/危機(jī)多個(gè)級別
[0049]6.工具欄支持自動(dòng)隱藏或鎖定。
[0050]7.工具欄提供告警巡航/拓?fù)浯蛴?縮放/設(shè)備定位/參數(shù)設(shè)置/全屏切換/工具欄鎖定等功能.[0051]所述可視化展示模塊的可視化展示操作步驟分為兩類:
[0052](I)非容器類設(shè)備(如路由器交換機(jī)等):
[0053]a)使用可視化編輯模塊完`成拓?fù)渚庉嫻ぷ鞑l(fā)布；
[0054]b)標(biāo)題欄中顯示定制拓?fù)鋱D名稱；
[0055]c)展示區(qū)中展示設(shè)施實(shí)時(shí)狀態(tài)信息；
[0056]d)設(shè)備狀態(tài)異常時(shí)，光暈環(huán)繞閃爍，光暈顏色根據(jù)不同狀態(tài)級別分為不同顏色；
[0057]e)鼠標(biāo)懸停于設(shè)備圖標(biāo)之上則自動(dòng)顯示設(shè)備基本信息，如:設(shè)備名稱、設(shè)備類型、設(shè)備地址信息；
[0058]f)點(diǎn)擊此設(shè)備，出現(xiàn)【設(shè)備詳情】對話框，可查看設(shè)備詳細(xì)信息，包括設(shè)備基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作；
[0059]g)鏈路異常時(shí)，此鏈路根據(jù)不同事件級別顯示為不同顏色；
[0060]h)點(diǎn)擊此鏈路，出現(xiàn)【鏈路詳情】對話框，可查看鏈路詳細(xì)信息，包括鏈路基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作；
[0061]i)事件公告欄實(shí)時(shí)滾動(dòng)顯示事件內(nèi)容，事件欄信息可上下滾動(dòng)/正反翻轉(zhuǎn)以最大化利用空間，點(diǎn)擊單條事件概要，事件板自動(dòng)前后翻轉(zhuǎn)顯示事件詳情；
[0062]j)點(diǎn)擊事件條目進(jìn)入【事件詳情】對話框，對事件進(jìn)行操作。
[0063]k)點(diǎn)擊工具欄【告警桌面巡航】按鈕，異常設(shè)備輪流在展示區(qū)居中高亮顯示(輪轉(zhuǎn)時(shí)間間隔可以設(shè)置)。
[0064]I)點(diǎn)擊工具欄【拓?fù)浯蛴　堪粹o可以將實(shí)時(shí)拓?fù)鋱D輸出
[0065]m)點(diǎn)擊工具欄【縮放】按鈕或滑動(dòng)縮放桿對拓?fù)鋱D進(jìn)行縮放操作
[0066]η)點(diǎn)擊工具欄【設(shè)備定位】按鈕根據(jù)設(shè)備名或IP地址信息選擇要定位設(shè)備，所選設(shè)備在展不區(qū)居中聞売顯不
[0067]ο)點(diǎn)擊工具欄【全屏切換】按鈕，對展示區(qū)進(jìn)行全屏顯示切換
[0068]ρ)點(diǎn)擊工具欄【鎖定】按鈕，對工具欄進(jìn)行鎖定/解鎖操作，解鎖狀態(tài)下工具欄5秒鐘無操作自動(dòng)隱藏，展示區(qū)下方區(qū)域滑動(dòng)鼠標(biāo)工具欄顯現(xiàn)[0069](2)容器類設(shè)備(如機(jī)柜等)展示:
[0070]a)通過容器類設(shè)備編輯功能完成編輯操作并發(fā)布；
[0071]b)展示區(qū)中展示容器類設(shè)施實(shí)時(shí)狀態(tài)信息，容器類設(shè)施狀態(tài)以不同顏色光帶標(biāo)識
[0072]c)鼠標(biāo)懸停于容器類設(shè)施之上顯示設(shè)施基本信息如:設(shè)施名/狀態(tài)等信息；
[0073]c)當(dāng)容器內(nèi)設(shè)備狀態(tài)異常時(shí)，容器狀態(tài)燈會根據(jù)嚴(yán)重程序顯示不同的顏色；
[0074]d)點(diǎn)擊容器，以開門動(dòng)畫效果打開容器，容器內(nèi)設(shè)備面板動(dòng)態(tài)顯示各設(shè)備狀態(tài)，以不同顏色閃爍光點(diǎn)代表不同告警級別，點(diǎn)擊設(shè)備打開【設(shè)備詳情】對話框查看設(shè)備詳細(xì)信息并可對事件進(jìn)行處理。
[0075]本發(fā)明主要針對IT基礎(chǔ)設(shè)施拓?fù)涔芾眍I(lǐng)域需要解決的拓?fù)渚庉嬇c展示方面的問題，結(jié)合項(xiàng)目實(shí)踐，總結(jié)出一套通用解決方案，以簡化拓?fù)渚庉嬇c展示工作。由于采用了上述技術(shù)方案，本發(fā)明實(shí)現(xiàn)了一種IT基礎(chǔ)設(shè)施拓?fù)鋵?shí)時(shí)可視化管理，適用于大部分IT基礎(chǔ)設(shè)施實(shí)時(shí)監(jiān)控領(lǐng)域。
【專利附圖】

【附圖說明】
[0076]圖1為可視化編輯模塊界面圖；
[0077]圖2為設(shè)備屬性設(shè)置界面圖；
[0078]圖3為鏈路屬性設(shè)置界面圖；
[0079]圖4為容器類設(shè)備操作示意圖；
[0080]圖5為容器類設(shè)備開門效果示意圖；
[0081]圖6為容器類設(shè)備關(guān)門效果示意圖；
[0082]圖7為可視化展示模塊界面圖；
[0083]圖8為設(shè)備/鏈路異常示意圖；
[0084]圖9為設(shè)備基本/[目息不意圖；
[0085]圖10為設(shè)備詳情示意圖；
[0086]圖11為鏈路詳情不意圖；
[0087]圖12為容器類設(shè)備展示示意圖；
[0088]圖13為容器類設(shè)備詳情查詢示意圖。
【具體實(shí)施方式】
[0089]以下結(jié)合附圖和實(shí)施例對本發(fā)明的技術(shù)方案作進(jìn)一步的解釋，但是以下的內(nèi)容不用于限定本發(fā)明的保護(hù)范圍。
[0090]本實(shí)施例提供一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，主要包括兩個(gè)部分，即:可視化編輯模塊和可視化展示模塊。以下結(jié)合附圖對各個(gè)部分進(jìn)行描述。
[0091 ] 1、可視化編輯模塊，如圖1所示:
[0092]本模塊分為:編輯工具區(qū)、繪圖區(qū)、設(shè)備列表區(qū)、屬性設(shè)置區(qū)四大組件。見附圖所
`/Jn ο
[0093]編輯工具區(qū)、設(shè)備列表區(qū)、屬性設(shè)置區(qū)均可隱藏以最大化繪圖區(qū)。
[0094]設(shè)備列表區(qū)內(nèi)設(shè)備可直接拖入繪圖區(qū)，繪圖區(qū)設(shè)備刪除后自動(dòng)添加到設(shè)備欄，設(shè)備圖標(biāo)包括設(shè)備相關(guān)信息如:設(shè)備名、設(shè)備地址信息、設(shè)備類型信息，并自動(dòng)根據(jù)不同設(shè)備類型顯示為不同圖標(biāo)。如圖2所示。
[0095]編輯工具區(qū)具有指針/劃線模式切換，轍消，刪除，預(yù)覽，發(fā)布，自動(dòng)隱藏與鎖定等功能。[0096]通過上述可視化編輯模塊進(jìn)行可視化編輯操作步驟如下:
[0097](I)非容器類設(shè)備(如路由器交換機(jī)等):
[0098]a)在設(shè)備列表欄中選中設(shè)備，將設(shè)備從設(shè)備列表欄拖入繪圖區(qū)放置；
[0099]b)點(diǎn)擊設(shè)備圖標(biāo)，設(shè)備周圍顯示高亮選中框，設(shè)備屬性設(shè)置欄自動(dòng)顯現(xiàn)，對設(shè)備信息進(jìn)行設(shè)置，可以調(diào)整設(shè)備名稱，類型，坐標(biāo)，圖標(biāo)大小等；
[0100]c)設(shè)備信息自動(dòng)保存，見附圖2。
[0101]d)重復(fù)a)，b)步驟加入設(shè)備；
[0102]e)點(diǎn)擊工具欄按鈕切換工作模式為劃鏈路模塊，選中起點(diǎn)設(shè)備拖動(dòng)鼠標(biāo)至終點(diǎn)設(shè)備松開鼠標(biāo)，即在兩設(shè)備間加入鏈路；
[0103]f)點(diǎn)擊鏈路，鏈路屬性設(shè)置欄顯現(xiàn)，對鏈路信息進(jìn)行設(shè)置，下拉式列表自動(dòng)顯示當(dāng)前可用端口列表，可設(shè)置多組地址對，見附圖3 ；
[0104]g)設(shè)置完畢點(diǎn)擊保存；
[0105]h)如此重復(fù)以上步驟即可完成拓?fù)淅L制；
[0106]i)繪制完畢后點(diǎn)擊工具欄【預(yù)覽】按鈕可預(yù)覽拓?fù)鋱D，需更改則返回編輯；
[0107]j)確定完成繪圖后，點(diǎn)擊【發(fā)布】按鈕即可保存到后臺數(shù)據(jù)庫。
[0108](2)容器類設(shè)備:
[0109]a)點(diǎn)擊工具欄【添加】按鈕，添加容器類設(shè)備(如機(jī)柜)；
[0110]b)點(diǎn)擊容器類設(shè)備，以開門動(dòng)畫效果打開容器類設(shè)備，見附圖5 ；
[0111]c)點(diǎn)擊容器類設(shè)備中【添加設(shè)備】按鈕，下拉式菜單自動(dòng)顯示可用設(shè)備列表，點(diǎn)擊目標(biāo)設(shè)備項(xiàng)即可完成設(shè)備的添加操作；
[0112]d)如需對已添加設(shè)備變更，可通過【刪除】【修改】按鈕進(jìn)行更換，見圖4 ；
[0113]e)完成后點(diǎn)擊【保存】，以關(guān)門動(dòng)畫效果關(guān)閉容器類設(shè)備，見附圖6;
[0114]f)鼠標(biāo)懸停于容器類設(shè)備圖標(biāo)之上可自動(dòng)顯示容器類設(shè)備當(dāng)前存放的設(shè)備數(shù)量統(tǒng)計(jì)狀況；
[0115]g)確認(rèn)完成編輯工作后點(diǎn)擊【發(fā)布】保存至數(shù)據(jù)庫。
[0116]2、可視化展示模塊，如圖7所示:
[0117]本模塊分為:展示區(qū)、工具欄、標(biāo)題欄、事件欄等組件，見附圖7。
[0118]主要特點(diǎn):
[0119]1.設(shè)備及鏈路狀態(tài)的實(shí)時(shí)動(dòng)態(tài)展現(xiàn)；
[0120]2.告警桌面巡航:開啟此功能選項(xiàng)后，對異常設(shè)備輪轉(zhuǎn)居中高亮顯示；
[0121]3.設(shè)備自動(dòng)定位:在工具欄中選擇設(shè)備，設(shè)備自動(dòng)在展示區(qū)中高亮加框顯示；
[0122]4.告警事件實(shí)時(shí)展示；
[0123]5.設(shè)備/鏈路事件狀態(tài)劃分為正常/信息/通知/警告/錯(cuò)誤/嚴(yán)重/緊急/危機(jī)多個(gè)級別；
[0124]6.工具欄提供告警巡航/拓?fù)浯蛴?縮放/設(shè)備定位/參數(shù)設(shè)置/全屏切換/工具欄鎖定等功能。[0125]通過上述可視化展示模塊進(jìn)行可視化展示操作步驟如下:
[0126](I)非容器類設(shè)備(如路由器交換機(jī)等):
[0127]a)使用可視化編輯模塊完成拓?fù)渚庉嫻ぷ鞑l(fā)布；
[0128]b)標(biāo)題欄中顯示定制拓?fù)鋱D名稱；
[0129]c)展示區(qū)中展示設(shè)施實(shí)時(shí)狀態(tài)信息；
[0130]d)設(shè)備狀態(tài)異常時(shí)，光暈環(huán)繞閃爍，光暈顏色根據(jù)不同狀態(tài)級別分為不同顏色；
[0131]e)鼠標(biāo)懸停于設(shè)備圖標(biāo)之上則自動(dòng)顯示設(shè)備基本信息，如:設(shè)備名稱、設(shè)備類型、設(shè)備地址信息；如圖9所示；
[0132]f)點(diǎn)擊此設(shè)備，出現(xiàn)【設(shè)備詳情】對話框，可查看設(shè)備詳細(xì)信息，包括設(shè)備基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作；如圖10所示；
[0133]g)鏈路異常時(shí)，此鏈路根據(jù)不同事件級別顯示為不同顏色；如圖8所示；
[0134]h)點(diǎn)擊此鏈路，出現(xiàn)【鏈路詳情】對話框，可查看鏈路詳細(xì)信息，包括鏈路基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作；如圖11所示；
[0135]i)事件公告欄實(shí)時(shí)滾動(dòng)顯示事件內(nèi)容，事件欄信息可上下滾動(dòng)/正反翻轉(zhuǎn)以最大化利用空間，點(diǎn)擊單條事件概要，事件板自動(dòng)前后翻轉(zhuǎn)顯示事件詳情；
[0136]j)點(diǎn)擊事件條目進(jìn)入【事件詳情】對話框，對事件進(jìn)行操作；
[0137]k)點(diǎn)擊工具欄【告警桌 面巡航】按鈕，異常設(shè)備輪流在展示區(qū)居中高亮顯示(輪轉(zhuǎn)時(shí)間間隔可以設(shè)置)；
[0138]I)點(diǎn)擊工具欄【拓?fù)浯蛴　堪粹o可以將實(shí)時(shí)拓?fù)鋱D打印輸出；
[0139]m)點(diǎn)擊工具欄【縮放】按鈕或滑動(dòng)縮放桿對拓?fù)鋱D進(jìn)行縮放操作；
[0140]η)點(diǎn)擊工具欄【設(shè)備定位】按鈕根據(jù)設(shè)備名或IP地址信息選擇要定位設(shè)備，所選設(shè)備在展不區(qū)居中聞売顯不;
[0141]ο)點(diǎn)擊工具欄【全屏切換】按鈕，對展示區(qū)進(jìn)行全屏顯示切換；
[0142]ρ)點(diǎn)擊工具欄【鎖定】按鈕，對工具欄進(jìn)行鎖定/解鎖操作，解鎖狀態(tài)下工具欄5秒鐘無操作自動(dòng)隱藏，展示區(qū)下方區(qū)域滑動(dòng)鼠標(biāo)工具欄顯現(xiàn)。
[0143](2)容器類設(shè)備展示，如圖12所示:
[0144]a)通過容器類設(shè)備編輯功能完成編輯操作并發(fā)布。
[0145]b)鼠標(biāo)懸停于設(shè)備之上顯示設(shè)備基本信息如:設(shè)備名、狀態(tài)等信息，見附圖12。
[0146]c)當(dāng)容器內(nèi)設(shè)備狀態(tài)異常時(shí)，容器狀態(tài)燈會根據(jù)嚴(yán)重程序顯示不同的顏色，見附圖12。
[0147]d)點(diǎn)擊容器，以開門動(dòng)畫效果打開容器，見附圖5。
[0148]容器內(nèi)設(shè)備面板動(dòng)態(tài)顯示各設(shè)備狀態(tài)，點(diǎn)擊設(shè)備打開【設(shè)備詳情】對話框查看設(shè)備詳細(xì)信息并可對事件進(jìn)行處理，見附圖13。
[0149]上海市XX項(xiàng)目即采用本方案實(shí)現(xiàn)，通過本方案完成對IT基礎(chǔ)設(shè)施的實(shí)時(shí)可視化管理。該項(xiàng)目擁有各種類型網(wǎng)絡(luò)設(shè)備數(shù)臺，其中路由器10臺，交換機(jī)8臺，數(shù)據(jù)庫2臺，機(jī)柜3臺，采用本發(fā)明中上述的兩個(gè)模塊實(shí)現(xiàn)可視化編輯和展示的操作過程，具體如下:
[0150]1、編輯過程:
[0151]a)在標(biāo)題欄中設(shè)置拓?fù)鋱D名稱:上海市XX項(xiàng)目網(wǎng)絡(luò)拓?fù)鋱D；
[0152]b)在非容器類設(shè)備編輯 模塊的【設(shè)備列表欄】中自動(dòng)列出該機(jī)構(gòu)所有設(shè)備信息；[0153]c)在【設(shè)備列表欄】中選中設(shè)備，將設(shè)備從設(shè)備列表區(qū)拖入繪圖區(qū)放置；
[0154]d)點(diǎn)擊設(shè)備圖標(biāo)，設(shè)備周圍顯示高亮選中框，【設(shè)備屬性欄】自動(dòng)顯現(xiàn)，對設(shè)備信息進(jìn)行設(shè)置，可以調(diào)整設(shè)備名稱、類型、坐標(biāo)、圖標(biāo)大小等，并利用4個(gè)方向按鈕進(jìn)行位置微調(diào)；
[0155]e)設(shè)備信息自動(dòng)保存；
[0156]f)重復(fù)c)，d)，e)步驟加入設(shè)備 ；
[0157]g)點(diǎn)擊編輯工具區(qū)按鈕切換工作模式為劃鏈路模式，選中起點(diǎn)設(shè)備拖動(dòng)鼠標(biāo)至終點(diǎn)設(shè)備松開鼠標(biāo)，即在兩設(shè)備間加入鏈路；
[0158]h)點(diǎn)擊鏈路，【鏈路屬性欄】顯現(xiàn)，對鏈路信息進(jìn)行設(shè)置，下拉式列表自動(dòng)顯示當(dāng)前可用端口列表，單條鏈路可設(shè)置多組地址對；
[0159]i)設(shè)置完畢點(diǎn)擊保存；
[0160]j)如此重復(fù)以上步驟即可完成拓?fù)淅L制；
[0161]k)繪制完畢后點(diǎn)擊編輯工具區(qū)【預(yù)覽】按鈕可預(yù)覽拓?fù)鋱D，需更改則返回編輯；
[0162]l)確定完成繪圖后，點(diǎn)擊【發(fā)布】按鈕即可保存到后臺數(shù)據(jù)庫；
[0163]m)在容器類設(shè)備編輯模塊中點(diǎn)擊工具欄【添加】按鈕，添加機(jī)柜；
[0164]n)點(diǎn)擊機(jī)柜中【添加設(shè)備】按鈕，下拉式菜單自動(dòng)顯示該機(jī)構(gòu)可用設(shè)備列表，點(diǎn)擊目標(biāo)設(shè)備項(xiàng)即可完成設(shè)備的添加操作；
[0165]O)在機(jī)柜名稱輸入框中輸入機(jī)柜名稱，完成后點(diǎn)擊【保存】；
[0166]ρ)重復(fù)m)，n)，o)步驟向各個(gè)機(jī)柜中加入設(shè)備；
[0167]q)確認(rèn)完成編輯工作后點(diǎn)擊【發(fā)布】保存至數(shù)據(jù)庫。
[0168]
2、展示過程:
[0169]非容器類設(shè)施展示模塊中:
[0170]a)標(biāo)題欄中顯示:上海市衛(wèi)監(jiān)所網(wǎng)絡(luò)拓?fù)鋱D；
[0171]b)展示區(qū)中展示該機(jī)構(gòu)所有設(shè)備實(shí)時(shí)狀態(tài)信息；
[0172]c)鼠標(biāo)懸停于設(shè)備圖標(biāo)之上則自動(dòng)顯示設(shè)備基本信息，如:設(shè)備名稱、設(shè)備類型、設(shè)備地址信息；
[0173]d)設(shè)備狀態(tài)異常時(shí)，光暈環(huán)繞閃爍，點(diǎn)擊此設(shè)備，出現(xiàn)【設(shè)備詳情】對話框，查看設(shè)備詳細(xì)信息，完成對事件的查看與確認(rèn)操作；
[0174]e)鏈路異常時(shí)，此鏈路根據(jù)不同事件級別顯示為不同顏色；點(diǎn)擊此鏈路，出現(xiàn)【鏈路詳情】對話框，查看鏈路詳細(xì)信息，完成對事件的查看與確認(rèn)操作；
[0175]f)點(diǎn)擊【事件欄】條目事件欄自動(dòng)翻轉(zhuǎn)進(jìn)入【事件詳情】對話框，對事件進(jìn)行操作；
[0176]g)點(diǎn)擊工具欄【告警桌面巡航】按鈕，異常設(shè)備輪流在展示區(qū)中央高亮顯示；
[0177]h)點(diǎn)擊工具欄【全屏切換】按鈕，對展示區(qū)進(jìn)行全屏顯示；
[0178]容器類設(shè)施展示模塊中:
[0179]a)展示區(qū)中顯示所有該機(jī)構(gòu)所有機(jī)柜實(shí)時(shí)狀態(tài)信息；
[0180]e)鼠標(biāo)懸停于機(jī)柜之上顯示機(jī)柜基本信息；
[0181]f)當(dāng)機(jī)柜內(nèi)設(shè)備狀態(tài)異常時(shí)，機(jī)柜狀態(tài)燈會根據(jù)嚴(yán)重程序顯示不同的顏色，點(diǎn)擊容器，容器內(nèi)設(shè)備面板動(dòng)態(tài)顯示各設(shè)備狀態(tài)，點(diǎn)擊設(shè)備打開【設(shè)備詳情】對話框查看設(shè)備詳細(xì)信息并可對事件進(jìn)行處理。[0182]本應(yīng)用實(shí)例通過可視化編輯與展示的實(shí)施，該機(jī)構(gòu)很好的完成了對IT基礎(chǔ)設(shè)施的管理工作，降低了人力成本，大大提高了工作效率。
[0183]盡管本發(fā)明的內(nèi)容已經(jīng)通過上述優(yōu)選實(shí)施例作了詳細(xì)介紹，但應(yīng)當(dāng)認(rèn)識到上述的描述不應(yīng)被認(rèn)為是對本發(fā)明的限制。在本領(lǐng)域技術(shù)人員閱讀了上述內(nèi)容后，對于本發(fā)明的多種修改和替代都將是顯而易見的。因此，本發(fā)明的保護(hù)范圍應(yīng)由所附的權(quán)利要求來限定。
【權(quán)利要求】
1.一種IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，其特征在于該方法分別通過可視化編輯模塊、可視化展示模塊實(shí)現(xiàn)，所述可視化編輯模塊對IT基礎(chǔ)設(shè)施拓?fù)溥M(jìn)行可視化編輯，所述可視化編輯模塊的編輯結(jié)果通過所述可視化展示模塊進(jìn)行展示； 所述可視化編輯模塊分為:編輯工具區(qū)、繪圖區(qū)、設(shè)備列表區(qū)、屬性設(shè)置區(qū)四大組件；其中: 所述編輯工具區(qū)、設(shè)備列表欄、屬性設(shè)置欄均可隱藏以最大化繪圖區(qū)； 所述設(shè)備列表區(qū)內(nèi)設(shè)備可直接拖入繪圖區(qū)，繪圖區(qū)設(shè)備刪除后自動(dòng)添加到設(shè)備列表區(qū)，設(shè)備圖標(biāo)包括設(shè)備名、設(shè)備地址信息、設(shè)備類型信息，并自動(dòng)根據(jù)不同設(shè)備類型顯示為不同圖標(biāo)； 所述工具欄具有指針/劃線模式切換，轍消，刪除，預(yù)覽，發(fā)布，自動(dòng)隱藏與鎖定功能； 所述繪圖區(qū)，根據(jù)實(shí)際網(wǎng)絡(luò)部署狀況通過簡易化操作在繪圖區(qū)進(jìn)行拓?fù)鋱D的繪制； 所述屬性設(shè)置區(qū)，對網(wǎng)絡(luò)設(shè)備節(jié)點(diǎn)或鏈路的信息進(jìn)行設(shè)置，并可以通過方向鍵對設(shè)備位置進(jìn)行微調(diào)，同時(shí)可以選擇設(shè)備大小，以便突出重點(diǎn)設(shè)備； 所述可視化展示模塊分為:展示區(qū)、工具欄、標(biāo)題欄、事件欄組件，其中: 所述展示區(qū)，用于實(shí)時(shí)展示網(wǎng)絡(luò)設(shè)備節(jié)點(diǎn)及設(shè)備間鏈路的狀態(tài)，異常設(shè)備節(jié)點(diǎn)根據(jù)告警級別分別以不同顏色閃爍光暈環(huán)繞展現(xiàn)，設(shè)備間鏈路根據(jù)告警級別分為不同顏色顯示，點(diǎn)擊設(shè)備節(jié)點(diǎn)圖標(biāo)或鏈路彈出詳情對話框，用以查看詳細(xì)信息； 所述工具欄，具有告警巡航、拓?fù)浯蛴?、拓?fù)淇s放、設(shè)備定位、參數(shù)設(shè)置、全屏切換、工具欄鎖定功能； 所述標(biāo)題欄，具有定制顯示`拓?fù)鋱D名稱作用； 所述事件欄，具有時(shí)間輪轉(zhuǎn)顯示告警事件，可根據(jù)事件級別顯示為不同顏色，點(diǎn)擊單條事件概要，事件板自動(dòng)前后翻轉(zhuǎn)顯示事件詳情，并對事件進(jìn)行處理操作。
2.根據(jù)權(quán)利要求1所述的IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，其特征在于:所述可視化編輯模塊對于非容器類設(shè)備的編輯操作如下: a)在設(shè)備列表區(qū)中選中設(shè)備，將設(shè)備從設(shè)備列表區(qū)拖入繪圖區(qū)放置； b)點(diǎn)擊設(shè)備圖標(biāo)，設(shè)備周圍顯示高亮選中框，設(shè)備屬性設(shè)置欄自動(dòng)顯現(xiàn)，對設(shè)備信息進(jìn)行設(shè)置，可以調(diào)整設(shè)備名稱、類型、坐標(biāo)、圖標(biāo)大小等； c)設(shè)備信息自動(dòng)保存； d)重復(fù)a)，b)步驟加入設(shè)備； e)點(diǎn)擊編輯工具區(qū)按鈕切換工作模式為劃鏈路模塊，選中起點(diǎn)設(shè)備拖動(dòng)鼠標(biāo)至終點(diǎn)設(shè)備松開鼠標(biāo)，即在兩設(shè)備間加入鏈路； f)點(diǎn)擊鏈路，鏈路屬性設(shè)置欄顯現(xiàn)，對鏈路信息進(jìn)行設(shè)置，下拉式列表自動(dòng)顯示當(dāng)前可用端口列表，可設(shè)置多組地址對； g)設(shè)置完畢點(diǎn)擊保存； h)如此重復(fù)以上步驟即可完成拓?fù)淅L制； i)繪制完畢后點(diǎn)擊編輯工具區(qū)【預(yù)覽】按鈕可預(yù)覽拓?fù)鋱D，需更改則返回編輯 j)確定完成繪圖后，點(diǎn)擊【發(fā)布】按鈕即可保存到后臺數(shù)據(jù)庫。
3.根據(jù)權(quán)利要求1所述的IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，其特征在于:所述可視化編輯模塊對于容器類設(shè)備的編輯操作如下:a)點(diǎn)擊編輯工具區(qū)的【添加機(jī)柜】按鈕添加容器類設(shè)備，設(shè)備自動(dòng)添加至繪圖區(qū)，鼠標(biāo)拖動(dòng)設(shè)備至繪圖區(qū)合適位置放開； b)點(diǎn)擊機(jī)柜，以開門動(dòng)畫效果打開機(jī)柜； c)點(diǎn)擊【添加設(shè)備】按鈕，下拉式菜單自動(dòng)顯示可用設(shè)備列表，點(diǎn)擊目標(biāo)設(shè)備項(xiàng)即可完成設(shè)備的添加操作； d)如需對已添加設(shè)備變更，可通過【刪除】【修改】按鈕進(jìn)行更換； e)完成后點(diǎn)擊【保存】，以關(guān)門動(dòng)畫效果關(guān)閉機(jī)柜； f)鼠標(biāo)懸停于機(jī)柜圖標(biāo)之上可自動(dòng)顯示機(jī)柜當(dāng)前存放的設(shè)備統(tǒng)計(jì)狀況； g)確認(rèn)完成編輯工作后點(diǎn)擊【發(fā)布】保存至數(shù)據(jù)庫。
4.根據(jù)權(quán)利要求1所述的IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，其特征在于:所述可視化展示模塊對于非容器類設(shè)備的展示操作如下: a)使用可視化編輯模塊完成拓?fù)渚庉嫻ぷ鞑l(fā)布； b)標(biāo)題欄中顯示定制拓?fù)鋱D名稱； c)展示區(qū)中展示設(shè)施實(shí)時(shí)狀態(tài)信息； d)設(shè)備狀態(tài)異常時(shí)，光暈環(huán)繞閃爍，光暈顏色根據(jù)不同狀態(tài)級別分為不同顏色； e)鼠標(biāo)懸停于設(shè)備圖標(biāo)之上則自動(dòng)顯示設(shè)備基本信息:設(shè)備名稱、設(shè)備類型、設(shè)備地址信息； f)點(diǎn)擊此設(shè)備，出現(xiàn)【設(shè)備詳情】對話框，可查看設(shè)備詳細(xì)信息，包括設(shè)備基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作； g)鏈路異常時(shí)，此鏈路根據(jù)不同事件級別顯示為不同顏色； h)點(diǎn)擊此鏈路，出現(xiàn)【鏈路詳情】對話框，可查看鏈路詳細(xì)信息，包括鏈路基本信息和實(shí)時(shí)狀態(tài)信息及事件列表，完成對事件的查看與確認(rèn)操作； i)事件公告欄實(shí)時(shí)滾動(dòng)顯示事件內(nèi)容，事件欄信息可上下滾動(dòng)/正反翻轉(zhuǎn)以最大化利用空間，點(diǎn)擊單條事件概要，事件板自動(dòng)前后翻轉(zhuǎn)顯示事件詳情； j)點(diǎn)擊事件條目進(jìn)入【事件詳情】對話框，對事件進(jìn)行操作； k)點(diǎn)擊工具欄【告警桌面巡航】按鈕，異常設(shè)備輪流在展示區(qū)居中高亮顯示，輪轉(zhuǎn)時(shí)間間隔可以設(shè)置； I)點(diǎn)擊工具欄【拓?fù)浯蛴　堪粹o可以將實(shí)時(shí)拓?fù)鋱D打印輸出；m)點(diǎn)擊工具欄【縮放】按鈕或滑動(dòng)縮放桿對拓?fù)鋱D進(jìn)行縮放操作；η)點(diǎn)擊工具欄【設(shè)備定位】按鈕根據(jù)設(shè)備名或IP地址信息選擇要定位設(shè)備，所選設(shè)備在展不區(qū)居中聞売顯不； O)點(diǎn)擊工具欄【全屏切換】按鈕，對展示區(qū)進(jìn)行全屏顯示切換； P)點(diǎn)擊工具欄【鎖定】按鈕，對工具欄進(jìn)行鎖定/解鎖操作，解鎖狀態(tài)下工具欄無操作自動(dòng)隱藏，展示區(qū)下方區(qū)域滑動(dòng)鼠標(biāo)工具欄顯現(xiàn)。
5.根據(jù)權(quán)利要求1所述的IT基礎(chǔ)設(shè)施拓?fù)淇梢暬庉嬇c展示方法，其特征在于:所述可視化展示模塊對于容器類設(shè)備的展示操作如下: a)通過容器類設(shè)備編輯功能完成編輯操作并發(fā)布； b)鼠標(biāo)懸停于設(shè)備之上顯示設(shè)備基本信息； c)當(dāng)容器內(nèi)設(shè)備狀態(tài)異常時(shí)，容器狀態(tài)燈會根據(jù)嚴(yán)重程序顯示不同的顏色；d)點(diǎn)擊容器，以開門動(dòng)畫效果打開容器； 容器內(nèi)設(shè)備面板動(dòng)態(tài)顯示各設(shè)備狀態(tài)，點(diǎn)擊設(shè)備打開【設(shè)備詳情】對話框查看設(shè)備詳細(xì)信息并可對事件進(jìn)行處 理。
【文檔編號】G06F3/0481GK103514310SQ201210214222
【公開日】2014年1月15日 申請日期:2012年6月26日 優(yōu)先權(quán)日:2012年6月26日
【發(fā)明者】郭杰, 錢向東, 雷尚平 申請人:上海寶信軟件股份有限公司