跳到主要內容

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重新處理,不僅造成大量的時間與人力浪費,對於專案計畫進度的延宕更是麻煩。這些還不包含

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

歡迎引戰的Threads演算法機制

  最近受到江老師 江振維的啟發,開始測試Threads的演算法機制,發現它驚人的傳播速度 先講成果,一篇thread文: 第17小時,10,689瀏覽,106則回覆 第24小時,22,122瀏覽,179則回覆  帳號追蹤數僅104位  簡單來說,Threads的機制跟過去Facebook大多鎖定在親朋好友社交網絡之間的內容不一樣,它會大量收集有相關興趣的人來觸及,內容散亂主題分散觸及效果越差,但太過專業不是一般人能理解的效果會更差,所以主題明確直白淺顯易懂,可以快速激發討論的內容,就是容易被擴散的。 這次實驗做了一個策略,文章很簡單,短短三行: 『小朋友為什麼不能學ai?  學生交作業為什麼不能用ai?  為什麼要阻礙進化?』 (文章連結) 策略設計 用爭議性內容(Controversial topics)並參考坎寧安定律(Cunningham's Law)方式,讓主題有開放性討論(疑問句、ai)、敏感性主題(小朋友、學生),最後錨定一個負面且帶有爭議性的價值論述 (阻礙進化),來引發討論 每一個回文,都按愛心 回覆一人只回一次,不深追討論 回覆時回疑問句(諷刺、引戰),但不評斷價值 結果~~ 碰🔥  快速大量瀏覽以及對立式發言,中午時刻短短三小時擴增5000人瀏覽,當回覆互動增加時,會在一個短時間內快速吸人進來討論,直到24小時後觸及就自動下降幾乎歸零。 對比前後實驗的發文,專業文、分享文,效果都非常有限。 可以了解,在這樣同溫特化以及互動至上的平台,"引戰"對於流量製造的效果非常好,但是否能產生導流效果,不得而知,未來可以再嘗試☕ 最後,我自己還是不喜歡這種操作, 認真看待事物、追求專業、理想與和諧,這種人格特質,對於製造混亂、誘發對立討論,雖然還是可以引導教育意義,但互動過於浪費時間、缺少實質回饋、仇恨言論造成心理疙瘩,這都是自己不喜歡的特性😅 還是留給有心理素質的人去玩吧! XD PAN 20240704 Reference Berger, J., & Milkman, K. L. (2012). What Makes Online Content Viral? "Content that evokes high-arousal emotions such as awe, anger, and anxiet...