<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Swing


    天行健 君子以自強不息

    posts - 69, comments - 215, trackbacks - 0, articles - 16
       :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    TWaver Flex版簡介—超酷的Flex電信應用

    Posted on 2010-03-01 22:46 zht 閱讀(10673) 評論(2)  編輯  收藏

    TWaver Flex版簡介

    如果一提到TWaver很多人可能會都想到Swing。經過十幾年的發展,TWaver已經不再是一個簡單的Swing拓撲組件,這些年TWaver陸續推出了AJAX+SVG的Web版、GIS版,現在又出了Flex版。


    TWaver在線demo
    http://servasoftware.com/demo/twaver_flex/twaver-flex-online-demo.html),
    上面很多功能令人耳目一新。以這個經典的TWaver PSTN為例,細節上可能比Swing版還要細膩很多。整個TWaver Flex很多地方甚至已經體現出比TWaver Java的Swing版本更強的方面。

     

    此外,TWaver Flex中還有更多有趣的特性。

    全新告警渲染方式

    以前看過Micromuse的NetCool時候,對其告警呈現方式很有印象:一個告警色的菱形底座,既直觀又美觀。TWaver Flex中也提供了這種全新的告警渲染方式,而且還有各種形狀的“底座”可以選擇:

     

     

    另外,記得在使用Eclipse時如果有編譯錯誤,代碼tree上是如何呈現的嗎?一個動態產生的警告小圖標疊加在tree icon上,既簡潔,又清晰:

     

     

    TWaver Flex中也提供了類似效果。這種效果可以直接通過一個參數設置,不需要通過復雜的代碼進行實現:

     

     

    TWaver Flex中,告警在樹上的渲染還不止圖標的變化,demo中還提供了更多復雜的呈現方法,例如在icon后面再疊加一些額外信息,例如告警信息統計等等。例如demo中,一個交換機端口上產生了3個Critical(嚴重)告警,可以在tree icon后方再顯示一個球星icon以及告警數量和級別信息。另外交換機的邊框上告警傳播的模糊漸變渲染效果可能也比TWaver Java中更加細膩、生動:

     

     

    再加上一些新提供的告警表格、告警統計、chart,TWaver Flex中告警的呈現確實給人耳目一新的感覺:

     

     

    全新連線捆綁呈現法

    連線捆綁是TWaver比較有意思的特性:多個首尾相同的Link可以雙擊閉合和展開。TWaver Flex的demo中提供了更加豐富的特性。除了傳統的連線雙擊動態捆綁和打開外,還可以分組捆綁、捆綁形狀定義、捆綁代理動態定義、告警代理呈現,等等。

     

     

    上圖中下方的一組連線,其中藍色、紅色、綠色的連線可以有不同的形狀,他們可以分別雙擊展開、閉合。雙擊任意藍色連線和綠色連線,上圖變成這樣:

     

     

    更多自動布局算法

    自動布局算法是比較有趣和非常有用的部分。看到一個個拓撲圖變魔術一樣的被布局成千變萬化的形狀,確實很酷。在TWaver Flex的demo中,自動布局更加流暢、清晰。 

     

    另外一個就是網絡總線布局。和TWaver Java類似,Flex版中也提供了總線布局,顯示效果更加細膩(立體效果)。

     

     

    矢量圖支持

    TWaver Flex中有一個demo是顯示了矢量的美國地圖各個州以及一些chart現實出來的數據。仔細研究其代碼,發現是使用了xml定義的矢量圖格式,并用這些格式動態生成了一些節點對象。這樣,這些節點就不僅僅是地圖對象,還可以表示一些業務網絡并攜帶一些業務數據。這個功能在電信資源管理、網管系統里面肯定會非常有用。

     

     

    另外一個可以使用矢量圖的地方是節點圖片,除了位圖外,還可以使用Flex簡化的一個SVG格式,這樣可以實現圖片的無級縮放。例如TWaver Flex中這個demo中的節點,通過縮放后,可以觀察到確實使用了矢量圖格式:

     

     

     

    設備網格

    在做電信綜合網管系統時候,如何呈現各種廠商、各種型號、各種類型的電信設備,是件麻煩的事情。如果使用美工效果圖,工作量巨大;如果使用簡單的方格,則顯示效果過于簡單。TWaver Flex中的提供了網格呈現方法。通過對設備面板進行網格化,通過定義每個板卡占用的寬和高等,就可以比較清晰、容易的定義設備的結構,并且呈現的效果也不錯:

     

     

     

    當然使用網格+圖片的方式會有更好的效果:

     

     

    更多特效

    以下是一個拓撲圖魚眼示例圖,可以讓電信網管軟件增添一點生動。

     

    其他還有很多動畫效果,大家可以跑一下demo。

    流程圖

    通過流程圖的編輯器,可以直接拖拽出來一個流程圖,可以導出XML格式:

     

     


    對于大多數電信軟件開發者或以拓撲為的UI開發者來說,TWaver Flex已經足夠應付絕大多數電信系統的各種需求。

    總結

    混合了傳統Web和Flex的應用已經越來越多。如果有一天Flex被完整的支持在iPhone、Android等移動設備上,那么,有了TWaver Flex,“掌上運維”、“手持監控”等概念則不再僅僅是概念,而變成實實在在的應用。

    電信軟件向來嚴肅、嚴謹,“電信級”意味著比“企業級”要求更高一籌。穩定性、效率、可擴展性...都有很高的要求。無論是網管系統,還是各種監控系統、資源管理系統,大多都是C/S結構的天下。雖然Web的發展和成熟,基于Web模式的電信應用也開始多起來,尤其各種業務管理系統,而底層的網管系統還是以C/S的居多。當年以AJAX、JS等技術為代表的Web技術也面臨現在Flex同樣的質疑,而現在Web開發甚至變成了主流技術(看看所謂的SSH流行程度就可以感受到)。Flex作為一個UI部分的新技術,在復雜圖形方面的處理能力無疑是傳統Web應用的強有力補充。這也使得網管類的系統應用Web+Flex的混合方式成為可能。

    Flex或許會給電信軟件的開發帶來變革,一個UI開發方式的變革。

    Flex來了,無論是做電信應用還是企業應用,我們不必逃避它,還是緊緊的擁抱它吧!

    主站蜘蛛池模板: 国产美女在线精品免费观看| 亚洲av无码天堂一区二区三区| 91免费国产在线观看| 国产精品亚洲一区二区麻豆| 四虎影视永久免费观看地址| 亚洲人成综合在线播放| 四虎成人精品在永久免费| 黄色网站软件app在线观看免费| 亚洲白色白色永久观看| 国产aa免费视频| 中文字幕无码免费久久| 亚洲人成在线播放| 亚洲精品人成无码中文毛片| 免费国产污网站在线观看15| 亚洲熟妇丰满xxxxx| 亚洲日产无码中文字幕| 无码视频免费一区二三区 | 亚洲人成电影网站免费| 国产亚洲AV夜间福利香蕉149| 中文字幕人成无码免费视频 | 国产1000部成人免费视频| 老司机亚洲精品影院在线观看 | 亚洲欧洲无码一区二区三区| 成人午夜亚洲精品无码网站| 免免费国产AAAAA片| a级成人毛片免费图片| 亚洲熟妇AV乱码在线观看| 国产A在亚洲线播放| 国产在线观看免费不卡 | 精品免费人成视频app| 免费的黄色的网站| 国产成人亚洲综合一区| 亚洲电影免费在线观看| 午夜精品射精入后重之免费观看| 337P日本欧洲亚洲大胆艺术图| 337p日本欧洲亚洲大胆色噜噜| 久久精品国产精品亚洲| 日韩高清在线免费看| 亚洲黄色免费在线观看| 成人性做爰aaa片免费看| 日日狠狠久久偷偷色综合免费|