Mark's Place

YUI çš„ Widget Effects

markwu — Wed, 16 Jan 2008 15:21:35 +0000

YUI 有時真的讓人覺得是個又龐大卻又沒有用的 Library！基本上，它是一個很完整的 Ajax Library，從 DOM 的操作、各式各項的 Widget 與 XMLHttpRequest 的實作，他幾乎沒有不支援的，但是每一樣就是都少那麼一點點。彈性雖大，但是比起其他 Ajax Library所需要花的功夫就多很多。

像是 DOM 的操作，也是一直到 2.4.0 之後才開始支援 Selector。而其他 YUI 元件像是 Container 或 Animation Effects 更是氣人，這些元件提供了各式各樣的特效，可是為了做到一個跟 script.aculo.us 一樣的特殊效果，你就得寫上比其他 Ajax Library 多好幾倍的 YUI 程式。

還好有許多的 YUI 愛好者寫了不少好東西，像是 Dav Glass 的 YUI: Effects Widget 就是一樣。透過：

demoEffect = new YAHOO.widget.Effects.BlindUp('demo', { delay: true });
demoEffect.animate();

就可以針對 demo 這個 id 作 "捲上" 的效果。所以我很高興的用 Widget Effects 將 Timeline 收起來了，需要的時候再 "點" 出來。可以試試看用滑鼠點 Banner 右下方的 Watch Timeline，看看會有什麼效果。

還好有這些善心人士，否則 YUI 用起來還真是痛苦。

PS：

從 LifeType 1.2 版後，我們已經採用 YUI 作為 Ajax Library，所以後續版本應該會把其他沒用的 Library 拉掉了。
YUI-EXT 是我很喜歡的 YUI 加強版，但是現在已經獨立變成了 Ext JS 了，可以跟其他 Ajax Library 如 jQuery 等一起搭配使用。

æœ‰é—œ Timeline çš„å¯¦ä½œ

markwu — Tue, 15 Jan 2008 04:27:20 +0000

第一次玩到 Timeline 是在 OurStory 這個利用 YUI 與 SIMILE Timeline 所建構的網站，最近則是在 Tagala 上看到。

如果大家還有記憶，很久很久很久以前我有釋出一個小玩意兒叫做 Blogtimes：

這是專門用來統計在過去一段時間裡面，你到底在一天裡面的哪些時候寫 Blog（上面這張圖來自於一個很古老的 Blog）。所以寫 Blog 的人對時間的興趣其實是很早以前就開始了，因為 Blog 的文章就是用時間來排序的。

有人研究何時寫文章看的人比較多，甚至研究何時收文到 funp，容易被推到首頁。

所以把 Timeline 加到 Blog 上應該是再自然也不過的事。

作了一個小小的實驗，把自己 Blog 上的文章透過 Timeline 來呈現，其實還滿有趣的。

有些月份，我可能一篇文章也沒寫，有些份月幾乎天天在寫文章（拯救宜蘭童玩節的時候）。這真的像是在看自己這幾年來發生的故事～

有興趣看 Timeline 是怎麼在運作的人，可以直接拖拉我 Banner 下方的 Timeline Widget，自己體會看看。

應該是還有很多改進的地方，例如：

加上特定的 URL，讓我可以直接就到某個 Timeframe。
把相簿加進去，變成有顏色的湯。
把其他網站 RSS 也加到 Timeline 裡面，變成有麵條(Timeline)的湯
把朋友的 RSS 也加進去，煮一鍋大家一起吃湯麵。

我也不知道我在說什麼，一直湯啊麵啊的，應該是肚子餓了。有了這個，光喝湯實在是不過癮啦。吃飯去～

é—œæ–¼ Tagala çš„ä¸€äº›æƒ³æ³•

markwu — Thu, 10 Jan 2008 10:31:08 +0000

前幾天在 Twitter 上看到奶爸貼了一則訊息：

tagala 你的時空記憶 http://www.tagala.tw/html/

我不小心就點下去看了。不看還好，一看真是訝異，竟然是用 LifeType 下去修改的，真是謝謝工研院與桃園縣政府的愛用。

寫這篇文章，除了 Promote 這個網站，主要是想談談 Tagala 這樣的網站到底好不好玩？

在 Tagala 的首頁寫道：

「Tagala」是將實體世界時間、空間、事件三者連動的觀念，呈現在單一網路平台上的創新服務。它就像是個匯聚眾人的「虛擬時空廣場」，人們可以在這裡尋找、觀察、收藏、甚至主動分享各種資訊。

這個主意真的不錯，把空間、時間與事件放在一個網站中，讓你可以透過空間範圍來看在什麼時間發生什麼事件，也可以透過時間範圍來看在那些空間發生那些事件。

把空間、時間與事件轉成網站的元素，應該還滿好對應的：

空間：Google Map、UrMap、Yahoo Map、MSN Map 甚至是直接混搭我好朋友作的 WaMap。
時間：Timeline 或是日曆
事件：部落格的文章、遊記、紀錄、心情、巴布、Twitter、Flickr、del.icio.us ...

所以要作這樣的一個網站，該有的元素看來目前都有，只要寫個程式把他們『混搭』起來就好。

可是，重點來了。事件的部份，到底要不要把使用者與使用者所產生的 Content 掌握在手中。如果要，那就得自己架個部落格或是相簿。如果不要，那麼就海闊天空，Tagala 可以透過 RSS 混搭任何的 Web 2.0 的網站，如 del.icio.us、Flickr、Twitter、巴布、或是任何的 BSP包含 Blogger、Xuite、無名與 Pixnet 等。

而透過 MicroFormat 的幫忙，更可以從這些混搭的 RSS 中取得有用的語意資訊，如 GeoTagging。

可惜的是，看起來 Tagala 選擇自己作一個部落格，然後要把使用者與使用者的 Content 掌握在手中，因此一下子就落入了與 BSP 互爭會員的無間地獄。

研究了一下現在約 200 個註冊的部落格，大部分看起來都是來註冊，然後試玩一下就離開的人。

要怎麼找到 Blog 使用者，留住 Blog 使用者，讓這些 Blog 使用者能繼續留在 Tagala，而只非來試玩一下，應該是目前 Tagala 最大的挑戰。

而比照另一個相同概念的 Web 2.0 網站 http://soup.io，網路上有人稱他為『美味的湯』。他並不想把會員綁死在他的平台上，反而是透過各式各樣的整合與混搭技術，讓使用者的資訊能夠混搭進來。使用者怎麼會不愛呢？不需要離開使用已久的服務，又能透過 Soup 的功能將自己在各個網站的事件整合在一起。

這樣的作法，顯然是比 Tagala 來的更聰明，且更有機會成功的。你可以參考一下 Carol 與 Kenworker 的美味的湯。Fred 甚至在 Twitter 上說道：

有一種感覺，soup.io將會是未來下一代blog的原型；這兩天有空寫一篇來講講。

雖然目前 Soup 沒有地圖，但是我相信只要有 GeoTag 在 RSS 中，要讓 Soup 展現空間的一面絕非難事。那時候 Tagala 應該就更沒有優勢了。

一個小小不同的想法，讓我覺得 Soup.io 比現在的 Tagala 好玩多了～

PHP RSS Parser çš„æ¯”è¼ƒï¼ˆSimplePie vs. MagpieRSSï¼‰

markwu — Thu, 10 Jan 2008 06:42:24 +0000

最近想把 LifeType 中的幾個 Class Library 換掉，原因是他們都太老舊，也都沒有人在維護，包含：

PHPMailer 換成 SwiftMailer。因為 SwiftMailer 支援 SSL 與 TLS 等協定，所以我就可以拿 Google Mail 來當 Mail Server。
Kses 換成 HTMLPurifier。因為 Kses沒人在維護了，HTMLPurifier 看起來開發非常的活躍。
MagpieRSS 換成 SimplePie。情況跟 Kses 一樣。

但是換之前，總得作一些實驗，要不然換到一個地雷就完蛋了。

下面是 MagpieRSS 與 SimplePie 的測試，我採用的是 Code Ninja 的測試方式與資料，使用的軟體與設定如下：

MagpieRSS 0.72 與 SimplePie 1.1
我將 test1.rss 放在我的 localhost 中，減少 remote 讀取的時間。不過原始的 test1.rss 用 SimplePie 並無法讀取，會發生 XML Parser Error。我是用 Firefox的檢視原始碼工具另存新檔後，SimplePie 才能讀取 test1.rss。
我的環境是使用 Apache 2.0 與 PHP 5.2.3
將 SimplePie 的 stupidly fast 功能打開，讓 SimplePie 與 MagpieRSS 的功能比較接近。否則 SimplePie 預設的動作中，作了不少的事。

測試結果如下：

SimplePie（第一次讀取 RSS）：
時間：7.50597 secs
記憶體：6667456 bytes

MagpieRSS（第一次讀取 RSS）：
時間：12.83128 secs
記憶體：2340528 bytes

SimplePie（第二次讀取 RSS，使用快取）：
時間：0.027497 secs
記憶體：4367264 bytes

MagpieRSS（第二次讀取 RSS，使用快取）：
時間：0.007864 secs
記憶體：1957640 bytes

這結果看起來真的不錯，在第一次沒有 Cache 的情況下，SimplePie 解析 500 個項目的 RSS feed，在時間上比 MagpieRSS 來的快。可是在記憶體使用上則是 MagpieRSS 的 3 倍。可是在第二次讀取 RSS，並使用快取的情況下，MagpieRSS 就比 SimplePie 來的快。

不過很少有人的 Blog 的 RSS Feed 是有 500 個項目的吧？所以我用我自己的 Blog 的 RSS 2.0 來測試，結果如下：

SimplePie（第一次讀取 RSS）：
時間：1.25598 secs
記憶體：640072 bytes

MagpieRSS（第一次讀取 RSS）：
時間：1.295425 secs
記憶體：1158768 bytes

SimplePie（第二次讀取 RSS，使用快取）：
時間：0.005092 secs
記憶體：483192 bytes

MagpieRSS（第二次讀取 RSS，使用快取）：
時間：0 0.006621 secs
記憶體：176224 bytes

這結果真是讓我跌破眼鏡，竟然在第一次沒有任何 Cache的情況下，不管是在速度上還是記憶體用量上，SimplePie 均優於 MagpieRSS。可是在第二次使用 Cache 的情況下，MagpieRSS 還是比較好。

不過這裡有一個很重要的因素，讓我更想換成 SimplePie。因為在沒有任何特殊設定的情況下，SimplePie 讀出來的中文字是正確的，可是 MagpieRSS 是完全變成問號（因為轉碼錯誤）。

內部討論一下吧，如果沒有任何問題，我真的很想把 MagpieRSS 換成 SimplePie，不僅因為速度差不多，編碼可以完全正確解讀，而且還支持到 Atom 1.0！～除了記憶體用得比較凶一些，想不出有什麼不換的理由。

本篇文章同時貼在 SimplePie 的論壇：The testing benchmark of SimplePie(1.1) vs MagpieRSS(0.72)。

æž—æ•™æŽˆã€Žé–‹æ”¾å§ï¼ã€

markwu — Tue, 04 Dec 2007 06:39:48 +0000

看到林一平教授，針對『無名小站的爭議』的回覆中的一句話：『來上課罷。無名的技術，交大資工課堂上都有教，並未藏私。』，感觸很深啊。我當年的聯考分數，只能上東海工工，卻絕對上不了交大資工。不過我沒有半點後悔，因為我遇到我一輩子的恩師：王偉華老師。

Anyway，下面是要給林教授的公開信（全文我也貼在無名小站的爭議的迴響中）：

林教授：

我是 LifeType 的 Lead Developer 與中文區的 Project Manager。真的很高興你們用 LifeType 來架設這個部落格社群，讓你們能暢所欲言。

看到『來上課罷。無名的技術，交大資工課堂上都有教，並未藏私。』這句話，身為長期 Open Source 的開發者之一，我只有個小小請求：

『開放吧！』。讓這樣的技術能為我們這些 Open Source 開發者所用。

我不要求你們金錢的回饋，只希望能把這樣的研究知識與技術，跟我們這群 Open Source 的開發者分享。如果真的如你所說的：『沒有藏私』。

不管你是放到 OSSF 或是 OOPS，我都會很感謝你的分享。

Mark

希望林教授能秉著不藏私的精神，讓我們得以分享這開放的果實。畢竟，我考不上交大啊！

PS. 全文有更動兩個錯字！

é å¤ï¼æ˜¯å˜´ç ²ï¼

markwu — Fri, 30 Nov 2007 08:28:48 +0000

昨晚在 plog-svn mailing list 上討論了一個晚上，猛然覺醒才發現我認真了。靠夭！是嘴砲！

相關網址：

LifeType ä¸æ–‡é–‹ç™¼æ”¯æ´ç¤¾ç¾¤ç²çŽäº†

markwu — Mon, 05 Nov 2007 04:26:28 +0000

基本上我是到頒獎前一天才收到 SLAT 通知說我們獲獎了。雖然不知道什麼時候被提名的 ... orz，但是還是很感謝提名我們的朋友，也很感謝投票給我們的朋友。

更感謝這兩年來辛苦的版主們，謝謝你們在沒有酬勞誘惑下，願意花自己的時間一起推廣 LifeType。謝謝你們！榮耀是屬於你們的。也謝謝 SLAT 那麼辛苦籌辦這樣的比賽。

BTW，聽說我們獲得的獎項是：

網友票選：傑出軟體中文化獎，受獎者為團隊或個人。

SLAT 通知的太晚了，所以我人在台中，沒辦法去領獎啊！不知道獎品是什麼？如果是獎金，那麼，大家一起吃尾牙吧！這個有得獎小貼紙嗎？來貼一下吧！

附上 SLAT 的領獎通知信：

推廣獎得獎者您好，

感謝您參與2007自由軟體社群推廣獎，
經過網友以及評審的票選，
恭喜您得獎囉^^

在此通知您前來領獎，
會在11/4下五5:20在ICOS會場頒講，
謝謝您

孟君

得獎名單如下：

傑出社群組織獎，受獎者為組織
1. 網友票選：FTUG (Pake)
2. 評審票選：OSS 桌面應用增進計畫
傑出社群網站獎，受獎者為網站
1. 網友票選：Moodle 中文加油站 (Moodle 中文加油站)
2. 評審票選：台灣 Linux 使用者社群 "Linux Taiwan User Group" (Yuren Ju (朱昱任))
傑出軟體貢獻獎，受獎者為團隊或個人
1. 網友票選：動態網頁、學校整合與圖書媒體管理系統 (曾琳富)
2. 評審票選：OpenVanilla 輸入法
傑出軟體中文化獎，受獎者為團隊或個人
1. 網友票選：LifeType 中文開發支援社群 (Mark Wu)
2. 評審票選：Moodle 中文優化團隊 (辛文義)
傑出文件翻譯撰寫獎，受獎者為團隊或個人
1. 網友票選：從缺
2. 評審票選：PostgreSQL 中文社群 (郭朝益(ChaoYi, Ku)
傑出教育推廣獎，受獎者為團隊或個人
1. 網友票選：Gasolin (Gasolin)
2. 評審票選：用教育捍衛地球！ (謝隆欽)

--
best regards,
余孟君
中華民國軟體自由協會秘書

Nonzero template for LifeType 1.2

markwu — Tue, 25 Sep 2007 23:22:45 +0000

這是之前答應 mouson 要放上的模版，實在對他很不好意思，一直忙到這禮拜才有時間將模版重新整理，有興趣的人請自行下載 nonzero.zip 使用。

Nonzero 裡面有五個不同色系的 CSS，預設是藍色的。我幫他加上了 Color Switcher 與 Font Switcher，讓瀏覽的訪客能夠自行決定喜歡的色系與字型大小。

唯一的缺點是，他是採用 reset CSS (讓預設的 CSS 格式設定歸零) 的方式來設計的，所以有些沒有注意到的地方，就會顯的怪怪的。這邊就請使用的人自行修改了。

修改預設的 CSS 色系也很簡單，只要找到 header.template 的這一段文字

<link rel="stylesheet" type="text/css" title="Blue" href="{$url->getTemplateFile("themes/blue/style.css")}" />
<link rel="alternate stylesheet" type="text/css" title="Red" href="{$url->getTemplateFile("themes/red/style.css")}" />
<link rel="alternate stylesheet" type="text/css" title="Green" href="{$url->getTemplateFile("themes/green/style.css")}" />
<link rel="alternate stylesheet" type="text/css" title="Brown" href="{$url->getTemplateFile("themes/brown/style.css")}" />
<link rel="alternate stylesheet" type="text/css" title="Magenta" href="{$url->getTemplateFile("themes/magenta/style.css")}" />

將你喜歡的色系的 rel 屬性改為 "stylesheet"，其他的改為 "alternative stylesheet" 就可以了。

模版釋出的授權是採用跟原設計者 nodethirtythree 一樣的創用 CC 「姓名標示─非商業性 2.5 台灣版」授權條款釋出。所以請勿使用在商業用途上，也請勿移除任何姓名與版權標示。

Bye Bye! PHP4!

markwu — Fri, 13 Jul 2007 16:29:18 +0000

PHP 官方網站終於宣布停止繼續發展 PHP4 的消息，時間是到今年底為止。至於 Bug Fix 來是會繼續維持到明年 8 月。這的確是個好消息，因為 LifeType 不需要再為了維持 PHP4 的相容性，而需要犧牲掉某些 PHP5 好用的功能。

壞消息是，整個 LifeType 的 refactoring/migration 會是件痛苦得不得了的事！

Instant LifeType for AppServ/XAMPP 1.2.3 é‡‹å‡º

markwu — Wed, 04 Jul 2007 04:06:43 +0000

當初在做 Instant LifeType 的時候，當然希望包山包海，把一切用的到的功能都放進去。可是這是個錯誤的決定，因為我根本沒有時間維護。這實在 NIH (Not Invented Here) 心態下所做出的鳥事。

所以我決定在這一次的釋出中把我的錯誤給修正過來。這一次我採用 AppServ 與 XAMPP 作為基礎，直接將 Instant LifeType 建立在他們上面，所以使用者必須要有 AppServ 或是 XAMPP 才能安裝 Instant LifeType。這實在減輕我對這個專案不少的維護時間。站在巨人的肩膀上做事，還是比較輕鬆的。

* 這是 Instant LifeType 與 XAMPP Control Center 同時運作的情形

目前還只有繁體中文版，其他語系版本會陸續釋出。更好的消息是，我預備把這個專案變成 LifeType 的正式官方專案之一。

有興趣的人請參考下面連結：

下載 Instant LifeType for AppServ 1.2.3 (搭配 AppServ 2.5.x 使用)
下載 Instant LifeType for XAMPP 1.2.3 (搭配 XAMPP 1.6.x 使用)
AppServ/XAMPP 與 Instant LifeType 線上安裝說明

注意：

如果使用 AppServ，安裝時請記得將 MySQL 密碼設為 passwd，並且將預設編碼設定為 utf8。
如果使用 XAMPP，請記得修改 my.cnf 檔，將 latin1 改為 utf8。
安裝完畢後，請執行記得仔細閱讀 readme.txt 的內容。
預設的 LifeType 帳號與密碼分別是 administrator / passwd。
以上帳號與密碼，均是預設安裝時為方便使用者所設立。如果你要正式上線對外公開，請記得修改。