twaver

http://www.servasoft.com/demo/twaver_flex/twaver-flex-online-demo.html

 

 

TWaver Flex版簡介

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

 上面不少功能使人耳目一新。以這個經典的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來了，不管是作電信應用仍是企業應用，咱們沒必要逃避它，仍是牢牢的擁抱它吧！