<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cyberpunk &#187; Web2.0 Website</title>
	<atom:link href="http://punk.tw/category/web20/web20-website/feed" rel="self" type="application/rss+xml" />
	<link>http://punk.tw</link>
	<description>網際叛客：學習心得、Web 2.0與網路觀察、Google應用與技術、Ruby on Rails, Google App Engine</description>
	<lastBuildDate>Tue, 07 Feb 2012 08:42:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>小玩具：Inside HotNews熱門新聞榜</title>
		<link>http://punk.tw/2010/05/10/%e5%b0%8f%e7%8e%a9%e5%85%b7%ef%bc%9ainside-hotnews%e7%86%b1%e9%96%80%e6%96%b0%e8%81%9e%e6%a6%9c</link>
		<comments>http://punk.tw/2010/05/10/%e5%b0%8f%e7%8e%a9%e5%85%b7%ef%bc%9ainside-hotnews%e7%86%b1%e9%96%80%e6%96%b0%e8%81%9e%e6%a6%9c#comments</comments>
		<pubDate>Mon, 10 May 2010 14:43:20 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[inside]]></category>

		<guid isPermaLink="false">http://punk.tw/2010/05/10/1024.html</guid>
		<description><![CDATA[不曉得你是否跟我一樣，每天總要透過電視、報紙或網路新聞來關心這個世界又發生了什麼事？（當然這也是個看電視的好藉口，因為我每次要看電視總會告訴自己：來關心一下台灣吧！）然而每天關心台灣的結果，我發現兩個現象： 新聞工作者們認為重要的新聞總會在電視上持續的放送，每個小時可以輪播好幾次、每個新聞台都會播，然而這些新聞卻不一定是我所關心的。 我感興趣的新聞有越來越高的機會來自社群，例如是身邊的好友在Facebook或Plurk上分享的新聞，也正是我感興趣的。即使並非全部都感興趣，但感興趣的機率也比較高。 先前我曾在另一篇文章提過： 近年來社群網站的興起，在網路上與老朋友相逢的事情似乎已經漸漸稀鬆平常，你我使用網際網路的行為從過去單向的吸收（Web 1.0時代），隨著資訊爆炸開始依賴搜尋引擎，並逐漸開始學著參與、分享、貢獻內容（Web 2.0時代），一直到開始在網際網路上與現實生活中的人際關係有更多的交集，如此的典範轉移持續的在發生。 人們在網路上的使用行為是持續在改變的，重要的訊息從過去我們直接上Yahoo!奇摩首頁看新聞，到後來透過funP推推王來觀看重要訊息，一直到現在上了Facebook、Plurk，我們開始透過社群上的好友來獲取不同的資訊。若你跟我一樣是個Google Reader的愛用者，你或許會發現兩個現象： 志同道合的朋友總會在Google Reader上分享你覺得實用、有趣的訊息出來 即使是志趣不同的朋友，也會分享不同領域的有趣訊息，讓你增廣見聞或是看到不同領域的重要消息 在社群參與越來越頻繁、深入的情況下，所謂的Social filtering、Collective intelligence等過去總是在學術論文上出現的過程，便得以被實現。不過今天要分享的小玩具，其實也沒那麼厲害，只是身為一個研究生，在閒暇之餘做出來的小玩具罷了。 Inside HotNews是我與幾位朋友一起發想出來的有趣小玩具，這個小玩具有幾個重點： 內容以Yahoo!奇摩新聞為基礎，倘若你習慣用Yahoo!奇摩新聞作為關心台灣、關心世界的新聞媒體，Inside HotNews或許可以作為另一種決定閱讀排序或閱讀與否的篩選工具。 內容熱門與否的排序以每一篇新聞在Facebook上被分享、轉貼的次數為計算的核心。使用這個數字有兩個主要原因：一是剛好在研究Facebook API，想說練習一下；二是我大膽假設在Facebook上會被分享的新聞應該也是我比較有興趣的。 新聞的排序使用了簡單的演算法，會同時考慮一篇文章在時間與推文數兩個因素的消長，演算法還在持續的調整當中。 我們正在嘗試加入其他新聞來源，希望讓這個網站真正作為一個有用的新聞閱讀工具。 我們也提供了RSS feed，每個網頁的右上角都有一個訂閱按鈕，訂閱後您就可以隨時掌握目前最熱門的新聞。 就我目前自己使用起來的感覺，還滿符合我自己閱讀新聞的習慣的，因為我假設「社群上常被分享的新聞應該也是我比較有興趣的」，目前看來好像是真的如此（從眾性格？），但這個小工具已經解決了平常我看新聞又不知道從何看起、一直看電視好像又很浪費時間而且轉來轉去都一樣，然後在社群上又會看到很多容易分心的訊息… 另外，我們也統計了每篇新聞在Facebook上被轉貼次數的成長狀況，從這些曲線可以大致看到一篇文章實際的熱門程度是一時爆紅還是細水長流，可以看出某些訊息是特別容易被分享的，例如與經濟民生有關、帶有一點點十八禁成份之類的新聞。 身為一個研究生，總會希望背後運用的技術、方法論是富有一些內涵的，並試圖呈現更好、更棒的結果，我們會持續調整這個小玩具。如果對於這個小玩具有任何建議或是指教，歡迎在twitter上 @deduce 或 @insideCyberbuzz 與我們交流。]]></description>
			<content:encoded><![CDATA[<p><a href="http://hotnews.inside.com.tw/"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Screen shot 2010-05-10 at 10.21.18 PM" border="0" alt="Screen shot 2010-05-10 at 10.21.18 PM" src="http://punk.tw/wp-content/uploads/2010/05/Screenshot20100510at10.21.18PM.png" width="506" height="321" /></a>
</p>
<p>不曉得你是否跟我一樣，每天總要透過電視、報紙或網路新聞來關心這個世界又發生了什麼事？（當然這也是個看電視的好藉口，因為我每次要看電視總會告訴自己：來關心一下台灣吧！）然而每天關心台灣的結果，我發現兩個現象：</p>
<ol>
<li>新聞工作者們認為重要的新聞總會在電視上持續的放送，每個小時可以輪播好幾次、每個新聞台都會播，然而這些新聞卻不一定是我所關心的。 </li>
<li>我感興趣的新聞有越來越高的機會來自社群，例如是身邊的好友在Facebook或Plurk上分享的新聞，也正是我感興趣的。即使並非全部都感興趣，但感興趣的機率也比較高。 </li>
</ol>
<p>先前我曾在<a href="http://www.inside.com.tw/03/25/the-future-of-location-based-service">另一篇文章</a>提過：</p>
<blockquote><p>近年來社群網站的興起，在網路上與老朋友相逢的事情似乎已經漸漸稀鬆平常，你我使用網際網路的行為從過去單向的吸收（Web 1.0時代），隨著資訊爆炸開始依賴搜尋引擎，並逐漸開始學著參與、分享、貢獻內容（Web 2.0時代），一直到開始在網際網路上與現實生活中的人際關係有更多的交集，如此的典範轉移持續的在發生。</p>
</blockquote>
<p>人們在網路上的使用行為是持續在改變的，重要的訊息從過去我們直接上Yahoo!奇摩首頁看新聞，到後來透過funP推推王來觀看重要訊息，一直到現在上了Facebook、Plurk，我們開始透過社群上的好友來獲取不同的資訊。若你跟我一樣是個Google Reader的愛用者，你或許會發現兩個現象：</p>
<ol>
<li>志同道合的朋友總會在Google Reader上分享你覺得實用、有趣的訊息出來 </li>
<li>即使是志趣不同的朋友，也會分享不同領域的有趣訊息，讓你增廣見聞或是看到不同領域的重要消息 </li>
</ol>
<p>在社群參與越來越頻繁、深入的情況下，所謂的Social filtering、Collective intelligence等過去總是在學術論文上出現的過程，便得以被實現。不過今天要分享的小玩具，其實也沒那麼厲害，只是身為一個研究生，在閒暇之餘做出來的小玩具罷了。</p>
<p><a href="http://hotnews.inside.com.tw/">Inside HotNews</a>是<a href="http://www.inside.com.tw/">我與幾位朋友</a>一起發想出來的有趣小玩具，這個小玩具有幾個重點：</p>
<ol>
<li>內容以Yahoo!奇摩新聞為基礎，倘若你習慣用Yahoo!奇摩新聞作為關心台灣、關心世界的新聞媒體，Inside HotNews或許可以作為另一種決定閱讀排序或閱讀與否的篩選工具。 </li>
<li>內容熱門與否的排序以每一篇新聞在Facebook上被分享、轉貼的次數為計算的核心。使用這個數字有兩個主要原因：一是剛好在研究Facebook API，想說練習一下；二是我大膽假設在Facebook上會被分享的新聞應該也是我比較有興趣的。 </li>
<li>新聞的排序使用了簡單的演算法，會同時考慮一篇文章在時間與推文數兩個因素的消長，演算法還在持續的調整當中。 </li>
<li>我們正在嘗試加入其他新聞來源，希望讓這個網站真正作為一個有用的新聞閱讀工具。 </li>
<li>我們也提供了RSS feed，每個網頁的右上角都有一個訂閱按鈕，訂閱後您就可以隨時掌握目前最熱門的新聞。 </li>
</ol>
<p>就我目前自己使用起來的感覺，還滿符合我自己閱讀新聞的習慣的，因為我假設「社群上常被分享的新聞應該也是我比較有興趣的」，目前看來好像是真的如此（從眾性格？），但這個小工具已經解決了平常我看新聞又不知道從何看起、一直看電視好像又很浪費時間而且轉來轉去都一樣，然後在社群上又會看到很多容易分心的訊息…</p>
<p>另外，我們也統計了每篇新聞在Facebook上被轉貼次數的成長狀況，從這些曲線可以大致看到一篇文章實際的熱門程度是一時爆紅還是細水長流，可以看出某些訊息是特別容易被分享的，例如與經濟民生有關、帶有一點點十八禁成份之類的新聞。</p>
<p><a href="http://punk.tw/wp-content/uploads/2010/05/Screenshot20100510at10.21.47PM.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Screen shot 2010-05-10 at 10.21.47 PM" border="0" alt="Screen shot 2010-05-10 at 10.21.47 PM" src="http://punk.tw/wp-content/uploads/2010/05/Screenshot20100510at10.21.47PM_thumb.png" width="544" height="430" /></a> </p>
</p>
<p>身為一個研究生，總會希望背後運用的技術、方法論是富有一些內涵的，並試圖呈現更好、更棒的結果，我們會持續調整這個小玩具。如果對於這個小玩具有任何建議或是指教，歡迎在twitter上 <a href="http://twitter.com/deduce">@deduce</a> 或 <a href="http://twitter.com/insideCyberbuzz">@insideCyberbuzz</a> 與我們交流。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2010/05/10/%e5%b0%8f%e7%8e%a9%e5%85%b7%ef%bc%9ainside-hotnews%e7%86%b1%e9%96%80%e6%96%b0%e8%81%9e%e6%a6%9c/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Miroko：國產大容量，10G網路硬碟（SeedNet）</title>
		<link>http://punk.tw/2008/03/17/miroko%ef%bc%9a%e5%9c%8b%e7%94%a2%e5%a4%a7%e5%ae%b9%e9%87%8f%e7%b6%b2%e8%b7%af%e7%a1%ac%e7%a2%9f%ef%bc%88seednet%ef%bc%89</link>
		<comments>http://punk.tw/2008/03/17/miroko%ef%bc%9a%e5%9c%8b%e7%94%a2%e5%a4%a7%e5%ae%b9%e9%87%8f%e7%b6%b2%e8%b7%af%e7%a1%ac%e7%a2%9f%ef%bc%88seednet%ef%bc%89#comments</comments>
		<pubDate>Mon, 17 Mar 2008 06:26:19 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Miroko]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/03/17/812.html</guid>
		<description><![CDATA[&#160; &#160; 前兩天朋友丟了個網址過來http://www.miroko.tw/。 我們對它一致的看法是：「光看首頁根本不知道他要幹什麼？」，頁面上標語斗大寫著「輕鬆連結、樂趣無限」，也沒說是要連結什麼？提供了什麼樂趣？再從左邊的圖示可以看出要我們上傳些什麼、可以管理、交流、同步，此時或許稍微敏銳點的使用者才會知道：喔！有可能是網路硬碟！ 下面是首頁的縮圖： Miroko是由SeedNet所推出的大容量網路硬碟，目前據官方部落格說提供了10G的網路空間，前一千名使用者還有機會獲得50G的超大容量！（行文介紹也是可以獲得50G的:p ）。由於是SeedNet提供的網路空間，速度上應該不會讓人太失望才是。 特色 Miroko網路硬碟的特色： 提供自動HTTP、FTP以及BT下載 提供了簡單的社群機制，可以分享自己個人資料夾給朋友 也可以瀏覽、上傳檔案給你的朋友 如果你安裝了Miroko所提供的外掛程式，還會有以下功能： 可以檢視本機資料夾、直接同步桌機與網路上的檔案 多檔傳輸 自動定時同步 續傳功能 功能、介面 接下來就稍微介紹一下功能與介面吧！ &#160; 登入之後系統會馬上偵測你是否有安裝Miroko所提供的外掛，據辦公室的同事所說，好像是IE only（？），所以我也不打算裝了，有興趣的朋友可以下載看看。 進入Miroko的主畫面如下圖： 畫面左、右兩邊分別可以檢視兩個不同的硬碟，例如本機硬碟、網路硬碟、朋友的網路硬碟。畫面的構成主要是使用Extjs這套最初源自於YUI的JavaScript Library，也因此Miroko也徹底地運用了Extjs的最大特色：豐富的UI元件與拖曳效果。換句話說，雖然這是網路硬碟，但使用起來就跟你平常使用檔案總管、我的電腦一樣直覺，想要移動檔案只需要使用滑鼠拖曳即可。（這也是官方部落格上開發團隊的目標：直覺的使用方式）。 至於最右邊有個比較小格的，是通訊錄。你可以編輯好友名單或黑名單，並提供傳訊的功能。加入好友之後，便可直接透過下拉式選單瀏覽好友的硬碟。 每個資料夾的圖示都跟在Windows作業系統一樣，可以設定共享的模式。這裡我自己建立了一個「公開資料夾」，在上面按右鍵會出現選單，點選「內容」： &#160; 在內容視窗中可以看到資料夾目前的容量與檔案數目；分享設定的部份可以設定不同的分享名稱及分享模式： 換句話說，你可以藉由Miroko很輕鬆地跟朋友交流檔案，這讓我比較直覺地想到，這裡有可能成為萬惡淵藪，因為後面還有更能考驗你我良心的功能！ 上傳檔案的過程會顯示傳輸速率、剩餘時間。 在主畫面的最下方有一排頁籤： 相簿 剛剛上述的部份是「檔案」，相簿預覽的頁面則是可以讓你把存在圖片資料夾的檔案發佈成獨立的網頁，將相簿網址丟給朋友便可達到分享的目的，雖然相簿功能非常陽春，但對於眾多鄉民們可以快速看照片，夠了！:D 發佈之後的網頁就長這樣，比較特別的是，圖片可以直接以URL存取，這點個人認為大大加分！以後分享圖片等於多了一個速度又快、容量又大的免費空間了！（不過要是SeedNet發現流量撐不住的話有可能限制存取的Referer，像是無名小站這點就讓我覺得非常糟糕。） 例如上面範例圖片的URL是http://www.miroko.tw/userphoto/deduce/slides/Oryx%20Antelope.jpg 上面這張圖片是直接連結到Miroko網路硬碟的，如果已經看不到圖片表示Miroko已經撐不住關掉了！（或是找理由關掉，流量負荷過大造成其他使用者權益受損、主機負荷過大要維護使用者權益、法律因素、安全性考量？XD） 任務 最特別的部份來了！ Miroko提供了BT、HTTP、FTP下載的任務排程功能，HTTP跟FTP應該都很好理解，能開放BT下載實在是太令我訝異了！不過，這個功能目前似乎還無法正常運作！實在滿可惜的！有可能是還在開發中。 最後，同步與留言的部份應該挺直覺的（同步需要安裝軟體），各位有興趣的讀者可以嘗試看看囉！ 註：Miroko寄來的認證信目前被Gmail丟到垃圾郵件，想註冊的朋友若沒收到認證信請到垃圾桶翻翻看:p]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p><a href="http://www.miroko.tw/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="94" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image9.png" width="193" border="0"></a>&nbsp;</p>
<p>前兩天朋友丟了個網址過來<a title="http://www.miroko.tw/" href="http://www.miroko.tw/">http://www.miroko.tw/</a>。</p>
<p>我們對它一致的看法是：「光看首頁根本不知道他要幹什麼？」，頁面上標語斗大寫著「<strong>輕鬆連結、樂趣無限</strong>」，也沒說是要連結什麼？提供了什麼樂趣？再從左邊的圖示可以看出要我們<strong>上傳</strong>些什麼、可以<strong>管理</strong>、<strong>交流</strong>、<strong>同步</strong>，此時或許稍微敏銳點的使用者才會知道：喔！有可能是網路硬碟！</p>
<p>下面是首頁的縮圖：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image10.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="238" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb7.png" width="412" border="0"></a> </p>
<p><a href="http://www.miroko.tw/">Miroko</a>是由SeedNet所推出的大容量網路硬碟，目前據<a href="http://blog.miroko.tw/">官方部落格</a>說提供了10G的網路空間，前一千名使用者還有機會獲得50G的超大容量！（行文介紹也是可以獲得50G的:p ）。由於是SeedNet提供的網路空間，速度上應該不會讓人太失望才是。</p>
<h4>特色</h4>
<p><a href="http://www.miroko.tw/">Miroko網路硬碟</a>的特色：</p>
<ul>
<li>提供自動HTTP、FTP以及<strong>BT下載</strong></li>
<li>提供了簡單的社群機制，可以分享自己個人資料夾給朋友</li>
<li>也可以瀏覽、上傳檔案給你的朋友</li>
</ul>
<p>如果你安裝了<a href="http://www.miroko.tw/">Miroko</a>所提供的外掛程式，還會有以下功能：</p>
<ul>
<li>可以檢視本機資料夾、直接同步桌機與網路上的檔案</li>
<li>多檔傳輸</li>
<li>自動定時同步</li>
<li>續傳功能</li>
</ul>
<h4>功能、介面</h4>
<p>接下來就稍微介紹一下功能與介面吧！</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image11.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="164" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb8.png" width="294" border="0"></a>&nbsp;</p>
<p>登入之後系統會馬上偵測你是否有安裝<a href="http://www.miroko.tw/">Miroko</a>所提供的外掛，據辦公室的同事所說，好像是IE only（？），所以我也不打算裝了，有興趣的朋友可以下載看看。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image12.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="118" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb9.png" width="313" border="0"></a> </p>
<p>進入<a href="http://www.miroko.tw/">Miroko</a>的主畫面如下圖：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image13.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="244" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb10.png" width="322" border="0"></a> </p>
<p>畫面左、右兩邊分別可以檢視兩個不同的硬碟，例如本機硬碟、網路硬碟、朋友的網路硬碟。畫面的構成主要是使用<a href="http://extjs.com/">Extjs</a>這套最初源自於<a href="http://developer.yahoo.com/yui/">YUI</a>的JavaScript Library，也因此<a href="http://www.miroko.tw/">Miroko</a>也徹底地運用了<strong><a href="http://extjs.com/">Extjs</a>的最大特色：豐富的UI元件與拖曳效果</strong>。換句話說，雖然這是網路硬碟，但使用起來就跟你平常使用檔案總管、我的電腦一樣直覺，想要移動檔案只需要使用滑鼠拖曳即可。（這也是官方部落格上開發團隊的目標：直覺的使用方式）。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image14.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="109" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb11.png" width="125" border="0"></a> </p>
<p>至於最右邊有個比較小格的，是通訊錄。你可以編輯好友名單或黑名單，並提供傳訊的功能。加入好友之後，便可直接透過下拉式選單瀏覽好友的硬碟。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image15.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="128" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb12.png" width="247" border="0"></a> </p>
<p>每個資料夾的圖示都跟在Windows作業系統一樣，可以設定共享的模式。這裡我自己建立了一個「公開資料夾」，在上面按右鍵會出現選單，點選「內容」：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image16.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="198" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb13.png" width="154" border="0"></a>&nbsp;<a href="http://punk.tw/wp-content/uploads/2008/03/image17.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="204" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb14.png" width="244" border="0"></a> </p>
<p>在內容視窗中可以看到資料夾目前的容量與檔案數目；分享設定的部份可以設定不同的分享名稱及分享模式：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image18.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="130" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb15.png" width="262" border="0"></a> </p>
<p>換句話說，你可以藉由<a href="http://www.miroko.tw/">Miroko</a>很輕鬆地跟朋友交流檔案，這讓我比較直覺地想到，這裡有可能成為萬惡淵藪，因為後面還有更能考驗你我良心的功能！</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image19.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="152" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb16.png" width="376" border="0"></a> </p>
<p>上傳檔案的過程會顯示傳輸速率、剩餘時間。</p>
<p>在主畫面的最下方有一排頁籤：</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image20.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="29" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb17.png" width="318" border="0"></a> </p>
<h4>相簿</h4>
<p>剛剛上述的部份是「檔案」，相簿預覽的頁面則是可以讓你把存在圖片資料夾的檔案發佈成獨立的網頁，將相簿網址丟給朋友便可達到分享的目的，雖然相簿功能非常陽春，但對於眾多鄉民們可以快速看照片，夠了！:D</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image21.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="214" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb18.png" width="244" border="0"></a> </p>
<p>發佈之後的網頁就長這樣，比較特別的是，<strong>圖片可以直接以URL存取</strong>，這點個人認為大大加分！<strong>以後分享圖片等於多了一個速度又快、容量又大的免費空間了！</strong>（不過要是SeedNet發現流量撐不住的話有可能限制存取的Referer，像是無名小站這點就讓我覺得非常糟糕。）</p>
<p>例如上面範例圖片的URL是<a title="http://www.miroko.tw/userphoto/deduce/slides/Oryx%20Antelope.jpg" href="http://www.miroko.tw/userphoto/deduce/slides/Oryx%20Antelope.jpg">http://www.miroko.tw/userphoto/deduce/slides/Oryx%20Antelope.jpg</a></p>
<p><img height="114" src="http://www.miroko.tw/userphoto/deduce/slides/Oryx Antelope.jpg" width="152"> <br />上面這張圖片是直接連結到Miroko網路硬碟的，如果已經看不到圖片表示Miroko已經撐不住關掉了！（或是找理由關掉，流量負荷過大造成其他使用者權益受損、主機負荷過大要維護使用者權益、法律因素、安全性考量？XD）</p>
<h4>任務</h4>
<p>最特別的部份來了！</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image22.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="250" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb19.png" width="101" border="0"></a> </p>
<p><a href="http://www.miroko.tw/">Miroko</a>提供了BT、HTTP、FTP下載的任務排程功能，HTTP跟FTP應該都很好理解，能開放BT下載實在是太令我訝異了！不過，這個功能目前似乎還無法正常運作！實在滿可惜的！有可能是還在開發中。</p>
<p>最後，同步與留言的部份應該挺直覺的（同步需要安裝軟體），各位有興趣的讀者可以嘗試看看囉！</p>
<p>註：<a href="http://www.miroko.tw/">Miroko</a>寄來的認證信目前被Gmail丟到垃圾郵件，想註冊的朋友若沒收到認證信請到垃圾桶翻翻看:p</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/03/image23.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="119" alt="image" src="http://punk.tw/wp-content/uploads/2008/03/image-thumb20.png" width="292" border="0"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/03/17/miroko%ef%bc%9a%e5%9c%8b%e7%94%a2%e5%a4%a7%e5%ae%b9%e9%87%8f%e7%b6%b2%e8%b7%af%e7%a1%ac%e7%a2%9f%ef%bc%88seednet%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Meeya的學習，不能等</title>
		<link>http://punk.tw/2008/01/24/meeya%e7%9a%84%e5%ad%b8%e7%bf%92%ef%bc%8c%e4%b8%8d%e8%83%bd%e7%ad%89</link>
		<comments>http://punk.tw/2008/01/24/meeya%e7%9a%84%e5%ad%b8%e7%bf%92%ef%bc%8c%e4%b8%8d%e8%83%bd%e7%ad%89#comments</comments>
		<pubDate>Thu, 24 Jan 2008 03:33:37 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Murmur]]></category>
		<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/24/719.html</guid>
		<description><![CDATA[Meeya團隊的指導原則或許該加上一條：Meeya的學習不能等！能換掉的趕快換一換吧！ 我曾經寫過幾篇文章鼓勵Meeya，像是「試玩meeya感想：不過就是中文的陽春版facebook」，或許有朋友以為我好像不是很看好Meeya、還特地寫了些文章出來酸鼓勵他們，但事實上我還是得說，看看目前台灣的Facebook-clone，Yacko、Unis.tw以及Meeya，我個人是比較看好Meeya的。 Yacko，基本上又是個Facebook-clone，應該也是燒了點錢在舉辦校園活動，成效不知如何，不過起碼那些拿到iPod的人應該挺開心的。 關於Meeya，無論當初他們使用Facebook的JavaScript以及CSS是無心之過還是工程師以下欺上騙其他不懂技術的，或根本就是暗黑兵法的負面行銷，起碼Meeya是很用心在經營的，也因此他們無論是換掉JavaScript、CSS的速度很快，連換掉首頁的速度也是挺快的。 昨天在這裡、以及Schee的Twitter上看到：「meeya.cc 首頁 https://www.pulipinc.com/」，好奇之下便連了過去，看到幾乎跟meeya一模一樣的大樹，不過晚上再看的時候Meeya已經換掉了，好險我有備份XD（剛剛在Multani的blog上也看到了：這個...到底是誰像誰？，他說有網友留言給他，我才發現我自己的blog上也有類似的留言orz） 這是已經被Meeya換掉的首頁底圖，不過檔案仍然存在Server上（http://meeya.cc/images/index.gif），我想應該很快就會被移掉了。 仔細觀看一些細節的話可以發現很多地方很像，不過既然Meeya應變速度如此之快，我們還是給予一些掌聲吧！如果說這又是Meeya的負面行銷，那我...豈不是又中計了嗎？:p Meeya的新大樹 Meeya成長的過程中，徹底發揮了台灣人的學習、臨摹能耐，同時又實踐了Web 2.0元素中相當重要的一環：Mash-Up!混搭自己寫的PHP程式、Facebook的JavaScript&#38;CSS，以及韓國網站的首頁，看到Meeya的應變能力，我相信比起首頁還在學Facebook的Yacko是更值得期待未來發展的，趕快推出API吧！ &#160;至於Unis.tw呢？今年似乎還參加了Web 2.0創意選秀，不過我還是沒有很期待，因為搞不清楚他們的定位到底是什麼。]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/01/image90.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="143" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb88.png" width="244" border="0"><a href="http://punk.tw/wp-content/uploads/2008/01/image91.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="135" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb89.png" width="244" border="0"></a></a></p>
<p>Meeya團隊的指導原則或許該加上一條：Meeya的學習不能等！能換掉的趕快換一換吧！</p>
<p>我曾經寫過幾篇文章鼓勵Meeya，像是「<a href="http://punk.tw/2007/12/20/487.html">試玩meeya感想：不過就是中文的陽春版facebook</a>」，或許有朋友以為我好像不是很看好Meeya、還特地寫了些文章出來<strike>酸</strike>鼓勵他們，但事實上我還是得說，看看目前台灣的Facebook-clone，Yacko、Unis.tw以及Meeya，<strong>我個人是比較看好Meeya的</strong>。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image83.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb81.png" width="244" border="0"></a> <br />Yacko，基本上又是個Facebook-clone，應該也是燒了點錢在舉辦校園活動，成效不知如何，不過起碼那些拿到iPod的人應該挺開心的。</p>
<p>關於Meeya，無論當初他們使用Facebook的JavaScript以及CSS是無心之過還是工程師以下欺上騙其他不懂技術的，或根本就是暗黑兵法的負面行銷，起碼Meeya是很用心在經營的，也因此他們無論是換掉JavaScript、CSS的速度很快，連換掉首頁的速度也是挺快的。</p>
<p>昨天在<a href="http://crazylion.wordpress.com/2008/01/22/%e5%a5%bd%e5%83%8f/">這裡</a>、以及<a href="http://twitter.com/schee/statuses/622044782">Schee的Twitter上</a>看到：「meeya.cc 首頁 <a href="https://www.pulipinc.com/">https://www.pulipinc.com/</a>」，好奇之下便連了過去，看到幾乎跟meeya一模一樣的大樹，不過晚上再看的時候Meeya已經換掉了，好險我有備份XD（剛剛在Multani的blog上也看到了：<a href="http://multani1026.blogspot.com/2008/01/blog-post_23.html">這個...到底是誰像誰？</a>，他說有網友留言給他，我才發現我自己的blog上也有類似的留言orz）</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image90.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="274" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb88.png" width="464" border="0"></a>  <br />這是已經被Meeya換掉的首頁底圖，不過檔案仍然存在Server上（<a title="http://meeya.cc/images/index.gif" href="http://meeya.cc/images/index.gif">http://meeya.cc/images/index.gif</a>），我想應該很快就會被移掉了。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image91.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="259" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb89.png" width="464" border="0"></a> <br />仔細觀看一些細節的話可以發現很多地方很像，不過既然Meeya應變速度如此之快，我們還是給予一些掌聲吧！如果說這又是Meeya的負面行銷，那我...豈不是又中計了嗎？:p</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image86.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="214" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb84.png" width="244" border="0"></a> Meeya的新大樹</p>
<p>Meeya成長的過程中，徹底發揮了台灣人的學習、臨摹能耐，同時又實踐了Web 2.0元素中相當重要的一環：Mash-Up!混搭自己寫的PHP程式、Facebook的JavaScript&amp;CSS，以及韓國網站的首頁，看到Meeya的應變能力，我相信比起首頁還在學Facebook的Yacko是更值得期待未來發展的，趕快推出API吧！</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image87.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="175" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb85.png" width="244" border="0"></a>&nbsp;<br />至於Unis.tw呢？今年似乎還參加了Web 2.0創意選秀，不過我還是沒有很期待，因為搞不清楚他們的定位到底是什麼。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/24/meeya%e7%9a%84%e5%ad%b8%e7%bf%92%ef%bc%8c%e4%b8%8d%e8%83%bd%e7%ad%89/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>初探VooEasy.com（下）</title>
		<link>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8b%ef%bc%89</link>
		<comments>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8b%ef%bc%89#comments</comments>
		<pubDate>Wed, 16 Jan 2008 10:09:35 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Murmur]]></category>
		<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/16/695.html</guid>
		<description><![CDATA[這篇算是補充前兩篇沒觀察到的一些小細節，因此就以條列的方式呈現吧！ 瀏覽他人頁面時，對方尚未啟用的功能標籤會隱藏，這點倒是挺貼心的。 原來VooPal是可以到處亂跑的 個人化名片的部份會出現你剛剛瀏覽的路徑 頁面右上角除了「Add to favorites」之外，還有推（digg/push）的功能 該數字會反應在Kudos，並影響個人排名 頁面上方的連結應該可說是VooEasy最主要的功能列表，點進去可以看到每個功能的獨立頁面說明：&#160; 大致上如此，許多小細節可能有待各位讀者們慢慢發現。 我認為VooEasy目前看起來比較適合已經有過社群網站使用經驗的使用者，對於新手來講VooEasy算是過於複雜的，有些概念甚至過去不曾出現在其他網站，對於新手的學習可能要花費一些功夫（尤其對台灣的使用者而言）。 個人目前滿期待VooEasy或是VooFox推出中文版，從屆時的中文版與現有英文版的差異，應該可以看出開發團隊對於在地化或是因應台灣使用者的使用習慣有何看法。我個人認為台灣Web 2.0發展受限於台灣人使用習慣以及使用人口不多，很難與國際型的大網站相提並論，也因此究竟VooFox團隊會投注多少心力在台灣（或說華文市場）是相當值得期待的。]]></description>
			<content:encoded><![CDATA[<p>這篇算是補充前兩篇沒觀察到的一些小細節，因此就以條列的方式呈現吧！</p>
<ul>
<li>瀏覽他人頁面時，對方尚未啟用的功能標籤會隱藏，這點倒是挺貼心的。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image71.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="51" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb69.png" width="419" border="0"></a> </li>
<li>原來VooPal是可以到處亂跑的<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image72.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="154" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb70.png" width="300" border="0"></a> </li>
<li>個人化名片的部份會出現你剛剛瀏覽的路徑<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image73.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="183" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb71.png" width="244" border="0"></a> </li>
<li>頁面右上角除了「Add to favorites」之外，還有推（digg/push）的功能<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image74.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="73" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb72.png" width="222" border="0"></a> <br />該數字會反應在Kudos，並影響個人排名<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image75.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="56" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb73.png" width="244" border="0"></a></li>
<li>頁面上方的連結應該可說是VooEasy最主要的功能列表，點進去可以看到每個功能的獨立頁面說明：<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image76.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="59" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb74.png" width="391" border="0"></a>&nbsp; <br /><a href="http://punk.tw/wp-content/uploads/2008/01/image77.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="176" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb75.png" width="244" border="0"></a> </li>
</ul>
<p>大致上如此，許多小細節可能有待各位讀者們慢慢發現。</p>
<p>我認為VooEasy目前看起來比較適合已經有過社群網站使用經驗的使用者，對於新手來講VooEasy算是過於複雜的，有些概念甚至過去不曾出現在其他網站，對於新手的學習可能要花費一些功夫（尤其對台灣的使用者而言）。</p>
<p>個人目前滿期待VooEasy或是VooFox推出中文版，從屆時的中文版與現有英文版的差異，應該可以看出開發團隊對於在地化或是因應台灣使用者的使用習慣有何看法。我個人認為台灣Web 2.0發展受限於台灣人使用習慣以及使用人口不多，很難與國際型的大網站相提並論，也因此究竟VooFox團隊會投注多少心力在台灣（或說華文市場）是相當值得期待的。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8b%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>初探VooEasy.com（中）</title>
		<link>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%ad%ef%bc%89</link>
		<comments>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%ad%ef%bc%89#comments</comments>
		<pubDate>Wed, 16 Jan 2008 09:54:34 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/16/680.html</guid>
		<description><![CDATA[上一篇初探VooEasy.com（上）大致將下圖的五個部份稍微簡短介紹過了。 接下來的部份我覺得才是VooEasy比較能吸引使用者（或其實只有吸引到我？）上門的部份。&#160; People：People的部份會顯示最近你的好友們有哪些行動，例如加入哪個群組、在哪留言之類的，讓你可以快速掌握朋友的動態。（例如一看對方加入群組就馬上跟蹤，這樣說起來好像滿宅的XD，不過我在facebook倒是滿常跟著朋友到處跑的） TeamsVooEasy Teams是現有社群網站的革命性突破，號稱可以讓你在與幾個朋友組隊，與隊友們共享訊息。我對於Teams的理解是，你可以找幾個同樣關注Web 2.0議題的朋友一起在VooEasy上交流Web 2.0的想法、連結、影片、書籍或是各種資源，你可以運用的工具有Memos、Thoughts、Stuff、Q&#38;A等各種VooEasy所提供的社群功能或是團隊專屬的討論區來交流情報。換句話說，我可以跟不同類型、興趣的朋友組成各式各樣不同的團隊，如此一來VooEasy便會成為一個以使用者為單位、社群為基礎發展點的資訊匯流中心（講好聽點是這樣），但使用者為什麼要上來這裡交流情報便是很值得觀望的重點，否則VooEasy很容易成為空有社群而無內容（UGC）的網站。當然，VooEasy也有可能根本不打算做UGC，而是要利用前文所述的VID來拓展社群的廣度、深度，將VID推廣到各式各樣的網站，以後只要是VID的使用者都可以在這上面交流情報。 Groups Groups應該是個比較容易想像的feature，類似facebook或是flickr上的group，開放式的群組有同樣背景或興趣的人加入。跟Teams不同的是，Teams以自己既有的朋友為出發點去建立團隊；而Groups則是先有共同目標、興趣、背景，開好群組後讓使用者們自由加入。 Favorites 在VooEasy上瀏覽每個人的頁面時都會看到「add to favorites」的連結，只要別人的頁面是你感興趣的，看到就可以將之收藏供日後查閱。在新增Favorties的時候會看到如下的畫面： 新增別人的頁面作為自己的Favorites時，可以自行定義標籤（tag），日後在搜尋的時候應該會更容易找到當初收藏的資料。（不過我在測試的時候這個功能怎麼沒有作用？Ajax沒寫好？） Memos Memos我覺得比較有創意的是，你不僅可以發送即時的訊息，也可以發送預約訊息，例如我規劃環島十天都沒機會用到電腦，但是可以很早就將行程寫在Memos中，這樣我的朋友們就可藉此得知我每天的行程（雖然他們不一定會這麼關心）。 VooPal 養寵物我是比較沒興趣，不過這大概是VooEasy用來讓頁面看起來活潑一點的功能。使用者在個人頁面可以對電子寵物自言自語或是去跟別人的寵物講話，大概是有些人不好意思告白，可以把對象轉移到寵物身上說：「我很喜歡你的主人，但是我不敢告訴他」或者換個角度想，未來某些重度社群使用者對VooEasy上癮之後，便會更用心個人的頁面或社群參與活動，而寵物的配件、樣式或功能就可以是一種額外的付費加值功能，如此便會是個獲利來源啊～不過這就僅僅是亂猜一下:p 剛剛才發現瀏覽其他使用者時會出現瀏覽路徑，如果不斷瀏覽遇到朋友的朋友會不會出現特別的提示呢？ 剛剛都在介紹個人首頁的右半部，左半部乍看之下沒什麼，但其實也是有幾個挺貼心的功能。 每個區塊的順序可以自訂，共有13個區塊（不含個人名片），分別有如下的區塊：VooPal、朋友、Teams、Groups、曾來過的訪客列表、個人連結、Thoughts、Stuff、Memos、最近發表的comments、最近別人發表給你的comments、個人音樂盒。 比較酷的就是訪客列表，很類似MyBlogLog，如果未來VID可以推廣到其他網站去，VooEasy是否也能搞出自己的MyBlogLog呢？:p 新增連結到個人頁面的時候很酷，系統會自動去該頁面抓圖（不過顯然我的blog可能太不friendly了，抓出來的圖我都不想用XD，抓圖的準則不曉得是什麼？） 最後是可以上傳音樂，不曉得容量限制是多少？ 待續....]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/2008/01/16/649.html">上一篇</a><a href="http://punk.tw/2008/01/16/649.html">初探VooEasy.com（上）</a>大致將下圖的五個部份稍微簡短介紹過了。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image58.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="60" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb56.png" width="310" border="0"></a> </p>
<p>接下來的部份我覺得才是VooEasy比較能吸引使用者（或其實只有吸引到我？）上門的部份。<br />&nbsp;<a href="http://punk.tw/wp-content/uploads/2008/01/image59.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="46" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb57.png" width="338" border="0"></a> </p>
<ul>
<li>People：People的部份會<strong>顯示最近你的好友們有哪些行動</strong>，例如加入哪個群組、在哪留言之類的，讓你可以快速掌握朋友的動態。（例如一看對方加入群組就馬上跟蹤，這樣說起來好像滿宅的XD，不過我在facebook倒是滿常跟著朋友到處跑的）<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image60.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="113" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb58.png" width="405" border="0"></a> </li>
<li><a href="http://punk.tw/wp-content/uploads/2008/01/image61.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="91" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb59.png" width="167" align="right" border="0"></a>Teams<br />VooEasy Teams是現有社群網站的革命性突破，號稱可以讓你在與幾個朋友組隊，與隊友們共享訊息。<br />我對於Teams的理解是，<strong>你可以找幾個同樣關注Web 2.0議題的朋友一起在VooEasy上交流Web 2.0的想法、連結、影片、書籍或是各種資源，你可以運用的工具有Memos、Thoughts、Stuff、Q&amp;A等各種VooEasy所提供的社群功能或是團隊專屬的討論區來交流情報</strong>。<br />換句話說，我可以跟不同類型、興趣的朋友組成各式各樣不同的團隊，如此一來VooEasy便會成為一個以使用者為單位、社群為基礎發展點的資訊匯流中心（講好聽點是這樣），但使用者為什麼要上來這裡交流情報便是很值得觀望的重點，否則VooEasy很容易成為空有社群而無內容（UGC）的網站。<br />當然，VooEasy也有可能根本不打算做UGC，而是要利用前文所述的VID來拓展社群的廣度、深度，將VID推廣到各式各樣的網站，以後只要是VID的使用者都可以在這上面交流情報。</li>
<li>Groups<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image62.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="116" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb60.png" width="209" align="right" border="0"></a> Groups應該是個比較容易想像的feature，類似facebook或是flickr上的group，開放式的群組有同樣背景或興趣的人加入。<br />跟Teams不同的是，<strong>Teams以自己既有的朋友為出發點去建立團隊；而Groups則是先有共同目標、興趣、背景，開好群組後讓使用者們自由加入</strong>。</li>
<li>Favorites<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image63.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="121" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb61.png" width="244" align="right" border="0"></a> 在VooEasy上瀏覽每個人的頁面時都會看到「add to favorites」的連結，只要別人的頁面是你感興趣的，看到就可以將之收藏供日後查閱。<br />在新增Favorties的時候會看到如下的畫面：<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image64.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="179" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb62.png" width="374" border="0"></a> <br /><strong>新增別人的頁面作為自己的Favorites時，可以自行定義標籤（tag）</strong>，日後在搜尋的時候應該會更容易找到當初收藏的資料。（不過我在測試的時候這個功能怎麼沒有作用？Ajax沒寫好？）</li>
<li>Memos<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image65.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="305" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb63.png" width="429" border="0"></a> <br />Memos我覺得比較有創意的是，你不僅<strong>可以發送即時的訊息，也可以發送預約訊息</strong>，例如我規劃環島十天都沒機會用到電腦，但是可以很早就將行程寫在Memos中，這樣我的朋友們就可藉此得知我每天的行程（雖然他們不一定會這麼關心）。</li>
<li>VooPal<a href="http://punk.tw/wp-content/uploads/2008/01/image66.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="312" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb64.png" width="227" align="right" border="0"></a>  <br />養寵物我是比較沒興趣，不過這大概是VooEasy用來讓頁面看起來活潑一點的功能。<br />使用者在個人頁面可以對電子寵物自言自語或是去跟別人的寵物講話，大概是有些人不好意思告白，可以把對象轉移到寵物身上說：「我很喜歡你的主人，但是我不敢告訴他」<br />或者換個角度想，未來某些重度社群使用者對VooEasy上癮之後，便會更用心個人的頁面或社群參與活動，而寵物的配件、樣式或功能就可以是一種額外的付費加值功能，如此便會是個獲利來源啊～不過這就僅僅是亂猜一下:p</li>
</ul>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image67.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="186" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb65.png" width="244" border="0"></a> <br /><strong>剛剛才發現瀏覽其他使用者時會出現瀏覽路徑，如果不斷瀏覽遇到朋友的朋友會不會出現特別的提示呢？</strong></p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image68.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="252" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb66.png" width="124" align="left" border="0"></a> </p>
<p>剛剛都在介紹個人首頁的右半部，左半部乍看之下沒什麼，但其實也是有幾個挺貼心的功能。</p>
<p>每個區塊的順序可以自訂，共有13個區塊（不含個人名片），分別有如下的區塊：VooPal、朋友、Teams、Groups、曾來過的訪客列表、個人連結、Thoughts、Stuff、Memos、最近發表的comments、最近別人發表給你的comments、個人音樂盒。</p>
<p>比較酷的就是<strong>訪客列表，很類似</strong><a href="http://www.mybloglog.com/"><strong>MyBlogLog</strong></a><strong>，如果未來VID可以推廣到其他網站去，VooEasy是否也能搞出自己的MyBlogLog</strong>呢？:p</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image69.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="137" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb67.png" width="244" border="0"></a> <br />新增連結到個人頁面的時候很酷，系統會自動去該頁面抓圖（不過顯然我的blog可能太不friendly了，抓出來的圖我都不想用XD，抓圖的準則不曉得是什麼？）</p>
<p>最後是可以上傳音樂，不曉得容量限制是多少？<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image70.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="227" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb68.png" width="244" border="0"></a> </p>
<p>待續....</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%ad%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Oops! ppolis掛點了？！</title>
		<link>http://punk.tw/2008/01/16/oops-ppolis%e6%8e%9b%e9%bb%9e%e4%ba%86%ef%bc%9f%ef%bc%81</link>
		<comments>http://punk.tw/2008/01/16/oops-ppolis%e6%8e%9b%e9%bb%9e%e4%ba%86%ef%bc%9f%ef%bc%81#comments</comments>
		<pubDate>Wed, 16 Jan 2008 08:40:48 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Murmur]]></category>
		<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/16/653.html</guid>
		<description><![CDATA[有史以來最嚴重的硬體故障事件，祝他們好運！ 剛剛寫「初探VooEasy.com（上）」時扯到了ppolis，想說連過去看一下最近有沒有改版，沒想到居然掛點了。 歷史上的今天：VooEasy.com上線、Meeya再次上線、ppolis硬體掛點暫時下線。]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/01/image57.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="290" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb55.png" width="412" border="0"></a> </p>
<p>有史以來最嚴重的硬體故障事件，祝他們好運！</p>
<p>剛剛寫「<a href="http://punk.tw/2008/01/16/649.html">初探VooEasy.com（上）</a>」時扯到了<a href="http://www.ppolis.com/">ppolis</a>，想說連過去看一下最近有沒有改版，沒想到居然掛點了。</p>
<p><strong>歷史上的今天：</strong><a href="http://meeya.cc/"><strong>VooEasy.com</strong></a><strong>上線、</strong><a href="http://meeya.cc/"><strong>Meeya</strong></a><strong>再次上線、</strong><a href="http://www.ppolis.com/"><strong>ppolis</strong></a><strong>硬體掛點暫時下線</strong>。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/16/oops-ppolis%e6%8e%9b%e9%bb%9e%e4%ba%86%ef%bc%9f%ef%bc%81/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>初探VooEasy.com（上）</title>
		<link>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8a%ef%bc%89</link>
		<comments>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8a%ef%bc%89#comments</comments>
		<pubDate>Wed, 16 Jan 2008 08:34:47 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/16/649.html</guid>
		<description><![CDATA[剛剛看到XDite說「國內兩大新站開張」，其中一個就是Mr.6的VooFox網站似乎開始進行beta測試了，Mashable.com上的報導「VooEasy is Twitter + Meebo + Pownce; 3,500 Invites for Mashable Readers」，提供了3,500個測試帳號的邀請函。 不過，從http://voofox.com/可以發現VooFox還在持續倒數中，或許VooEasy只是團隊的其中一個網站， 接下來還會推出VooFox，兩個網站互相分享、使用彼此的資源讓效益極大化？ VooEasy is Twitter + Meebo + Pownce Twitter是一個提供使用者可以發送訊息的服務，每個訊息最多只能有140個字，當你內心有什麼片段的想法、心得想書發的時候，便可透過Twitter來讓關心你的朋友知道，我們也可以將Twitter看作一種微型部落格的概念。 Meebo則是網頁版的即時通訊軟體，整合Yahoo!即時通、MSN Messenger、Google Talk或是aim、ICQ等，使用者的電腦不需要安裝即時通訊軟體即可透過Meebo來跟親朋好友聯絡。 至於Pownce，簡單來說它很類似Twitter，但是提供了較多的功能（進化版Twitter），你可以分享各種文字訊息、檔案、網頁連結等。XDite曾經為Pownce寫了一篇滿完整的評論：多了很多餘的 Pownce。 所以，以Mashable.com給VooEasy的標題，大概可以想像出VooEasy是個類似Twitter的強化版服務，並且想要像meebo一樣達到跨平台的便利與整合性。 在登入的頁面可以發現VooEasy將登入帳號稱作VID，同時也可以使用AOL、Yahoo!或是facebook帳號進行登入，如此的作法可以整合不同社群上的使用者，使用者無須在多個社群網站註冊才能使用個別的服務。未來VID應該也會發展成類似OpenID或是Google OpenSocial的跨站驗證機制，讓VooEasy的使用者可以悠遊多個站台。 整個首頁給我的感覺像個人化首頁，不過仔細看可以發現只有左邊的區塊可以自行調整位置，而右邊則是只有內文的順序可以調整。 上圖是每個人在VooEasy上都會擁有的名片，點選後會連結到名片的獨立頁面，倘若你有登入的話可以直接編輯個人專屬名片。 名片編輯頁面中提供了上圖的編輯面板，可以自行增加方塊、文字或圖片，並可以選擇自己想要的色彩或透明度。 個人首頁的右上角可以發現類似Twitter的「What am I doing here?」，在VooEasy上給他的名稱叫Memo，點選編輯之後就可以更新個人的狀態，你的好友也會收到你的最新狀態。在個人首頁右邊的區塊也會出現你過去輸入的Memo。 此外，右邊有三個數字，Activity應該是目前你在VooEasy網站上所進行的行為次數統計，Kudos我不知道-.-，Rank應該就是統計活躍度之類的吧？ 接下來的標籤連結共有十一個，灰色底的上面都標註Open Me，提醒使用者該功能是我尚未啟用的，必須點選進入才會啟用。 Overview提供的就是剛剛看到的頁面，會將使用者個人的訊息、最近的動作、參與的社群、團隊、討論等各種社群參與的行為在首頁彙整顯示，你的朋友或是想認識你的人可以透過此頁面快速瞭解你最近的行為。 Profile是編輯個人檔案的地方，提供簡單的頁面編輯功能讓使用者可以快速修改個人的履歷檔案。&#160; Thoughts，中文翻成想法嗎？我認為Thoughts比較類似平常的blog或是留言板，它允許使用者編輯更多的文字並且可以設定文字的格式、樣式，跟Memo不同的是Thoughts提供了訪客回應的功能。 此外，Thoughts整合了許多不同的資源，可以讓使用者在新增文章的時候搜尋、插入，例如我隨便搜尋一本「Web 2.0 Patterns」，它就會到網路上找出對應的書籍，點選插入之後就可以針對這本書發表我的讀書心得了。 Q&#38;A的部份則是開放式的問答空間，網頁上特別標明了「Everyon on VooEasy can answer」，大概就是要考驗友誼真誠度的頁面吧？！例如我可以問說：「你們覺得我是好人嗎？」結果每個人都回答是收好人卡的好人，那不是很糗嗎？提問的過程有三個步驟，我是覺得有點過於複雜了，應該可以簡化為即時預覽，如此一來就可以在單一頁面完成提問動作啦。 &#160; Stuff分享你的個人物品，我認為這部份目前尚無整合性可言，僅僅是讓使用者輸入個人擁有物品的名稱、品牌、型號、敘述、價格等等，應該整合ppolis或是listal等網站的既有資源才是。 未完待續...]]></description>
			<content:encoded><![CDATA[<p><a href="http://beta.vooeasy.com/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="58" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image56.png" width="129" border="0"></a> </p>
<p>剛剛看到<a href="http://blog.xdite.net/">XDite</a>說「<a href="http://blog.xdite.net/?p=528">國內兩大新站開張</a>」，其中一個就是Mr.6的VooFox網站似乎開始進行beta測試了，<a href="http://mashable.com/">Mashable.com</a>上的報導「<a href="http://mashable.com/2008/01/15/vooeasy/">VooEasy is Twitter + Meebo + Pownce; 3,500 Invites for Mashable Readers</a>」，提供了3,500個測試帳號的邀請函。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image37.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="193" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb36.png" width="349" border="0"></a> </p>
<p>不過，從<a href="http://voofox.com/">http://voofox.com/</a>可以發現VooFox還在持續倒數中，或許<a href="http://beta.vooeasy.com/">VooEasy</a>只是團隊的其中一個網站， 接下來還會推出VooFox，兩個網站互相分享、使用彼此的資源讓效益極大化？</p>
<h1>VooEasy is Twitter + Meebo + Pownce</h1>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image38.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="220" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb37.png" width="350" border="0"></a> </p>
<p><a href="http://twitter.com/">Twitter</a>是一個提供使用者可以發送訊息的服務，每個訊息最多只能有140個字，當你內心有什麼片段的想法、心得想書發的時候，便可透過<a href="http://twitter.com/">Twitter</a>來讓關心你的朋友知道，我們也可以將Twitter看作一種微型部落格的概念。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image39.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="206" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb38.png" width="353" border="0"></a> </p>
<p><a href="http://www.meebo.com/">Meebo</a>則是網頁版的即時通訊軟體，整合<a href="http://messenger.yahoo.com/">Yahoo!即時通</a>、<a href="http://tw.msn.com/">MSN Messenger</a>、<a href="http://www.google.com/talk/">Google Talk</a>或是aim、ICQ等，使用者的電腦不需要安裝即時通訊軟體即可透過<a href="http://www.meebo.com/">Meebo</a>來跟親朋好友聯絡。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image40.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="115" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb39.png" width="312" border="0"></a> </p>
<p>至於Pownce，簡單來說它很類似Twitter，但是提供了較多的功能（進化版Twitter），你可以分享各種文字訊息、檔案、網頁連結等。XDite曾經為Pownce寫了一篇滿完整的評論：<a href="http://blog.xdite.net/?p=396">多了很多餘的 Pownce</a>。</p>
<p>所以，以Mashable.com給<a href="http://beta.vooeasy.com/">VooEasy</a>的標題，大概可以想像出VooEasy是個類似Twitter的強化版服務，並且想要像meebo一樣達到跨平台的便利與整合性。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image41.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="247" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb40.png" width="326" border="0"></a> <br />在登入的頁面可以發現VooEasy將登入帳號稱作VID，同時也可以使用AOL、Yahoo!或是facebook帳號進行登入，如此的作法可以<strong>整合不同社群上的使用者</strong>，使用者無須在多個社群網站註冊才能使用個別的服務。<strong>未來VID應該也會發展成類似OpenID或是Google OpenSocial的跨站驗證機制，讓VooEasy的使用者可以悠遊多個站台</strong>。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image42.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="337" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb41.png" width="191" border="0"></a> </p>
<p>整個首頁給我的感覺像個人化首頁，不過仔細看可以發現只有左邊的區塊可以自行調整位置，而右邊則是只有內文的順序可以調整。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image43.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="144" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb42.png" width="244" border="0"></a> <br />上圖是每個人在VooEasy上都會擁有的名片，<strong>點選後會連結到名片的獨立頁面</strong>，倘若你有登入的話可以直接<strong>編輯個人專屬名片</strong>。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image44.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="185" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb43.png" width="355" border="0"></a> <br />名片編輯頁面中提供了上圖的編輯面板，可以自行增加方塊、文字或圖片，並可以選擇自己想要的色彩或透明度。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image45.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="79" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb44.png" width="464" border="0"></a><br />個人首頁的右上角可以發現類似Twitter的「What am I doing here?」，在VooEasy上給他的名稱叫Memo，點選編輯之後就可以更新個人的狀態，你的好友也會收到你的最新狀態。在個人首頁右邊的區塊也會出現你過去輸入的Memo。</p>
<p>此外，右邊有三個數字，Activity應該是目前你在VooEasy網站上所進行的行為次數統計，Kudos我不知道-.-，Rank應該就是統計活躍度之類的吧？</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image46.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="274" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb45.png" width="352" border="0"></a> </p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image47.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="51" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb46.png" width="464" border="0"></a> </p>
<p>接下來的標籤連結共有十一個，灰色底的上面都標註Open Me，提醒使用者該功能是我尚未啟用的，必須點選進入才會啟用。</p>
<ul>
<li><strong>Overview</strong>提供的就是剛剛看到的頁面，會將使用者個人的訊息、最近的動作、參與的社群、團隊、討論等各種社群參與的行為在首頁彙整顯示，你的朋友或是想認識你的人可以透過此頁面快速瞭解你最近的行為。
<li><strong>Profile</strong>是編輯個人檔案的地方，提供簡單的頁面編輯功能讓使用者可以快速修改個人的履歷檔案。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image48.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="322" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb47.png" width="317" border="0"></a>&nbsp;
<li><strong>Thoughts</strong>，中文翻成想法嗎？我認為Thoughts比較類似平常的blog或是留言板，它允許使用者編輯更多的文字並且可以設定文字的格式、樣式，跟Memo不同的是Thoughts提供了訪客回應的功能。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image49.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="176" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb48.png" width="404" border="0"></a> <br />此外，<strong>Thoughts整合了許多不同的資源</strong>，可以讓使用者<strong>在新增文章的時候搜尋、插入</strong>，例如我隨便搜尋一本「Web 2.0 Patterns」，它就會到網路上找出對應的書籍，點選插入之後就可以針對這本書發表我的讀書心得了。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image50.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="278" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb49.png" width="410" border="0"></a> <br /><a href="http://punk.tw/wp-content/uploads/2008/01/image51.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="209" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb50.png" width="411" border="0"></a>
<li><strong>Q&amp;A</strong>的部份則是<strong>開放式的問答空間</strong>，網頁上特別標明了「<strong>Everyon on VooEasy can answer</strong>」，大概就是要考驗友誼真誠度的頁面吧？！例如我可以問說：「你們覺得我是好人嗎？」結果每個人都回答是收好人卡的好人，那不是很糗嗎？<br />提問的過程<strong>有三個步驟，我是覺得有點過於複雜</strong>了，應該可以<strong>簡化為即時預覽</strong>，如此一來就可以在<strong>單一頁面完成提問</strong>動作啦。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image52.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="115" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb51.png" width="290" border="0"></a> <br />&nbsp;<a href="http://punk.tw/wp-content/uploads/2008/01/image53.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="135" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb52.png" width="417" border="0"></a> <br /><a href="http://punk.tw/wp-content/uploads/2008/01/image54.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="210" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb53.png" width="424" border="0"></a> <br /><a href="http://punk.tw/wp-content/uploads/2008/01/image55.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="173" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb54.png" width="423" border="0"></a>
<li>Stuff分享你的個人物品，我認為這部份目前尚無整合性可言，僅僅是讓使用者輸入個人擁有物品的名稱、品牌、型號、敘述、價格等等，應該整合<a href="http://www.ppolis.com/">ppolis</a>或是<a href="http://www.listal.com/">listal</a>等網站的既有資源才是。</li>
</ul>
<p>未完待續...</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/16/%e5%88%9d%e6%8e%a2vooeasycom%ef%bc%88%e4%b8%8a%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>ReadBurner：基於Google Reader Shared Items的網站</title>
		<link>http://punk.tw/2008/01/13/readburner%ef%bc%9a%e5%9f%ba%e6%96%bcgoogle-reader-shared-items%e7%9a%84%e7%b6%b2%e7%ab%99</link>
		<comments>http://punk.tw/2008/01/13/readburner%ef%bc%9a%e5%9f%ba%e6%96%bcgoogle-reader-shared-items%e7%9a%84%e7%b6%b2%e7%ab%99#comments</comments>
		<pubDate>Sat, 12 Jan 2008 18:27:11 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[mashup]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/13/588.html</guid>
		<description><![CDATA[ReadBurner藉由Google 閱讀器中的分享項目來計算每個項目的人氣，來達到類似digg的效果。我想，越有價值的文章應該是會有越多人分享沒錯，但目前看來分享的數字都還不是挺高，或許未來人氣旺了之後可以當作另一個資訊來源！:p]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/01/image27.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="298" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb27.png" width="441" border="0"></a> </p>
<p><a href="http://www.readburner.com/">ReadBurner</a>藉由Google 閱讀器中的分享項目來計算每個項目的人氣，來達到類似digg的效果。我想，越有價值的文章應該是會有越多人分享沒錯，但目前看來分享的數字都還不是挺高，或許未來人氣旺了之後可以當作另一個資訊來源！:p</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/13/readburner%ef%bc%9a%e5%9f%ba%e6%96%bcgoogle-reader-shared-items%e7%9a%84%e7%b6%b2%e7%ab%99/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web2.0網路書櫃aNobii，管理、分享、交流你的書籍</title>
		<link>http://punk.tw/2008/01/04/anobii%e5%80%8b%e4%ba%ba%e7%b6%b2%e8%b7%af%e6%9b%b8%e6%ab%83%ef%bc%8c%e6%88%91%e8%a6%ba%e5%be%97%e6%af%94%e7%be%bd%e6%af%9b%e3%80%81%e6%84%9b%e9%96%b1%e8%ae%80%e3%80%81%e6%9d%be%e9%bc%a0%e7%aa%a9</link>
		<comments>http://punk.tw/2008/01/04/anobii%e5%80%8b%e4%ba%ba%e7%b6%b2%e8%b7%af%e6%9b%b8%e6%ab%83%ef%bc%8c%e6%88%91%e8%a6%ba%e5%be%97%e6%af%94%e7%be%bd%e6%af%9b%e3%80%81%e6%84%9b%e9%96%b1%e8%ae%80%e3%80%81%e6%9d%be%e9%bc%a0%e7%aa%a9#comments</comments>
		<pubDate>Fri, 04 Jan 2008 14:49:50 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/04/582.html</guid>
		<description><![CDATA[會發現aNobii，大概是去年我開始大量買書之後覺得應該要有個Web 2.0好用工具來管理我的書籍，同時還要能跟朋友分享我正在閱讀或我所願意分享、出借的書籍，當時不知道已經有這樣的網站存在，還想說乾脆自己來寫一個...開始蒐集資料後沒多久就發現了aNobii跟幾個類似的網站了。 比較過幾個相似的服務，例如羽毛、愛閱讀、松鼠窩之後，我選擇了aNobii，主要原因如下： 中外書籍收錄完整，畢竟許多好書都是從國外進來的。 介面簡單、功能完整、還有提供API、部落格小工具（widget）等功能 支援多國語言，預設以國別、區域別的篩選機制，讓你更容易找到鄰近的書友。 建立個人網路書櫃，對大多數人來說最麻煩的就是建立書籍清單了，在aNobii上提供了多種建立書單的方式，你可以輸入ISBN、書名或是任意的關鍵字，新增書目時還可多本同時輸入，或是以匯入的方式來建立個人書櫃。 ▲新增之後，系統會顯示有多少人跟你擁有相同的書籍。 ▲可以輸入ISBN新增多本書籍。 &#160;▲每一本書都有專屬頁面，提供加到自己的書櫃、加到欲購書單、購買等功能。 ▲系統會列出相似的書籍，讓讀者可以進行延伸閱讀。我猜是依據網友們給予每本書的標籤（tag）來比較相似度的。 ▲購買的部份會自動蒐集各大書店的售價及連結，方便讀者直接前往購買。 其中很貼心的部份是可以更改貨幣單位及銷售者，例如我這輩子應該不太可能在Amazon UK、CA、DE買書，就無須顯示它的資訊了。 ▲假如aNobii上有其他網友想要交流、買賣書籍，這邊也會直接列出參考資訊。aNobii還提供交換、買賣的配對功能，如果某網友剛好有你想看的書、而你有他想要看的書，就可以直接交流。 &#160;▲可以設定每本書的購入日期、閱讀進度、私人筆記、評論及標籤。 ▲想要借出或是進行買賣也可以設定。 &#160;▲書櫃統計資料。（我目前閱讀量0 XD） ▲書櫃之外，有群組、鄰居、朋友等各種Web 2.0社群功能。 ▲我的地區設定在台北，系統會自動推薦鄰近於台北的群組，或許要組讀書會的人會滿喜歡這項功能的。 ▲系統會根據你目前擁有的圖書類型，自動推薦群組。以我的書櫃為例，之前在試玩的時候加入了一堆Ruby on Rails的書籍，所以可以發現有Web 2.0、Web開發、紅寶石等相關群組。 加入群組可以找到志同道合的夥伴或是書友，達到以書會友的目的，藉由群組成員的討論交流、書單分享，你也可以因此掌握到相關議題的最新書籍資訊。例如在Web 2.0讀書會裡面果然就出現了Nexus、Six Degrees、Small Worlds、Ambient Findability等幾本書，比我想像中的更有深度！:D 至於鄰居、朋友的功能應該是比較容易想像的功能。 此外，aNobii設定的部份提供很多選項。 ▲個人認為匯出功能很貼心，一來是擔心他倒站而遺失資料的人可以備份，二來是他也不怕你跳槽到別的服務。這樣子開放的胸襟才是Web 2.0網站該有的氣度，像有名大站在這方面就做得很差。 aNobii還有提供部落格小貼紙，讓你可以在自己的部落格分享目前正在閱讀的書籍，效果大致如下： 我個人認為比起羽毛、愛閱讀、松鼠窩，aNobii的介面是最簡單、易於瀏覽、功能又最完整的（不過我其實還沒有深入玩過其他三個XD），羽毛似乎從一開始想要專注在書籍上，現在連音樂、電影也都搞，這樣跟ppolis有什麼不一樣？至於愛閱讀、松鼠窩是天下、博客來成立的，就讓我比較沒有興趣了，哪天心血來潮再上去玩玩看。（而且松鼠窩還有無預警關站的前科。） 簡單來說，如果你有很多的書、有管理的需求，就來用aNobii吧！]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2008/01/image9.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="259" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb9.png" width="355" border="0"></a> </p>
<p>會發現<a href="http://www.anobii.com/">aNobii</a>，大概是去年我開始大量買書之後覺得應該要有個Web 2.0好用工具來管理我的書籍，同時還要能跟朋友分享我正在閱讀或我所願意分享、出借的書籍，當時不知道已經有這樣的網站存在，還想說乾脆自己來寫一個...開始蒐集資料後沒多久就發現了<a href="http://www.anobii.com/">aNobii</a>跟幾個類似的網站了。</p>
<p>比較過幾個相似的服務，例如<a href="http://www.yumau.com">羽毛</a>、<a href="http://www.ireading.cc/">愛閱讀</a>、<a href="home.books.com.tw">松鼠窩</a>之後，我選擇了aNobii，主要原因如下：</p>
<ul>
<li>中外書籍收錄完整，畢竟許多好書都是從國外進來的。
<li>介面簡單、功能完整、還有提供API、部落格小工具（widget）等功能
<li>支援多國語言，預設以國別、區域別的篩選機制，讓你更容易找到鄰近的書友。</li>
</ul>
<p>建立個人網路書櫃，對大多數人來說最麻煩的就是建立書籍清單了，在aNobii上提供了<strong>多種建立書單的方式，你可以輸入ISBN、書名或是任意的關鍵字</strong>，新增書目時還可多本同時輸入，或是以匯入的方式來建立個人書櫃。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image10.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="82" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb10.png" width="254" border="0"></a> </p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image11.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="553" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb11.png" width="475" border="0"></a></p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image12.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="187" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb12.png" width="409" border="0"></a> <br />▲新增之後，系統會顯示有多少人跟你擁有相同的書籍。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image13.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="329" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb13.png" width="236" border="0"></a><br />▲可以輸入ISBN新增多本書籍。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image14.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="202" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb14.png" width="412" border="0"></a>&nbsp;<br />▲每一本書都有專屬頁面，提供加到自己的書櫃、加到欲購書單、購買等功能。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image15.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="181" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb15.png" width="452" border="0"></a><br />▲系統會列出相似的書籍，讓讀者可以進行延伸閱讀。我猜是依據網友們給予每本書的標籤（tag）來比較相似度的。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image16.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="200" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb16.png" width="463" border="0"></a><br />▲購買的部份會<strong>自動蒐集各大書店的售價及連結</strong>，方便讀者直接前往購買。 其中很貼心的部份是<strong>可以更改貨幣單位及銷售者</strong>，例如我這輩子應該不太可能在Amazon UK、CA、DE買書，就無須顯示它的資訊了。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image17.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="194" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb17.png" width="466" border="0"></a><br />▲假如aNobii上有其他網友想要交流、買賣書籍，這邊也會直接列出參考資訊。aNobii還<strong>提供交換、買賣的配對功能，如果某網友剛好有你想看的書、而你有他想要看的書，就可以直接交流</strong>。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image18.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="407" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb18.png" width="381" border="0"></a>&nbsp;<br />▲可以設定每本書的購入日期、閱讀進度、私人筆記、評論及標籤。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image19.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="316" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb19.png" width="401" border="0"></a> <br />▲想要借出或是進行買賣也可以設定。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image20.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="256" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb20.png" width="437" border="0"></a>&nbsp;<br />▲書櫃統計資料。（我目前閱讀量0 XD）</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image21.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="46" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb21.png" width="360" border="0"></a> <br />▲書櫃之外，有群組、鄰居、朋友等各種Web 2.0社群功能。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image22.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="180" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb22.png" width="178" border="0"></a> <br />▲我的地區設定在台北，系統會自動推薦鄰近於台北的群組，或許要組讀書會的人會滿喜歡這項功能的。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image23.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="204" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb23.png" width="450" border="0"></a> <br />▲系統會<strong>根據你目前擁有的圖書類型，自動推薦群組</strong>。以我的書櫃為例，之前在試玩的時候加入了一堆Ruby on Rails的書籍，所以可以發現有Web 2.0、Web開發、紅寶石等相關群組。</p>
<p><strong>加入群組可以找到志同道合的夥伴或是書友</strong>，達到以書會友的目的，藉由群組成員的<strong>討論交流、書單分享</strong>，你也可以因此掌握到相關議題的最新書籍資訊。例如在<a href="http://www.anobii.com/groups/01948d3eb6ae5f886a/">Web 2.0讀書會</a>裡面果然就出現了<a href="http://www.anobii.com/books/Nexus/9780393324426/006227225e8a1e368b/">Nexus</a>、<a href="http://www.anobii.com/books/Six_Degrees/9780393041422/00335611f03acd4258/">Six Degrees</a>、<a href="http://www.anobii.com/books/Small_Worlds/9780691117041/007f289d6b38a060fa/">Small Worlds</a>、<a href="http://www.anobii.com/books/Ambient_Findability/9780596007652/00c3e273898d401176/">Ambient Findability</a>等幾本書，比我想像中的更有深度！:D</p>
<p>至於鄰居、朋友的功能應該是比較容易想像的功能。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image24.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="136" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb24.png" width="442" border="0"></a></p>
<p>此外，aNobii設定的部份提供很多選項。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image25.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="296" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb25.png" width="229" border="0"></a> <br />▲個人認為匯出功能很貼心，一來是擔心他倒站而遺失資料的人可以備份，二來是他也不怕你跳槽到別的服務。<strong>這樣子開放的胸襟才是Web 2.0網站該有的氣度，像有名大站在這方面就做得很差</strong>。</p>
<p>aNobii還有提供部落格小貼紙，讓你可以在自己的部落格分享目前正在閱讀的書籍，效果大致如下：<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image26.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="305" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb26.png" width="117" border="0"></a> </p>
<p>我個人認為比起<a href="http://www.yumau.com">羽毛</a>、<a href="http://www.ireading.cc/">愛閱讀</a>、<a href="home.books.com.tw">松鼠窩</a>，<a href="http://www.anobii.com/">aNobii</a>的介面是最簡單、易於瀏覽、功能又最完整的（不過我其實還沒有深入玩過其他三個XD），<a href="http://www.yumau.com/">羽毛</a>似乎從一開始想要專注在書籍上，現在連音樂、電影也都搞，這樣跟<a href="http://www.ppolis.com">ppolis</a>有什麼不一樣？至於<a href="http://www.ireading.cc/">愛閱讀</a>、<a href="http://home.books.com.tw/">松鼠窩</a>是天下、博客來成立的，就讓我比較沒有興趣了，哪天心血來潮再上去玩玩看。（而且松鼠窩還有<a href="http://blog.xdite.net/?p=493">無預警關站的前科</a>。）</p>
<p>簡單來說，如果你有很多的書、有管理的需求，就來用<a href="http://www.anobii.com/">aNobii</a>吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/04/anobii%e5%80%8b%e4%ba%ba%e7%b6%b2%e8%b7%af%e6%9b%b8%e6%ab%83%ef%bc%8c%e6%88%91%e8%a6%ba%e5%be%97%e6%af%94%e7%be%bd%e6%af%9b%e3%80%81%e6%84%9b%e9%96%b1%e8%ae%80%e3%80%81%e6%9d%be%e9%bc%a0%e7%aa%a9/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>iNCCU愛政大：政大校園的個人化首頁</title>
		<link>http://punk.tw/2008/01/01/inccu%e6%84%9b%e6%94%bf%e5%a4%a7%ef%bc%9a%e6%94%bf%e5%a4%a7%e6%a0%a1%e5%9c%92%e7%9a%84%e5%80%8b%e4%ba%ba%e5%8c%96%e9%a6%96%e9%a0%81</link>
		<comments>http://punk.tw/2008/01/01/inccu%e6%84%9b%e6%94%bf%e5%a4%a7%ef%bc%9a%e6%94%bf%e5%a4%a7%e6%a0%a1%e5%9c%92%e7%9a%84%e5%80%8b%e4%ba%ba%e5%8c%96%e9%a6%96%e9%a0%81#comments</comments>
		<pubDate>Mon, 31 Dec 2007 17:11:27 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2008/01/01/537.html</guid>
		<description><![CDATA[前幾天發現了這個「iNCCU愛政大」，似乎是預計在未來提供給政大學生使用的個人化首頁，稍稍試玩一下。 ▲從首頁的登入帳號格式來看，目前只提供給在學學生或教職員工。 ▲登入後的頁面與iGoogle、Netvibes的個人化頁面並無太大差異。（或是我們可以說iNCCU的i便是源自iGoogle的創意:p） 預設的頁面整合了幾個區塊： 校園公告 單一登入（SSO）：圖書館、數位學習網、校務行政系統 最新問卷（原來校園中同時有這麼多問卷在跑） 學生的電子郵件信箱 校園美景 行事曆 校務資訊系統 ▲校園公告的設定畫面，下面顯示資訊的部份Tab跟iGoogle的也相當類似，這是個人化首頁的資訊顯示方式新趨勢囉？ &#160;▲支援佈景主題的選擇 &#160;▲自訂工具的部份有這些選項，Google Mail跟Pop3 Mail要把帳號、密碼交給政大的資訊系統保管我還挺不放心的，尤其這套系統乍看之下是based on ASP.NET的產品，security issue值得持續關注。 政大校園美景的部份其實是使用Flickr的widget，讀取在Flickr相簿上的「inccu」標籤（tag），所以有興趣發表大作的同學可以自行上傳照片並加上inccu的標籤，或許其他登入的同學也可以看到喔！:D 一開始看到政大推出個人化首頁還挺高興的，畢竟過去對於校內的資訊化程度一直有許多不滿（即使我們擁有無限流量的網路可用），繼續期待政大計中未來能有更多作為囉！:)]]></description>
			<content:encoded><![CDATA[<p>前幾天發現了這個「<a href="http://i.nccu.edu.tw/">iNCCU愛政大</a>」，似乎是預計在未來提供給政大學生使用的個人化首頁，稍稍試玩一下。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="311" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb.png" width="402" border="0"></a> <br />▲從首頁的登入帳號格式來看，目前只提供給在學學生或教職員工。</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image1.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="431" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb1.png" width="392" border="0"></a> <br />▲登入後的頁面與iGoogle、Netvibes的個人化頁面並無太大差異。（或是我們可以說iNCCU的<strong>i便是源自iGoogle的創意</strong>:p）</p>
<p>預設的頁面整合了幾個區塊：</p>
<ul>
<li>校園公告</li>
<li>單一登入（SSO）：圖書館、數位學習網、校務行政系統</li>
<li>最新問卷（原來校園中同時有這麼多問卷在跑）</li>
<li>學生的電子郵件信箱</li>
<li>校園美景</li>
<li>行事曆</li>
<li>校務資訊系統</li>
</ul>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image2.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="269" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb2.png" width="324" border="0"></a> <br />▲校園公告的設定畫面，下面顯示資訊的部份Tab跟iGoogle的也相當類似，這是個人化首頁的資訊顯示方式新趨勢囉？</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image3.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="212" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb3.png" width="453" border="0"></a>&nbsp;<br />▲支援佈景主題的選擇</p>
<p><a href="http://punk.tw/wp-content/uploads/2008/01/image4.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="140" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb4.png" width="460" border="0"></a>&nbsp;<br />▲自訂工具的部份有這些選項，Google Mail跟Pop3 Mail要把帳號、密碼交給政大的資訊系統保管我還挺不放心的，尤其這套系統乍看之下是based on ASP.NET的產品，security issue值得持續關注。<br /><a href="http://punk.tw/wp-content/uploads/2008/01/image5.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="133" alt="image" src="http://punk.tw/wp-content/uploads/2008/01/image-thumb5.png" width="244" border="0"></a> </p>
<p>政大校園美景的部份其實是使用Flickr的widget，讀取在Flickr相簿上的「<a href="http://www.flickr.com/photos/21107258@N04/tags/inccu/">inccu</a>」標籤（tag），所以有興趣發表大作的同學可以自行上傳照片並加上inccu的標籤，或許其他登入的同學也可以看到喔！:D</p>
<p>一開始看到政大推出個人化首頁還挺高興的，畢竟過去對於校內的資訊化程度一直有許多不滿（即使我們擁有無限流量的網路可用），繼續期待<a href="http://www.cc.nccu.edu.tw">政大計中</a>未來能有更多作為囉！:)</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2008/01/01/inccu%e6%84%9b%e6%94%bf%e5%a4%a7%ef%bc%9a%e6%94%bf%e5%a4%a7%e6%a0%a1%e5%9c%92%e7%9a%84%e5%80%8b%e4%ba%ba%e5%8c%96%e9%a6%96%e9%a0%81/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>看似來勢洶洶的meeya</title>
		<link>http://punk.tw/2007/12/15/%e7%9c%8b%e4%bc%bc%e4%be%86%e5%8b%a2%e6%b4%b6%e6%b4%b6%e7%9a%84meeya</link>
		<comments>http://punk.tw/2007/12/15/%e7%9c%8b%e4%bc%bc%e4%be%86%e5%8b%a2%e6%b4%b6%e6%b4%b6%e7%9a%84meeya#comments</comments>
		<pubDate>Sat, 15 Dec 2007 05:12:40 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/12/15/468.html</guid>
		<description><![CDATA[剛剛在Vista看到「You and me就在meeya：參加meeya開幕酒會有感」，原來meeya終於要開幕了，早在幾個月前就逛到meeya的官方部落格，感覺這是個來世兄兇來勢洶洶的網站。 meeya以創立一個台灣社群網站為目標，就目前所看到的行銷手法跟知名部落客的介紹，還有膚淺地從首頁設計來看，我對於meeya的期待可說是遠遠高過另外一個同質性的台灣網站Unis。:D 就讓我們拭目以待吧！]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2007/12/image.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="247" alt="image" src="http://punk.tw/wp-content/uploads/2007/12/image-thumb.png" width="398" border="0"></a>
<p>剛剛在Vista看到「<a href="http://blog.vista.tw/archives/2007/12/15/768">You and me就在meeya：參加meeya開幕酒會有感</a>」，原來<a href="http://www.meeya.cc/">meeya</a>終於要開幕了，早在幾個月前就逛到<a href="http://meeyanews.blogspot.com/">meeya的官方部落格</a>，感覺這是個<del datetime="2007-12-15T14:11:50+00:00">來世兄兇</del>來勢洶洶的網站。</p>
<p><a href="http://www.meeya.cc/">meeya</a>以創立一個台灣社群網站為目標，就目前所看到的行銷手法跟知名部落客的介紹，還有膚淺地從首頁設計來看，我對於meeya的期待可說是遠遠高過另外一個同質性的台灣網站<a href="http://unis.tw">Unis</a>。:D</p>
<p>就讓我們拭目以待吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/12/15/%e7%9c%8b%e4%bc%bc%e4%be%86%e5%8b%a2%e6%b4%b6%e6%b4%b6%e7%9a%84meeya/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Heroku：線上撰寫Rails程式初體驗</title>
		<link>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97</link>
		<comments>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97#comments</comments>
		<pubDate>Tue, 20 Nov 2007 07:22:37 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Heroku]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/11/20/443.html</guid>
		<description><![CDATA[Heroku是一個讓網頁開發人員可以在線上編輯Rails程式的網路服務，目前還在limited beta的階段，有興趣申請的讀者可以到申請網址登記排隊。上一篇文章提到Heroku的幾個特色，這篇文章就登入來玩玩看吧！ 初次登入之後會看到如下畫面： 此時尚未建立任何應用程式，點選建立程式之後會轉到另一個網址：http://edit.untitled-22289.heroku.com/，由於尚未對應用程式命名，網址是以流水號加上untitled的方式命名，這是可以設定的。（說不定還支援使用者自行指定domain name？或許將會是個付費服務）。 上圖是應用程式的設定畫面，可以自訂網址、支援協同編輯、匯入/匯出、程式版本快照（簡單的版本控制），至於Other裡面目前只有Destroy一項功能:p 因為內文都是一些截圖，使用起來對我而言也沒有太大的驚喜，所以先講結論吧！ 適合初學者環境都已經建好了，連資料庫都免費提供，完全不需要學習建置環境或是任何設定，就可以開始快快樂樂寫Rails。 適合拿來當維護環境手邊沒有電腦、沒有合適的開發環境、沒有安全的網路環境，又急著要修改？如果類似的服務可以提供https://的SSL環境，或許可以拿來玩玩看。 適合拿來推廣Rails技術高手想要推廣Rails，但手邊沒有現成的環境，登入Heroku馬上就可以開始demo Ruby on Rails的威力，新手看到一個留言板居然沒有幾行程式就搞定，一定會馬上被拐進來的:D 下圖即編輯程式的主畫面： 畫面的構成我就不多做介紹了，基本上在編輯畫面可以看到Rails app的目錄結構、檢視資料庫schema以及Rails的log file，點選右上角的圖示則會馬上跳轉到應用程式執行的頁面，讓你知道目前執行的狀況。 畫面左下角則有幾個寫Rails必備的指令工具：Generator, Console以及Rake 先打開Console模式來玩玩看，點選Console之後會跳到另一個網址，此時出現的是全螢幕的Console畫面，等等再建幾個Model來玩玩看： HelloWorld，建個留言板！ Code Generator的畫面： 執行之後也會告知執行結果： 稍微寫一下migration，使用編輯器的感覺是非常不順手，我的作業系統、Firefox都是英文環境，語系也設為en-us，但在編輯器裡面卻會出現游標與實際文字位置無法對齊的狀況，實在是相當奇妙。 先不管它，先migrate上去了！Rake的畫面也是純指令模式，這點就不太親切啦～建議開發團隊可以考慮NetBeans那種IDE懶人用法啊XD 看到這個畫面，我才想起我根本還沒設定database啊XD趕快看看database.yaml如下： 換句話說，heroku目前提供了database而且還是postgresql :p，說不定以後也會是個向使用者索取費用的服務。 接下來建立scaffold讓我的guestbook跑起來吧！ 建立完成之後，應該就可以馬上看到程式目前的畫面啦～！ 檢視資料庫 檢視資料庫的畫面可以看到目前有哪些資料表： 也可以直接點進去修改： 檢視Log file 點選各個訊息還可以看到更詳盡的資訊。]]></description>
			<content:encoded><![CDATA[<p>Heroku是一個讓網頁開發人員可以在線上編輯Rails程式的網路服務，目前還在limited beta的階段，有興趣申請的讀者可以到<a href="http://heroku.com/beta">申請網址</a>登記排隊。上一篇文章提到Heroku的幾個特色，這篇文章就登入來玩玩看吧！</p>
<p>初次登入之後會看到如下畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image10.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="222" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb9.png" width="432" border="0"></a> </p>
<p>此時尚未建立任何應用程式，點選建立程式之後會轉到另一個網址：<a title="http://edit.untitled-22289.heroku.com/" href="http://edit.untitled-22289.heroku.com/">http://edit.untitled-22289.heroku.com/</a>，由於尚未對應用程式命名，網址是以流水號加上untitled的方式命名，這是可以設定的。（說不定還支援使用者自行指定domain name？或許將會是個付費服務）。<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image11.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="261" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb10.png" width="416" border="0"></a> </p>
<p>上圖是應用程式的設定畫面，可以自訂網址、支援協同編輯、匯入/匯出、程式版本快照（簡單的版本控制），至於Other裡面目前只有Destroy一項功能:p</p>
<p>因為內文都是一些截圖，使用起來對我而言也沒有太大的驚喜，所以先講結論吧！</p>
<ul>
<li>適合初學者<br />環境都已經建好了，連資料庫都免費提供，完全不需要學習建置環境或是任何設定，就可以開始快快樂樂寫Rails。</li>
<li>適合拿來當維護環境<br />手邊沒有電腦、沒有合適的開發環境、沒有安全的網路環境，又急著要修改？如果類似的服務可以提供https://的SSL環境，或許可以拿來玩玩看。</li>
<li>適合拿來推廣Rails<br />技術高手想要推廣Rails，但手邊沒有現成的環境，登入Heroku馬上就可以開始demo Ruby on Rails的威力，新手看到一個留言板居然沒有幾行程式就搞定，一定會馬上被拐進來的:D</li>
</ul>
<p>下圖即編輯程式的主畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image12.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="310" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb11.png" width="434" border="0"></a> </p>
<p>畫面的構成我就不多做介紹了，基本上在編輯畫面可以看到Rails app的目錄結構、檢視資料庫schema以及Rails的log file，點選右上角的圖示則會馬上跳轉到應用程式執行的頁面，讓你知道目前執行的狀況。</p>
<p>畫面左下角則有幾個寫Rails必備的指令工具：Generator, Console以及Rake</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image13.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="121" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb12.png" width="129" border="0"></a> </p>
<p>先打開Console模式來玩玩看，點選Console之後會跳到另一個網址，此時出現的是全螢幕的Console畫面，等等再建幾個Model來玩玩看：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image14.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="163" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb13.png" width="303" border="0"></a> </p>
<h1>HelloWorld，建個留言板！</h1>
<p>Code Generator的畫面：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image15.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="291" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb14.png" width="422" border="0"></a> </p>
<p>執行之後也會告知執行結果：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image16.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="231" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb15.png" width="339" border="0"></a> </p>
<p>稍微寫一下migration，使用編輯器的感覺是非常不順手，我的作業系統、Firefox都是英文環境，語系也設為en-us，但在編輯器裡面卻會出現<strong>游標與實際文字位置無法對齊</strong>的狀況，實在是相當奇妙。</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image17.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="123" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb16.png" width="304" border="0"></a> </p>
<p>先不管它，先migrate上去了！Rake的畫面也是純指令模式，這點就不太親切啦～建議開發團隊可以考慮NetBeans那種IDE懶人用法啊XD</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image18.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="252" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb17.png" width="358" border="0"></a> </p>
<p>看到這個畫面，我才想起我根本還沒設定database啊XD趕快看看database.yaml如下：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image19.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="116" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb18.png" width="203" border="0"></a> </p>
<p>換句話說，heroku目前提供了database而且還是postgresql :p，說不定以後也會是個向使用者索取費用的服務。</p>
<p>接下來建立scaffold讓我的guestbook跑起來吧！</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image20.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="240" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb19.png" width="416" border="0"></a> </p>
<p>建立完成之後，應該就可以馬上看到程式目前的畫面啦～！</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image21.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="131" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb20.png" width="301" border="0"></a> </p>
<h1>檢視資料庫</h1>
<p>檢視資料庫的畫面可以看到目前有哪些資料表：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image22.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="38" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb21.png" width="361" border="0"></a> </p>
<p>也可以直接點進去修改：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image23.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="233" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb22.png" width="382" border="0"></a> </p>
<h1>檢視Log file</h1>
<p><a href="http://punk.tw/wp-content/uploads/2007/11/image24.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="31" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb23.png" width="432" border="0"></a> </p>
<p>點選各個訊息還可以看到更詳盡的資訊。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e7%b7%9a%e4%b8%8a%e6%92%b0%e5%af%abrails%e7%a8%8b%e5%bc%8f%e5%88%9d%e9%ab%94%e9%a9%97/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heroku：讓你用網頁介面寫Rails（順便Hosting）</title>
		<link>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89</link>
		<comments>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89#comments</comments>
		<pubDate>Tue, 20 Nov 2007 06:34:50 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Heroku]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/11/20/411.html</guid>
		<description><![CDATA[http://heroku.com/ （最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。） Heroku是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：http://heroku.com/beta，邀請函目前需要等待12天左右。 Heroku上列出了幾個特色如下： 線上編輯程式 支援Hosting，新建或是匯入Rails程式後即可直接啟動:D 分享或協同編輯 支援匯入、匯出 還支援完整的Console模式&#160; References Heroku: An Online Rails Development and App Hosting Environment]]></description>
			<content:encoded><![CDATA[<p><a href="http://heroku.com/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="51" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image9.png" width="205" border="0"></a> <a title="http://heroku.com/" href="http://heroku.com/">http://heroku.com/</a></p>
<p> （最近因為忙著申請學校，同時面對工作上的專案跟學校的專題，實在是難有餘裕寫文章，今天算是忙裡偷閒:p幾天沒寫文章手真的很癢，過一陣子忙完會盡量多發文的。）</p>
<p><a href="http://heroku.com/">Heroku</a>是個號稱可以讓你在線上撰寫你的Rails程式，並且連Hosting的服務都一起搞定的網路服務，有興趣的朋友可以到此網址排隊申請：<a title="http://heroku.com/beta" href="http://heroku.com/beta">http://heroku.com/beta</a>，邀請函目前需要等待12天左右。</p>
<p><a href="http://heroku.com/">Heroku</a>上列出了<a href="http://heroku.com/features">幾個特色</a>如下：</p>
<ul>
<li>線上編輯程式<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image4.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="109" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb4.png" width="367" border="0"></a> </li>
<li>支援Hosting，新建或是匯入Rails程式後即可直接啟動:D<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image5.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="107" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb5.png" width="368" border="0"></a> </li>
<li>分享或協同編輯<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image6.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="107" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb6.png" width="380" border="0"></a> </li>
<li>支援匯入、匯出<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image7.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="102" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb7.png" width="367" border="0"></a> </li>
<li>還支援完整的Console模式<br /><a href="http://punk.tw/wp-content/uploads/2007/11/image8.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="96" alt="image" src="http://punk.tw/wp-content/uploads/2007/11/image-thumb8.png" width="367" border="0"></a>&nbsp;</li>
</ul>
<p>References</p>
<ul>
<li><a href="http://www.rubyinside.com/heroku-an-online-rails-development-and-app-hosting-environment-647.html">Heroku: An Online Rails Development and App Hosting Environment</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/11/20/heroku%ef%bc%9a%e8%ae%93%e4%bd%a0%e7%94%a8%e7%b6%b2%e9%a0%81%e4%bb%8b%e9%9d%a2%e5%af%abrails%ef%bc%88%e9%a0%86%e4%be%bfhosting%ef%bc%89/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Rsizr：超強圖片縮放器</title>
		<link>http://punk.tw/2007/09/30/rsizr%ef%bc%9a%e8%b6%85%e5%bc%b7%e5%9c%96%e7%89%87%e7%b8%ae%e6%94%be%e5%99%a8</link>
		<comments>http://punk.tw/2007/09/30/rsizr%ef%bc%9a%e8%b6%85%e5%bc%b7%e5%9c%96%e7%89%87%e7%b8%ae%e6%94%be%e5%99%a8#comments</comments>
		<pubDate>Sun, 30 Sep 2007 11:37:13 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/09/30/324.html</guid>
		<description><![CDATA[前陣子在「New Image Resizer一個嶄新的圖片縮放技術」放了一段國外很紅的影片，在那之後也實際玩過demo版本，沒想到今天就在Mashable!看到這樣的技術已經實際上線了！Rsizr：http://rsizr.com/ 進到該網站會先請你上傳一張圖片，接下來變可以開始對圖片進行縮放了，縮放的效果從Mashable!的網頁上可以看到：Rsizr: Groundbreaking Image Editor with “Seam Carving” Rsize網站是透過Flash來做使用者介面的，使用上還算簡單，當然上傳的圖片越大、運算速度也會越慢，目前接受JPEG/GIF/PNG三種圖片格式。 我也稍微試玩了一下，使用的圖片是Vista內建的桌布：Oryx Antelope，原圖如下： 稍微在Rsizr調整比例之後可以變成這樣： 另外還可以用遮罩（Mask）的方式來強制刪除或強制保留畫面上的某個部份，例如我試著讓圖中的羊(?)消失看看： 首先建立遮罩： 接著調整大小： 效果有點不好，因為他的演算法似乎是不斷地去搜尋邊緣(?)，因此以我這張圖來講處理過後會有滿明顯的鋸齒狀。Mashable網頁上的範例效果真的不錯，截圖如下：]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/2007/09/image24.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="75" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb24.png" width="107" border="0"></a> </p>
<p>前陣子在「<a href="http://punk.tw/2007/08/29/184.html">New Image Resizer一個嶄新的圖片縮放技術</a>」放了一段國外很紅的影片，在那之後也實際玩過demo版本，沒想到今天就在<a href="http://www.google.com/reader/view/feed/http%3A%2F%2Ffeeds.feedburner.com%2FMashable">Mashable!</a>看到這樣的技術已經實際上線了！<a href="http://rsizr.com/">Rsizr</a>：<a title="http://rsizr.com/" href="http://rsizr.com/">http://rsizr.com/</a></p>
<p>進到該網站會先請你上傳一張圖片，接下來變可以開始對圖片進行縮放了，縮放的效果從<a href="http://www.google.com/reader/view/feed/http%3A%2F%2Ffeeds.feedburner.com%2FMashable">Mashable!</a>的網頁上可以看到：<a href="http://mashable.com/2007/09/29/rsizr/">Rsizr: Groundbreaking Image Editor with “Seam Carving”</a></p>
<p>Rsize網站是透過Flash來做使用者介面的，使用上還算簡單，當然上傳的圖片越大、運算速度也會越慢，目前接受JPEG/GIF/PNG三種圖片格式。</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image25.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="206" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb25.png" width="367" border="0"></a> </p>
<p>我也稍微試玩了一下，使用的圖片是Vista內建的桌布：Oryx Antelope，原圖如下：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/oryx-antelope.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="184" alt="Oryx Antelope" src="http://punk.tw/wp-content/uploads/2007/09/oryx-antelope-thumb.jpg" width="244" border="0"></a> </p>
<p>稍微在<a href="http://rsizr.com/">Rsizr</a>調整比例之後可以變成這樣：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image26.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="71" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb26.png" width="244" border="0"></a> </p>
<p>另外還可以用遮罩（Mask）的方式來強制刪除或強制保留畫面上的某個部份，例如我試著讓圖中的羊(?)消失看看：</p>
<p>首先建立遮罩：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image27.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="184" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb27.png" width="244" border="0"></a> </p>
<p>接著調整大小：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image28.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="75" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb28.png" width="244" border="0"></a> </p>
<p>效果有點不好，因為他的演算法似乎是不斷地去搜尋邊緣(?)，因此以我這張圖來講處理過後會有滿明顯的鋸齒狀。Mashable網頁上的範例效果真的不錯，截圖如下：</p>
<p><a href="http://punk.tw/wp-content/uploads/2007/09/image29.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="308" alt="image" src="http://punk.tw/wp-content/uploads/2007/09/image-thumb29.png" width="253" border="0"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/09/30/rsizr%ef%bc%9a%e8%b6%85%e5%bc%b7%e5%9c%96%e7%89%87%e7%b8%ae%e6%94%be%e5%99%a8/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dapper輕鬆替網頁製作RSS Feed</title>
		<link>http://punk.tw/2007/05/07/dapper%e8%bc%95%e9%ac%86%e6%9b%bf%e7%b6%b2%e9%a0%81%e8%a3%bd%e4%bd%9crss-feed</link>
		<comments>http://punk.tw/2007/05/07/dapper%e8%bc%95%e9%ac%86%e6%9b%bf%e7%b6%b2%e9%a0%81%e8%a3%bd%e4%bd%9crss-feed#comments</comments>
		<pubDate>Mon, 07 May 2007 11:15:31 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/05/07/dapper%e8%bc%95%e9%ac%86%e6%9b%bf%e7%b6%b2%e9%a0%81%e8%a3%bd%e4%bd%9crss-feed/</guid>
		<description><![CDATA[http://www.dapper.net/ Dapper是一個「以視覺化使用介面讓User可以在任意網頁中選取自己想要的內容，為選取的內容即時產生一個RSS Feed以便訂閱」的網站。輸出的格式除了RSS Feed，也可以輸出成Google Gadget, Netvibes Module等，基本上還滿方便的。 全視覺化的操作介面，還滿容易上手的，分享一下操作步驟。 首先註冊、登入Dapper之後，可以進行搜尋的動作，或是「Create a New Dapp」。 選擇Create a New Dapp，並輸入想要的網址，在此以「丁丁大站」的本日熱門相簿為例。下面的輸出格式用RSS Feed。（當然也可以選用其他格式方便在其他地方使用。） 接下來會進入「Dapp Factory」，畫面中間的頁框可以看到剛剛輸入網址的內容，直接點選「Add to Basket」，並點選「Next Step」（此時它會出現建議你多輸入幾個網址以利比對，不理它直接繼續。） 點選後會進行分析頁面的動作，完成之後移動滑鼠游標，會發現滑鼠經過熱門相簿中的每個部位都會被反白，這便是讓我們開始製作RSS feed的重要步驟了。 點選縮圖的部份，會出現在「Preview selected content」裡面，再選擇「Save Field」便可定義這個項目的名稱。 再點選User名稱、儲存到Content Field，再下一步便完成了這個RSS Feed的產生。（不過顯然以丁丁大站的網頁來說，大概是沒有每個Element都有命名，因此分析出來的網頁會抓到我們不想要的部份，但90%都還算ok了。至於有沒有什麼調整方法我就沒去研究了，不想花時間在丁丁大站上，如果是自己寫程式抓丁丁大站，我也懶得研究，直接把regex丟進去，出來的結果砍掉抓錯的部份就好了XD） 要注意的是，Test Dapp會在24小時內被刪除。 以下是廢話分隔線 今天逛到Dapper這個很妙的站，突然讓我想起以前也曾經有這種念頭：「某些網站因為是比較早期推出加上又沒有在跟著Web上的流行，因此沒有RSS Feed這種可以讓user輕鬆地得知網站有無更新。要是有個軟體可以讓我框選某些網頁的特定內容，這個軟體以後就自動去幫我檢查該段落有無更新，那有多好？」 當時我不太懂資訊技術，很直觀地想就是去判斷某個網頁的全部、或某個局部有無更新（也許是每天比對一次），要是發現今天的網頁跟昨天不一樣，那「或許」就是內容有更新。這樣的作法有幾個問題，以整個網頁作為比較標的，那會因為某些動態產生的資料，例如廣告、時間、訪客計數器等改變；那要如何抓到網頁的「局部」？以前我沒有DOM的概念，不知道其實可以用Element ID或是CSS Selector的方式去抓到局部的內容。 如今，Dapper應該就是實現如此概念的一個好網站，網站的介面跟流程都還算容易上手，某些網站的內容特別有用，但卻沒提供RSS Feed便可以輕鬆為它加上RSS Feed，再用自己的RSS Aggregator去訂閱自製出來的RSS即可。此外，Dapper產生的RSS Feed是可以塞變數的，換句話說，如果你的資料來源網址中有類似index.php?id=deduce&#38;page=3的參數，是可以指定變數讓Dapper產生不同的RSS Feed的。 講到圖形化介面來製作RSS Feed很容易讓人聯想到Yahoo! Pipes，不過其實我認為Yahoo! Pipes是以RSS Feed為主要資料來源（雖然它也是可以由別的網頁Fetch Data），而Dapper則是替使用者動態產生RSS Feed。]]></description>
			<content:encoded><![CDATA[<p><a href="http://punk.tw/wp-content/uploads/images/DapperRSSFeed_10AF6/image02.png" atomicselection="true"><img height="81" src="http://punk.tw/wp-content/uploads/images/DapperRSSFeed_10AF6/image0_thumb.png" width="240"></a> <a title="http://www.dapper.net/" href="http://www.dapper.net/">http://www.dapper.net/</a></p>
<p><a href="http://www.dapper.net/">Dapper</a>是一個「<strong>以視覺化使用介面讓User可以在任意網頁中選取自己想要的內容，為選取的內容即時產生一個RSS Feed以便訂閱</strong>」的網站。輸出的格式除了RSS Feed，也可以輸出成Google Gadget, Netvibes Module等，基本上還滿方便的。</p>
<p>全視覺化的操作介面，還滿容易上手的，分享一下操作步驟。</p>
<ol>
<li>首先註冊、登入<a href="http://www.dapper.net/">Dapper</a>之後，可以進行搜尋的動作，或是「Create a New Dapp」。</li>
<li>選擇Create a New Dapp，並輸入想要的網址，在此以「丁丁大站」的本日熱門相簿為例。下面的輸出格式用RSS Feed。（當然也可以選用其他格式方便在其他地方使用。）</li>
<li>接下來會進入「Dapp Factory」，畫面中間的頁框可以看到剛剛輸入網址的內容，直接點選「Add to Basket」，並點選「Next Step」（此時它會出現建議你多輸入幾個網址以利比對，不理它直接繼續。）</li>
<li>點選後會進行分析頁面的動作，完成之後移動滑鼠游標，會發現滑鼠經過熱門相簿中的每個部位都會被反白，這便是讓我們開始製作RSS feed的重要步驟了。</li>
<li>點選縮圖的部份，會出現在「Preview selected content」裡面，再選擇「Save Field」便可定義這個項目的名稱。</li>
<li>再點選User名稱、儲存到Content Field，再下一步便完成了這個RSS Feed的產生。（不過顯然以丁丁大站的網頁來說，大概是沒有每個Element都有命名，因此分析出來的網頁會抓到我們不想要的部份，但90%都還算ok了。至於有沒有什麼調整方法我就沒去研究了，不想花時間在丁丁大站上，如果是自己寫程式抓丁丁大站，我也懶得研究，直接把regex丟進去，出來的結果砍掉抓錯的部份就好了XD）</li>
</ol>
<p>要注意的是，Test Dapp會在24小時內被刪除。</p>
<p>以下是廢話分隔線</p>
<p>今天逛到<a href="http://www.dapper.net/">Dapper</a>這個很妙的站，突然讓我想起以前也曾經有這種念頭：「某些網站因為是比較早期推出加上又沒有在跟著Web上的流行，因此沒有RSS Feed這種可以讓user輕鬆地得知網站有無更新。要是有個軟體可以讓我框選某些網頁的特定內容，這個軟體以後就自動去幫我檢查該段落有無更新，那有多好？」</p>
<p>當時我不太懂資訊技術，很直觀地想就是去判斷某個網頁的全部、或某個局部有無更新（也許是每天比對一次），要是發現今天的網頁跟昨天不一樣，那「或許」就是內容有更新。這樣的作法有幾個問題，以整個網頁作為比較標的，那會因為某些動態產生的資料，例如廣告、時間、訪客計數器等改變；那要如何抓到網頁的「局部」？以前我沒有DOM的概念，不知道其實可以用Element ID或是CSS Selector的方式去抓到局部的內容。</p>
<p>如今，<a href="http://www.dapper.net/">Dapper</a>應該就是實現如此概念的一個好網站，網站的介面跟流程都還算容易上手，某些網站的內容特別有用，但卻沒提供RSS Feed便可以輕鬆為它加上RSS Feed，再用自己的RSS Aggregator去訂閱自製出來的RSS即可。此外，<a href="http://www.dapper.net/">Dapper</a>產生的RSS Feed是可以塞變數的，換句話說，如果你的資料來源網址中有類似index.php?id=deduce&amp;page=3的參數，是可以指定變數讓<a href="http://www.dapper.net/">Dapper</a>產生不同的RSS Feed的。</p>
<p>講到圖形化介面來製作RSS Feed很容易讓人聯想到Yahoo! Pipes，不過其實我認為Yahoo! Pipes是以RSS Feed為主要資料來源（雖然它也是可以由別的網頁Fetch Data），而<a href="http://www.dapper.net/">Dapper</a>則是替使用者動態產生RSS Feed。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/05/07/dapper%e8%bc%95%e9%ac%86%e6%9b%bf%e7%b6%b2%e9%a0%81%e8%a3%bd%e4%bd%9crss-feed/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>22 Successful Ruby on Rails Web Applications</title>
		<link>http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications</link>
		<comments>http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications#comments</comments>
		<pubDate>Sat, 17 Mar 2007 13:33:09 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web2.0 Website]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications/</guid>
		<description><![CDATA[http://rubycorner.net/articles/22-successful-ruby-on-rails-web-applications/ 這篇文章介紹了22個成功的Ruby on Rails個案，稍微做個簡單的中文翻譯替螢幕前的訪客省點時間好了:) （另外在http://happycodr.com/biglist有更多的網站介紹，共有388個！） 第一部份主要是37signals他們公司所經營的網站， Basecamphttp://www.basecamphq.com專案管理網站 Campfirehttp://www.campfirenow.com即時群組聊天網站 Backpackhttp://www.backpackit.com資訊彙整與行事曆網站 Tadalisthttp://www.tadalist.com簡單好用的Todo List（要做的事） Writeboardhttp://www.writeboard.com線上共同編輯文件 第二部份則是在RubyonRails.org有介紹的網站， 43things.comhttp://www.43things.com這個網站也算是Web 2.0與Ruby on Rails的經典網站，人們可以上去分享自己想做的事情，藉此來找到跟自己有著相同目標的朋友們。 odeo.comhttp://odeo.com音樂分享網站 shopify.comhttp://shopify.com提供使用者快速建立屬於自己的電子商務網站 fluxionhttp://www.fluxiom.com管理、組織並分想你的數位資產 strongspace.comhttp://www.strongspace.comFile hosting檔案分享網站 Typohttp://www.typosphere.orgBlogging engine，這在Ruby on Rails也算是很紅的一套blog系統 第三部份應該是筆者自行發現的網站，還滿不錯的～看到好多以前沒逛過的站 ajaxed.comhttp://www.ajaxed.com不需要寫程式即可輕輕鬆鬆在你現有的網站上加上Ajax的效果 atopsites.comhttp://atopsites.com仿Alaxa.com的網站 asoboo.comhttp://asoboo.com針對Creative people所設立的社群網站（筆者特別強調該網站是佈署在Win2003） thebeststuffintheworldhttp://www.thebeststuffintheworld.com有趣的web 2.0應用 dealplumber.comhttp://www.dealplumber.com另一個有趣的社群網站 digital-tunes.nethttp://www.digital-tunes.net專做音樂的電子商務網站 flagr.comhttp://www.flagr.com看起來應該是跟Google map有關的Mashup godefy.comhttp://www.godefy.com有關網路行銷公司或產品的比較 lovexpress.frhttp://www.lovexpress.fr法國的交友網站 podomatic.comhttp://podomatic.com專門分享podcasts的網站 pixrat.comhttp://www.pixrat.comSocial picture bookmars，人家del.icio.us做的是書籤，pixrat做的是「圖籤」，其實前陣子出現的diggirl概念就類似Pixrat，都是要收藏美女並且用類似「digg」的方式來推選出本日熱門，不過Pixrat的精神比較接近書籤，比較著重在收藏、分享，而diggirl則是著重在本日最熱門，比較接近digg的概念。（但diggirl同時又搭配幹圖王可以收藏，還滿威的！）]]></description>
			<content:encoded><![CDATA[<p><a title="http://rubycorner.net/articles/22-successful-ruby-on-rails-web-applications/" href="http://rubycorner.net/articles/22-successful-ruby-on-rails-web-applications/">http://rubycorner.net/articles/22-successful-ruby-on-rails-web-applications/</a></p>
<p>這篇文章介紹了22個成功的Ruby on Rails個案，稍微做個簡單的中文翻譯替螢幕前的訪客省點時間好了:)</p>
<p>（另外在<a href="http://happycodr.com/biglist">http://happycodr.com/biglist</a>有更多的網站介紹，共有388個！）</p>
<p>第一部份主要是37signals他們公司所經營的網站，</p>
<ol>
<li>Basecamp<br /><a href="http://www.basecamphq.com">http://www.basecamphq.com</a><br />專案管理網站
<li>Campfire<br /><a href="http://www.campfirenow.com">http://www.campfirenow.com</a><br />即時群組聊天網站
<li>Backpack<br /><a href="http://www.backpackit.com">http://www.backpackit.com</a><br />資訊彙整與行事曆網站
<li>Tadalist<br /><a href="http://www.tadalist.com">http://www.tadalist.com</a><br />簡單好用的Todo List（要做的事）
<li>Writeboard<br /><a href="http://www.writeboard.com">http://www.writeboard.com</a><br />線上共同編輯文件</li>
</ol>
<p>第二部份則是在RubyonRails.org有介紹的網站，</p>
<ol>
<li>43things.com<br /><a href="http://www.43things.com">http://www.43things.com</a><br />這個網站也算是Web 2.0與Ruby on Rails的經典網站，人們可以上去分享自己想做的事情，藉此來找到跟自己有著相同目標的朋友們。
<li>odeo.com<br /><a href="http://odeo.com">http://odeo.com</a><br />音樂分享網站
<li>shopify.com<br /><a href="http://shopify.com">http://shopify.com</a><br />提供使用者快速建立屬於自己的電子商務網站
<li>fluxion<br /><a href="http://www.fluxiom.com">http://www.fluxiom.com</a><br />管理、組織並分想你的數位資產
<li>strongspace.com<br /><a href="http://www.strongspace.com">http://www.strongspace.com</a><br />File hosting檔案分享網站
<li>Typo<br /><a href="http://www.typosphere.org">http://www.typosphere.org</a><br />Blogging engine，這在Ruby on Rails也算是很紅的一套blog系統</li>
</ol>
<p>第三部份應該是筆者自行發現的網站，還滿不錯的～看到好多以前沒逛過的站</p>
<ol>
<li>ajaxed.com<br /><a href="http://www.ajaxed.com">http://www.ajaxed.com</a><br />不需要寫程式即可輕輕鬆鬆在你現有的網站上加上Ajax的效果
<li>atopsites.com<br /><a href="http://atopsites.com">http://atopsites.com</a><br />仿Alaxa.com的網站
<li>asoboo.com<br /><a href="http://asoboo.com">http://asoboo.com</a><br />針對Creative people所設立的社群網站（筆者特別強調該網站是佈署在Win2003）
<li>thebeststuffintheworld<br /><a href="http://www.thebeststuffintheworld.com">http://www.thebeststuffintheworld.com</a><br />有趣的web 2.0應用
<li>dealplumber.com<br /><a href="http://www.dealplumber.com">http://www.dealplumber.com</a><br />另一個有趣的社群網站
<li>digital-tunes.net<br /><a href="http://www.digital-tunes.net">http://www.digital-tunes.net</a><br />專做音樂的電子商務網站
<li>flagr.com<br /><a href="http://www.flagr.com">http://www.flagr.com</a><br />看起來應該是跟Google map有關的Mashup
<li>godefy.com<br /><a href="http://www.godefy.com">http://www.godefy.com</a><br />有關網路行銷公司或產品的比較
<li>lovexpress.fr<br /><a href="http://www.lovexpress.fr">http://www.lovexpress.fr</a><br />法國的交友網站
<li>podomatic.com<br /><a href="http://podomatic.com">http://podomatic.com</a><br />專門分享podcasts的網站
<li>pixrat.com<br /><a href="http://www.pixrat.com">http://www.pixrat.com</a><br />Social picture bookmars，人家del.icio.us做的是書籤，pixrat做的是「<strong>圖籤</strong>」，其實前陣子出現的diggirl概念就類似Pixrat，都是要收藏美女並且用類似「digg」的方式來推選出本日熱門，不過Pixrat的精神比較接近書籤，比較著重在收藏、分享，而diggirl則是著重在本日最熱門，比較接近digg的概念。（但diggirl同時又搭配幹圖王可以收藏，還滿威的！）</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/03/17/22-successful-ruby-on-rails-web-applications/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 100 Web 2.0 Sites</title>
		<link>http://punk.tw/2007/01/03/top-100-web-20-sites</link>
		<comments>http://punk.tw/2007/01/03/top-100-web-20-sites#comments</comments>
		<pubDate>Wed, 03 Jan 2007 08:23:50 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Web2.0 Website]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/01/03/top-100-web-20-sites/</guid>
		<description><![CDATA[在Web 2.0 Magazine看到的Top 100 Web 2.0 Sites，比較讓我感興趣的是Pligg居然排在第三名，我一直以為知道Pligg的人不多。Pligg是一套讓你可以輕鬆地架設一個類似Digg.com網站的系統，目前已經出到beta9的版本，有興趣的可以參考我另外一篇文章「Pligg Beta 9 Release」。 Top 100 Web 2.0 Sites上面列了很多沒看過的網站，都相當有趣，說不定可以稍微開開眼界或是激發一下創意！]]></description>
			<content:encoded><![CDATA[<p>在<a href="http://web2magazine.blogspot.com/index.html">Web 2.0 Magazine</a>看到的<a href="http://web2magazine.blogspot.com/2007/01/thanks-for-web-2.html">Top 100 Web 2.0 Sites</a>，比較讓我感興趣的是Pligg居然排在第三名，我一直以為知道Pligg的人不多。Pligg是一套讓你可以輕鬆地架設一個類似Digg.com網站的系統，目前已經出到beta9的版本，有興趣的可以參考我另外一篇文章「<a href="http://punk.tw/2006/12/19/pligg-beta-9-release/">Pligg Beta 9 Release</a>」。</p>
<p>Top 100 Web 2.0 Sites上面列了很多沒看過的網站，都相當有趣，說不定可以稍微開開眼界或是激發一下創意！</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/01/03/top-100-web-20-sites/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

