在創用 CC 今年初舉辦的「ACIA：資訊時代之亞洲與公眾創用 」研討會中，我用了一些方便（而且免費）的網際服務，完成 ACIA 中一些需求。會利用這些網際服務主要是因為我超懶，實際上也不喜歡寫程式，能用別人弄好的當然是最棒了 :P 後來成效還算不錯，我也一直有打算分享一下應用上的經驗，不過一切就有如我過往兩三個系列文章一樣，成篇不足、斷頭有餘… 現在體認到如果有話要講就快講，久了就懶了或忘了。

最近有些附中校友為在校生辦了「菩提通識學院」，把一些多元的想法介紹給學弟妹，我覺得這樣很好；看了他們的網站，我想應該至少還是要把簡單的網際應用使 用範例寫一下，會省下他們很多時間。為了避免再度斷頭又沒把話講完，這次的目標就是超級簡介、一篇結束，希望能幫上點忙。

這對一些比較缺乏資源的組織可能也有點用處，只是、基於到底還是要討論到很多技術名詞跟選擇上的考量，這篇比較好的對象還是有涉獵技術的朋友。真正啥也不 懂的讀者，可以試著搜尋名詞解釋來瞭解你看不懂的地方，不過如果也能轉交給貴組織的技術人員參考，或許會快一些。況且，我的考量勢必有非常多疏漏，不見得 就適合你組織的運作模式。

網站：採用 Wiki (Wikidot)

Wiki 共同寫作的特點，很適合一般沒有真正全職網站編輯人員的組織。最大的好處當然就是每個人都可以上去寫個三言兩語、有錯誤也可以立刻改。如果搭配良好的版面配置及規畫、做研討會網站是十分適合的。

用 Wiki 做研討會網站，最大的 Showcase 應該就是 Wikimania 維基媒體國際會議了。這個研討會中的參與者甚至籌辦團隊都散佈全球，要求「一定要大家一起開籌備會」是決計有困難的，這時網際網路就發揮了不錯的功能。Wikimania 使用維基百科自家的 MediaWiki 系統做統籌，參與者人人可以自由編輯各項文件，搭配維基人本來就有的動手習慣，是使用 Wiki 系統籌辦活動的典範。ACIA 打開始就決定要用 Wiki 做網站，這是我跟我家老闆不約而同的共識。老闆的理由我沒有細問，我自己倒是因為一路觀看 Wikimania 的 Wiki 使用過程而一直很想動手試試看。

系統部份，懶人是很討厭自己架系統的，所以我採用日前發現的 Wikidot 來設立研討會網站。Wikidot 自由靈活無廣告的特性非常適合我們，也能夠自訂網址、加入訪客分析功能 (Google Analytics)；雖然不支援中文頁面名稱及網址，但這對我們這個以英文為主的研討會來說不是問題。

編輯上的經驗

Wiki 系統的強項在於協同編輯，不過如果你身處傳統組織、老闆習慣用「我不會、你加比較快」來叫你改網頁，那「協同」的威力就大大減弱了。在 ACIA 裡，好在我家老闆也是個十分親近資訊科技的人，在研討會初期常有我們各自修 Wiki 修到半夜的記錄；另外創用 CC 乃至公眾授權本身是個跨越法律、文化及資訊科技的議題，各國參與者對資訊科技抗拒的程度比較不會那麼高，所以網站上也有演說者自己上來修改介紹、提供圖片 的經驗。整體來說，除了無法讓辦公室其他非資訊相關的同事一起編輯較為遺憾之外，用 Wiki 方式確實收到應有的功效。

Wikidot 可以非常全面地調整各種導覽列及外觀，詳細的說明我已經寫過一篇文章，請參考 Wikidot 快速啟用事項清單 。

研討會流程表大概是我遇到的第一個問題，Wikidot 的表格說實在不很強、程式也有小 Bug。這時我們有一些選擇：a) 用別的軟體畫表格，然後以「embed」標籤嵌進去網頁 b) 改變表格編寫法。基於我家老闆盡善盡美的個性，流程勢必在編排過程中有相當頻繁的修改。一開始我們只用簡單的列表方式來排、等一切大致底定之後，我才開始 嚐試用 Wikidot 表格語法來編寫流程表。以我的編寫格式來說，Wikidot 尚能負荷；不過如果你需要更複雜的編排方式，或許直接以 Google Docs 編寫表格以後再嵌進來比較好，類似的範例可以參考 MozTW 自由新生代的課程表 。



「講者、講題介紹」是個能好好利用「範本」功能的地方，我先做了個簡單的範本頁面 ，並設定其他以「program:」為開頭的網頁都預先套用這個範本。如此一來，在編寫上的速度會快上很多。講者照片大多來自 Flickr，感謝 Joi Ito、他拍過了許多與會者的照片，在這方面用起來真的蠻方便的。

雖然我本身蠻抗拒做中英對照網站 (研討會官方語言不是英文嗎？)，但不可否認這是個需求。Wikidot 沒有 MediaWiki 多語參照的概念，為了應付這個需求，我用了一點小花招、使用兩組 Wikidot 網站來做中英對照。這方面的經驗我之前也已經寫過一篇，請參考以 Wikidot 實踐中英對映站 。

整合外部服務

地點資訊頁面裡，使用了 Google Maps 功能。現在來說你已經可以把自己在 Google Maps 上面標誌的路線圖等資訊直接嵌入網站了，這可以參考一下 MozTW 自由新生代的交通資訊頁面。Wikidot 會自動製作上傳圖檔、PDF 檔的縮圖，這點蠻方便的，也很有用處。

再次強調我是個懶人，不喜歡寫程式、討厭自己架系統，但是研討會的參加者來自世界各地、「報名系統」成了必備條件。這個部份真的要強烈推薦 Zoho Creator ，它可以讓你用拖拉放的方式製作資料庫表單，也可以設定檢索方式來匯出資料報表。雖然以現在的角度來說，我們已經有了Registrano 這個國產優秀網站工具可以處理網路報名的事情，但自訂能力來講 Zoho Creator 略有優勢，裡面自訂驗證、表單處理程序的功能也適合有程式基礎的朋友。兩者各有擅場，都是值得推薦的服務。

會後的錄影，我們希望能挑選支援創用CC的影音平台，選擇並不多。後來採用 blip.tv 的服務 ，好處是可以下載原始檔案，壞處則有兩個： a) 不支援中文 b) Wikidot 預設無法內嵌。無法內嵌是個大問題，不過由於 Wikidot 可以支援所有以 iframe 標籤嵌入的內容，所以比照中英對照的技巧、我也寫了一個小網頁來「偽裝」 ，做出可以方便內嵌 blip.tv 影片的機制。讀者可以自己參考一下原始碼，再比對一個成果網頁 即可瞭解。

除了影片外，會後的相片、投影片則有 Flickr 、Picasa Web Album 及 Slideshare 可以放，Flickr 跟 Slideshare 都支援創用 CC、算是政治正確的選擇。

跟網站無關的部份…

除了網站之外，後面的行政流程上也多少會用一點網路服務。例如我這邊邀請國外講者的預算及規畫等等就是用 Google Docs 的試算表功能與我家老闆共享，另外也採用 Google Analytics 分析一些訪客往來的資訊。這部份… 就不是這篇的重點了 :P

---

上述所有服務都是免費的，操作介面大多也蠻人性化；即便是要寫點小程式的地方，也可以參考我給的例子來下手。如果你完全不懂那些技術性的東西而心生畏懼，我找了一些使用這類服務的教學文件，或許你可以動手試試看再決定要不要用。

• Wikidot：目前好像我的網站 上介紹比較多...
• Zoho Creator：軟體玩家那兒有簡介 ，我沒找到完整操作介紹但這也可以擋一下
• Blip.tv：原來我是乾物男 有介紹，雖然沒有圖解有點可惜就是
• Flickr：Flickr 教學已經多到炸了，隨手找了篇
  
• Slideshare：湯姆小天地有圖解
• Picasa Web Album：主要得搭配 Picasa 才有完整威力，參考這篇
  
• Google Docs：會打字就會用啦，這個玩意反而找不太到完整的教學 orz 參考這篇
  
• Google Analytics：教學也不少

雖然 dotsub 上原先已經有人翻好了，不過我還是手癢修改一下... anyways 這可以讓你對朋友解釋 Twitter 是啥玩意：

Lee LeFever, CC: by-nc

如前前一篇所說，這是用 Y!Pipes 拼湊出來的 ETToday 影音新聞 Video Podcast。有了這玩意，你就可以用 Miro、iTunes 等軟體訂閱收看這些新聞。首先請點選分類連結，然後下方會跳出供你以 Miro 快速訂閱的按鈕。如果你不用 Miro，請複製 Videocast RSS 網址，再以其他軟體訂閱。

另外，我也一並提供「過水」完畢的 UTF-8 版 ETToday 新聞 RSS，供其他 mesh up 使用

即時 影劇 政治 運動 生活 社會 旅遊* 消費 科技 謠言* 財經 英文*

分類標籤後方加上 * 標記者，代表我猜測這個「頻道」不會有影音節目，但為求完整還是都貼了上來，請自便。附帶一提，我僅提供以 Videocast 軟體訂閱 ETToday 新聞的方法，你以此訂閱、下載節目，下載後要怎麼處置那些影片就不干我的事了。

如前一篇所說，我用 Y!Pipes 做了方便訂閱 Peopo 公民記者部落格影音新聞的玩意，幫你把一般的 RSS 變成含有影音物件的 Videocast feed，如此一來你就可以利用 Miro、iTunes 等軟體訂閱收看。這邊協助你輕鬆訂閱你喜歡的公民新聞：

1. 首先連上 Peopo 的影音新聞區，隨便找個有興趣的標題點下去
2. 看完那段影片後，對類似的議題有興趣的話，請點下右手邊的作者相片，這會帶你到他的 blog (例如「飄泊新聞網」)
3. 大致瀏覽一下對方的 blog 首頁，如果確定想持續收看這系列的報導，請複製網址，貼到下面的表單中，點選「給我影音 RSS」就行了。(如果你有安裝 Miro，請直接點選訂閱鈕；不想裝 Miro 者可以複製 RSS 網址以別的軟體訂閱)

請輸入網址:

以 Peopo 的公民新聞來說，每個公民記者都是跑自己有興趣的線、報導自己關心的消息，所以若你對他兩三篇文章都有興趣，那麼很可能他的報導都會是你的菜 -- 反正要是不合胃口，取消訂閱就是囉！

如我在 Y! Pipes 網頁上寫的，目前這個「程式」還有點問題：如果對方的部落格不提供 RSS，為尊重作者選擇，這個小程式也不會產出影音 RSS。如果你真想要，可以稍微修改一下我的 Pipes ，直接改採 parse html content 的方法新增文字內容。(看不懂這句話的朋友，跳過就是了，不重要)

自從用了 Miro 之後，我經常看看 Miro Guide 上有沒有什麼新玩意，不過看來看去都是外文實在有點煩。俗話說：「天助自助者」，所以我又來自助了... ㄜ，不是自己錄，自己錄影啥的門檻畢竟比較高，況且我是想要看不是想要製播啊 orz

國內其實有些網站都會不定時提供一些線上新知影片，例如 Peopo 公民新聞網提供了影音部落格功能、讓公民記者們上傳自己拍攝的新聞報導；又例如 ETToday 也會在網站上放入東森新聞的影音片段。這兩者似乎是不錯的 Video Podcast 標的，但卻都沒有提供這項功能。Peopo 我還蠻相信是資源有限，ETToday 的話... 大概不是沒想到就是想讓人看廣告吧？無論如何，完成的話大概是像這樣：

哈！這樣方便多啦！怎麼做的呢？Yahoo! Pipes 是懶人的好朋友 (連我女友看到介面都說「好可愛」，你看多有吸引力！)

• Peopo 公民新聞部落格 Videocast
• ETToday 的各類新聞 Videocast

稍候再分兩篇獨立的 blog post 方便大家直接新增這些 Videocast，這篇就先做經驗談就好。由於你完全可以看到 Yahoo! Pipes 裡各項 Pipe 的原始「碼」，所以就不多做解釋，有興趣的可以自行前往參考。以下僅列一下實作上的心得：

• 如果 source feed 不是 UTF-8 編碼，可用 Feedburner 過水一下
  
• Flash Video 的 MIME Type 是 video/x-flv
• 如果想要為原有的 Feeds 「新增」元素 (例如 Podcast 會用上的 enclosure)，可先以 Operators>Rename 來隨便複製幾個既有元素，再用 Operators>Regex 來指定內容及屬性值。
• 目前似乎依然沒辦法單獨將某 source 的屬性值「抽」出來移做它他用 (例如要將網址抽出、取回該網址來分析)，有個方便的方法是利用 Operators>Loop、裡頭嵌入另一個 Pipe，而那個「sub-Pipe」裡頭用個 User Input 來接原 Pipe 傳來的值，再行運算後傳回。例如這個

又，本來因著 Portnoy 的要求，我也想來做個 I'm TV 的版本，不過大敗。有段演算法在伺服端完成，我沒辦法兜出來... 這樣就很明顯是不讓人下載了，那就先跳過吧。

這篇順便實驗一下 Zoho Writer 的發佈功能，希望連 Tag 都可以上去！Zoho Writer 的離線功能真的超好用。

Technorati Tags     Yahoo,Video,心得,2.0玩具,Miro

方才在 TOSSUG 的活動中分享 Firefox 3 的心得，簡報檔如下：

如果您需要簡報原始檔 (odp)，可以這裡下載。 (請留意授權方式！)

有一些我有展示、但未在簡報檔中註明連結的資源如下：

• Firefox 最新逐日建製測試版
• Offline Application 的範例
• Web Protocol Handler 的範例
• 別人寫的，Cross-site XMLHttpRequest 的範例 (Header 版、XML 版)
• Firebug 套件 (另外有社群為 Firefox 3 製作的修改版)
• Prism: Gmail.webapp 中文版
• MozCC on Songbird
• http://translate.moztw.org

除此之外我還有一些事情要做的...

• 提報分割「說明」字串的 bug (先確定一下其他程式的慣例)
• 提報快捷鍵與選單項目文字間空格是否該存在的 bug (先確定一下其他程式的慣例)
• 寄送一些 Prism 的資訊給陳大哥
• MDC 部份文章轉請 Ryan 領小組翻譯

大概是如此，也歡迎大夥提一些關於此次介紹的建議 :)

---

自爆內幕，我以前不敢去 TOSSUG，怕去了會被電得很開心 XDDD

我明天 (1/29) 晚上 7:00 會在 TOSSUG 分享對 Firefox 3 的一些小小心得，地點在伯朗咖啡的南京二店。大概的內容是使用上的新功能概要、Web Application 方面的相關新功能，另外會介紹一下跟 Firefox 有關係的幾個專案。詳情請見這篇。

在規劃中，只有中間「Web Application 相關新功能」會牽扯一點點的網站開發事宜，每段也會有相當簡單的 Code sample 與 Demo。其他部份都很輕鬆，歡迎對 Firefox 新功能有興趣的朋友來認親一下 :P 投影片及 Code sample 在講完以後會立刻放上網路，還請隨時注意本 站。

幾次變動之後，從 Twitter 網站介面上你已經無法「翻」到第十頁之後眾友的碎念語句，不過重度使用者都知道 Twitter 可以改網址後面的數字繼續翻。要方便地處理這件事情有很多方法，甚至 Firefox 也有這類可以「幫你改網址數字」的套件 (以前我常拿來抓漫畫...)。不過如果你只需要翻頁，那麼把這個連結 T:下一頁 設成書籤吧。裡面的程式碼長這樣：

javascript:function%20BC_TP(){var%20str%20=%20location.href;if%20(str.indexOf("page=")<0)%20{return%20location.href+%20"?page=2";}var%20%20cpnum,%20pd,%20p%20=%20str.indexOf("&",%20str.indexOf("page="));cpnum%20=%20parseInt(str.substr(str.indexOf("page=")+5,%20((p>0)?%20p:%20str.length)));return%20str.replace("page="+cpnum,%20"page="+(cpnum+1));}%20location.href%20=%20BC_TP();

這樣可以幹嘛？這樣以後按那個書籤，便可以翻下一頁了。(所以最好是放在書籤工具列/連結列上...) 請隨意使用。我只寫我自己的需求，所以也沒什麼好改進的... 程式並不難甚至有點笨，有心力想改善的話就自己拿去修吧。

Firefox 3 實作了離線網際程式的東西，我對這個還蠻有興趣的，測試一下。雖然找到的資料都告訴我這樣就可以把檔案加進離線資源了：

<link rel="offline-resource" href="fx3offline.html" />

不過我怎麼搞也搞不定 orz，沒想太多，就用了另一種 JavaScript 的方式來放檔案：

navigator.offlineResources.add('http://leolo.cc/~bobchao/offline.jar');

把需要的檔案一一放好，這些檔案就會被加進離線資源裡，也就可以離線閱覽了。

另一個問題會是，網際程式如何知道使用者是否連線？這個問題，Firefox 利用「File > Work Offline」加上幾個新的事件、屬性來解決：

navigator.onLine

屬性，使用者在線上就是 true

offline / online

事件，在使用者上線、離線時觸發。

所以偵測離線、上線的程式碼可以是這樣：

function online_status(b_status){
   if (b_status) {
    //上線的動作
   } else {
    //離線的動作
   }
} 

window.onload = function (){
 online_status(navigator.onLine); //看你需不需要一開網頁就跑一次

 document.body.addEventListener("offline", function () {
  online_status(false);
 }, false);

 document.body.addEventListener("online", function () {
  online_status(true);
 }, false);
}

另外，我們可能還必須知道有多少資源可以用，或者以 JavaScript 新增/移除離線資源，方法我就不贅述了，請直接參考範例：

function show_resources(){
 var obj = navigator.offlineResources;
 
 if (obj.length == 0) {
  alert("目前沒有離線資源");
  return true;
 }
 
 var str = "<p>以下是可以離線閱覽的資源：</p><ul>";
 for (var i = 0; i < obj.length; i++){
  str += "<li>"+obj[i]+"</li>";
 }
 document.getElementById('status-output').innerHTML = (str+"</ul>");
 
 return true;
}

最後我還用了之前 Chris Double 實作離線 Zimbra 的技巧來放咱們可愛的小狐 -- Foxmosa，方法就是把該離線閱覽的東西全部包在 jar 裡一次放入離線資源，然後用從 Mozilla 時代就支援的 JAR Protocol 來叫用其中被壓縮的檔案。

jar:http://leolo.cc/~bobchao/offline.jar!/foxmosa.png

不過，由於之前發現的漏洞，Firefox 從 2.0.0.10 開始就對這種檔案比較小心、非得放在回傳時 Content-Type 是 application/java-archive 或 application/x-jar 的主機才能用，所以 Google Pages 又再度跟我們說了再見...

Anyways 提供一點範例跟心得讓有心人士實作參考囉！

測試 Firefox 3: Web application as protocol handler，使用 Fx3 查閱測試網頁，照著步驟做即可。

要讓自己寫的 Web Application 處理協定，首先要把自己註冊為處理程式：

window.navigator.registerProtocolHandler('mailto', 'http://page.bobchao.net/webhandler?m=%s', 'Mail Handler Test');

你的程式要記得自己過濾掉協定的前置字串 (在本例中是「mailto: 」)，然後就可以取得使用者點選的協定網址。如果是在私人網路，那麼可能無效，因為目前 Fx 應該不是先在使用者這邊 cache 之後無聲無息地傳過去...

Wikidot 的服務真的不錯，很多東西好用。我現在用 Wikidot 做了個明年一月亞洲公眾授權研討會的籌備網站，用到的功能分享一下：

• 自訂網域：雖然動作很慢，但是可以用就很感心ㄋㄟ。這功能需要可以設定 DNS 的權限、並且要動手開啟。
  
• 以分類限制頁面的編輯權限：我把「ac:」設成只有 site owner 可以編輯，其他頁面都開放給大家去編。預設上所有頁面只有 owner 可以編，所以需要調整。
• 逐頁討論串：說實在我覺得 MediaWiki 的討論頁方式會把一般使用者打死，再怎麼簡單都不像已經習慣的討論區方式啊。這功能需要開啟。
• 掛 Google 分析：需要開啟。
• 自訂樣板：這個不太直覺，先進 Appearance 的 Custom themes 新增新樣板的 CSS，然後才進 Themes 套用那個新樣板。預設字體字太小的時候很好用。
• 方便的導覽列：也用 wiki 方式編輯，很容易、很有趣

總之，目前很省事也很滿意，超適合我這種懶惰鬼。

這篇算是為 Mozilla Links 寫的，不過對於「完全不瞭 Flock」的朋友或許有參考價值，也在自己的 Blog 上貼一次。

Flock 是由 Firefox 2 變身而來的「Social Browser」，適合網際服務如 Twitter、Flickr、del.icio.us 等的重度使用者。你可以把它想成 Firefox 大改介面後又加上了一堆可以協同合作的附加元件。這個軟體在發展好一陣子之後，終於於日前推出了 1.0 RC3 版本，幾經大幅更動的使用介面也在此定案，來看看它有哪些功能：

最朋友的瀏覽器

Flock 整合 Facebook、YouTube、Flickr 及 Twitter，將這些服務化為「People sidebar」，也就是說你可以從這個側邊欄知道你的朋友們在做什麼、分享連結、照片、生活瑣事。

這些「朋友」就是你在那些服務網站所加的朋友，你只要把帳號密碼告訴 Flock，其他就交給他、不勞你費心匯入名單囉！

分享

內建的 Media bar 可以方便地查閱朋友們的新照片、新影片，而後可以再用 People sidebar 或內建的 Blog 編輯器與其他人分享。這個編輯器支援 Blogger、Typepad、Wordpress.com 等各式 Blog 系統，提供離線編輯的功能。

同時，書籤系統可以整合 del.icio.us 或 Magnolia 等網路書籤網站，一方面即使換電腦依然可以由網路存取這些書籤，二方面更可透過網路與別人分享你的書籤。

此外還有支援 Flickr、Photobucket 等網路相簿服務的照片上傳工具，當然也可以跟前面的分享工具混合使用。

資訊在握

類似於 Google Reader 操作感的 RSS reader 還算蠻方便使用的，而My World 是經過特殊設計的首頁，在一頁內就可以知道你最近存取的網站、還沒看過的 RSS 項目以及朋友新上傳的相片縮圖。

（說到這個，我好期待可以跟 Google Reader 同步的 RSS 離線閱讀工具啊！Google Reader 配上 Google Gear 的離線能力畢竟是要人為切換的，還是麻煩點。感覺上 Flock 很有機會透過擴充套件來完成這個夢？）

Flock 或許可以視為 Firefox 加上一些社會性網路功能套件，但背後的概念倒提供了瀏覽器發展上一個重新思考的方向。如果你常使用這堆服務，Flock 應該值得一試（白老鼠請走這邊！）

柏強之前寫過不少關於 Flock 的文章，在此小打廣告，請參考城市探險記（舊版、新版）。

Flock 1.0 終於也到 RC3 了，為之前曾經玩過的朋友很快講一下有趣的新地方：

People sidebar

整合 Twitter、Flickr 及 YouTube 等網路服務的側邊欄，存入自己帳號後就會列出所有朋友（你在這些網站上設定的那堆人）的資訊。一方面，他們若有更新，則 Flock 會通知你；二方面，如果你需要分享新的資訊，那麼將網址/圖片等東西「拖」到某人的圖示上，就會使用該服務的私人訊息功能傳訊。這倒是蠻有意思的。

另，此 Twitter 功能跟一般使用習慣不同，乃是列出「所有朋友的最後更新」訊息，如果某仁兄短時間內碎碎念了數十句，依然只會佔用一個方塊、並僅列出最後一次更新。這有好有壞，端看個人觀感。（文字對中文使用者來說倒是太小了，請點選截圖。）

My World

承襲 0.8 而來的 My World 功能，介面上重新修改得更簡潔了些，讀入速度也（稍稍地）變快了。

Blogging tool

改進不少，雖然都是在看不太到的地方：首先，存讀檔有自己獨立的視窗了，令我想起 Dreamweaver！另外，因應編輯器偶爾會當掉的問題，現在也有類似 Word 的自動恢復功能，感覺很棒。

不過在原始碼的使用上還是有點... 怎麼說呢，一方面居然還在用 <font>，二方面竟然以 <span> 套上CSS 來做粗體... 真是服了他啦。

搜尋

許久之前，以搜尋欄來找自己的書籤總是有問題，現在執行得非常好，速度也快。（不過，這項優點已經被 Firefox 3 學走了，而且個人覺得 Fx3 將其整合到位置列內更為直覺。）

Web Clipboard

又變到 Sidebar 去了，真是三心二意啊！感覺上其實在底部跟在旁邊都一樣地不好用，真為難。好吧，至少介面蠻有進步了就是。

隨處可見的訊息列

三不五時就會跳出來提示你要如何如何地使用 Flock，已經多到有點煩的程度了，這是我覺得退步的一點。

一句總結，如果你常用這堆線上服務，準備換 Flock 用用看吧！換句話說：如果你沒在用這堆線上服務，現在的瀏覽器就很好了... 這倒是跟最原始的想法完全一致啊！某種程度上看來是好事。

我之前寫過不少舊版的測試報告，剛才拿出來看一下、覺得再度檢視一個軟體的成長過程還蠻有趣的！如果有興趣可以參考一下：

• bobchao.wordpress.com 時期（Flock 0.7 以前）
• blog.bobchao.net 時期（Flock 0.7 到現在）

聽奧的志工網站搬家了，所以我做了新的資料來源：用 Feed43 做的。

數天前想把一些打死不提供 RSS 的 Blog 及網站放進 Google Reader，但 Dapper.net 好死不死在我的機器上會狂出問題，不得已只好再尋找其他的工具，沒想到找到（對看得懂 HTML 的人來說）更精準的 Feed43.com。一開始進去可能會有看沒懂，不過其實相當容易。以下我沒有想要好好解釋清楚所有東西，只是提供給懂 HTML 及程式概念的人方便入門：

1. 首先，進去首頁以後先按畫面中央的「Create your own feed」
2. 勾選同意使用條約，繼續進行
3. 接下來是建立一個資料來源的正式步驟，我這邊用聽奧的志工網站當範例：
1. Address 填入網站網址（http://t2009.npo.org.tw/），按下後方的「Reload」鈕（Encoding 會自動判別，當然你也可以自己輸入）
2. 接著會出現 Page Source，我覺得你不如用 Firefox 的檢視原始碼功能比較容易看。

3. 在 Step2 的地方要定義 parsing pattern，在聽奧志工網的例子裡，就是在問你「包覆重複區域的範圍，在哪裡呢？」我們檢視原始碼之後發現，以整份文件來看可找出這樣的結構：

   (...前略...)
   <td width="658" valign="top">
   
                           <table border="0" width="98%" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">
                              <!--  最新訊息   -->
                             <tr>
                   <td><img border="0" src="images/main-icon_1.gif" width="425" height="60"></td>
                 </tr>
                             <tr>
                   <td>
                     <table border="0" width="100%" cellspacing="1" cellpadding="3">
                                 
                       <tr>
   
                     <td width="22" align="center" valign="top"><img border="0" src="images/deaflympics_19.gif" width="14" height="14"></td>
                     <td><a href="content/news.asp?ser_no=212"> 志工服務機會-96/10/27-28迎新暨綜合訓練活動</a> <span class="Regdate">2007/10/15</span></td>
                   </tr>
   （...中略，類似第一項的重複新聞區段...）
                   </tr>
                         
                     </table>
                   </td>
   (...後略...)

   重複區域就包括在整份文件第一次出現的<td width="658" valign="top">到隨後第一次出現的</table>之間，所以這格是填上「<td width="658" valign="top">{%}</table>」，代表「這兩段程式碼之間的東西，才需要交給 Item Search Pattern 處理」。

4. 接下來處理 Item Search Pattern，我們只需要考慮從 Global Search Pattern 哪裡丟過來的程式就行了。在程式區段裡，我們要取出新聞網址及標題；剛巧，這其實代表「這個區段裡每個連結我都要」，那就很簡單了。此處填上「href="{%}"{*}>{%}</a>」，代表
   1. 我需要的第一份資料，就在每個『href="』之後、到另一個『"』之間；
   2. 隨後、直到『>』之前出現的東西都不理它；
   3. 第二份需要的資料，則在剛剛那個『>』之後、到『</a>』之間
   也就是說，{%}代表「要取得的資料」，{*} 代表「要忽略的資料」。之所以在 href=" {%}" 與 > 之間要加上{*}，是怕以後會出現 <a href="bob" class="abc">bob</a> 這類的東西，先用這種方法把 class 那堆屬性都忽略掉。接著按下「Extract」
5. 然後下面會出現你所取得的資料，就目前的志工網來說，你應該會抓到 12 個 item。每個 item 都有 網址 {%1} 跟標題 {%2}。一切無誤的話就可以跳下個步驟。
6. RSS feed properties 處已經先填好了一些東西，預覽時中文字元會變成亂碼所以標題跟描述我都打英文。
7. RSS item properties 裡，Title 的地方填標題的「{%2}」、Link 的地方填連結的「{%1}」。按下 Preview 看看...
4. 接下來，你還可以選擇更動名稱或是建立帳號（以便日後修改）等等的，就看你了

剛建好的資料來源，丟給 Google Reader 時有時會吃不到... 隔天再弄通常就行了。

ㄟ？我本來只是想小提一下 Feed43，怎麼變成教學了？...

我把 www.bobchao.net 從 Google Pages 移到 Wikidot 了（原先的網站會改在 pages.bobchao.net）。雖然 Wikidot 是完全免費的東西，但功能真不少：

• 簡單的語法，雖然是純文字編輯模式，但編輯器也以 JavaScript 弄得很好用
• 數量多又多的模組，Flickr、RSS 等都已經幫你船便便了
• 同時有討論模組（但，這個我沒開）
• 可以自訂網址（免費）
• 支援 Google Analytics
• AJAX 強化介面，速度真的不錯快
• 與 Google Pages 一樣提供 100MB 的檔案空間（但單檔上限 5MB）
• 可以全站備份

除了上述特色外，權限調整、版面配置（CSS）等功能也一應俱全，甚至還正在擴充 OpenId 的能力，真的蠻有趣的，值得推薦。

事實上之前我也用 Wetpaint 開過一個 wiki.bobchao.net，不過 Wetpaint 一則有點慢、二則有廣告，確定了 Wikidot 各項功能之後就跟 Wetpaint 說掰掰了！話說回來，Wikidot 在放棄廣告之後到底想怎麼營利？ mmm...

以這個簡單的簡報檔，順便來看看 SlideShare 跟 Google 簡報的表現如何 (SlideShare 的是原始檔案，由country911上傳）。目前來說，感覺上 SlideShare 的表現都會稍好些，對於一份已經做好的簡報、用 SlideShare 分享的確較為方便。（只要那份簡報剛好不會碰上 SS 文字跑位的問題 orz）

不過畢竟 Google 簡報的主力是放在快速簡便的編輯，對於既有簡報的匯入部份似乎只想做到堪用？否則，實在太應該支援 ODP。

Technorati Tags: slideshare, google docs, 樂生

依然是 Google 簡報的相關心得分享，要在 Blog 上嵌入 Google 簡報的話，想當然爾你會用 &lt;iframe&gt;，寬高 4:3 可以做得很好。不過嵌入的網址建議不要用 http://docs.google.com/Present?docid=atm74r78g3_200d6ghtz&fs=true 這樣的東西，如此一來萬一使用者尚未登入 Google，則會導向登入頁面。

所以怎麼辦呢？解決方法倒是已經在那個登入頁面裡就有了，只要改用「在新視窗中檢視發佈的簡報」那個連結的網址就行。懶得連的話，就在原本的網址後加上 &skipauth=true 吧，像是這樣：

http://docs.google.com/Present?docid=atm74r78g3_200d6ghtz&fs=true&skipauth=true

如你所想，那個是跳過（skip）驗證（authentication）的意思。經由這個方法，未登入的訪客可以直接看到全螢幕的投影片、已登入的則會開啟對話模式。至於能不能讓已經登入的訪客也直接看全螢幕？我還沒找到方法... orz

終於讓大夥等到了，Google 文件即日起加入簡報功能、在廣度上終於可以涵蓋 MS Office 的能力（深度還差得遠...）。最近 Google 文件的新功能都很快就有中文版，這次也不例外。

跟朋友玩了一下，以下是內容：

• 這是大神給我們的最新玩具
• 初步印象是：中規中矩，沒有驚艷但不算失望
• 中文版已經好了！
• 支援格式工具列，該有的有、想像不到的也沒有做出來 :P
• 「共用」功能還是挺不錯的
• 好地方
• 當然，快速做出一份還算可以的簡報是不成問題
• 可以跟大家一起編輯簡報
• 可以同步播放簡報、一起討論，這蠻有意思。（大神，何時來支援個語音吧！ Flash 可以幫你很多忙喔！ XD）
• 有待改進
• 增加新投影片一定要用滑鼠去按嗎？好慢好慢好慢，至少也該來個大綱模式
• 中文行距好窄
• 範本只能用內建的，至少也該支援設定背景圖片？
• （居然）只接受 .ppt 跟 .pps，也不支援另存成 ppt 或 odp！另存時會下載一個 zip 檔，打開其中的 HTML 就可以在瀏覽器開啟... mmm 大神，人家很期待這方面的功能說！
• 其他測試
• 傳一下以前做的投影片... 上限 10MB，但是狂斷線 XD 投影片製作技巧，文字有跑位。（參考正確版）當然，不支援動畫效果。
• 修訂版本... 只能列出各版而已，沒辦法看到差異
• 列印... 去除背景功能真是令人想大喊「CSS好棒啊啊啊啊」

同場加映：Google Reader 也有中文版了 :) Mark all as read 翻譯為「將所有項目標示為已閱讀」，我覺得蠻白話的，不錯。（「星號標記項目」就差了 XD）

今天早上順利地講完了之前提過的「常用應用軟體介紹」，不枉我昨天很努力寫了劇本，時間控制得剛剛好啊！（剛剛好的意思是，發現最後兩個講不到，所以一開始就放棄 XD）資源當然還是開放出來讓各位取用：

1. 教學用的劇本
2. 範例文件跟書籤連結（Demo 用的電腦現在上不了網，可以上網時我另補上）
3. 常用軟體講義
4. 解釋 Google Groups 原理時的PPT投影片，這個忘了標，也是 by-nc-sa 2.5 TW

我一直覺得戲只演一場很浪費耶！所以明天要去附中教學弟妹投影片設計技巧囉，希望這個也有機會再分享一回。

全程使用 Linux 簡報的第一回呢，可喜可賀。（投影片我是用 Wine 裝 PPT 2003 Viewer）

之前上字幕的... 原作是 commoncraft.com