傳統企業應用常常重視系統的健壯、資料的規範、完整，業務流程實現的靈活。
圖形化的部分僅限於對業務資料本身的統計，常常忽視了應用系統本身運維資訊的視覺化。
各應用系統的日誌系統通常各行其是，維護工程師、系統運維人員、領導、終端使用者面對多個離散的應用系統，必須到每個系統檢視自己關注的資訊；
這些資訊缺乏直觀、分層彙總、統一的展示和可互動圖表。
對於擁有自己的資訊部門維護其it設施的企業或機構而言，統一的日誌顯然更有利於運維：
將各應用或裝置的運維資訊採集到乙個統一的系統，對運維日誌進行分析和視覺化展示，對運維的實時狀態以發布——訂閱模式進行分發。
狀態以websocket推送到關注各類運維資訊的使用者瀏覽器，以html5提供圖形化展示。
對傳統企業應用可以在以下幾方面進行視覺化增強：
針對it設施視覺化，最終效果類似下圖：
（這張截圖是採用ht for web 的評估系統搭建的，不得不說ht上手真的非常快，我花了兩天時間看手冊，用了一天時間搭這個原型，原型以機房->機櫃->伺服器->實時狀態四個層次進行展示，利用ht提供的資料繫結機制，我對約500個實時狀態每秒更新兩次，在macbook pro上執行流暢）。
通過採集機房環境裝置的實時執行狀態，並以web方式予以直觀展示。
運維人員可以遠端了解：機房溫濕度、供電情況、安防情況、
裝置的地理分布、裝置的工作負荷：包括cpu佔用率、磁碟空間、網路流量。
系統引入指令碼引擎建立預警規則，對需要人工干預的情況予以顯著提醒。
此外、裝置監控也可以與企業的資產管理相結合、將裝置的型號、出廠日期、使用時長、故障日誌納入管理。
在伺服器層次，提供裝置的實時工作負荷及歷史曲線
歷史曲線支援拖拽縮放時間軸、對不同特徵狀態以不同的顏色標識，可以用html5的圖表元件實現效果如下：
在應用層，通過將系統提供的外部介面呼叫日誌視覺化，可以直觀了解各應用系統之間的呼叫關係、呼叫頻度、系統負荷。
採用了自動彈力布局的heatmap圖，節點半徑與呼叫頻度等比例，通過顏色標識出系統裝置的工作負荷。
選中節點，可以引導使用者檢視應用系統的執行概況。包括：系統名稱、工作負荷等。
選中連線，可以引導使用者了解系統介面的概況，包括：上線時間（啟動日誌時間）、呼叫次數、呼叫-時間曲線。如下圖：
通過記錄使用者操作日誌、領導檢視系統的使用頻度，了解哪些系統繁忙。
檢視部門-系統使用頻度分布，了解不同月份各部門使用系統的頻度。
對有價值的系統增加投入，提公升系統使用體驗。
將觀察角度切換到個人使用者，可以通過圖表了解本人-各系統的使用分布。
對通過it應用完成的任務獲得直觀感受，並可以仿效遊戲的積分成就系統，根據個人使用者操作日誌，以頒發勳章、提公升級別等方式予以鼓勵。
資料採集應當將引入日誌對系統本身的效能影響降至最低，並通過測試給出明確的引入日誌對系統本身效能影響的量化指標。
對於非關鍵日誌，可以借鑑nosql的妥協，盡量在記憶體中操作。
在資料訪問層面，可以考慮引入log4jdbc類似的**日誌元件；
在裝置狀態層面：通過作業系統提供的api獲得系統負荷相關資料，包括：cpu使用率、磁碟使用率、網路流量等；對於非標準裝置或感測器，則通過標準的通訊協議，針對報文格式編寫相應的介面卡進行資料採集；
在應用層：則需要對原有系統的日誌模組進行適應性改造，向統一日誌上報符合格式要求的資料。
狀態資料的生成、修改、刪除 生命週期，通過發布——訂閱模型，由分布式元件進行增量分發。
在統一運維服務和瀏覽器之間，可以採用一致的資料模型和訂閱模式，
只不過具體負責資料傳輸的元件由服務之間的mina或jms替換成了websocket。
資料繫結技術：angularjs、extjs5、ht for web；利用資料繫結技術，可以大大簡化在資料和狀態之間同步維護；
實時狀態：canvas、svg、物理引擎、arbor.js、ht for web；物理引擎可用於自動布局，簡單的展示可採用底圖+svg圖元的實現，openlayers也採用了此種思路，對於效能要求較高、拓撲關係較複雜的展示，選用ht for web這類的現成庫，無疑會大大節約開發成本。
統計類圖表：d3.js、extjs；html5實現的統計圖表可選元件非常多，簡單的曲線也可以考慮自己用canvas或svg畫。
大量的實時狀態分發、展示完畢就可以拋棄，但是關鍵值是必須持久化供後續分析的。
工業控制類：實時資料庫
資料規模小、分析結果：關係型資料庫
資料規模大：nosql
採用r語言極其工具包進行非實時的統計分析。
通過指令碼引擎，在狀態資料之上引入實時的狀態聯動，比如：報警的條件觸發。
ppt檔案已附
HTML5 應用快取
html5 引入了應用程式快取，這意味著 web 應用可進行快取，並可在沒有網際網路連線時進行訪問。應用程式快取為應用帶來三個優勢 新增快取 manifest 檔案可分為三個部分 network 在此標題下列出的檔案需要與伺服器的連線，且不會被快取 fallback 在此標題下列出的檔案規定當頁面無...
讓所有IE支援HTML5
作者已經把js檔案放在google code project上並允許大家直接呼叫，當然，前提是你不在意呼叫額外的檔案。你可以使用ie條件注釋來呼叫這個js檔案，這樣像firefox等非ie瀏覽器就會忽視這段 也就不會有無謂的http請求了。下面這段 僅 會在ie瀏覽器下執行 以下是js檔案中的 fu...
HTML5離線應用總結
html5離線應用總結 1 demo.js檔案編寫 2 demo.css檔案編寫 3 demo.htm檔案編寫，格式如下 4 manifest檔案編寫，命名為demo.foo。格式如下 cache manifest version 1.0.0.0 demo.html demo.js demo.css...