跳到主要內容

Google Gadget 設計範例: 中興大學網路流量監控 NCHU IP Traffic

image

雖然興大是中部學網的骨幹中心,
但學校內的IP流量還是限制的很嚴格,
一個IP校外流量只能 2GB/day,這對專業的資訊人來說,真的是太不夠了~~~~~~

無奈許多”研究”用的檔案資料,受限在區網內也要能取得,
一般只能針對整體流量進行控管的免費限流軟體便派不上用場,
(因為流量滿了就鎖了,區網也不能抓,更怕主機上提供的web-service因此中斷)

但若要針對指定的網段做開放動作,
那除了功能較強的商用軟體或自己在網段上架個Router外似乎也沒什麼其他的辦法。
因此也只能乖乖的裝流量統計來注意server或定時去學校網站看看目前流量,如:
中興大學校園 Top 500 流量排行  (明明網址是top100,名稱卻是Top 500)

基於以上種種,自己來寫個監控Gadget,
掛在上網時都會看的iGoogle或 Google Sites上,似乎就是個不錯的方式
最少每次開電腦都可以即時顯示自己的流量有沒有爆表,即時處理免得被關照。

作法也很簡單,
這次的流量監控,我採用三層式的方式來做,
首先以iGoogle/ Google Site 做為平台,中間以Gadget做UI,後端透過Google App Engine來分析Parse目標IP的流量資料。


第一步,
開始利用Google App Engine寫目標網頁的分析與資料取出,
送入目標IP後自動傳回當前累積流量。
(關於Google App Engine的開發前置作業,請參考: 雲端的開始:Netbeans 無痛 Google App Engine Java 服務開發 一文)

第二步,製作Google Gadget,
Gadget的製作可以利用Google提供的 Google Gadget Editor 來實作,
他可以直接模擬輸出最後的的結果,
但是!!! 非常奇妙的是,當你出現這個畫面,
image

並不是這個Editor有問題,
而是, 它,不能在Google Chrome瀏覽器上使用
這真是看到鬼了,
自己家的服務竟然不能在自己家出的瀏覽器上使用!!
(我個人建議以Firefox 使用Google Gadget Editor,IE會有點操作不順。)

以Javascript做完 Gadget 的UI功能後,
可以直接以Publish功能上傳到Google Gadget API網站上,
但注意最好預先寫好以下的XML Taq
* title
* description
* author
* author_email
* screenshot  (建議的)
* author_location  (建議的)
* author_affiliation  (建議的)
* title_url  (建議的)
* directory_title  (如果標題中包含使用者偏好設定則為必要)


Publish時,選擇 Publish to iGoogle Directory ,
利用下面的選項提交後變會取得對應的小工具聯結。
image


過幾分鐘後就可以在iGoogle或Google Sites新增小工具的地方搜尋到你的工具了!
image


就是這麼簡單!



下面就是實作後的Gadget:
它的XML連結為:http://hosting.gmodules.com/ig/gadgets/file/116366460963400505824/NCHU-IPTracer.xml



BP 2010.04.01


相關文章:

留言

這個網誌中的熱門文章

Google 資料庫方案–Spreadsheet–(1)資料呈現

HEMiDEMi 的標籤: Google , Google SpreadSheet , 雲端 早在規劃『 教育,意義! 』project時, 便有打算將整個網站建立過程撰寫一篇教學,讓有興趣以google 服務為基礎進行開發的朋友參考。 沒想到這個想法擺著就拖了好幾個月, 好在學生提出了問題,就趁這機會寫一寫吧。 基本上『 教育,意義! 』網站的架構完全建立在Google提供的服務, 廣義來說也是個雲端的系統, 所有的資料是分散在不同的服務架構下,再用GAE, Javascrript將服務資訊串接起來, 由Blogspot 統一呈現。 省了租主機的費用,或架站的硬體、電費, 最好的地方在於不用管理主機維運的問題, 只要專心做我的創意、嘗鮮就好了!!   多棒! 若將『 教育,意義! 』網站依功能層次來分類,可以分為三層結構, 當中的層次與使用技術大致如下: UI 介面層 服務 : Blogspot (網站介面) , Picasa (相簿空間), Google Apps 技術 : Javascript , AJAX ( JQuery ) App應用層  服務 : Google App Engine (GAE) 技術 : Java, Java Server Page (JSP) 資料層 服務 : Google Docs (文件), Google Spreadsheet (試算表) 技術/函式庫 : Java, Google Data APIs 本篇文章將著重在介紹以Google Spreadsheet 做為雲端資料庫, 其他主題將會陸續推出。 若對Google API 與 Google App Engine 初步建置有興趣, 可以參考之前文章: 佛心來著的 Google Data API – for JAVA 雲端的開始:Netbeans 無痛 Google App Engine Java 服務開發 Google Spreadsheet 做為資料庫系統 對於小型的資料系統來說, 採用Google Spreadsheet做為應用程式資料庫(如問卷調查或線上系統) 也算堪用, 目前的儲存限制為 : 40 萬個儲存格 每張工作表最多 256 欄 而Goog

吃過這麼多巧克力卻沒吃過可可豆!?

這次跟著技師與農部官員進行的考察之旅, 讓好一陣子都坐在電腦前的我,過了個非常暢快的旅程。 尤其是其中一戶種植不少可可的農家, 讓我第一次真實的看到也品嘗到這個奇妙的東西。 可可豆(Cacao)有許多種顏色,時常是綠色但這戶農家的品種則是紅色, 而可可樹上可以結出許多果實,有些甚至超過十顆以上, 而剛長出的可可豆夾非常小巧,如同小葡萄乾一般 (如下圖) 而適於採收的豆莢非常的巨大, 剖開後有著數十顆乳白色的果實,就是我們常聽到的可可豆!!

Hadoop with Netbeans 雲端開發環境

HEMiDEMi 的標籤: Hadoop , Cloud computing , Netbeans , 雲端計算   Hadoop 是現今當紅的雲端平台, 在國內目前雲端發展中,也常能見到Hadoop 的推廣應用。 相關Hadoop的介紹與設定,在 國家高速網路與計算中心 的網站上有非常大量的教學資源可以使用,當中包含了系統安裝設定的step by step,佛心來著吶!   然而在整合開發環境上,目前大多教學說明都使用Eclips做為開發工具, 因此這篇文章主要針對習慣使用Netbeans 進行環境開發的設計人員做介紹, 瞭解如何將Netbeans plug上Hadoop的開發套件。   第一件事, 由於Hadoop一般安裝於Linux平台, 為求單純,以下的內容皆是執行於Linux GUI中的 Netbeans 環境。   Hadoop 本身運作原理為透過Map-Reduce方式將工作丟到NameNode中執行, 並再匯集輸出,詳細介紹可以參考 國家高速網路與計算中心 的『 Map Reduce 介紹 』   因此netbeans必須要安裝連接Hadoop Server的中介程式, 因此,這裡我們採用 Karmasphere Studio   做為netbeans連接Hadoop的中介, 當中Community Edition為免費版本,與Professional 版的差異為安全連線與即時監控等等 ( 詳見 ) Karmasphere Studio 安裝方式可由Netbeans Plugins直接下載安裝!     以下為安裝介紹:     註冊 Karmasphere Studio   由於 Karmasphere Studio 套件需要輸入一個啟動金鑰才能進行安裝, 因此必須先連結照 Karmasphere Studio 的 註冊網頁 進行註冊 [ Link ] 註冊完成後 Karmasphere 會以E-Mail通知並提供一組 serial key , 請保留此 Key到之後的步驟。     安裝 Karmasphere Studio     1. 執行Netbeans後,開啟 Tools/Pligins