Web 2.0技術(shù)在iMC中的應(yīng)用

1 概述

Web 2.0是相對Web 1.0的新的一類互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。Web 1.0的主要特點(diǎn)在于用戶通過瀏覽器獲取信息。Web 2.0則更注重用戶的交互作用，用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者。所謂網(wǎng)站內(nèi)容的制造者是說互聯(lián)網(wǎng)上的每一個用戶不再僅僅是互聯(lián)網(wǎng)的讀者，同時也成為互聯(lián)網(wǎng)的作者；在模式上由單純的“讀”向“寫”以及“共同建設(shè)”發(fā)展；由被動地接收互聯(lián)網(wǎng)信息向主動創(chuàng)造互聯(lián)網(wǎng)信息發(fā)展，從而更加人性化。

iMC V5版本中，處處體現(xiàn)著Web 2.0的思想，全新的架構(gòu)和設(shè)計(jì)思路賦予了iMC良好的用戶體驗(yàn)和優(yōu)異的性能提升。

2 更個性化的iMC——Web 2.0技術(shù)帶來的個性化體驗(yàn)

Web 2.0的設(shè)計(jì)思路是iMC V5架構(gòu)的指導(dǎo)思想之一，全新的界面中無處不體現(xiàn)出簡潔、易用的設(shè)計(jì)理念和貼近用戶的人性化操作感受。

2.1 高度可定制的首頁

2.1.1 首頁功能自定義

iMC V5版本的一個重要特性是個性化首頁。當(dāng)操作員成功登錄iMC后，其關(guān)注的各業(yè)務(wù)運(yùn)行情況一目了然：

圖1 iMC V5的個性化首頁

從圖1中，可以看到由iMC管理的各類設(shè)備的健康狀態(tài)、性能監(jiān)控信息、實(shí)時拓?fù)湔故镜?。這只是一部分業(yè)務(wù)監(jiān)控面板(元素)，iMC目前已提供的業(yè)務(wù)監(jiān)控面板多達(dá)數(shù)十種，并可以根據(jù)不同業(yè)務(wù)進(jìn)行分類，如圖2所示。

圖2 可定制的業(yè)務(wù)監(jiān)控面板

對于使用iMC的用戶，可根據(jù)所司職責(zé)的不同，定制最合適的首頁。登錄后立刻就能看到各業(yè)務(wù)的運(yùn)行狀態(tài)，無需再切換到業(yè)務(wù)界面進(jìn)行查看。每個用戶可以同時定制多個屬于自己的首頁，并根據(jù)需要隨時切換。

2.1.2 RSS源定制

在iMC自定義首頁功能中，管理員除了可以定制業(yè)務(wù)功能外，還可定制各類內(nèi)容源RSS*(如圖3)，這也是Web 2.0提供的最具代表性的服務(wù)之一。

圖3 配置RSS源

RSS(Really Simple Syndication，也叫聚合RSS或聚合內(nèi)容)，是在線共享內(nèi)容的一種簡易方式。具有來源多樣、個性化“聚合”、高時效性、低成本、無“垃圾”信息等特性。通常在時效性比較強(qiáng)的內(nèi)容上(如博客、新聞等)使用RSS訂閱能更快速獲取信息，網(wǎng)站提供RSS輸出，有利于用戶獲取網(wǎng)站內(nèi)容的最新更新。

通過從不同的RSS站點(diǎn)上獲取數(shù)據(jù)，用戶可實(shí)時了解到各類業(yè)界動態(tài)，如最近的新聞，或用戶感興趣的博客(BLOG)內(nèi)容等。例如，將“http://rss.sina.com.cn/news/marquee/ddt.xml”作為RSS源加入iMC首頁，用戶將可以在iMC首頁中直接查看新浪要聞。

同時，iMC V5的版本發(fā)布時，支持講自身作為一個RSS源，為用戶提供最新版本發(fā)布的相關(guān)信息見圖4。

圖4 iMC RSS源

3 更高效的iMCDDAJAX局部刷新技術(shù)

Ajax是實(shí)現(xiàn)Web2.0的一些客戶端技術(shù)的集合，全稱為“異步JavaScript和XML技術(shù)”(Asynchronous JavaScript and XML)；Ajax的核心技術(shù)理念在于使用XMLHttpRequest對象發(fā)送異步請求。AJAX技術(shù)的出現(xiàn)從一定程度上說是挽救了傳統(tǒng)的B/S結(jié)構(gòu)，并賦予Web應(yīng)用新的生命。從用戶體驗(yàn)來解釋AJAX技術(shù)可以理解為：在B/S結(jié)構(gòu)上給予用戶C/S的界面觀感。基于AJAX的局部刷新技術(shù)被廣泛應(yīng)用于iMC的界面展示中，極大提升了iMC的展示效果和界面響應(yīng)效率。

iMC是一個集多業(yè)務(wù)于一體的高可用平臺，在一個界面中，經(jīng)常會同時展示多組不同業(yè)務(wù)提供的數(shù)據(jù)內(nèi)容，為了提升數(shù)據(jù)實(shí)時性，部分展示內(nèi)容需要實(shí)時到設(shè)備中獲取。對于傳統(tǒng)Web技術(shù)，僅當(dāng)頁面中所有需要繪制的業(yè)務(wù)數(shù)據(jù)都已經(jīng)獲取到，才開始展示界面內(nèi)容。由此產(chǎn)生的問題就是頁面展示速率低下。以iMC的設(shè)備詳細(xì)信息界面為例，該界面中除了展示設(shè)備基本信息外，根據(jù)不同業(yè)務(wù)組件的安裝和部署，還會展示相應(yīng)的業(yè)務(wù)數(shù)據(jù)。例如設(shè)備最近的告警、設(shè)備的性能數(shù)據(jù)、設(shè)備資產(chǎn)信息、無線設(shè)備配置信息、接入設(shè)備配置信息等等。在早期iMC版本中，安裝的業(yè)務(wù)組件越多，設(shè)備詳細(xì)信息頁面的顯示速度就會越慢。

iMC V5版本中，由于使用了基于AJAX的局部刷新技術(shù)，在同一界面中，各個業(yè)務(wù)展示區(qū)塊相互獨(dú)立，各自繪制，某個業(yè)務(wù)模塊的數(shù)據(jù)訪問時間不會再影響整個界面的展示速率，易用性得到了大幅提升。

圖5 設(shè)備詳細(xì)信息界面的局部刷新

從圖5中可以看到，進(jìn)入設(shè)備詳細(xì)信息界面后，設(shè)備基本信息會立即展示，同時其他業(yè)務(wù)信息處于獨(dú)立裝載的狀態(tài)，當(dāng)業(yè)務(wù)信息裝載完成后自動在界面中展示，各模塊之間不再相互影響。