LinkXD

Friend2Call 撥號練習 Android and OpenSocial Example

2007-11-15T15:31:00.000+08:00

練習的情境 :

2008 某一天，你的朋友突然失蹤不知去向，你想要從某幾個支援 OpenSocial 中查到朋友的朋友電話(先假設有)，手機上有一個 Android 平台可以用，上網後將這些電話條列，然後一個個打過去問。

因為這個練習跟之前做的練習有關連，很多地方省略掉，建議參照著一起看：

兩種作法，一種是如 Dan Morrill 下面示範 Video 中所進行，寫個 HelloAndroid 的 App，用 XML 組成應用的 UI 使用者介面，利用 java.net.URL 取得 container.json 或是 container.data.xml 資料後轉給 Intent，然後使用 Intent.CALL_ACTION 以及 startActivity(intent) 來達成打電話的目的，程式碼大約樣子如下：

URL url = new URL("http://your.opensocial.container/container.json");
URLConnection urlconn = url.openConnection();
// handle http response
Intent i = new Intnet(Intent.CALL_ACTION);
i.setData(Phones.CONTENT_URI.addId(your_friend_phone));
startActivity(i);

但這方法要實現練習的情境有點問題，就是目前陽春的容器沒有實現 People Data API Developer's Guide: Protocol，所以 container.json 或是 container.data.xml 還沒辦法照 OpenSocial API 的規定提供，目前只有支援 OpenSocial 的 JavaScript API 而已。

所以還是採用另外一種作法，實做一個 OpenSocial 的 App 稱作 Friend2Call，使用 Android 的 browser 來當 JavaScript 執行平台，直接跑 OpenSocial API 抓出朋友資料，輸出 tel:規格的連結如下面的樣子。

href="tel:(886)123456778"

這次實做比較單純，因為資料不需要像Cross Domain Ajax and OpenSocial 跨域資料源這篇一樣跨網域，朋友資料都可以在 conatiner 中找到，所以不需要使用 dojo.io.script.get。

可以用瀏覽器直接看 OpenSocail Container Friend2Call，但是那個按連結功能需要 Android browser 模擬器才可以運作。程式碼 Source Code 可以到樂連LinkXD Download下載。

執行時請注意，這種作法必需要用下面的按鍵啟動撥電話功能，不能直接使用點選模式。接下來可以考慮加入練習的是 Grid (1.0) | The Dojo Toolkit部份，這部份可以參考Simple Dojo Grids來實做。

雖然最終沒有開發 Android UI 的應用，不過練習過程中發現幾個可以注意的事項：

用 Eclipse 跑之前，最好先開好 emulator.exe，不然有時候程式跑不出來。
R.java 自動化資源編號太省事了，xml 資源越來越多卻不會越來越難找，用 R.補字就找到，比較不會錯掉。

Dan Morrill 示範 Android 開發的影像

去部落格曬曬陽光
LinkXD

Android's Secret 不能說的 Java

2007-11-14T08:31:00.000+08:00

日前寫過 Android SDK 釋出 Gphone 的變形金剛之後，對於 Android 使用 Java 有不少疑問，近日許多更深入的觀察陸續出現，這裡主要是摘要這些評論供後續的參考，所以有新的資料會一直更新。

Java 在業界已被使用許久，這個語言對許多開發者來說算是熟悉，它也不算太難學習的語言，同時它有豐富的函式庫可用，以及免費的開發工具環境等，算得上是蠻齊全的應用開發平台，而且很多開源碼工具的品質不錯，卻不用太多成本，對於資源比較少的個人或是地區，這樣進入的門檻也比較低，這可能是 Android 選擇 Java 的原因之一。

但是大家都知道 Java Technology 是由 Sun 這家公司創造的，手機市場使用的 Java ME 的小型虛擬機器都是跟 Sun 購買商業授權，為何 Android 可以弄成 Apache License？變成散佈不需經過 Sun。

答案是繞路而過不進教堂，Google 打算開 TheAndroidBazarr 熱鬧玩樂一番，而不是進 TheJavaCathedral 慢慢討論，既然要開市集，當然要大張旗鼓組個Open Handset Alliance公會，並砸錢招集世界各地的創意商家來共襄盛舉Android Developer Challenge - Android，搞的熱鬧滾滾才像個市集。

這個圖是看過 What Does Android Mean for Sun’s OpenJDK « Ian Skerrett後做出來的。市集與教堂 The Cathedral and the Bazaar - Wikipedia 總是各有所好，會有不支援標準的質疑也算非常正常，另外智財權問題也是討論重點，不過 Google 既然敢公開與號召加入這個市集的計畫，希望它已經準備好面對智財權的議題。

就算 Android 是個不能說的 Java， Dalvik也不是有標籤貼著的 Java VM，但是相信許多 Java 開發者還是可以玩的很愉快。

Stefano's Linotype ~ Dalvik: how Google routed around Sun's IP-based licensing restrictions on Java ME對於這個議題寫的很詳細，對 iPhone 的評論更是有趣，也許 2008 年後 iPhone 會變也不一定。

ONLamp.com -- Google Calling: Inside Android, the gPhone SDK 補充說明整個架構，很適合對照著官方文件看。

Google Android: Initial Impressions and Criticism條列與現有 J2ME 之間的差異。

Google's Android SDK Bypasses Java ME in Favor of Java Lite and Apache Harmony

Dalvik - Google's tweaked, non-standard JVM for Andriod!!!!

Neil’s point-free blog » Google Android, Now 100% Java-Free!

去部落格曬曬陽光
LinkXD

Android and OpenSocial 開放社會的變形金剛

2007-11-13T12:05:00.000+08:00

Android SDK 釋出 Gphone 的變形金剛後，就有模擬器可以看看之前做的練習 Cross Domain Ajax and OpenSocial 跨域資料源跑起來如何。

這個練習中有 OpenSocial 的陽春型容器一個，附加一個換算朋友數的應用，這些都是用 dojo 來幫忙完成。

Android SDK 跑出來的圖，看起來 XmlHttpRequest(dojo.xhrGet) 和 Cross Domain Ajax 的 script 方式(dojo.io.script.get)沒有問題，另外特別的是 firebug.xd.js 也可以支援，算是令人驚訝。

就目前模擬器結果看起來，這個瀏覽器應該可以支援目前既有桌面型瀏覽器上的眾多 Ajax 應用，而不需要太多改變。例如這個圖中的 Cross Domain Ajax and OpenSocial 跨域資料源就是一行沒改，沒有改 Container 也沒改 App 端，結果就像你用 Firefox 看到的一樣。

去部落格曬曬陽光
LinkXD

Android SDK 釋出 Gphone 的變形金剛

2007-11-13T10:04:00.000+08:00

日前一直討論的 Android SDK已經釋出，同時 Google 發起一千萬美元的開發競賽Android Developer Challenge ，藉由Apache 讓 Android 成為手機變形金剛的開放性，吸引全世界對於手持裝置的想像力聚集停留在這個平台。

Photo by Liam Higgins and CC

一個免費而開放的平台加上源源不絕的想像力，應會將 Android 平台弄的更加熱鬧。這裡引用 Android Developer Challenge FAQ - Android:

Developers retain all intellectual property and other
rights to their applications while granting Google a
license to evaluate and test the application for purposes
of the Challenge as well as a license to display the
application to promote the Android platform.

著作權歸開發者，但是展示 Andorid 的廠商都可以藉此向世界展示，他們公司採用的這個平台可以做到這些競賽結果，而不用自己找人做應用展示，這點對 Open Handset Alliance 聯盟來說也是好事。

下面是 SDK 模擬器跑出來的畫面，坦白說瀏覽器的模擬器可能也模擬了手機的效能，跑起來實在蠻慢的。

對於 Android 目前可以做到哪些功能可以參考下列影片，影片中有幾點摘要一下。

通訊錄的地址可以直接連到 google map
可以做即時通訊
瀏覽器可以觸控，可以做多頁瀏覽
支援 OpenGL API 的 3D 遊戲
地圖可以直接連到當地環境的影像

Android Demo

相關連結

關於開發的過程，這裡引用 Google Calling: Inside Android, the gPhone SDK說明:

Java code is compiled into .JAR and .CLASS files. Google built
a custom virtual machine to run these programs; it is called
DALVIK. The DALVIK VM is designed especially for Android to run
on embedded systems and work well in low power situations;
it's also tuned to the CPU attributes. The DALVIK VM creates a
special file format (.DEX) that is created through build time
post processing. The DEX files can be downloaded onto the mobile
handsets and run.

LinkXD: Android mashup browser 可混搭手機瀏覽器
Google launches Android SDK and $10 million contest
Google taps Java VM for Android gPhone SDK | Ed Burnette
Android is out: First Looks

去部落格曬曬陽光
LinkXD

從 Prism Linux 看跨網域 OpenSocial 應用

2007-11-13T08:53:00.000+08:00

日前看到這個Prism Prototype Now Available on Mac and Linux 消息，想到之前做過的練習LinkXD webapp 0.0.1 release 釋出，就把這個舊東西挖出來重新練過，這次要看看 Linux 版本，並觀察這種單一網站的特定瀏覽器與 Cross Domain Ajax and OpenSocial 跨域資料源應用的容器網頁。

這裡用 Fedora Core 6 測試，下載 prism-0.8-linux.tar.bz2 後，將它在桌面解開後，對著 prism 按個兩下，就會出現視窗問你建立 webapp，這裡我填入之前練習的跨網域資料源連結：http://mojochen.googlepages.com/containerB3.html，記得選加個桌面的連結。

做完後桌面會出現圖示如上圖，按個兩下就可以連到上面設的網址，如果其中有連結開其他網站的網頁(這裡沒有示範)，按下去它會另開新的 Firefox 來展示網頁，這個 Container B3 會一直留在桌面下方的功能表，就像是個桌面程式，這點你可以從圖中發現。

由於資料可以跨網域載入，自然不需要開另外的瀏覽器到其他網站，這類 Prism 單一網站桌面應用藉由整合這些跨網域服務，可以讓使用者不用到處去按瀏覽器，給使用者更桌面化的網路瀏覽經驗，值得有興趣的人試一下。

天天冒出這麼多東西，光用眼看遠遠不夠，舉起手去玩它，才會發現其中的趣味。

去部落格曬曬陽光
LinkXD

Android mashup browser 可混搭手機瀏覽器

2007-11-12T10:30:00.000+08:00

前些日子寫了Apache 讓 Android 成為手機變形金剛後，一直想要查看看Android這個平台使用的瀏覽器資訊，雖說這一兩天 SDK就會出來，不過還是找了一些資料先看看。

Photo by Liam Higgins and CC

根據PC World - Q&A With Google Android Developer 的報導，Android會有個客製版的WebKit 瀏覽器，同時在這篇Google為新手機平台開發專屬瀏覽器報導中提到這是第一個可以混搭網頁的瀏覽器。

令人好奇的是 Apple - iPhone - Features - Internet 官方網頁上已經註明支援 Google Maps，所謂的第一個可以混搭的瀏覽器為何？Google Maps 上面不是已經有一些搭上去的東西了？進一步搜尋下，找到Google行動平台總監：Android特色軟體可做堆疊這篇報導，指的應該是可以另外搭網站服務，而不是 Google Maps 本身有的搭配。

個人的看法，單一網域比較像是混合，一種對單一公司的依戀，跨網域比較接近混搭，持手機獨行地球，搭天下服務，似乎理所當然。問題在於做到的程度？這點可能要等 SDK 出來才會有更多細節。關於跨網域的議題，日前的Cross Domain Ajax and OpenSocial 跨域資料源可以給你一點參考。

另一個值得關注的是 Java，這是一個成熟的應用，目前的手機很多都有內建 Java，只是在手機瀏覽器越來越吃重的未來，會有哪些發展，值得關注，下面有個有趣的圖案，也許可以給你一些看法，Android vs Duke: Illustration of an unexpected visitor。

去部落格曬曬陽光
LinkXD

Cross Domain Ajax and OpenSocial 跨域資料源

2007-11-11T10:00:00.000+08:00

如果練習過 My Dojo 1.0 XDomian and OpenSocial 跨域議題，應該會注意到資料來源的位置沒有改變，下面 firebug 圖可以看出 app.json 還是掛在 Container 的網站上，這次打算將這個部份也移到 linkxd.com 網域之下。

和上次 My Dojo 1.0 XDomian and OpenSocial 跨域議題的差別在於上次只是移動 app.js，而這次要移動 app.json 到 linkxd.com/gold 目錄下，仔細觀察之下，應會發現 Cross domain 資料源 app.json 無法存取的問題，因為 app 提供的 callback 其實是 containerB.js 呼叫下載，這時候 app 的 dojo.xhrGet 其實是在 Container 中呼叫，導致要取 http://linkxd.com/gold/app.json出現 Cross Domain Ajax 問題。

app.json 一般是由資料庫動態產出的資料，這些資料至通常放在應用端，如何讓 containerB.js 取得？一般的作法是 containerB 需要提供某種 proxy 機制來轉接這個 http://linkxd.com/gold/app.json，這樣作法代表需要動態網頁支援的網站，或是本身容器有提供，像是 Google Gadgets 就有這個機制。

這個問題可以在 Interacting with our existing codebase and date? 看到更多建議，如果狀況許可，例如金價等資料，這是只用一次的，可以考慮將原來的 app.json 包在 app.js 之中一起輸出。問題是 Ajax 通常是會一直發出新的需求，不太可能一開始就載入。

這裡要採用的方法可以參考Web Services + JSON = Dump Your Proxy或是 On-Demand Javascript - Ajax Patterns，可以自己參照網頁寫出來，不過這裡打算用現成的 Alternate Transports | The Dojo Toolkit來做。利用 dojo.io.script.get 來產出動態的 script 標籤，同時載入 app3json.js 的內容，這樣並不需要額外的服務端支援。

dojo.io.script.get(
{url: 'http://linkxd.com/gold/app3json.js'}
);

app3json.js 會有資料包在一個 callback 的呼叫裡面。

linkxdApp.mycallback({
'usdGold' : 788,
'usdOil' : 95,
'usdTwd' : 32.5,
'eurTwd' : 46.9
})

輸出的結果請參考Container B3，這時候資料的輸出已經移到 linkxd.com，完成這次的練習。程式碼可以到樂連LinkXD Download網頁下載。

去部落格曬曬陽光
LinkXD

My Dojo 1.0 XDomian and OpenSocial 跨域議題

2007-11-11T09:20:00.000+08:00

這次要做的練習是 Dojo 1.0 XDomain，這種方式可以讓客戶端載入應用網站上的 dojo 以及 app.js，而不使用 OpenSocial 容器網站提供的 dojo。

一開始做了 OpenSocial 練習 My OpenSocial Gold App 一友一兩金，當時是採用 dojo 0.9 的XDomain Build 模式，這種跨網站網域的作法有其特別好處，一是採用端程式碼非常少，二是不需要上傳一堆 dojo 的程式碼，很適合拿來給急著要嘗鮮的人用，可以快速上手練習一番。

不知道你是否注意到，這類作法會讓你的 App 或是你的容器相依在 Dojo and AOL 這個 XDomain 服務之下，對於不想依賴在別的網站服務的人來說，這樣並不適合，剛好Dojo 1.0 出來，，於是稍微練了三年等待結束，Dojo 1.0 與 OpenSocial 練習曲一下，不過那是改個 1.0 版沾沾醬油而已，這次想要沾多一點 dojo，便想要改為 Cross Domain (XDomain) Builds 模式試試，一來是想看看語法是否有啥差異。

先談談為何要弄個 Cross Domain (XDomain) Builds ，之前可以先看Using dojo for orkut.com OpenSocial has loading module issues 這個疑問，跨 domain 資源下載的問題會是需要將 js 放在客戶端或是容器端執行需要面對的議題，做個 My OpenSocial Gold App 一友一兩金之類的 App，因為它完全將東西放在容器端，簡單好處理，慢慢地你打算移出去，往往會需要建制這種資源處理模式。

這裡沒有太多說明，因為打字很累，講一萬行也不如你自己玩一下，體驗一次。

你需要的是有 src 的 dojo 檔，請在release-1.0.0下載。解開後到 util/buildscripts/profiles 可以看到五個預設的設定檔，你可以直接拿來練習看看。

base.profile.js
layers.profile.js
cometd.profile.js
offline.profile.js
standard.profile.js

接下來 cd util/buildscripts 後，下指令建制 base 就好，其他功能沒用到先不要建。這樣大小約 3MB。

build profile=base loader=xdomain xdDojoPath=http://linkxd.com/gold action=release

接下來到 src/release 去找它做出來的東西上傳到 gold/dojo 目錄就好。

src="http://linkxd.com/gold/dojo/dojo.xd.js"

接下來就是改個容器檔，這裡沿用 B 容器做出 Container B2，如果 OK 就代表你的 xdomain 已經建制完成。

需要程式碼的朋友可以到樂連LinkXD Download頁面下載參考。

接下來如果要進一步練習，可以考慮將 app.js 變成一個模組，可參考 Creating Your Own Modules | The Dojo Toolkit，建議採用放在 dojo 目錄旁邊的作法。寫完模組後寫個 linkxd.profile.js 檔來將 mygold/app.js 納入。

build profile=linkxd loader=xdomain xdDojoPath=http://linkxd.com/gold action=release

去部落格曬曬陽光
LinkXD

Apache 讓 Android 成為手機變形金剛

2007-11-06T16:59:00.000+08:00

Open Handset Alliance 成立，看到許多廠商加入，開發用的軟體 Android 更是接下來馬上要釋出，很多人談 Gphone 遠景或是功能，這裡要談一個關鍵性的問題，就是智慧財產歸誰的問題。

G 以什麼條件可以說服這些廠商買你的帳，全球手機市場可是價值連數國，成千上萬的出貨，如果弄錯智慧財產權的問題，屆時可能會賠到傾家蕩產，還可能吃上智財權官司。

請先看看這個 FAQ Why did you pick the Apache v2 open source license? ，由於 LinkXD 也採用同樣授權，所以稍微瞭解一些開放自由軟體授權之間的差異，Apache 授權可以讓取得軟體的使用者重新授權自己開發的部份，甚至不釋出使用者改的程式碼也可以，也就是你可以拿 G 花大錢開發的 Android 來用或是來改，都不需要釋出你的改過程式碼。

也許你會 google 一下，應該會發現 G 並非是第一個嘗試採用開放手機軟體架構的廠商，那這次的 Android 有哪裡不同？

如果你進一步去查Apache License - Wikipedia 請注意右邊小小一行字 Copyleft no，這小小一行字是 G 一次拉到這麼多伴的原因之一，看看那些被吊掛在 GPL Violations homepage 的廠商名字，再看看 G 提供的 Why did you pick the Apache v2 open source license? ，自然可以讓那些加盟業者的智慧財產權律師說 YES。

當然 G 也不是做慈善事業，請參考 Android (mobile phone platform) - Wikipedia專利的部份，就會知道 Android 不過是個擂台，你要站上去，才會看到對手，站在台下面，自己堆個台也可以看到，只是要多花點時間跟成本，等你好不容易堆好看到對手，旁邊便當涼了還是小事，堆錯邊那才慘。

大家根據 Apache License改來改去的結果，只會讓 Android 變成手機的變形金剛，將以超多的樣貌出現在你我的手機之中。

Photo by Liam Higgins and CC

對這些授權一頭霧水的朋友，請參閱OSSF::自由軟體鑄造場的 License Wizard 3.2 ，相信你會有滿意的答案。

[更新補充]

也有人討論同一個議題可以參考，Why Google chose the Apache Software License over GPLv2 for Android，提到 APL 使用的範圍，如果改到 Linux Kernel 核心區(GPL)而不照 GPL 的授權，一樣會被掛起來的。

Ed Burnette 也有談 Google rejects GPL in new gPhone alliance。

去部落格曬曬陽光

LinkXD

三年等待結束，Dojo 1.0 與 OpenSocial 練習曲

2007-11-06T10:18:00.000+08:00

以為還會很久才會看到，沒想到 0.9 出了之後沒多久，就看到這個Dojo 1.0 | The Dojo Toolkit 消息。

有新東西，當然要嚐個鮮，延續之前的My OpenSocial Gold App 一友一兩金的練習，只是改為使用新的 Dojo 1.0.0 available on AOL CDN，沒有異動其他部份，Container A 與Container B 看起來沒有啥問題。

新的版本我最感興趣的部份是Grid (1.0) | The Dojo Toolkit ，接下來應該會玩一下這個部份。

圖片源自 Grid (1.0) | The Dojo Toolkit

另外之前既然玩過Rich Text Editor in LinkXD 用來編寫 HTML，細節參閱 LinkXD: LinkXD 0.4.0 Release 釋出，這次Editor | The Dojo Toolkit 雖說是實驗功能，也會列入練習考量。

去部落格曬曬陽光
LinkXD

My OpenSocial Gold App 一友一兩金

2007-11-02T23:44:00.001+08:00

日前出爐的 OpenSocial - Google Code 看起來很有趣，加上之前的你有多少黃金 ? LinkXD 0.4.2 Gold Release也玩出一點意思，於是就混搭出這個「一友一兩金」東西出來。

一友一兩金是個 OpenSocial - Google Code 的概念式實做，注重在鳥瞰一下整個流程與瞭解 OpenSocial 應用的全貌，不講理論，只是動手做看看。

動手做第一個問題是目前可測試的容器太少，目前線上的社群網站有支援 OpenSocial 要它開給你測試也不太可能，簽了Orkut Sandbox Sign Up 也還沒得到許可，於是只好先自己做一部分，這裡試著實做部份 OpenSocial API 來提供兩個 Container A 與 Container B 給 Gold App 掛上去，讓想要看看 OpenSocial 應用的朋友嚐個鮮，這個應用只是用來展示整個流程，所以不會有很花俏的輸出介面，只是把字秀出來而已。

請注意，這只是小部份 OpenSocial Container 實做，並非完整的實做，只是供參考用。練習一下你會發現為何這個東西有機會吸引那麼多互相競爭的網站願意加入實做。

第一個原因在於它雖然是 G 提出的規格，卻可以完全不用 G 的服務，也就是完全沒有綁在一起，你可以各做各的，像這裡就做了兩個陽春到不行的 Container，你可以下載上傳到任何網頁空間去跑，雖然這兩個容器放在 G 的網頁服務裡，但是 ContainerA/ContainerB/Gold App 是跟 G 服務不相依的，你可以搬到你要的地方。

另一個原因就是 App 的大量出現，如果你的社群網路可以加入，又不怕被綁，又可以得到一大堆新的 App 可以吸引使用者，自然會讓這些網站願意加入，反正也不會有啥大損失，又是用 Html + JavaScript 這種基本技術，要轉接一下介面，不會太費工。

示範有兩個容器 Container 以及一個應用 Gold App，該 Gold App 會利用 OpenSocial API 取出你在該容器的朋友數，以一個朋友值一英兩黃金計算方式，由 Gold App 去取回當時即時報價資料(目前為模擬檔案)，然後輸出到該 Container 的頁面，你的朋友價值將以新台幣、美元、歐元或是值幾桶原油方式呈現。同一隻 app.js 可以跨到 ContainerB 也不用改，這是 OpenSocial API 的最大好處。

有一點請注意，為了方便， Container A 與 Container B 還有 Gold App 的 app.js 原來應該分別放在三個網站，而不是目前掛在同一目錄的樣子，這一點一定要先弄清楚。

這裡使用The Dojo Toolkit | The JavaScript Toolkit來幫忙做 ajax 的功能，你也可以用純的 JavaScript 或是其他Ajax framework - Wikipedia來做，全憑你喜歡。

這裡不討論登入與使使用者權限的問題，那個部份目前細節太少，所以目前只是先看看一整個流程，有個概念就好，你可以直接觀看線上兩個 Container A 與 Container B 的原始檔，或是到樂連LinkXD Download(蠻下面的)這裡下載 zip 檔案，解開後就可以用 Firefox 試看看，也可以傳到 Google Page Creator 上面，就像示範的 Container A 與 Container B 一樣。

另一個可以關注的議題是安全的部份，目前雖然尚未有太多的實做或是資訊可以參考，仍然有人可以找到漏洞，參閱 First OpenSocial Application Hacked Within 45 Minutes，可見的將來，這個開放的平台將受到更多的檢驗與測試，如果可以越來越安全，目前的初期漏洞被揭露也不見得是壞事。

還有一個可以關注焦點是台灣的社群網站何時支援應對 OpenSocial，那個第一時間接上這個突然冒出來的源源不絕的超大 App 水龍頭的網站，應該會讓會員用的很爽吧，畢竟維護程式以及請工程師也是很貴的。

也許有機會的話，你可以很快看到 LinkXD Gold App 修的美美的，出現在你的社群首頁也不一定。

圖片來自OpenSocial - Google Code，根據其Creative Commons Attribution 2.5 Generic授權引用。

參考連結

OpenSocial, Google’s Open Answer to Facebook « GigaOM

Google Announces API Connecter For Social Networks | WebProNews

Six Apart - News and Events: OpenSocial, Killer Apps and Regular People

[補充更新]

Surprise–OpenSocial is alpha code

LinkXD

去部落格曬曬陽光

阿爸這應該是同一間釣蝦場 Go Fishing

2007-10-31T23:56:00.001+08:00

使用 funp 服務的時間並非很長，本來對 iframe 也沒有太多感覺，不過 LinkXD 總要測來測去，上面那一條 30px 橫桿就越來越刺眼，因為它會讓使用者不知不覺一路跟著連結下去，於是整個網站，不管你是登入登出，修改個人密碼資料，專家才知道查看原始檔，密密麻麻的 HTML 中找到 iframe 開的網頁在哪裡，於是一路下來，中間佈幾個複製的假網頁，隨便一拉，滿場的泰國蝦狂咬。

[更新] 本來有張圖展示這種 iframe 會導致類似釣魚手法的 Gmail 登入畫面，雖有提醒的效果，不過考量到這類示範並不好，為了避免有所爭議，已經移除。

想像一下A網站、B網站、C網站 ... X網站都這樣做的話，一層層包下來，十家這樣做，那就變成 300px，大概網頁遮去一半，核心的連結頁面卻變成要下拉才看到，如果這是某種 Web2.0，那我很懷念以前的時光。

使用者友善的做法是否只是反穿皮衣而已，書籤與書之間，皮之不存，毛將焉附？

這件事很多資料，例如陽光派報: 已經罵過了的推推王、如何避免你的網站被「蓋台」？（破解被Frame內嵌的網站）【重灌狂人】、Blog.XDite.net » 淺入淺出 iframe (1)，這裡不討論法律層面或是 iframe 的好壞，那個太複雜，單純只是在「網」路上被堵到，打算如何做而已。

做個功能在 LinkXD 裡，利用 Firefox 的擴充功能，把不小心按啊按的，不知不覺多出來的部份恢復原狀，並解決這過程中剪連結會遇到的問題。這種作法應該不在Mark's Place | 推推王真的對使用者尊重嗎？提的兩種方法之一，可以算是第三種。

時代不同了，自己用的瀏覽器自己改比較順手，最近應該會隨新版本一起釋出。

[更新] 對這個問題還是有點模糊的朋友，可以觀賞我推普魯斯特 | 貓尾巴-la queue d'un chat 一文，非常有創意，應該會更有感覺。

去部落格曬曬陽光

你有多少黃金 ? LinkXD 0.4.2 Gold Release

2007-10-29T20:59:00.000+08:00

最近聽到朋友說要買一些黃金 Gold ，不禁想要算一下黃金與新台幣對照的價格等資料，然後寫在部落格中當紀錄。寫的過程中發現這件事太繁瑣，有點非人道，只不過是想要瞄一眼的東西，並不要求有多即時或是精確，但是第一次還是花了約半小時，如果一年寫個 16 次，每次都重演一次，那大約等於一個沒有加班的工作天，如果你比較勤勞，想多寫個幾次，那就變成責任制的工作天了，這個通常是沒有加班費的。

為了避免將生命浪費在不美好的事務上，就將金價連結文功能加到LinkXD中，按個鍵，就可以很方便地寫出這組金價相關資料的連結文，然後繼續書寫你的文章或是日誌，那個才是你的主要目的，這個繁瑣的查資料寫連結的小事，就交給LinkXD去做。

有興趣的人可以到樂連 LinkXD Download這裡下載。

當你按下採黃金資訊的按鍵或是功能時，需要你保持在上網狀態，不然會出現錯誤訊息，LinkXD是利用所謂AJAX, (Asynchronous JavaScript and XML) 的作法，由瀏覽器去取得匯率資料，再去抓金價油價，共需要發出四次查詢，然後取回資料後換算並產出連結到剪貼簿或是工作區，接下來就是你的事了。

LinkXD該功能的資料來源主要是 Yahoo! Finance，產出的連結都會轉到那裡去方便確認，雖說是英文頁面，反正就是頁面中黑黑的那個數字就是了。不使用國內的資料源是比較不好找，很多是 HTML 網頁，這種資料源是給人類看的，要拿來給機器用會比較麻煩，Yahoo! Finance可以輸出 csv 的文字檔，用逗點分開，比起來好處理很多。

下面是LinkXD產出的兩筆金價連結文，前後間隔約八小時，注意一下，即使是同一天剪出連結文，金油價都有明顯的變化，更別說下星期或是下個月再來看一次了，不過有個地方要注意一下，產出的每個連結按下去都會轉到目前的價格，並非當時作者剪貼時的價格，這一來是寫程式方便，一來是方便加以對照。

根據"10/29/2007"的資料，目前的金價一盎司 US793.70、油價一桶 US92.36，手上拿著台幣千元鈔10張可換到黃金11.01公克、石油3.34桶、歐元214.26、美元308.35，十年後剩下9.03張。

根據"10/29/2007"的即時資料，目前的金價一盎司788.90美元、油價一桶93.41美元，手上拿著台幣千元鈔10張可換到黃金11.08公克、石油3.30桶、213.76歐元、308.27美元，十年後剩下9.03張。

雖然可以實做跳出視窗直接問你有多少台幣，幫你換好，不過為了避免個人不小心，可能導致財務隱私上網曝露，所以暫時不考慮做這個功能，只提供千元10張，有其他需求，心理默算一下就好。

書寫是一種方便的記憶方式，面對資產不斷縮水的時代，有空應該要書寫一下即時的相關金融訊息，在心裡面稍微估算一下你有多少黃金 Gold ，下次看到當初的部落格或是日誌，應該會對大環境變化更有感覺。

黃金被稱為是誠實的貨幣，而LinkXD中這個功能想要幫你跟黃金價格連結起來，讓它幫忙你下載最新報價，然後算一下新台幣一萬元可換多少黃金，看看你的資產可以換到多少這個星球上的購買力，當然也順便對照一下石油、歐元等資訊，最後轉成 HTML 連結文字，直接貼到你的部落格，拿掉不要的部份，就可以很快做出一個即時金價等資訊的文字段落。

如果你持續有這類需要，LinkXD一年可以讓你多放假一天，大約可以換到一公克以上的黃金，如果沒有的話，還是可以參考看看。如果你有想做的格式，也可以留下意見，也許有機會做看看。

[更新嚇一跳]

根據"11/6/2007"的即時資料，目前的金價一盎司820.00美元、油價一桶95.56美元，手上拿著台幣千元鈔10張可換到黃金10.68公克、石油3.23桶、212.72歐元、308.92美元，十年後剩下9.03張。

根據"11/9/2007"的即時資料，目前的金價一盎司834.90美元、油價一桶96.55美元，手上拿著台幣千元鈔10張可換到黃金10.54公克、石油3.21桶、211.54歐元、310.30美元，十年後剩下9.03張。

去部落格曬曬陽光

LinkXD webapp 0.0.1 release 釋出

2007-10-28T16:29:00.000+08:00

Prism 是一種新的瀏覽器應用嘗試，要體驗這種應用，需要先安裝 Prism這個軟體，然後再設定預計要使用的網站，一個網站可以設定為一個程式，Prism 本身以 Firefox 3 為核心，將單一多功能網站包成一種類桌面應用程式，方便使用。

要舉例類比的話，Firefox 秀的對象是 HTML，而 Prism 秀的對象則是一個互動豐富的網站(ajax/web2.0...)。

一開始從Mozilla Links 正體中文版: WebRunner一文看到消息，知道 Prism 的測試版本已經出來，這個版本是由原來的 WebRunner 0.7 改版而成，直接變成 Prism 0.8 版，看完後覺得這種應用的模式好像很有趣，對於一些只是要用某種服務的人來說，算是「夠用就好」。

後來又看到Prism - Mozilla 推出的超精簡瀏覽器 @ Nelson 的遊樂場一文的詳細介紹，還有這篇Web2Desk: 从Mozilla发布Prism谈新桌面之争提到 AIR 的應用，看起來蠻熱鬧的，於是想說做幾個簡化版的LinkXD webapp 來玩看看。

要開始作前，建議先到Mozilla Labs Blog » Blog Archive » Prism 這裡看看資料，不過因為之前它的名稱是WebRunner，所以 wiki 這方面的資料會比較多，例如要查WebRunner:Bundle或是WebRunner:Scripting都有資料參考，雖然資料有點舊，不過架構基本上差不多。

要測試前，請先下載安裝Prismfor Windows後，再去下載 LinkXD webapp 檔(在很下面)，按兩下應該就可以執行。執行時可以選右下角將之安裝在桌面，下次按兩下就會開啟這個程式，目前這個只是嘗鮮版，功能就是滑鼠右鍵，剪個連結轉成 HTML 到剪貼簿而已，可以選字或是不選字來決定連結出現的文字。下載的 webapp 只是個 zip 檔案，解壓縮後可以看到程式碼。

可以分別下載 linkxd-0.0.1.webapp、 funp-0.0.1.webapp、 hemidemi-0.0.1.webapp 試看看，其實都差不多，只是改幾個字而已，這些 webapp 單純只是測試用途，讓你體驗一下這類程式的應用。

練習的過程中，覺得比較明顯的部份是右下角的提示功能，類似 msn/skype 的使用者登入的那種提示畫面，這點 gmail.webapp 的範例有示範，他會定時去讀取 HTML 的 title 來分析是否有新的信進來，然後彈出一個提示讓你知道。

gmail.webapp 這類應用會不會有機會取代桌面用的 email 程式還很難說，只是隨著 Gmail 不斷地延伸其支援的範圍，離線可能支援的程度越來越大，網站應用程式與桌面程式的界線越來越模糊，接下來的發展應該會很有趣。

例如在書籤網站的 webapp，可能會跳出有人剛推薦或是收藏的這類即時訊息，這些由書籤網站提供的 webapp 放在桌面上，讓使用者點兩下一開就上，並提供即時的資訊，對一般使用者來說，就是使用書籤或是社交服務，至於是放本機還是網路，通常不是一般使用者關心的重點。

讓使用者去開瀏覽器到某個網站頁面的這件事，改為點兩下開一個網站應用程式來使用，聽起來好像只是開瀏覽器與否的差異，但是對於很多弄不清楚瀏覽器為何物的使用者來說，這樣「夠用就好」，不夠再說。

說一百句不如你練一次，應該會對這種模式有更多的體會。如果你要改，直接找到安裝 Prism 的 profile 目錄下，這篇讓開啟網路應用程式跟本地端程式一樣方便 - Prism | joaoko’s blog有提到相關的資訊，直接用記事本改改網址或是 js 檔，就可以邊改邊玩。

接下來的變化會讓這個工具更簡單使用，將可以從 Firefox 的工具表單產出一個 webapp，參閱 Alex Faaborg - » Prism可以得知其中的細節，這時一個網站的Favicon就變得很重要，因為它需要將這個小圖變成桌面的比較大的圖，又不希望模糊掉。

再補一篇 Prism, Mozilla’s take on desktop web apps : Mozilla Links

Adobe AIR 或是 Microsoft Silverlight都試圖佔據這塊 online/offline 中間(onffline?)模糊的地帶，使用者通常不會太在乎這塊地方是誰的，好用又免費就好，不過有機會的話，請開發者將開放平台(open platform)這點也放入你採用一個技術的選項考量之中。

online + offline = onffline ?

引用 Mozilla Labs Blog » Blog Archive » Prism:

we're not building a proprietary platform to replace the web.
We think the web is a powerful and open platform for this sort of innovation,
so our goal is to identify and facilitate the development of enhancements
that bring the advantages of desktop apps to the web platform.

去部落格曬曬陽光

LinkXD

LinkXD 0.4.1 Release 釋出

2007-10-26T18:33:00.000+08:00

LinkXD 0.4.1 Release 釋出

這一版增加了去部落格曬曬陽光的小貼紙，關於設計的細節可以參閱 Gimp 2.4 的應用的說明。

另外提供 HTML 碼編輯模式，方便貼入臨時的剪文，關於所見所得編輯器與 HTML 編輯的問題可以參閱樂連 LinkXD FAQ。

再推一下：

陽光部落格-當我們同在一起 - yam天空部落
「陽光娃娃到你家」來票選囉！
陽光部落格-當我們同在一起:陽光娃娃身上的壓力衣 - yam天空部落

Gimp 2.4 的應用

2007-10-24T23:17:00.000+08:00

GIMP - The GNU Image Manipulation Program 從 2.2 走到 2.4 花了好幾年，這裡用來紀錄應用在 LinkXD 的過程。官方網站很多資料，需要更多資料可以參考這個社群網站gimpusers.com，其中有很多功能指導。

一開始是看到「陽光娃娃到你家」來票選囉！，想說設計一個笑臉小貼紙來推下面部落格的連結。

陽光部落格-當我們同在一起 - yam天空部落
遇見陽光看見希望 - Yahoo!奇摩部落格
陽光基金會-無名部落格

剛好GIMP 2.4 Release Notes加上Red Hat Magazine | GIMP 2.4 preview的說明，看起來 2.4 版不錯用，就拿來練習一下。

該圖主要是利用Perspective Clone來做視覺的延伸效果，另外特別的是光線的特效，打光之下，上半部的壓力衣顏色被消去了，在陽光下我只看見一臉的笑。

另一個 3D 練習來自這個 Creating 3D icons - GIMP tutorial/howto - gimpusers.com 連結的教學。

練習 Neon Glow - GIMP tutorial/howto - gimpusers.com 的黑暗笑臉。

練習結冰字的冷笑臉。

使用 Xtns - Logos - Gradient Bevel 特效的練習。

使用 Xtns - Logos - Alien Glow 特效的練習。

其他好地方：

Gimp範例教學
Gimp影像處理錄影教學

本著作係採用創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權.

LinkXD 0.4.0 Release 釋出

2007-10-24T16:10:00.000+08:00

人的懶惰真的是軟體發達的原因，繼LinkXD 0.3 Release 釋出之後，又做了個大修改，這次試圖整合既有的所見所得編輯器Rich Text Editor in LinkXD進去，遇到一些問題，所以捨棄 0.3 編號，向 0.4 前進，過去的請把它忘記。

最後挑來用的是Yahoo! UI Library: Rich Text Editor，一來是 BSD 授權整合比較方便，關於授權部份請參閱Yahoo! UI Library: License，只有拿來用，並沒有任何修改，用起來很方便，推薦使用。

細節請參考樂連 Download LinkXD，下為使用前需要注意的步驟，以及使用快捷鍵的圖說。

合:結束全文
不要來亂 ..

版權填一填啦！

本著作係採用創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權.

Rich Text Editor in LinkXD

2007-10-22T16:22:00.000+08:00

考慮加上 Rich Text Editor 方便編輯短文，下面為收集的資料。

Yahoo! UI Library: Rich Text Editor

LinkXD 剪下後已經轉成 HTML，但是 YUI-RTE 預設介面是讓你寫入格式化文字，並無法直接貼 a 的 tag，於是要考慮切換成正常 textarea 模式來貼，這個作法可以參考
Plain Text Switcher。要不然就是換用按鈕來貼文，這樣應該可以避過 textarea 的限制，就像是Flickr Image Search的作法一樣，旁邊的小視窗可以按下後將 HTML 直接放到 Editor 去。

既然要整合 YUI 這類函式庫，會遇到一個問題就是必須將給 Firefox 執行的 js (XPCOM) 可以在 YUI 之中呼叫與執行，這點要注意 js 放進去的順序與位置很重要，不然就是參考Using addModule to Add Custom (Non-YUI) Content with YUILoader，像 YUI Library 這種功能豐富的工具，通常有自己的載入方式，這點要注意。

還有一個問題是載入資源 css/js 的問題，利用 chrome URL 的作法如 chrome://linkxd/content/foo.xhtml ，這樣輸出的 YUI editor 部份動作會有問題，像是 createlink/insertimage 就不相容，會出現跳出頁面空白的現象，於是必須改為非 jar 佈署方式，就是不用 chrome:// 而用 file:// 去讀取該 html ，才可以正常運作 createlink/insertimage。

其實用線上方式來整合會方便許多，但是內嵌卻可以提供離線操作這個好處，這算是決定採用內嵌方式的主要原因，不過一個缺點是包起來的東西變得太大，即使有壓縮，還是要將近 800Kb。

安裝後會有另一個 file:// 的問題會出現，使用 XPCOM 的權限問題，因為 file:// 開啟的網頁基本上是不能取用 XPCOM 的服務，使用下面的作法可以讓 YUI 的 js 取用 XPCOM，不過每次都會問一次會讓人覺得麻煩，除非使用「記住」的選項，這樣也會讓人感到困擾。

netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

解脫權限問題可以採用 JavaScript Security: Signed Scripts ，不過看起來更複雜。

其他

Some Notes on the YUI Rich Text Editor

5 Open Source Rich Text Editors

TinyMCE Javascript Content Editor by Moxiecode Systems AB

FCKeditor - The text editor for Internet

Google Web Toolkit - RichTextArea

心路社會福利基金會

快樂是我們連結的理由

LinkXD Loud Link 主題式連結

2007-10-22T09:08:00.000+08:00

這裡紀錄主題式連結的開發想法。

原始發想來自Eclipse Mylyn Open Source Project，這個重量級的更新讓 Eclipse 開發流程變得更快，更透明。

簡單說就是保存走過的連結或是參考連結，然後整份傳給其他合作的人。也就是提供一個種子，其中有預先設定好的主題與連結，供使用者下載後，再處理。之前貼入 a 與 img 標籤，現在改為 p 標籤，將資訊納入這個小方塊中。

例如中華白海豚的相關新聞，作成一個主題會比較方便引用。

參考連結

媽祖魚保育聯盟 -

引用國際海豚年搶救白海豚 - PeoPo 公民新聞:

中華白海豚原名為「印度太平洋駝背豚」，別名「媽祖魚」

中華白海豚 - Google 圖片搜尋

中華白海豚 - 香港海豚保育學會

中華鯨豚協會 - 首頁

SEDAC - Environmental Sustainability

快樂是我們連結的理由

SVG in LinkXD

2007-10-22T01:19:00.000+08:00

紀錄 SVG 測試的過程。

一個連結的通常可以用一行字解決，為何需要用 SVG 這個格式，很多瀏覽器並不支援這種格式，這樣對其他使用者並不友善。另外一個問題是很多網頁應用不會讓你嵌入下列的程式碼。

http://www.croczilla.com/svg/samples/arcs1/arcs1.svg

可以預覽，但是無法張貼。


object data="http://www.croczilla.com/svg/samples/arcs1/arcs1.svg"
type="image/svg+xml" height="300" width="300"

好處是可以嵌入即時的修改，當這行連結字被貼入某個 URL 之後，你不去這個 URL 是無法更改這行字的，所以如果你要改的這行連結有幾十個地方，那就很麻煩了。用 img src 是最方便，不過那需要產出圖片。

samples

所以兩個都擺，img + svg 這樣至少會出現 img，svg 就要 firefox 等有支援的才會出現。

SVG and HTML - Svg wiki提到四種方式，inline SVG 等於把圖貼上去，這點適合離線使用，不適合即時更新的簽名使用。

SVG: object or embed?

有點類似Inversion of control
或是Dependency injection

快樂是我們連結的理由

LinkXD 0.3 Release 釋出

2007-10-21T16:38:00.000+08:00

細節參照《樂連》 - Link and XD

主要是增加熱鍵功能，並改了一下資料庫的表格。

LinkXD Keyboard Shortcuts 快捷鍵

不知道要貼什麼(Alt+/)樂亂連功能

天使太用力@陽光

快樂是我們連結的理由

LinkXD Development Environment 開發環境

2007-10-20T15:40:00.000+08:00

紀錄使用的開發環境。目前在尋找可以 Code refactoring 的 JavaScript 編輯器，一是自由軟體，一是至少要可以 rename，因為接下來可能需要寫一些如何改裝 LinkXD 的東西。

1. Eclipse.org home主要開發平台。

2. Subversive - SVN Team Client用來連接 Google Code 的 SVN 服務。

3. Adobe Labs - JSEclipse補字功能不錯，用起來很順，免費但不能自由散佈。

4. Firebug - Web Development Evolved查 Firefox 的問題與調整 CSS 格式。

5. Console² :: Firefox Add-ons除錯使用，可以輸出 chrome 的錯誤。

6. SQLite Database Browser
用來管理與測試 linkxd.sqlite 資料庫檔案。

7. GIMP - The GNU Image Manipulation Program 用來編輯圖片。

8.KompoZer - Easy web authoring 用來編寫網頁。

最新活動@聯合勸募協會

快樂是我們連結的理由

LinkXD 的 Popular Queries 熱門關鍵字連結

2007-10-19T23:08:00.000+08:00

想要再貼文的時候，可以順便貼一下熱門關鍵字相關的連結。

Google 可以查 Zeitgeist By Country This Month

Yahoo!奇摩搜尋榜

LinkXD 網站的樣板 CSS Template

2007-10-18T19:23:00.000+08:00

《樂連》 - Link and XD現在有點簡單，
這裡紀錄使用 CSS 的紀錄。

在Download free CSS templates - Free CSS Templates這裡找一個，它的授權是使用 CC 標示，所以用起來沒有問題。

LinkXD 與 Social bookmarking 書籤網站

2007-10-18T09:40:00.000+08:00

狀態：未完成

根據List of social software這份資料，選幾家註冊提供服務。

del.icio.us

Digg

HEMiDEMi - 黑米共享書籤

funp 推推王

社群網站往往需要大頭照，所以需要設計一個。

快樂是我們連結的理由

版權宣告 Copyright

2007-10-18T09:31:00.000+08:00

程式碼部分採用Apache 2.0。

《樂連》 - Link and XD 網頁與圖片部分採用CC 姓名標示-非商業性-相同方式分享 2.5 台灣

LinkXD Keyboard Shortcuts 快捷鍵

2007-10-17T10:16:00.000+08:00

這裡提供《樂連》LinkXD快捷鍵的設定作法。

支援版本:未釋出

目前快捷鍵:

Alt+, (Alt+逗點) 會產出連結Lnk。

Alt+. (Alt+句點) 會產出引用Quote。

人畢竟是懶，剪個連結都想要類似Ctrl+C 的作法，來處理最常用的 HTML link 。雖然可以按右鍵，進去選 HTML Link，但是總是麻煩一點，何況這件事如果會做數萬次的話。

另一個問題是快捷鍵需要可以切換成 wiki 模式或是 BBCode 模式，這個動作不可能由改程式來做，所以需要加一個功能列放在右下角的上來做。

XUL Tutorial:Keyboard Shortcuts - MDC
Creating a Firefox sidebar - MDC

快樂是我們連結的理由

Google Analytics 裝在 LinkXD 的紀錄

2007-10-16T23:55:00.000+08:00

這裡會持續紀錄使用的過程。

要知道有多少人看過網頁，於是裝上Google Analytics來看看《樂連》 - Link and XD的流量等統計資料。

EeePC Firefox 支援 LinkXD 的程度

2007-10-16T22:53:00.000+08:00

目前手上沒有機器，這裡是留起來當作日後更新的紀錄使用。

ASUS Eee PC的Firefox不清楚是那一版，有機會想看看是否可以跑《樂連》 - Link and XD，不知道這類小螢幕的設計有哪些要注意的地方。

已經有An Unofficial ASUS EeePC Eee PC 701 Community非官方的使用者網站提供很多消息，關於 OS 的部份。引用 unicap and UCView on the Asus EeePC:

The installed Xandros version is based on Debian Etch.

根據Debian資料，Etch 4.0版是今年才出現的版本。至於xandros比較少聽到消息。

沒有現成可以測，倒是可以先考慮測一下 Ubuntu ，根據2007 Desktop Linux Survey results revealed說法，Ubuntu 蠻多人在用，過幾天 7.10 就要正式釋出，參考Ubuntu 7.10 Release Candidate。

http://yurinfore.blogspot.com/search/label/eee-pc

快樂是我們連結的理由

如何設定 Firefox Profile

2007-10-16T19:13:00.000+08:00

有圖有真相《樂連》 - Link and XD

LinkXD 樂連開格首貼

2007-10-16T18:34:00.000+08:00

這個格子用來支援《樂連》 - Link and XD 的日誌紀錄，有意見也可以貼這裡。