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

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年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");

2008年12月5日 星期五

使用 Blogger Data API 連接遠端 AJAX 應用

常常會有一些小資料,不常異動的資料,如果可以結合 Blogger Data API,將資料放在部落格的某一筆文章裡面,然後如 MOTUDO 網誌: jQuery 整合 Blogger Data API 小工具一般用 alt=json-in-script來取用,就可以編修這些公開的小資料。

這樣作法的好處是直接使用現成 Google 服務組合即可,雖然是只有幾筆的簡單資料,偏偏有時候又需要改動,這樣的應用實在不需要使用到資料庫來使事情複雜化。

也許會有疑問既然資料異動不多,直接寫入 Google Gadgets Editor (GGE) 寫的程式碼裡面,不是一樣可以存起來。不過必須考慮到有些使用者不是開發者,改部落格文章可能比較容易一些,而且資料與程式分開也比較好維護,不過缺點就是其中一個掛了,這種服務模式就不行了。

要使用 Blogger Data API 來取得 JSON 需要知道所謂的 postID,這個數字大約十幾個字,目前的找法是先登入 Blogger 編輯之後,換成觀看頁面模式,這時候會出現一支筆在每篇文章的下面,取得該連結就可以得到所謂的 postID。

例如要取得 MOTUDO 網誌: jQuery 整合 Blogger Data API 小工具 這篇的內容,就需要 feeds/posts/default/postID 的 URI,然後加上 alt=json-in-script 就可取出內容來使用。不過這裡已經建立 MOTUDO 網誌: Json Data 20081205這個資料服務連結,所以測試是用新建立的資料集連結。

測試的 Google Gadgets XML 參閱 dev-motudo-zht-json-content-200812.xml,測試結果如圖展示,只是簡單的取出需要的 JSON 物件,然後取出屬性而已,下面為內嵌網頁可以參考。



延伸
  1. jQuery 整合 Blogger Data API 小工具
  2. jQuery 與 Google Gadgets 整合測試
  3. Json Data 20081205

2008年12月2日 星期二

jQuery 與 Google Gadgets 整合測試

日前寫 MOTUDO 網誌: 八日小工具 Motudo Gadget Day8 的時候,利用的是 Google Gadgets Editor (GGE) 這個編輯器,這工具可以線上編輯觀察,實在很方便,不需要自己做好 Gadget XML 上傳到網頁空間。

雖然 Google Gadgets 有提供自己的 ajax 功能,不過這裡想要測試一下 jQuery 放在 Google Gadgets XML 裡面的效果。jQuery 一樣使用線上 AJAX Libraries API 提供的,所以不需要自己準備網頁空間。

首先要引入 jQuery ,需要先加入下面連結到 script 的 src 屬性裡面

http://www.google.com/jsapi

然後用 AJAX Libraries API 將 jQuery 載入使用。

google.load("jquery", "1");

使用的範例就是 AJAX Libraries API 裡面的範例,只是查詢改為 motudo 而已,另外載入後執行的 google.setOnLoadCallback 也需要換成 Google Gadgets 的 _IG_RegisterOnloadHandler 才會執行載入後的動作。

測試的結果可以參考 dev-jquery-ajax-200812.xml 或是下面網頁所展示。



延伸
  1. jQuery: The Write Less, Do More, JavaScript Library
  2. Google Gadgets
  3. Getting Started: Legacy Gadgets API - Gadgets - Google Code
  4. AJAX Libraries API
  5. MOTUDO 網誌: 八日小工具 Motudo Gadget Day8
  6. 摩圖獨專案 - Motudo Project

Amazon Simple DB 公開測試


Amazon SimpleDBAmazon Web Services 服務裡面的一種,顧名思義就是用來放置資料的服務,過去在 Private Beta Test 階段,要測試該服務需要申請後等待許可,往往需要等很久,現在公開測試,應該代表服務趨於穩定,只要申請就可以使用。

另外根據 Amazon Web Services Blog: Amazon SimpleDB Grows Up 裡面的的說明,接下來六個月會有免費額度可以使用,細節請參閱其中連結,如果不需要使用 EC2 去連結的話,小的資料服務這段期間倒是可以完全不用錢,有機會可以試一試。

稱為 Simple 的意思應該是與關連性資料庫相對,SimpleDB 的資料模型比較簡單,只有四種名詞:
  1. Domains 房間
  2. Items 物品
  3. Attributes 屬性
  4. Values 數值
大概的意思如上,細節可以參閱 Amazon SimpleDB Getting Started Guide (API Version 2007-11-07)。既然稱為簡單,要跨房間找東西就要自己來,也就是說同一類東西最好放同一個房間,否則會比較不好找到。

這個服務目前還沒有控制權限,也就是說有些你打算公開使用的部份無法直接由 SimpleDB 來設定,需要經過一個中介的程序,這點對於某些服務來說有其不方便,等於需要常設一個中介權限控制機制,如果 SimpleDB 可以直接提供就太方便了,相關討論可參閱 Amazon Web Services Developer Community : ACLs for SDB

延伸
  1. Amazon SimpleDB
  2. Amazon Web Services
  3. Amazon Web Services Blog: Amazon SimpleDB Grows Up
  4. MOTUDO 網誌: g-Eclipse 連接 S3/EC2 的工具
  5. MOTUDO 網誌: The persistence of cloud 停駐的雲
  6. MOTUDO 網誌: OSGi on EC2
  7. Amazon SimpleDB Getting Started Guide (API Version 2007-11-07)
  8. Amazon SimpleDB 降價 at Gea-Suan Lin’s BLOG

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 負責提供一致的小工具網頁。

延伸
  1. MOTUDO 網誌: Google App Engine 1.1.3 zipserve
  2. MOTUDO 網誌: GWT 1.5 正式版釋出
  3. MOTUDO 網誌: GWT JavaScript overlay type and Motudo

2008年11月1日 星期六

Refactoring Rename 更名

更名是個人寫程式最常用的 Refactoring 方式,改名字的原因主要是原來取的不好,後來目的不同等等,不過改這東西跟人要改名差不多,很多相關的部分要一起改,不然不一致就會出問題。

延伸
  1. Alpha list of refactorings
  2. MOTUDO 網誌: Refactoring 重新組合

2008年10月27日 星期一

Leaving Programmer 定時休息軟硬體

這裡主要收集與 Motudo Screen 定時離座軟體 類似應用的軟硬體的連結供參考,幫助使用者定時離開電腦活動的工具。
  1. EyeLoveU護眼精靈中文版軟體免費下載與試用
  2. USB姿勢矯正器VISOMATE - Engadget 癮科技

2008年10月23日 星期四

g-Eclipse 連接 S3/EC2 的工具

關於g-Eclipse 是在這篇 RAP Insights: Performance Testing RAP on the Cloud 發現的,g 代表的是 grid,現在加上 Amazon S3/EC2 連接器,也可以控制遠端的服務,細節參閱這個有點大的video 展示,注意下載需要時間。

Eclipse 不少專案都使用連接器 Connector 概念或是辭彙來表示連接到其他服務,例如Mylyn更是一堆連接器。

用過命令列控制 S3/EC2 的朋友應該可以看懂影片中的示範過程,想想還真是繁瑣。

延伸
  1. MOTUDO 網誌: OSGi on EC2
  2. MOTUDO 網誌: The persistence of cloud 停駐的雲

Android Source 開放程式源碼

來自 Android Developers Blog: Android is now Open Source 的消息,現在已經可以下載原始碼,這個東西可以幫你補足一些文件寫不清楚的地方,讓你說出原來如此的好資源。

延伸
  1. MOTUDO 網誌: Android Kill Switch 開關
  2. MOTUDO 網誌: Android 2.0
  3. MOTUDO 網誌: Google Gear and Android
  4. MOTUDO 網誌: Google Android 1.0 SDK 定型

2008年10月17日 星期五

Google App Engine and HTTPS

來自 Google App Engine Blog: Announcing HTTPS support for appspot.com 的消息,GAE 能夠支援 SSL 實在沒想到,對於一些不願花錢買憑證又掛在虛擬主機下面的人來說,這也是一個可以考慮的方式,不過 MOTUDO 目前似乎還用不到,哪天需要做會員登入的系統,也許可以考慮看看。

IAN Symbol 生態資源圖示

這次要介紹一個生態自然圖庫 IAN Symbol Libraries,把這個MOTUDO 網誌: Mercury in Fish 魚中的汞圖改用這個圖庫來改,這裡用到地形工廠以及魚類三樣。

不過它的 SVG 圖示為整合一整張,而且是用Illustrator(付費軟體)來做,要轉出Inkscape(自由免費軟體)可以用的 SVG 需要一點技巧,算是比較不方便的地方。
  1. ungroup 要做兩三次
  2. 點選圖案
  3. Edit - Clone - Unlink Clone
  4. Copy
  5. Paste
注意它的檔案很大,需要機器跑一下才會完成,別太著急。

至於它的版權說明摘錄如下,正式說明請參閱官方網站 ian.umces.edu/symbols/

The libraries are provided completely cost and royalty free. Please acknowledge as: Symbols for diagrams courtesy of the Integration and Application Network (ian.umces.edu/symbols), University of Maryland Center for Environmental Science.

2008年10月16日 星期四

ARIA 網頁親和力

來自 Google Web Toolkit Blog: ARIA For GWT: My health Is feeling accessible 的消息,利用 Built-in Accessibility in GWT 1.5 Applications,建構比較具有親和力的應用。

因為 Google Health 是做健康方面的紀錄應用,這類 Rich Internet Application RIA 應用需要更注意支援 Accessible Rich Internet Applications WAI-ARIA 的情形。

ARIA 主要是希望補足目前盛行的 AJAX 等 RIA 應用在親和力方面的不足,舉例來說,這類應用常常會根據客戶需求去抓些東西,然後動態填入網頁之中,如圖中的勾選欄位可能是某種互動後才會產出,一開始下載的時候,它可能只是個 span 或是 div 標籤而已。

這種視覺導向的設計,對於使用輔具瀏覽的人來說,往往無法順利取得互動需要的資訊,而無法進一步使用。ARIA 給瀏覽器、輔具以及 RIA 開發者一個標準,讓瀏覽 RIA 的互動經驗可以轉移到更多的使用者身上,減少一點障礙。

延伸
  1. 網頁親和力: 淺談網頁親和力方針

2008年10月15日 星期三

OSGi and Injection 動靜之間

這個 OSGI and Injection 文章提到選用 injection framework 的過程,整個服務之間的相依是靜態的,預先建構好的。但 OSGi卻是可用 bundle 動態載入,類似 USB 介面,這時要套用現有的注入框框便會出現動態與靜態之間的相依問題。

2008年10月14日 星期二

OSGi on EC2

來自這則 OSGi on Amazon EC2 is available 的消息,這個 Cloud Studio 看起來比 Amazon 提供的 EC2 陽春工具方便多了,不過支援 OSGi 倒是有趣的作法,可能是這個 Studio 改自 Eclipse 有關。

間單說就是開發個 bundle 然後放到 S3,再開啟 EC2 的應用程式將該 bundle 載入運作。也許會認為既然 EC2 有個Elastic Block Storage可以放東西,幹嘛放到 S3 ? 主要是方便其他 EC2 節點使用,等於只有一個中央的 bundle 庫,要啟動的應用再來取出。

延伸

2008年10月8日 星期三

Ubuntu Countdown 倒數貼紙


日前貼過一張 javascript 貼紙,參閱 Taichung Jazz Festival 2008台中爵士音樂節串聯,雖然是 javascript 其實是貼 flash 的東西,這次換成 Ubuntu Countdown,Ubuntu 的作法不一樣,細節參考它的 javascript。

http://www.ubuntu.com/files/countdown/display.js

它是幫你換圖片而已,所以倒數有十天,就要準備十張,然後依照客戶端的時間算出用哪一張。至於 flash 作法是根據時間改個數字就好。



兩種作法中,換圖片的滲透率最好,很多手機或是簡易上網裝置沒有 flash 支援,但是幾乎都有圖片以及 javascript 支援,所以考慮散佈性以圖片型為佳,但是如果是倒數有幾百張的那種,圖片型就需要另外的設計。

2008年10月7日 星期二

Is Design Dead 設計已死

取自 Is Design Dead? 的想法,這文是講軟體設計的方法論,到底是先設計好後再來做,還是先做下去再來修的問題。圖中是早期石器時代,人類常設計的工具,石刀片用來切開食物,先敲開一塊,然後看好不好切,再來敲另一個角度,Martin Fowler指的是軟體中的設計,不見得可以用到其他硬體領域。

延伸
  1. Archaeology and cognitive evolution

2008年10月2日 星期四

Gimp 2.6 正式版開始下載

實在很剛好,Python 2.6 正式版開始下載 之後,GIMP 2.6 Release Notes 也釋出,兩個軟體的版號剛好都是 2.6。

Gimp 是個很有用的影像處理軟體。雖然之前 ImageMagick and GIMP 大量處理圖片 沒有使用 Gimp 來做,不過目前單一圖片的更換格式或是大小等,還是習慣用 Gimp 處理。

延伸 Featured Download: GIMP 2.6 Adds 32-Bit Support, GUI Improvements

Python 2.6 正式版開始下載

Python Programming Language 開始用是因為 MOTUDO 放在 Google App Engine 裡面,才開始學習這個語言,算是蠻有趣的語言。

今天剛好看到 Python 2.6 Release 的消息,關於新的更新或是異動請參閱 What’s New in Python 2.6 長長一串說明,不過 Google App Engine 用的是特殊版的The Python Runtime Environment,應該會過一陣子才會改到 2.6 版吧,而且還是特殊版。