MOTUDO 網誌: motudo

顯示具有 motudo 標籤的文章。顯示所有文章

2009年2月25日星期三

Motudo Gadgets 小工具破500訂閱

註冊到 igoogle 目錄的小工具有圖有真相，內行的都知道，Motudo Gadget Google 小工具 - 減碳駕駛計算機小工具今天有 401，明天可能變成小于100，所以趕快照下來，記錄一下，沒想到這些冷門 gadget 也有人有興趣。

至于破 500 的算法是加上超過 100 的 3 個小工具而來，大約 600。

延伸

代謝症候群問答小工具 Motudo SyndromeX QA Gadget

代謝癥候群問答小工具 Motudo SyndromeX QA Gadget 利用之前練習的 jQuery 功能延伸而成，這個小工具幫助你記住相關資訊，當然也可以分享給其他人。

另外關於高度問題需要說明一下，之前 Google gadget 都是利用 Require feature dynamic-height 來自動調整高度，但是代謝症候群問答小工具 Motudo SyndromeX QA Gadget里面的下方說明是利用 jQuery 動態加上去的，這種做法會導致 dynamic-height 無效，所以需要加上 height 300 來固定高度。

至于寬度盡量不要在 css 里面設定，留給 gadget 自己調整。

延伸：

2008年12月3日星期三

jQuery 整合 Blogger Data API 小工具

之前做了 MOTUDO 網誌: jQuery 與 Google Gadgets 整合測試，雖然 Google Gadgets 也有提供類似的功能，為何要用 jQuery 來寫？主要是移到別的地方，jQuery 還是可以用，脫離 Google Gadgets 的容器，例如 iGoogle 這類環境，很多東西都沒有用。

這次測試的連接這個網誌的功能，同樣的 Google Gadgets 也有提供相關的範例，可以直接改一下就可以用，參閱 dev-motudo-zht-blog-2008-12.xml，不過為了練習，所以使用 jQuery 連接 Google Blogger Data API 輸出的 JSON 格式。

該格式請參閱 Using JSON with Google Data APIs - Google Data APIs - Google Code 說明，注意的是一定要設 max-results 這參數，不然可能拉出幾百筆的資料，會讓客戶端等很久而且也沒有必要。

借用 Google Gadgets 的 UserPref 來做出設定功能，所以可改設為其他 xxx.blogspot.com 的網誌，使用於 getJSON 的連結如下。

http://"+prefs.getString("blogSite")+
"/feeds/posts/default?max-results=5&
alt=json-in-script&callback=?

另外輸出的 JSON 中要找出這個貼文的連結比較麻煩，連結放在 link 陣列之中，需要找那個有 alternate 屬性的才是，需要加個迴圈並判斷如下。

if(entry.link[k].rel=='alternate')
{alturl=entry.link[k].href;break;}

測試的 Google Gadgets XML 在 dev-motudo-zht-json-200812.xml ，另外嵌入到網頁的結果結果如下。

延伸

2008年12月1日星期一

Motudo Gadgets 小工具嵌入 Gmail

因為 Gmail 英文版本提供加入小工具的測試功能，試用一番有幾點記錄。

目前使用 Gadget XML 設定，所以無法提供設定功能，也就是說花樣不能換。不像 Blogger 提供 JavaScript 模式，可以直接嵌入設定後小工具。
邊框有大小問題，如上圖可見，需要為這類窄框調整才不會出現捲動棒。
大小的限制，只適合用來輔助 Gmail 的資訊提供，例如日曆小工具。對於比較複雜的互動應該不適合。

延伸

2008年11月26日星期三

Google 試算表內嵌 Motudo Gadget 小工具

Google documents 文件服務裡面有試算表的格式，而這個試算表是可以內嵌 Google Gadget，於是就挑 Motudo EcoDriving Gadget 減碳駕駛計算機小工具來測看看，結果可以參閱下面連結，利用小工具內嵌，可以把一些簡單運算計算機模組直接放上去，使用者可以不離開試算表就可以點選該小工具，進行其他計算。

Google Spreadsheets 試算表連結

裡面可以看到內嵌的 Motudo Gadget Google 小工具 - 減碳駕駛計算機小工具。

延伸

2008年11月25日星期二

網頁樣板試用 Django Template and Google App Engine

上次做了簡單 MOTUDO 網誌: GWT 與 Google App Engine(GAE) 的整合之後，因為 GAE 內建 Django 的樣板功能，參考下面連結文件之後，將這些小工具的版面一起整合到 g2base.html 如圖所示，然後使用 extends 匯入即可套版。

新的套版結果如 Motudo Gadget Google 小工具 - 減碳駕駛計算機小工具所表現，其實沒有差太多，不過如果有個幾十個小工具的時候，改這些頁面就會變得比較麻煩。

對於一直重複的 HTML 來說，建議可以將資料慢慢轉移到基本版面的 HTML template，這樣才可以節省一些時間。

延伸

2008年11月18日星期二

GWT 與 Google App Engine 的整合

這裡並非要說明 GWT 的 RPC 機制如何整合到 Google App Engine 的作法，而是針對目前進行的 Motudo Project 摩圖獨專案裡面，有不少 iGoogle Gadget 網頁小工具，目前這些小工具都是採用 GWT(Google Web Toolkit)來完成使用者介面 UI 的部份，另外搭配 Google App Engine 來當動態網頁支援平台。

一開始還好，每個小工具都分配一個網頁網址，但漸漸地發現網頁中有很多重複的地方，於是考慮將這些小工具網頁整合一起的方式，Google App Engine 使用 python 來當後端語言，至於設定檔 app.yaml 是使用YAML語法，跟 python 無關。

這裡希望調整成 http://www.motudo.com/g2MyGadgetId 的格式，先看看 app.yaml 裡面設定的主要 python 檔案，然後在 webapp.WSGIApplication 部分加入下面設定。

(r'/g2(.*)', GadgetPage)

這樣一來，就會將 /g2MyGadgetId 的網頁轉到 GadgetPage 負責提供一致的小工具網頁。

延伸

2008年11月6日星期四

Motudo Screen All Package 全螢幕定時軟體

為了 Motudo Screen 定時全螢幕軟體安裝方便，上傳完整的版本，不需要另外下載 RCP Runtime Binary，直接下載 motudo-screen-0.4-All-win32.zip 解開就可以用了，不過還是需要先裝 Java 6 才可以使用。

延伸

Motudo Carbon Gadget 碳標籤新增太陽能

修改 Motudo Carbon Gadget 電力碳標籤新增太陽能標籤如上，其實不管如何算都會是零，只要上述三個欄位其中一項為零，排放量就會是零。

個人最容易做到的是第三項目使用時間，隨手關掉電源就能減低使用時間，其次是選用低耗能電器，再來是使用無排放的再生能源如太陽能等等。

另外這個改版又會引起空白快取現象，因為 GWT 產出的檔案不只一個，很多 cache.js 檔沒有被更新而導致空白現象，這會讓使用者以為壞掉了，然後直接移除掉，實在很不方便。而整個更新完成需要幾個小時，這期間可能變成都是空白。

一個可行方法是不將舊的 cache.js 刪除，可以避免更新期間空白問題，但是這樣一來每次改版都會累積一堆 cache.js 導致不易管理，可能要用手動方式至少保留上一次更新一天的方式，否則空白問題將無法解決。

延伸

2008年11月5日星期三

Motudo Carbon Gadget 碳標籤小改版

修改 MOTUDO 網誌: Motudo Carbon Gadget 碳標籤小工具的外觀，加上一個小圖，並把比較長的說明資料放到彈出視窗，適合放到比較窄的地方。

另外圖示部分最好用絕對公開路徑，如果放到 CSS 去，很可能跑出來叉叉而已，主要是因為這個 gadget 常常放在別人的網頁裡面，有時候圖片路徑會無法讀取，就算是用絕對路徑也要檢查一下。

使用 Gadget.ModulePrefs 的參數可以控制產出的 xml，加入像是大小 280x300 等參數。

另外使用Add gadgets to your homepage 其中的內嵌方式無法運作，會出現空白，用下面這個加入按鈕也無效，出現空白現象，目前唯一有效的方式就是自己設定 igoogle 的頁面加入。

[更新] 後來發現似乎又是快取的問題，因為當開啟 developer gadget 將加入的 gadget 取消 Cached 之後，空白消失內容就出現了。

經過幾個小時候，該內容才出現如下，但是根據 Publishing Your Gadget - Gadgets - Google Code 要做 Add Gadget to Your Webpage 的時候一開始可能出現空白，這時需要加上 nocache=1的參數解決，得到 script 之後貼上仍需要等幾小時，因為別人可能只能讀到快取檔。

連結

Motudo Carbon Gadget 碳標籤小工具

延伸自 MOTUDO 網誌: Carbon Label 碳足跡標籤的想法，這次做成簡單的 google gadget 方便計算使用，目前只是開發版本，需要的人要複製下面 xml 的連結到 igoogle 去，才可以看到該 gadget 小工具。

Motudo Carbon 的 gadget.xml

目前最主要的問題會發生在開發階段，因為需要將開發好的檔案上傳之後，使用 igooogle 看版面以及格式等，但是它的設計有快取機制，導致有的改變需要等一個小時快取暫存時間過去才可以看出來，非常不利於修改。

雖然可以用參考Developer Tools - Gadgets使用填入 developer.xml 方式來取消快取暫存問題，但是如果只更新 CSS 而沒有改主要的程式，似乎還是會發生 CSS 的快取問題，導致 CSS 修改看起來無效，這個問題可以用 Firefox firebug 來看出來。

另一個問題是快取現象似乎跟瀏覽器有關係，有時 google 瀏覽器已經更新，但是 firefox 卻沒有更新，各自開啟都要等一個小時，所以有的更新無法立刻反應在所有的瀏覽器上面。

另外也可以將這個計算機放到 gmail 邊邊的地方，不過會擠壓變形，如果需要放在 gmail 之下，還需要調整。不過該功能目前需要切換到英文版面才可以啟用。

連結

2008年10月30日星期四

Motudo Screen v0.4 release 摩圖獨螢幕 0.4 版釋出

摩圖獨螢幕 0.4 版已經可以到 motudo-screen下載測試，安裝方式參閱 MOTUDO 網誌: Motudo Screen 定時離座軟體開發。

新增進度表以及加上二氧化碳排放的計算，計算資料來自 MOTUDO 網誌: Carbon Label 碳足跡標籤的想法。

延伸

MOTUDO 網誌: screen

2008年10月29日星期三

Motudo GWT Update 摩圖獨更新

之前在MOTUDO 網誌: Android SDK 測試 MOTUDO 摩圖獨裡面提到更新 GWT 1.5.3 可以有比較好的 Android 支援，上次沒有完成，這次將 MOTUDO 更新到 GWT 1.5.3 版本，初步看起來沒有問題。

2008年10月27日星期一

Motudo Screen v0.2 release

請到 motudo-screen - Google Code 這裡下載，使用方式參閱 MOTUDO 網誌: Motudo Screen 定時離座軟體開發。

新增四段工作方式，工作 28 分鐘後休息 2 分鐘，再工作 22 分鐘後休息 8 分鐘，合計一小時。

另外還有新增單元測試。

2008年10月24日星期五

Motudo Screen 定時離座軟體開發

Motudo Screen 定時離座軟體提供會在執行之後，每五十分鐘之後，強制全螢幕模式十分鐘，希望可以達到離座的目的。這個軟體跟 MOTUDO 沒有太多關係，只是用相同名字放一起比較方便。

使用的實作方式是採用 Eclipse 專案的 RCP (Rich Client Platform) 為平台，將這個定時需求建構在上面，因為這個平台已經被 Eclipse IDE 使用許久，所以應該用起來不會有太大問題。

寫這個東西是來自 MOTUDO 網誌: Metabolic Syndrome 代謝症候群以及 MOTUDO 網誌: Wiimote for chair 椅子偵測的想法，只是有人提醒說軟體遠比硬體方便取得，所以就先弄個軟體版。目前 Motudo Screen 以開放原始碼的方式放置在 motudo-screen - Google Code，有興趣的朋友可以參考看看。

安裝直接執行版本，因為 Google Code 有上傳檔案限制，所以這裡需要另外下載檔案來補充，這樣一來可以縮短上傳的時間以及檔案空間。

下載 motudo-screen-0.1-win32.zip 後解開。
記得確認是否已經安裝 Java 6。
需要另外下載 RCP Runtime Binary，這裡用 eclipse-RCP-3.4.1-win32.zip 後解開。
把 RCP 解開 plugins 目錄裡面的檔案全部複製到 motudo-screen 解開的 plugins 目錄下。
執行 motudoscreen.exe

另外會開發的朋友，請直接參考這裡 svn checkout，然後用 motudoscreen.project 就可以產出執行檔。

目前想到一些問題整理：

目前版本？

現階段只有支援 Windows，Linux 需要再測試。

如何安裝？

必須有安裝 Java，然後解開後執行就可以。

是否縮小後需要一直保持在螢幕最前面？

目前需要，測試使用 shell.forceActive 結果不一定有作用，等於無法強制隔離螢幕的資料，無法達到離座的目的，所以現在使用開始就設定 SWT.ON_TOP 的方式，導致縮小的時候還是會留一個小方格在上層，可能影響到工作桌面。

為何不用現成的程式而自己寫程式？

主要是方便改來改去，當然應該也有現成的螢幕保護的程式可用才對。

延伸

專案程式碼網站： motudo-screen - Google Code

2008年10月23日星期四

Android SDK 測試 MOTUDO 摩圖獨

隨著 T-Mobile G1 arrives，找個機會試一下 MOTUDO 的相容程度，根據 GWT 1.5.3 supports Android 資料，換成 1.5.3 可以有較好支援，目前 MOTUDO 還是用 GWT 1.5.2，找機會再來更新看看。

要測試 Android 先到 Download the Android SDK 下載 SDK 來裝，約 90M 的檔案需要一點時間，然後啟動 tools 目錄下的 emulator 模擬器來測試，因為現在手上並沒有手機可以試，結果如上圖，測試可以完成遊戲，只是首頁版面需要調整才能符合手機使用。

另外如果要開發 Android 的應用的話，接下來到 Installing the SDK - Android 看指引，到 https://dl-ssl.google.com/android/eclipse/ 裝上 Eclipse Plugin 來測試，當然不用 Eclipse Plugin 也可以用，只是方便性的問題而已。

延伸