Web 2.0技術在iMC中的應用

1 概述

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

iMC V5版本中，處處體現著Web 2.0的思想，全新的架構和設計思路賦予了iMC良好的用戶體驗和優異的性能提升。

2 更個性化的iMC——Web 2.0技術帶來的個性化體驗

Web 2.0的設計思路是iMC V5架構的指導思想之一，全新的界面中無處不體現出簡潔、易用的設計理念和貼近用戶的人性化操作感受。

2.1 高度可定制的首頁

2.1.1 首頁功能自定義

iMC V5版本的一個重要特性是個性化首頁。當操作員成功登錄iMC后，其關注的各業務運行情況一目了然：

圖1 iMC V5的個性化首頁

從圖1中，可以看到由iMC管理的各類設備的健康狀態、性能監控信息、實時拓撲展示等。這只是一部分業務監控面板(元素)，iMC目前已提供的業務監控面板多達數十種，并可以根據不同業務進行分類，如圖2所示。

圖2 可定制的業務監控面板

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

2.1.2 RSS源定制

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

圖3 配置RSS源

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

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

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

圖4 iMC RSS源

3 更高效的iMCDDAJAX局部刷新技術

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

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

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

圖5 設備詳細信息界面的局部刷新

從圖5中可以看到，進入設備詳細信息界面后，設備基本信息會立即展示，同時其他業務信息處于獨立裝載的狀態，當業務信息裝載完成后自動在界面中展示，各模塊之間不再相互影響。