植樹節，沒種樹

今天是植樹節，去年很樂觀地希望能在今天上線，可惜錯過了...

為什麼想要選在「植樹節」呢？這是 J 先生的創意發想：『植樹節，大家一起上網來 wowTree 種樹~』。雖然 idea 很好，但我當時反駁說 wowTree 不會拖那麼久才上線。沒想到，不僅無法在 2007 年底上線，也沒搭到植樹節這個 idea 的便車，讓我有些小感慨。

種樹歌

樹呀樹呀 我把你種下
不怕風雨快點長大
長出綠的葉 開出紅的花
鳥來做窩 猴子來爬
我也來玩耍

討論及評價機制，完成！

* 2/24: 開始做主題樹的「討論」機制
* 2/26: 開始做主題樹的「評價」機制
* 2/28: 完成「討論、評價」機制

當 Jon 完成這部分的程式後，他邊測試邊說：「好感動~」

是啊，真的好感動，我們似乎感受到 wowTree 的生命力了...

套程式

今天到工程師家討論 wowTree 的後續開發，決定先砍掉一些進階功能，讓產品單純一些，也讓開發速度加快。工程師當天還拼了 3 頁（註冊頁、建立主題樹、單一主題樹），火力驚人！

對於規劃者（企劃、製作人）來說，功能被砍掉，心裡一定不好受。但換個角度想，先讓這個「小孩」平平安安、四肢健全的呱呱落地，總比因為長得太巨大而難產，還來得好一些。

等生出來後，再一步一步調教吧~

IE7 CSS hacking

我在寫 CSS 時，只用 FX 和 IE6 來預覽，完全沒有理會 IE6 的存在。心想市場普遍不看好 IE7，多數用戶也無法升級（嘿~心照不宣）。

這兩天看到新聞說，微軟大發慈悲要讓「所有的」Windows 的使用者升級為 IE7。看來，我不得不用 IE7 來預覽我做的頁面。畢竟，wowTree 還有一段時間才會上線，這段時間 IE7 必定會透過 Windows 的自動更新大肆攻佔使用者的電腦。

CSS for Firefox, for IE5.5, for IE6, for IE7, for IE8...天啊~



是誰幹的好事？我要親他一下~

■ 延伸閱讀：

* "CSS for FX, IE6, IE7":http://blog.planism.com/archives/2008/02/19/1512/

切 HTML 頁面

一月底，開始進行 HTML 頁面的切割模組化工作。

沒想到，隔天一家三口，輪流重感冒，接著過春節，直到 2/12 我才把所有的 HTML 切割完畢。

切完 HTML 頁面，從豬年變成了鼠年，時間飛逝啊~

Tortoise SVN

今天又到工程師 Jon 的家聽「PHP 基礎複習」的課，工程師還現場示範用 API 寫了 wowTree 的註冊頁程式。基本上我是有看沒有懂...

另外，還學到一個叫做 Tortoise SVN 的軟體。對我而言，它是一個可以將工程師的程式碼抓我電腦裡面做編輯的一個工具，還能做版本控制，這真的是太神奇了！

PNG -> HTML + CSS

* 11/23: 開始將每一個頁面的元素抽離出來，做成有結構的 HTML 頁
* 12/09: 完成所有的 PNG (圖檔格式) 頁面轉成 HTML 頁
* 12/10: 開始將 PNG 的表現樣式寫成 CSS 碼
* 12/04: 自己獨力完成註冊頁，感覺滿爽的~
* 12/21: 做到「建立主題樹」的頁面，不過發現 css 寫到亂了，眼茫茫，心慌慌...
* 12/23: 開始找規則、建立模組，否則後續的路難行
* 12/25: 規則慢慢找出來了，D 長輩的小孩出生了！恭喜~
* 12/27: 規則建立，繼續下一步！
* 1/4: 我把最難的 2 頁（建立主題樹、單一主題樹）都完成了！

寫完 CSS，已經過了一個年頭，我又老了一歲~

新課題 - 學習 CSS

原本在離職前，就有打算要花時間學學 CSS。離職後，會翻翻之前買來的 CSS 教學書，內容都看得懂，但要怎麼做，似乎有些模糊，也不知道怎麼上手。

前陣子跟工程師 Jon 開會討論，才知道還是找不到合適的 Web Developer 來支援。但總不能一直卡在這邊，於是工程師建議我邊學 CSS 邊套成 HTML 頁面，我想了想，也算一石二鳥。

今天，來到工程師位在汐止的家，他請到一位專家來傳授如何利用 Yahoo! YUI 來寫 CSS。我聽完還是一知半解，得實際做了才知道~

新任務 & 新課題

線上跟工程師 Jon 討論 wowtree 如何進行後續開發，工程師回報的狀況和我的預期有些落差。

晚上面對面開了會，狀況好壞不管，還算有個結果，我多了一個新任務，和一個新課題。

離開「公司」這個龐大的後援機器之後，自己要學的事情，更多了。

做中學~ Go!

每個階段都是一種專業

工程師 Jon 在忙他的 SiteTag 專案。

趁這個空檔，我又改了 masthead，畢竟 wowTree 是個工具平台，我想把 masthead 改小一些，讓下面的資訊可以多露臉，畢竟裡面的資訊才是重點，而不是花俏的設計。

* 10/6: 雜七雜八的頁面快搞定了，人也開始不舒服了...
* 10/7: 又再次 review 頁面，算是 99% 完成了！再來個頁面市調吧~
* 10/8: 收到夥伴的 feedback，我知道我並不是孤軍奮戰！
* 10/14: 修了又修，改了又改，頁面終於都確定了！每個階段都是一種專業。

知識+ 二代？

做頁面的速度變快了，畢竟 my 的頁面變化不大，style 也幾乎全都確定了。不過，愈做似乎愈像知識+ ，我的思維還是在同一個胡同打轉，哎呀呀~

大致完成了 95% 的頁面，接下來要做什麼呢？先過中秋節，好好休息一下，眼睛快瞎了 @_@

完整的產品

我終於「自認」把最困難的 2 頁給做完了。想了很多，做了很久，我在乎每一個規劃元素，我自己都要能夠心悅誠服。如果不這樣，如何說服使用者呢？

時間有限、資源有限，但想做的很多。我要做一個完整的產品，而不是一個完美的產品。等一下要找蔡頭來測試~

wowTree style 確定

又稍微修改了一下，挖趣首頁的 style 應該是確定了。反正也沒有別人會出聲，我是最終的決策者，呵呵...



* 8/28: 製作註冊流程
* 8/29: 製作建立主題樹

哎~ 一路走來到目前，有太多「屎尿胃急」的突發狀況跑出來，企劃兼美工，真的滿累的。不光要憑空想，也要出張嘴。更重要的，是要把想的、說的，做出來。

wow~ 不有 tree... (呃...不好笑)

微軟的樹 - Tafiti

工程師傳來一篇文章，微軟的新搜尋引擎 Tafiti，這是什麼東東？

看了文章的介紹，原來微軟也搞了一棵樹，wow~ 真有 tree！

wowTree logo 誕生

wowTree 的 logo 一直懸而未決，困擾我許久。

* 從 Hinet 「數位造林」的廣告得到一個靈感，做了一個杉木的 logo。
* 到 flickr 找圖，找到一張還不錯的 CC 授權圖片，真實的樹 logo。
* 在字型網站找到一個「樹」的向量字型，樹型的 logo。

做了一個調查，大家的意見相左，哈~ XD



最後，由我決定 logo 6 號當選，同時也確定了「樹」五階段成長圖。

得開始做其他頁面了，原本預計八月底要完成所有頁面，看來是黃牛了...

原來的比較好

今天，聖帕颱風來襲，風雨交加的一天。

由於之前工程師建議不要把首頁做得太素，所以我做了不小的改變，感覺還不錯~。

J 先生建議我調整首頁的介紹文案，我還為此修了圖。不過，最後 J 先生覺得我原本的文案就很好了，哇哩咧~

第一次的印象實在很重要。

■ 第一版 mockup



■ 第二版 mockup

logo 比稿 & 新方向

小范交稿了，我覺得其中兩個還不錯，但我還是比較喜歡之前那個，不過，那是別家公司的 logo... XD



請教相關人士，大家都覺得之前那個比較 ok，或許我們都被制約了。J 先生提出一個想法：用英文標準字，再加上一些輔助圖象即可，這也是一招。

wowtree -> WowTree -> wowTree

文字表現，確定！

J 先生 : 1, 2 感覺有點複雜
J 先生 : 有沒有考慮一種方式wowtree設計一款標準字
J 先生 : 舉例來說wowtree最後的e尾巴拉出來成為一棵樹
小柯 : 這個之前我有去參考過其他家的logo
小柯 : 可以做成：wowTree → 將 T 做成一棵樹
小柯 : 只有T是大寫
J 先生 : 總之我覺得要簡單

J 先生 : 所以你應該知道我的意思ㄅ
小柯 : 新的方向，將wowTree英文標準字變成網站的logo
J 先生 : 在網路上網址應該最重要，我是如此覺得
J 先生 : 然後只是在WOWTREE去作變化
J 先生 : 像YOUTOBE也是這樣
J 先生 : PCHOME, YAHOO 好像都是如此

J 先生 : 一般所謂LOGO好像比較運用在實體企業
J 先生 : 網路LOGO或許結合企業名更重要
J 先生 : yahoo奇摩的娃娃頭算是輔助圖案
J 先生 : 但我還是覺得WOW TREE 這標準字要先來 樹為輔助圖案
小柯 : 報告，是。

聚餐

今天上午11:30，跟 D 長輩、T 長輩、 J 先生約在士林捷運站附近的一家餐廳見面。

前一晚的我，還緊張地修修改改簡報內容，心情是既期待，又怕受傷害。D 長輩提供許多寶貴的建議，思維果真是不一樣，大大受教了。

因為...所以...

因為想要做點正事，所以有了一個想法。
因為有了這個想法，所以朋友給了提議。
因為有了這個提議，所以有了今日聚餐。
因為有了這場聚餐，所以來了重要人士。
因為重要人士與會，所以想法攤開檢驗。
因為想法受到檢驗，所以獲得不少建議。
因為獲得不少建議，所以想法是有機會。
因為想法是有機會，所以要去試著實現。
因為要去試著實現，所以還有許多考驗。
只要向前走，因為...所以...的接力，會一直繼續下去~

一頓水餃

今天找了小范來討論 wowtree 的 logo，最後連 masthead 也包給他發想。
雖然，小范口頭說只要一頓水餃就行，感謝他的夠義氣。

競爭對手

消化完一堆 blog 之後，我從相關文章中找到一些跟 wowtree 類似的網站：

* OnMyList: http://www.onmylist.com
* Jamza: http://www.jamza.com/
* Worst3: http://worst3.com/
* 5ives: http://www.5ives.com/
* vosnap: http://www.vosnap.com/
* WUFOO: http://wufoo.com/
* A Few URLs: http://afewurls.com/
* listphile: http://www.listphile.com/ (2007/09/13 update)

乖乖~ 簡直是一串粽子...

onmylist 雖然也是列表模式，但還是跟 wowtree 不同。不過，有些細節部，想得比我還周全，收下了，感謝~

wufoo 我覺得它是 wowtree 的終極版本，它的自建表格形式的彈性，超出我的想像。原本以為我的 idea 很原創，但沒想到還是跟其他人撞了衫...

戲法人人會變，各有巧妙不同。