2009年9月15日 星期二

京都腳踏車自由行的資訊規劃


因為這次要去根本不熟的京都,所以需要帶一些資訊在小筆電裡面,一開始是放在motudo's kyoto Bookmarks on Delicious書籤網站,看到相關網頁就加入書籤網站,同時加上適當標籤。

問題是這種做法有兩個問題,一是標籤每次要輸入太麻煩,另一個是收集的網頁資料不能離線閱讀。雖然 一条IVY 住宿本身有提供網路可以免費使用,問題是戶外並沒有方便的網路可以使用,如果突然要查一些中文資訊就需要具有離線功能,所以希望資料可以離線閱讀。

後來利用 Pearl Crescent Page Saver來解決,利用 Pearl Crescent Page Saver 可以存起來成為 md5-filename.jpg 的方式來解決。這時候冒出另外的問題,幾百個網頁有幾百個 jpg 檔案需要索引的網頁來幫助瀏覽。

除了 jpg 之外,也希望可以整合 google map 來離線使用,于是利用 google app engine 來放這些資訊的收集。

數據利用 json 來傳,結果網頁的樣子可以看看 Motudo Move。需要的朋友可以下載 zip 檔案看看。

http://cdn1.extremepattern.com/motudo2009s3/mm/MotudoMove.zip

為了可以更新,還另外寫了一個 Eclipse 的 RCP 程式,可以線上同步 json 的數據檔案。

現在京都已經玩回來了,歸納一下心得。
  1. 系統操作太複雜,不容易上手。
  2. 突然要新增一個點或是一個連結很麻煩,先要線上新增然後下載 json 檔案覆蓋。
  3. 地圖不見得夠用,因為騎腳踏車的路線不見得會都在景點附近,詳細地圖還是需要。
  4. 小筆電還是有點大,用 iphone 或是其他小裝置可能比較方便。

2009年9月14日 星期一

京都 Kyoto 2009 自助行第一天


京都 Kyoto 2009 九月份的腳踏車自助旅行第一天。
  • 統聯台中朝馬站
  • 桃園機場二航廈
  • 關西機場
  • 京都車站
  • 公車9號到一条戾橋站
  • 一条IVY 入住
  • 腳踏車往二条城中吃章魚燒
  • 二条城繞一圈
  • 三条街商圈吃葛切與豆奶冰淇淋
  • 往四条區發現腳踏車大部分時段不能騎,要騎小路。
  • 北騎往御所方向,過路買蛋糕麵包
  • 回 IVY

順便測試一下 Kyoto 京都集 的寫作功能:

京都車站 --- 京都駅前[市巴士9號] --- 一条戻り橋[市巴士9號] --- 一条IVY

2009年8月27日 星期四

ZipPostApp 台灣郵遞區號查詢 GWT Widget

分享一個小元件 ZipPostApp 台灣的郵遞區號查詢 GWT Widget,利用 GWT 以及 GWT-RPC 來傳送台灣的郵遞區號,這是個常常要用的元件,但是好像沒有現成的,做出來供大家參考。

Google App Engine Demo Page 是利用 GAE 的版本功能,因為 GAE 有 app 的數量限制,所以利用版本來延伸。

目前安裝方式比較複雜,直接剪貼進去
  1. 複製程式碼到你的專案
  2. 修改 web.xml 如下
servlet-name : zipServlet
servlet-class : xmarsh.foo.zippost.server.ZipServiceImpl
url-pattern : /NEW_APP/zip

[更新]
方便更新,修改安裝過程為 ZipPostApp README,直接放到 war/WEB-INF/lib 下面就可以,會比剪貼程式碼快很多。

參考

2009年7月27日 星期一

兩鐵環保非折疊式單車直上經驗

很剛好有機會撘火車不用拆前輪放攜車袋,除了拆來拆去很麻煩之外,26吋用的攜車袋也是很大一個,折起來還是很佔空間的,於是想要試一下無攜車袋的走法,順便紀錄一下這次的經驗。
  1. 這次經驗為 2 人 + 2 非折疊式單車,臺中到斗南。
  2. 1 人 NT110,1車 NT55。
  3. 中部地區每日 2 班 下行與上行,早上以及傍晚各有一班。
  4. 這次搭臺中 17:44 下行,斗南 16:36 上行。
  5. 台中火車站買票前要先到服務處問位置然后填寫單子。
  6. 可以連回程車票一起買。
  7. 提早一點到,因為可能需要過月臺,還有月臺人多也可能需要一點時間牽。
  8. 只能上最後一個車廂,月臺有與車廂有高低差,需要小小抬一下。
  9. 臺中從出口剪票的旁邊進出,斗南也是。
  10. 臺中過月臺有電梯可以利用。斗南是利用月臺邊上下貨物的升降梯。
  11. 這次來回遇到不同的車廂,如上圖,要放車需要注意其他乘客。
  12. 上圖的上面是比較新的車廂,但是比較不好停。下面是中間空空的型式,可以停放比較多車。
  13. 上行的彰化人爆多,因為要去臺中的人很多,不建議這段 (彰化 / 成功/烏日/新烏日) 上單車,根本上不去,直接騎回台中比較快。
  14. 不用拆車裝袋子實在方便。

2009年7月2日 星期四

利用 QEMU 和 DSL Embedded 做 Windows 的 ssh 與 sshd 功能

記下來免得忘記,如果需要在 windows 上面使用 ssh/sshd 比較麻煩,直接用 DSL 跑比較方便。DSL 連到外面比較簡單,但是要讓 windows ssh 到 DSL 的 sshd 比較麻煩。
  1. download DSL embedded version(dsl-4.4.10-embedded.zip)
  2. unzip and modify dsl-base.bat (add -redir tcp:5555::22)
  3. start dsl and start sshd (DSL-System-Daemons-ssh-start)
# sudo su
# useradd foo
# passwd foo
foo1234
# mkdir /home/foo
# chown foo /home/foo

利用 putty 連到 5555 port 就可以了,進入 DSL 之後也可以利用 ssh 連結其他這臺 window 機器可以連上的 sshd 服務。

putty -(ssh:5555) - windows[DSL sshd:22] - (ssh:22) - Linux sshd

參考連結

2009年4月27日 星期一

Aspire One Linux ZG5 調整記錄

Acer Aspire One - Wikipedia, the free encyclopedia 有很多型號,所以資料找起來比較麻煩,這里記錄 Asprire One Linux 8G SSD ZG5 這個版本,這個星期入手的二手本本。

參考連結
  1. Acer Aspire One User Forum這個討論區有很多資料可以參考。
  2. SUPPORT Acer Aspire One driver,里面有一些新的程式可以下載。
  3. The road to Elysium / Acer Aspire One Tips and Tricks
如何 live update ?
  1. 插電
  2. 使用有線網路更新
如何播放 rmvb 檔案?

試過 vlc 0.9 但是播放 rmvb 有點問題,所以還是需要官方的 RealPlayer 11 for Linux,利用 firefox 下載之後,sudo rpm -ivh realxxxx.rpm,他的執行檔是 realplay,可以用 realplay haha.rmvb 來開啟。

如何抓網路芳鄰 samba 的檔案?

sudo mount -t cifs //ip/share /mnt/windows -o user=guest

如何安裝 vlc 播放器?

參考下面連結,只是沒有移除 pdvdlinux 以及 mplayer。另外記得要加上 sudo yum install fedora-release,不然會出現錯誤。
後來發現 SUPPORT Acer Aspire One driver 這里有 0.8.6i 的版本可以裝。

如何設定 root 密碼?

sudo passwd

如何安裝圖形 yumex?

sudo yum install yumex 後執行 yumex 即可。

如何安裝 firefox 3

利用 firefox3.sh.zip這個官方的安裝檔案。下載 40MB 的檔案安裝後發現是 3.0.3 版本,不過這個版本被拿掉線上更新功能,無法更新到 3.0.9 版本。

Ubuntu 9.04 Netbook Remix (UNR)

Bluetooth 藍芽

根據 macles*: New applications for Aspire One Linux
下載的藍牙會有一個問題,裡面的問答有說到如何解決。

sudo modprobe hci_usb
wget http://www.adsl24.co.uk/files/drivers/bluetooth.tgz
tar zxvf bluetooth.tgz
cd bluetooth
sudo
cp -fv bluetooth.ko /lib/modules/2.6.23.9lw/kernel/net/bluetooth/
depmod -a

Install SSH
sudo yum install openssh-clients

Install StarDict
sudo yum install stardict
sudo yum install stardict-dic-en.noarch
sudo yum install stardict-dic-ja.noarch

wget stardict-langdao-ec-big5-2.4.2-1.noarch.rpm and sudo rpm ivh
wget stardict-langdao-ce-big5-2.4.2-1.noarch.rpm and sudo rpm ivh


更新為 firefox 3.5 版本
Installing Firefox 3.5 on Aspire One Linux
wget "http://download.mozilla.org/?product=firefox-3.5&os=linux〈=zh-TW"
sudo tar -jxf firefox-3.5.tar.bz2 --directory /opt
sudo chown user -R /opt/firefox
sudo ln -fs /opt/firefox/firefox /usr/bin/firefox
sudo ln -s /usr/lib/mozilla/plugins/* /opt/firefox/plugins
firefox -profilemanager -no-remote
sudo sed '/Icon/ s/acs_//' -i /usr/share/applications/linpus-web.desktop
重新啟動後裝上擴充套件
  • delicious
  • make link
  • tiny menu
Acer Aspire One 8.9 吋的螢幕上下很窄,可以用firefox fullscreen 的功能,自動將上下幾行的工具列隱藏,滑鼠移過去又會出現,對於小螢幕的 AAO 來說,是瀏覽必備的功能。

2009-0812
新增 Stardict 的連結到 Aspire Linux 預設的桌面上

先到 /usr/share/icons/hicolor/48x48/apps 找一下可以用的圖,選了 xfce4-iconbox.png 來用,要用其他的圖也是可以,只要放到同一個地方就可以了。

接下來 cd /usr/share/applications/, sudo cp skype.desktop stardict.desktop,複製一份修改一下,接著 cd /home/user/.config/xfce4/desktop/ 然後修改
sudo mousepad group-app.xml,換掉 googlemap.desktop,用 stardict.desktop 取代。

終端機也可以用這個方式上去,反而更簡單,因為 Terminal.desktop 是現成的,直接改 group-app.xml 就可以。

參考連結
升級到 OpenOffice 3.1

依照Installing OpenOffice 3.1 on Aspire One Linux的做法,只是下載檔案直接到官方網站下載繁體版,安裝時 rpm 遇到一些問題,只好手動一個個裝完。

調整 SSD 效能

參考 Ten tweaks for a new Acer Aspire One [printer-friendly] • Register Hardware 所做,注意改 grub 要小心,加上elevator=noop 就好了。

桌面上有網路芳鄰連結分享

參考
2009-0813

新裝的軟體
  • [壓縮軟體] sudo yum install p7zip
  • [mp3 播放安裝後有問題移除] sudo yum install amarok
  • [mp3 安裝後有問題移除] sudo yum install xmms
  • sudo yum install dosfstools

2009年3月27日 星期五

立體紙公仔 Cube Paper Toy

設計這個花樣來玩立體紙公仔,這個 cubeecraft 的設計可以不動到膠水等黏著劑,只是加上臉部以及身體的外觀。

cubeelog » Submission Guidelines 這里可以下載樣板,10x8 inch,直接用 A4 橫著印出來。一般影印店的紙都是 80 磅,建議至少要 100 磅比較好用。

雖然不需要動到膠水,但是需要剪刀以及美工刀,請小心注意安全。

需要參考的人可以到這里 Download diamon.pdf右下方的免費下載 Free Download 等個幾秒,請注意,因為 Easy Share 是免費下載網站,一個小時一個檔案內會比較快,超過會需要等 500 秒,另外一個月沒人下載也會刪檔。

參考
  1. 電腦玩物: 自己動手做!Cubeecraft 超Q動漫人物的摺紙模型
  2. cubeecraft.com
  3. 「CUBEECRAFT」紙模型眾多人氣角色讓你一次免費下載
  4. Cubeecraft 立體紙型隨你載@ 用尾巴說話的貓
  5. [設計]-DIY超酷的免費紙公仔~ Cubeecraft « [MitchBox] - 米奇的藏寶箱
  6. 甘願迷路:Cubeecraft 大頭人紙模型- 樂多日誌
  7. 金剛般若波羅蜜經 - 維基百科,自由的百科全書

2009年2月26日 星期四

jQuery and NetFront Browser 3.4


日前做了代謝症候群問答小工具 Motudo SyndromeX QA Gadget之後,想看看是否可以放到這支SAMSUNG SGH-J208手機上面,查了一下資料,這支手機是使用 NetFront Browser v3.4,所以就要測試 Netfront browser v3.4 與 jQuery 的執行情形。

jQuery 本身有個jQuery Test Suite可以測試,不過這是線上版本,為了節省金錢以及方便調整,所以改為離線版本,同時修剪出一個只有 core.js 的測試版本。

結果是無法執行,另外附上其他瀏覽器的 jQuery TestSuite 離線版本測試結果。

Google browser 1.0.154.48

3 tests of 545 failed (core.js) /3 tests of 1120 failed

Firefox 3.0.6

2 tests of 545 failed (core.js) /2 tests of 1120 failed

延伸
  1. 代謝癥候群問答 小工具 - Motudo Gadget
  2. MOTUDO 網誌: jQuery
  3. 摩圖獨專案 - Motudo Project

2009年2月25日 星期三

Motudo Gadgets 小工具破500訂閱

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

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

延伸
  1. Motudo Gadget Google 小工具 - 減碳駕駛計算機小工具
  2. Motudo Gadget Google 小工具 - 電力碳標籤小工具
  3. Motudo Gadget Google 小工具 - 減碳飲料計算機小工具
  4. 摩圖獨專案 - Motudo Project

代謝症候群問答小工具 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 自己調整。

延伸:
  1. 代謝症候群問答小工具 Motudo SyndromeX QA Gadget
  2. jQueryQuiz Gadget 問答小工具
  3. 國民健康局 - 代謝症候群
  4. MOTUDO 網誌: 早死的腰圍 Belly Fat
  5. MOTUDO 網誌: Metabolic Syndrome 代謝症候群
  6. 摩圖獨專案 - Motudo Project
  7. 註冊到 igoogle 目錄的小工具

2009年2月13日 星期五

jQueryQuiz Gadget 問答小工具

利用做過MOTUDO 網誌: jQuery 做簡易問答網頁的經驗,選幾個 jQuery 的簡單問題來做 jQueryQuiz Gadget 看看。

程式碼請參閱jquery-quiz-2009-0213.xml,可以放到 igoogle 看看,或是利用Add Gadget to Your Webpage來產生 javascript 程式碼,內嵌到網頁看看。

延伸
  1. MOTUDO 網誌: jQuery 做簡易問答網頁
  2. MOTUDO 網誌: 利用 jQuery 做網頁區塊折疊

2009年2月12日 星期四

jQuery 做簡易問答網頁


經過MOTUDO 網誌: 利用 jQuery 做網頁區塊折疊練習之後,將網頁區塊折起來可以用來幫忙做個簡易問答網頁應用。

程式碼請參閱 hello-survey-2009-0204.xml,checkAns 是個簡單的 jQuery extension,直接掛在 div.children().filter(":checkbox:enabled") 後面確認答案,正確答案需要在 checkbox 的 value 後面加上 YES 當作辨識之用。

如果需要看看操作的樣子,可以將 hello-survey-2009-0204.xml加入 igoogle就可以,要改一般 HTML 只要改用 $(document).ready() 方式就可以。

更新:使用 children 這類位置的 selector 需要注意可能會因為位置改變而失效,例如將 checkbox 放入 p 里面就可能發生這類問題,建議改為 mydiv.find(':checkbox') 比較可靠,因為 find 是按照條件找出 checkbox,與位置無關。

2009年2月11日 星期三

利用 jQuery 做網頁區塊折疊

有的時候網頁區塊需要如圖示一樣折疊,先用 div#motudo div:gt(0) 找出除了第一塊之外的區塊,然后使用 hide() 加以隱藏,當觸發下一頁事件,如 div.hide().next().show() 所做,先將目前區塊隱藏,然后讓下一個區塊展現出來。

細節請參閱 hello-fold-2009-0204.xml,也可以將這個 gadget 加到 igoogle 去測試看看。

2009年1月15日 星期四

利用 jQuery 做點擊前確認


網頁常常需要做點擊前確認,例如檢查連結到其他網站,或是多一次確認,或是如上圖的提醒等,都可以用 jQuery 的 Selector 的 Attribute Filters 來完成。

首先利用 $("a[href$=pdf]") 將連結找出來,$=代表最後的字是 pdf,再用 bind 將 click 的確認 confirm 功能加上去,這樣就完成。

程式碼:
$("a[href$=pdf]").bind(
'click',
function(event){
return confirm("PDF檔案很大,確定要下載?");
});
如果要檢查是否外部網址,可以考慮用a[href^=http://]來完成。或是加上跳出新視窗 attr("target","_blank")的功能等等。

最近 jQuery 1.3 已經出來了,有興趣的人可以進一步參閱下面連結。
  1. jQuery: » jQuery 1.3 and the jQuery Foundation
  2. jQuery 1.3來了!! - 黑暗執行緒
  3. jQuery 1.3 at Gea-Suan Lin’s BLOG

jQuery 的斑馬條紋做法

經過朋友提醒,jQuery 可以有不同的斑馬條紋做法,延續 MOTUDO 網誌: jQuery 整合 Blogger Data API 小工具 的內容來修改為 dev-motudo-zht-json-200901.xml,結果如上。

程式碼如下:
$("ul li:nth-child(even)").addClass("striped");