<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日韩AV鸥美在线观看| 免费国产不卡午夜福在线| 亚洲AV午夜福利精品一区二区| 色吊丝免费观看网站| 亚洲国产成人乱码精品女人久久久不卡| 亚洲人精品亚洲人成在线| 野花高清在线观看免费3中文| 亚洲免费闲人蜜桃| 中文字幕av无码无卡免费| 久久精品国产亚洲av麻豆蜜芽 | 亚洲视频一区二区三区四区| 永久看日本大片免费35分钟| 亚洲国产福利精品一区二区| 人禽杂交18禁网站免费| 亚洲欧美不卡高清在线| 免费国产人做人视频在线观看| 一级人做人a爰免费视频| 国产午夜亚洲精品理论片不卡| 日本高清不卡aⅴ免费网站| 亚洲成色在线影院| 免费中文熟妇在线影片| 国产午夜亚洲精品不卡免下载| 日批日出水久久亚洲精品tv| 热久久这里是精品6免费观看| 97se亚洲综合在线| 日韩精品视频免费观看| a级毛片免费高清视频| 亚洲网站在线观看| 免费观看的毛片手机视频| 丁香六月婷婷精品免费观看| 亚洲免费在线播放| 蜜桃精品免费久久久久影院| 91av免费在线视频| 亚洲网红精品大秀在线观看| 日韩午夜免费视频| 国产成人免费视频| 国产亚洲精品美女2020久久| 亚洲另类激情综合偷自拍 | 精品国产日韩亚洲一区| 成人免费福利视频| 国产免费MV大全视频网站|