跳到主要內容

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


相關文章:

留言

這個網誌中的熱門文章

醫學健康跨領域合作的開始:資料工程

一直都很喜歡在會議上與跨領域的專家、醫師、學者分享我們在數據工程與分析應用上的發展經驗。 許多的專家學者,對於大數據應用的認知都仍侷限在一個超大型結構化資料集的子集合應用,在規劃好的條件設定下,針對特定的目標(疾病、行為)進行篩選,將數據narrow down到可以被個人電腦或是單一伺服器架構處理的小型資料集。 這樣的半手工處理方式,對於專一(Specific)領域主題的資料追蹤計算或許已經十分足夠,但當中倘若資料清理方式有改變、篩選條件增減,所有的數據都要從raw重新處理,不僅造成大量的時間與人力浪費,對於專案計畫進度的延宕更是麻煩。這些還不包含

別再期末談臨終

『在那六年多的時間,我常常反省、後悔、卻也培養勇氣,問自己再遇到時要做什麼決定?.......回想我要簽同意書的時候,真的會抖-我有資格決定人家生死嗎?』 面對死亡,我們都很害怕,更何況是家人的臨終。 但究竟我們的選擇,是為了給家人最後的尊嚴? 還是填補自己的罪惡感? 學習勇敢面對、學習放下, 更要學著為自己的未來做好規劃,不成為子女的負擔。 希望大家一起鼓勵這個勇敢的朋友, 因為她的經驗分享,讓我們更加了解, 面對家人臨終,我們該如何做好準備。 『末期才談臨終太遲』 https://www.wacare.live/health-forum/q/1984983840830?topicId=25049764537230&fbclid=IwAR1ei-zrfSj9w5kbvBW5ecSbqWrI408fJ1qjXhisZwLxYdbON_jJbNKMAyY 更多的失智照護課程 https://www.wahere.wapro.live/udnxwacare Pan 2020.12.22 #臨終 #失智 #善終 #放棄急救 #預立醫療 #病人自主

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 萬個儲存格 每張工作表最多...