<?xml version="1.0" encoding="UTF-8"?><!-- generator="WordPress/2.9.2" -->
<rss version="0.92">
<channel>
	<title>哇寶部落格</title>
	<link>http://blog.wabow.com</link>
	<description>Wabow Information Inc. Blog</description>
	<lastBuildDate>Thu, 25 Feb 2010 04:45:47 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	
	<item>
		<title>家的大小事　一輩子都是特力的事</title>
		<description><![CDATA[Trihome 是個以靜態頁面為主的網站，需要管理介面的功能也是少之又少。


在和Neo討論之後，想試試看"內嵌前台"方式來製作這次的管理介面，一開始思索了一下，首先是"如何進入管理模式"，一般正常的方式，不外乎就是進到一個有帳號&#38;密碼欄位的畫面，輸入帳密之後，導向進管理後台，而這次想挑戰的內嵌式，當然要嚐試看看新鮮的寫法，相信有玩過魂斗羅的骨灰級玩家都知道，只要在一開始遊戲畫面中輸入上、上、下、下、左、右、左、右、B、A、B、A，，就可以得到30隻，對於想破關的朋友，莫不是一大福音，根據這樣的"取得隻數"的方式，"取得權限"亦可如法炮制，於是就出現了，魂斗羅內嵌Trihome的想法，在網站的任意位置，只要管理者突然有想進入管理介面的衝動，只要輸入密碼按下Enter，就可以神不知鬼不覺的偷偷進入管理介面，以下即為進入管理介面之後的畫面：


眼尖的朋友應該注意到了，在畫面上有隱約透露出神秘綠光的區塊，這部份是提示管理者，目前頁面上"即將被編輯的區域"，而點擊右上的綠勾，就可以進入真正的編輯區塊了，如下圖：

在編輯區塊內全部採取ajax即時更新資訊方式，讓管理者更能直覺的輸入修改資料。
在一開始構思的時候，本來預定是要真的在網頁上，即時編輯所有內容，不過第一頁就遇到問題了，在首頁的Banner，一次需要上多張Banner，系統判斷上下檔期後，要自動替換，那要可以即時編輯的話，難道要把全部已經上傳的圖都秀出來，版面應該會破的亂七八糟吧，所以才借助了blockUI，把需要編輯的部份通通丟在裡面，以不破壞原始版面為主；在這次撰寫過程，遇到很多問題需要解決，也連帶吸收了不少EXP，整個管理的方式進步空間還很大，不過算是處女作就....勉強算ok，未來有機會的話，可以再嚐試看看不同的方式，朝更人性、更直覺的設計介面前進吧~
]]></description>
		<link>http://blog.wabow.com/archives/2277</link>
			</item>
	<item>
		<title>哇寶 2010 尾牙宴 - 台北京華酒店三燔本家</title>
		<description><![CDATA[公司這次的尾牙選在台北京華酒店的三燔本家，日期則是訂在1/20。

三燔本家在網路上許多吃過的人都極力推薦，甚至可以說是一生當中一定要吃一次的店。經過哇寶挑嘴團這次尾牙的實地品嚐，雖然價格較高，但的確非常值得親身前往一探究竟。
有多值得呢? 從第一道菜開始沒多久，身邊陸續傳來同事們此起彼落的聲音「好好吃喔~」「嗯~這個真好吃」「喔~太好吃了」...(每道新的菜上來，重覆的戲碼也不斷的上演 XD)
(不只沙拉做的美味，連裝沙拉的碗都又脆又香，吃的不亦樂乎)
(極度受好評的開胃菜)
(生魚片好吃到大家都在用搶的)
(這道牛肉的料理鮮嫩多汁，對牛肉最挑嘴的 Jace 都大力推薦)
(龍蝦海鮮的美妙滋味實在讓人難以忘懷)
(這隻魚一出現沒多久就只剩下骨頭了 XD)

(燒烤的味道也不是蓋的)
這次的主角"和牛"更是不可少，甚至加點了一份頂級和牛來吃。

(用鍋底的蒸氣來吃，這真的是人間美味呀~)
最後的甜點水果一搬進來，真的就是異口同聲的「哇噢~~~」

(照片看起沒什麼，但現場看這個真的非常大一鍋)
雖然有遇到牛小排吃到飽的優惠，但同事有的不吃牛、不吃肉...點吃到飽的並不划算 (註)，所以這次以尾牙以三燔本家的套餐為主。以上的照片也只列出部份餐點，由於現場吃的種類很多，加上平常難得有機會吃到高級料理，只顧著吃都來不及了，能保持理性的人記得每樣菜的人已經不多了。XD
註:使用吃到飽的優惠，包廂全場的每個人都要加一份牛小排吃到飽的價格。

(最後每個人幾乎飽到走不太動了，飽到不行的合照)
今年大家也要一起好好努力，明年繼續吃大餐。^^




 









// 

























 

























]]></description>
		<link>http://blog.wabow.com/archives/2270</link>
			</item>
	<item>
		<title>HOLA 的網站改版會議</title>
		<description><![CDATA[回顧去年的時候，特力集團的電子商務團隊負責人跑來我們公司。
會議開始後，從投影機之中映出了一網站，問我們能不能做到這樣的效果?

(這個網站是 Pixazza 。發音 Pix-a-zza 音似: "皮克斯阿殺")

Pixazza 在去年成立時就引發國外媒體關注，這個連 Google 也名列股東之一的公司，做的事看起來明白易懂:「即使是新聞圖片也可以購物」。
雖然很多人笑稱這只是 Flickr + EDM 的變形，國外早年已有類似的應用在型錄上，但實際應用於購物網站在台灣還沒見到。
特力的團隊同時也帶來了 IKEA 的網站做為參考:

 
看完之後，我請另一位同事先放下手邊的工作，從電腦拿出個東西給他們看，我們其實很早就開發出雛形來了。

(這個雛形不只有"點"，甚至可以延伸到"面"。上圖是 Email 給特力團隊時改為廚房情境照)
接著跟特力的團隊討論完技術層面，並且參考 HOLA 的實體型錄內容之後，特力團隊的負責人認為還有一件事要解決，以圖片為購物主軸來結合購物網站並不容易，在國內外都沒有這樣的案例可以參考，也希望我們能提供一些意見。
這次就輪到我來做展示了，其實在討論的過程中就已經想到我們的客戶 BlingCandy 的網站首頁非常適合呈現這樣的購物模式:

首頁上方遠大於一般購物網站的圖片尺寸，可以左右切換不同的圖片來進行購物。
這樣情境圖片便能成為網站購物的主體，網頁下方再規畫為展示及促銷訊息區塊。
就這樣，客戶帶著滿意的微笑離去， HOLA 的新版計畫也就從這裡開始了。
]]></description>
		<link>http://blog.wabow.com/archives/2212</link>
			</item>
	<item>
		<title>Yahoo! 2009 網路爆紅品牌之最</title>
		<description><![CDATA[回顧 2009 年，Yahoo! 做了一系列的網路活動調查，網路爆紅品牌之最 TOP 10 也是其中之一:

(第1名"天母嚴選"及第10名"御家族"正好都是我們的客戶)
我們非常了解網路市場的經營不易，因此對能入榜 Yahoo! TOP10 的商家都深感佩服。
在這邊也同時祝福台灣所有的電子商務網站在 2010 年能有更好的成績。TAIWAN UP!
相關網頁:
Yahoo! 奇摩2009之最
]]></description>
		<link>http://blog.wabow.com/archives/2191</link>
			</item>
	<item>
		<title>御家族網站上線，喚醒體內的零食基因</title>
		<description><![CDATA[

上線日期: 2009/11/30
沒吃過御海苔，等於這輩子沒吃過海苔。
御海苔有多好吃? Google 搜尋 "御海苔" 所出現的一大串團購、勸敗文:
小華兒愛瞎拼_【團購】御家族的御海苔~忍不住想吃咧

喵喵の簡單生活 ::【團購】御家族的味付海苔&#38;手工達人之黃金蛋捲

[團購]板橋市。寬泓御海苔@ 佳莉。心情:: 痞客邦PIXNET ::
yumi的隨意札記: 【零食】味付御海苔- yam天空部落
御家族除了海苔很有名之外，陸續推出了許多不同種類的零食。
這次很高興能有機會跟御家族的團隊合作，他們真的很在乎每一位網友的反應，對於自家購物網站也要求一定要做到最好、最方便訂購。
御家族網站在2009 年尾很順利的上線了，但偷偷告訴大家，這個網站的重頭戲還沒來，2010 年初將提供一般購物網站難得一見的新功能，敬請期待。

御家族官方購物網站: 

http://www.ace-88.com/
]]></description>
		<link>http://blog.wabow.com/archives/2149</link>
			</item>
	<item>
		<title>美麗華 IMAX 3D 體驗阿凡達的真實世界</title>
		<description><![CDATA[阿凡達 AVATAR 這部劃時代的電影上映，許多企業紛紛包場體恤辛苦的工作同仁們。

哇寶當然不能錯過這個新時代 3D 電影的響宴，阿凡達在台正式上映前便已預訂在台灣螢幕最大的美麗華 IMAX 影廳，讓全體同仁體驗身歷其境的 IMAX 3D 的潘朵拉星球之旅。

(哇寶夥伴們在阿凡達立牌前合影)
阿凡達這部電影成功的寫下影史的新頁，相信台灣未來也能做出更多舉世刮目相看的革命性產品。
TAIWAN UP!
]]></description>
		<link>http://blog.wabow.com/archives/2141</link>
			</item>
	<item>
		<title>噗浪備份工具 BKPlurk Beta 上線</title>
		<description><![CDATA[Plurk 的官方API 出來之後，第一件事當然就是要用來好好的備份噗浪啦。


噗浪備份工具 BKPlurk Beta 測試上線網址:
http://www.wabow.com/bkplurk/
在噗浪官方 API 發布前，備份工具大多只能備份自己的噗，因此這次在做 BKPlurk 時就把備份"回噗"列為重點。
為了觀看方便，所以備份檔案採用 HMTL 格式，點一下就可以看到回噗了。
(至於 CSV 的格式目前還在規畫中)
使用上有任何問題或意見也歡迎大家提出來一起討論。^^
更新記錄:
12/15: 感謝 Jace 做的新畫面 (點此回顧初版的畫面)
]]></description>
		<link>http://blog.wabow.com/archives/2124</link>
			</item>
	<item>
		<title>天母嚴選 Gotobuy 網站上線</title>
		<description><![CDATA[Yahoo! 購物中心最大的女裝品牌「天母嚴選」購物網站在 11/15 正式上線了。

不就是個服裝購物網站嘛?
如果這麼想可就大大的錯囉。
只要在 Yahoo! 購物中心 或 Gotobuy 網站消費，都可以累積紅利積點兌換好康商品喔。接下來即將登場的優惠折扣機制，讓網友即使在實體通路也能享受到天母嚴選異業合作的大優惠，真的是賺翻啦。
在建置的過程當中，最複雜的地方在於庫存的調撥機制，為了讓天母嚴選在不同的通路都能有正確的數量，花了很多時間跟天母嚴選的團隊一起討論、修正、討論、再修正，過程當中天母嚴選的倉管、物流、客服人員也很用心的提出作業的流程建議參考，在雙方不斷的努力下，最後終於讓網站順利的完成上線了。
上線後才驚覺天母嚴選的團隊更是臥虎藏龍，有人在家隨手就畫出了這張 Gotobuy 的 7-11 取貨圖。

別再等啦~ 想親身體驗各種不同風格的時尚穿搭，來 Gotobuy 就對了! ^^
天母嚴選 Gotobuy 網址:
http://www.gotobuy.com.tw/
同場加映，網站開發中畫面:

]]></description>
		<link>http://blog.wabow.com/archives/2116</link>
			</item>
	<item>
		<title>[轉載][SVN] 為 Subversion 的 post-commit mail 加入專案名稱</title>
		<description><![CDATA[本文轉載自：[SVN] 為 Subversion 的 post-commit mail 加入專案名稱
問題
目前我們公司是用 Subversion 做為版本控管系統，在 commit 時都會需要把版本更新訊息寄送給相關人員，當然這就會用到 post-commit 這個 hook 指令；而在 post-commit 中，我們可以利用 bash 語法去呼叫寄信程式。

不過預設建立好的 Repository 下的 hooks 目錄並沒有這個檔案，我們可以把預設的 post-commit.tmpl 複製成 post-commit ：

# cp /path-to-svn-repository/project_name/hooks/post-commit.tmpl /path-to-svn-repository/project_name/hooks/post-commit

至於寄信程式的部份，在 Subversion 的 Source code 裡就提供了一個很有用的 mailer.py ，它可以協助我們寄送 commit 後的訊息。
原來的 post-commit 內容如下：

#!/bin/sh
&#160;
# POST-COMMIT HOOK
# (略)
&#160;
REPOS=&#34;$1&#34;
REV=&#34;$2&#34;
&#160;
commit-email.pl &#34;$REPOS&#34; &#34;$REV&#34; commit-watchers@example.org
log-commit.py --repository &#34;$REPOS&#34; --revision &#34;$REV&#34;

將它修改為：

#!/bin/sh    
&#160;
# [...]]]></description>
		<link>http://blog.wabow.com/archives/2112</link>
			</item>
	<item>
		<title>[PHP]免費的檔案瀏覽工具 fileNice</title>
		<description><![CDATA[
官方網站  http://filenice.com/
展示網頁  http://filenice.com/demo/
介紹
filenice是一套用php編寫的檔案瀏覽工具，作用在你本身如果有架設網站並有某個資料夾提供上傳檔案，當你想要查看這個資料夾中有哪些檔案時，filenice提供使用瀏覽器就可以查看的功能。
安裝
到官網下載檔案(http://filenice.com/demo/fileNice.zip)，下載完畢將解壓縮後的檔案放到網站伺服器上你想要瀏覽檔案的資料夾下即可。
優點
官方的說明是filenice是使用php+javascript也就是所謂的Ajax技術編寫的，因此速度比較快，而且當應用程式忙碌時可以返回而不會整個畫面當掉。此外使用filenice不需要安裝任何資料庫。
感想
filenice提供了無須安裝其他軟體，僅需使用瀏覽器就可觀看主機上提供upload的資料夾下的內容，也可自訂瀏覽檔案的一些排列等細節，另外也提供搜尋的功能。不過個人比較覺得可惜的是，因為無須登入帳密即可觀看，在安全性上稍顯不足，不過或是也因此除了觀看以外，並沒有額外提供刪除或是上傳的功能吧!?介紹給大家用看看!
]]></description>
		<link>http://blog.wabow.com/archives/2106</link>
			</item>
	<item>
		<title>[PHP] PHP 密技： include 與 require</title>
		<description><![CDATA[轉載自：[PHP] PHP 密技： include 與 require
可以接受回傳資料？
先調查一下，知道 include 或 require 可以取得回傳資料的請舉手... (眺望)
呃...不知道的朋友也不用煩惱，我來解釋一下。

如何回傳資料呢？假設現在有個 php 檔叫做 config.php ，內容如下：

&#60;?php
return array&#40;'123', '456'&#41;;

咦？那邊有人說 return 放錯地方了？不不不， PHP 能接受這樣的寫法。
好，現在我們來證明 include 或 require 能取得 config.php 所 return 回來的資料。請建立一支 test.php ，其內容是：

$config = require 'config.php';
var_dump&#40;$config&#41;;

執行看看，是不是可以跑呀？
所以我們可以在某支 PHP 程式中 return 一個資料 (任何型態) ，然後在另一支 PHP 程式中用 include 或 require 來取得這個資料。 
把 require 放在參數裡 
什麼？這不是密技？不不不，密技在底下：

function test&#40;$config&#41; &#123;
    [...]]]></description>
		<link>http://blog.wabow.com/archives/2104</link>
			</item>
	<item>
		<title>用 PHP 查 DOMAIN 的 CNAME 紀錄</title>
		<description><![CDATA[接獲一項來自 Neo 的任務, "用PHP 實作由 CNAME 去判定新加入服務的 DOMAIN 為申請人所有" (證明他不是來亂的).
For Example:
Google Apps 就是用這個方式去作驗證

CNAME 是 DOMAIN or SUB DOMAIN 指向另一個 DOMAIN 的方式. (跟 alias 一樣)
那麼如果要用 PHP 實作呢? 有兩種方式 :
1. PHP5 內建的 dns_get_record() (Windows &#38; BSD &#38; Mac 不適用)
2. PEAR NET_DNS
NET_DNS 原理是用 fsockopen("你的 DNS SERVER IP", 53),
但是要先自己組合出 "封包的header data" 再丟過去, DNS Server 才會理你唷.
這些複雜的部份 NET_DNS 已經都幫我們做好了.
我們只要:

require_once&#40;'Net/DNS.php'&#41;;
$ndr = new [...]]]></description>
		<link>http://blog.wabow.com/archives/2066</link>
			</item>
	<item>
		<title>[Subversion] Setup In Windows</title>
		<description><![CDATA[版本控管是個相當方便的程式開發好幫手，不管檔案被改到多爛，甚至不小心誤殺，都能輕鬆救回。
平常使用的安裝在哇寶主機上的subversion，這次想嘗試看看將subversion架設在windows平台上，於是開始了尋找資料之旅。
基本上，這裡有很詳細的說明，只要按照個人系統，修改部份設定，以下就紀錄一下我自己的步驟：
(因為已經寫的超白話了，所以就不另外附圖)  

 安裝apache，我是用懶人包xampp直接裝好apache、php、mysql，apache版本2.2.9。  (  範例懶人包安裝的路徑是在c:\xampp\ )     點我下載xampp (版本 1.7.2 )
下載subversion windows版本，點我下載  (版本 1.6.5 ) ， 安裝很容易，狂點next就對了。
打開C:\xampp\apache\conf\httpd.conf ，隨便找個地方 加入

  &#60;Location /svn/repository&#62;
    DAV svn
    SVNPath D:\svn\repository
  &#60;/Location&#62;

其中 /svn/repository 是你想對應到的網址，像是 http://localhost/svn/repository， 而D:\svn\repository 則是實際svn專案檔案放置的位置。
最後，請到windows提供的"命令提示字元"模式下，輸入 svnadmin create d:/svn/repository ，完成建立專案，到這裡算是完成建立整個專案。
打開瀏覽器，輸入http://localhost:8080/svn/repository/ ，可以看到 『 repository - Revision 0: / 』，代表該專案目前版號為0 (還沒開始動工，當然是0)
測試一下，先隨便找個地方，例如 D:\wwwroot\ ，滑鼠右鍵選擇『 SVN [...]]]></description>
		<link>http://blog.wabow.com/archives/2067</link>
			</item>
	<item>
		<title>[分享] 垃圾留言判斷，隱藏驗證碼的 NoSpamNX class PART2</title>
		<description><![CDATA[感謝上一篇文章中前輩們的熱心回覆；垃圾留言果然是大家心中的痛啊（噗）～雖然 CAPTCHA 可以透過各式各樣的 OCR 破解（最新版的 JDownloader 也已經能忽略大部分免費空間所用的圖像辨識...扯遠了），不過它仍是目前阻擋機器人最直接也最簡單的解決方案；當然更複雜的 CAPTCHA 還是能夠達到阻擋的目的，但是使用 CAPTCHA 的方式對使用者來說就已經是不友善了。
後來在討論中 Jace 提到，其實 SESSION 是有可能被機器人知道的；所以我後來綜合了 fillano 提供的演算法概念，稍微改良了一下之前的 NoSpamNX class。利用隨機產生的隱藏欄位順序，用不同的演算法再對隱藏欄位的數值作編碼；讓 SESSION 內存的未編碼的值，與 POST 過來的已編碼的值不一樣。最後再將 SESSION 內存的值編碼，與 POST 的已編碼的值作比較，判斷留言的使用者是不是機器人。
SESSION 紀錄的值是未編碼的值，但在產生隱藏欄位時，input 的值是已經編碼過後的值

/**
&#xa0;* 建立隱藏欄位 HTML；利用隱藏欄位先後順序不同，使用 md5 or sha1 編碼
&#xa0;* 
&#xa0;*/
public function addHiddenFields()
{
&#xa0;&#xa0;&#xa0;&#xa0;$nospamnx = $_SESSION[$this-&#62;_sessionName];

&#xa0;&#xa0;&#xa0;&#xa0;if (1 === rand(1,2)) {
&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;return '&#60;input type="text" name="nospamnx['.$nospamnx['nospamnx-1'].']" value="" class="locktross" /&#62;&#60;input type="text" name="nospamnx['.$nospamnx['nospamnx-2'].']" value="'.md5($nospamnx['nospamnx-2-value']).'" class="locktross" /&#62;';
&#xa0;&#xa0;&#xa0;&#xa0;} [...]]]></description>
		<link>http://blog.wabow.com/archives/2072</link>
			</item>
	<item>
		<title>[Washop] 用 Word 合併列印 7-11 取貨標籤</title>
		<description><![CDATA[今天要介紹的是 如何用 MS Office Word 的 合併列印 列出 相關訂單資料 及 條碼(barcode), 然後再用 標籤貼紙 印出來, 格式必須要符合 7-11 取貨的規則. 這個功能將會整合在 Washop 的訂單出貨功能.
其實就是一些很簡單的操作步驟, 但是摸索的過程也花了一些時間, 所以就紀錄下來, 供大家參考.

標籤貼紙是為了直接貼在包裹上, 讓出貨流程更有效率.
我們選A4大小的標籤貼紙, 市面上有販售各式各樣的規格.
1. 合併列印精靈:
郵件 -&#62; 啟動合併列印 -&#62; 逐步合併列印精靈

選取文件類型, 請選擇 "標籤"

2. 定訂標籤的格式
7-11 規定, 每張貼紙大小必須至少8cmX8cm, 依照A4的大小(210X297mm), 我們決定用 2欄 X 3列 來劃分, 每小格為 9.9cmX10.5cm
紙匣, 請選擇 "預設紙匣(自動選取)". 註: 它預設是 "手動送紙器", 如果沒修改此項, 在列印時會變成要手動塞紙到印表機喔!

標籤編號, 請選擇 "自訂標籤", 請依照圖中所示, 輸入標籤的規格.

3. 匯出資料
由 [...]]]></description>
		<link>http://blog.wabow.com/archives/1986</link>
			</item>
	<item>
		<title>[jQuery Plugin]抓取YouTube影片的截圖 jYouTube</title>
		<description><![CDATA[
官方網站  http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html
js下載點  http://plugins.jquery.com/files/jyuotube.zip

介紹
YouTube(http://www.youtube.com/)是一個非常知名的影像網站，影片瀏覽起來速度還蠻快的，也因此很多網站在想要顯示影片時，都會連到這個網站。作法上有很多種，假使我們今天希望在自己的網站放置某個YouTube影片的截圖，然後點截圖才連到YouTube網站去瀏覽影片，這個截圖的動作有沒有比較簡單的做法呢?jQuery的Plugin--jYouTube提供了很簡單就可以達到目的的方法，讓我們來看看要怎麼處理吧!
程式碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
small : use video URL&#60;br /&#62;
&#60;img src='' id='img1'&#62;&#60;br /&#62;
big   : use video ID &#60;br /&#62;
&#60;img src='' id='img2'&#62;
&#160;
&#60;script type=&#34;text/javascript&#34; src=&#34;jquery-1.2.6.min.js&#34;&#62;&#60;/script&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;jyuotube.js&#34;&#62;&#60;/script&#62;
&#60;script type=&#34;text/javascript&#34;&#62;
&#160;
$(function(){
&#160;
    var imgSrc = $.jYoutube('http://www.youtube.com/watch?v=hPzNl6NKAG0', 'small');
    var imgSrc2 = $.jYoutube('hPzNl6NKAG0');
&#160;
	$('#img1').attr('src',imgSrc);
	$('#img2').attr('src',imgSrc2);
&#160;
})
&#160;
&#60;/script&#62;

解說

1
2
&#60;script type=&#34;text/javascript&#34; src=&#34;jquery-1.2.6.min.js&#34;&#62;&#60;/script&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;jyuotube.js&#34;&#62;&#60;/script&#62;

這兩行是載入必要的js。
jYouTube的寫法很簡單，如下：

1
2
$.jYoutube&#40;'hPzNl6NKAG0'&#41;; //指定YouTube的影片ID後回傳一個大的截圖網址
$.jYoutube&#40;'http://www.youtube.com/watch?v=hPzNl6NKAG0', 'small'&#41;; //指定YouTube的影片網址後回傳一個小的截圖網址

也就說，jYoutube會使用到兩個參數，第一個參數你可以設定為YouTube的影片ID(如:hPzNl6NKAG0)或是YouTube的影片網址(如:http://www.youtube.com/watch?v=hPzNl6NKAG0)；第二個參數則是希望顯示的截圖大小，如果保留空白則顯示較大的截圖，相對的如果輸入small則顯示小的截圖。實際顯示的效果可參照本文開頭的範例圖。
總結
jYouTube提供了很簡單就能取得YouTube影片的截圖，在需要大量引用時比用printscreen來的快速，提供給大家做個參考。
]]></description>
		<link>http://blog.wabow.com/archives/1985</link>
			</item>
	<item>
		<title>[Open Flash Chart] 無痛繪製統計圖表</title>
		<description><![CDATA[電子商務網站的後台，統籌管理了一堆訂單相關資訊，相對的，客戶對於產品銷售部份，若能搭配上統計圖表，更是一目了然，為了簡易製作出方便快速又美麗的成品，就是借重Open Flash Chart力量的時候....

在官網上可以看到各式各樣的圖表，不管是長條圖、曲線圖、圓餅圖等等，都只要把統計數值拋給他，就會產生出美美的圖表，
首先必須先下載library 點我，解壓縮後丟到你的專案裡面，找個地方擺好
接著在你要輸出的樣板裡面，加上這堆↓

swfobject.embedSWF(&#34;自訂解壓縮路徑/open-flash-chart.swf&#34;, &#34;chart1&#34;, &#34;800&#34;, &#34;500&#34;, &#34;9.0.0&#34;, &#34;expressInstall.swf&#34;,	{&#34;data-file&#34;:&#34;預定產生資料程式&#34;} );

請依照專案狀況修改上述中文部份，就完成了畫面產生部份設定。
接著是資料產生部份，還記得上面剛填寫的"預定產生資料程式"嗎，就是準備編輯他，以下是部份主要程式的範例：

include(&#34;自訂解壓縮路徑/php-ofc-library/open-flash-chart.php&#34;); // 載入
$chart = new open_flash_chart();
$title = new title($product-&#62;name.'三個月內銷售狀況');
$chart-&#62;set_title( $title );
$x = new x_axis();
$x-&#62;set_colour( 'gray' );
$x-&#62;set_grid_colour( '#86BF83' );
$y = new y_axis();
$y-&#62;set_range( 0, 1000, 100);
$chart-&#62;set_y_axis( $y );
$bar = new bar();
$output  = new Array('1','2','3');
$bar-&#62;set_values( $outpu ); // 欲輸出的資料陣列 
$t = new tooltip( 'Hello&#60;br&#62;val = #val#' );
$t-&#62;set_shadow( true [...]]]></description>
		<link>http://blog.wabow.com/archives/1984</link>
			</item>
	<item>
		<title>[分享] 垃圾留言判斷，隱藏驗證碼的 NoSpamNX class</title>
		<description><![CDATA[目前大部分網站在表單發送時，判斷機器人發送廣告、垃圾留言的方法是採用 CAPTCHA 的方式；然而如同之前在部落格上分享過的文章所述，額外的驗證碼機制反而造成使用者在參予留言或討論時望之卻步。同篇文章中也提到 WordPress 用來防治垃圾留言的 Plugin NoSpamNX；最近剛好客戶有阻擋垃圾留言的需求，所以就稍微研究了一下，順便改成 class 讓使用上能更具彈性。


基本的流程是在建構式中，將隨機產生的隱藏驗證碼存入 SESSION，同時利用這些值建立隨機順序的 HTML 碼，在使用者 POST 的時候加以驗證。
首先要在網頁的最上面先開啟 SESSION，並建立 NoSpamNX 物件，同時寫入 SESSION，產生 HTML 碼

// 啟動 SESSION
session_start&#40;&#41;;
&#160;
// 載入 NoSpamNX class
include_once&#40;'NoSpamNX.php'&#41;;
// 建立物件時可以指定 SESSION 的名稱，或不輸入使用預設值
$noSpamNX = new NoSpamNX&#40;'test_for_NoSpamNX'&#41;;
&#160;
// 產生隨機順序的隱藏欄位
$hidden_fields_for_NoSpamNX = $noSpamNX-&#62;addHiddenFields&#40;&#41;;

將 HTML 碼嵌入表單中

echo $hidden_fields_for_NoSpamNX;

在送出表單後，根據：
1. 檢查 POST 過來的資料中，是否有 'nospamnx-1' 產生的 MD5 Name；不存在=機器人
2. 檢查 POST 過來的 'nospamnx-1' MD5 Name，其值是否為零；不為零=機器人
3. 檢查 POST 過來的資料中，是否有 'nospamnx-2' 產生的 [...]]]></description>
		<link>http://blog.wabow.com/archives/1974</link>
			</item>
	<item>
		<title>[PHP] 瞭解 static 關鍵字</title>
		<description><![CDATA[本文轉載自：[PHP] 瞭解 static 關鍵字
先前同事詢問有關 PHP static 關鍵字的用法，這裡我簡單整理一下。
static 主要用途在於定義一個變數空間，讓函式或類別可以保留住該變數的值，直到下次的存取。
以下就各別來探討 static 在函式與類別中的用法。

函式裡的 static 關鍵字
先來看看以下的例子：

function getCount&#40;&#41;
&#123;
    static $count = 0;
    $count ++;
    return $count;
&#125;
&#160;
for &#40;$i = 0; $i &#60; 10; $i ++&#41; &#123;
   echo getCount&#40;&#41;, &#34;\n&#34;;
&#125;
&#160;
/* output:
1
2
3
4
5
6
7
8
9
10
*/

首先我們在 getCount() 這個方法中定義了一個 static 變數 $count ，然後每次呼叫 getCount() 時，就會對 $count 作累加的動作。
接著我們透過迴圈執行十次 [...]]]></description>
		<link>http://blog.wabow.com/archives/1972</link>
			</item>
	<item>
		<title>建立簡易的線上影片播放系統</title>
		<description><![CDATA[最近有個小需求是要建立一個簡單的線上影片播放系統，不需要太複雜，只要能播放 FLV 即可。
本文就來為大家介紹一些免費的製作工具，包含轉檔以及播放；不需要有複雜的伺服端環境，也不會有麻煩的設定。
註：如果有線上自動轉檔這方面的需求，建議使用 YouTube API ，或參考 FFmpeg 來架設線上轉檔系統。

軟體下載
我們會用到以下兩個軟體與套件：

Riva FLV Encoder ： FLV 轉檔轉體。
Flowplayer ：線上播放影片。

轉檔
其實就是照著介面操作：

在來源檔案的部份，我們可以選擇 FFmpeg 所支援的各種影片類型檔案。
然後轉完檔案後，再把轉好的 flv 檔放在網頁可以存取的地方。
嵌入影片
嵌入影片的方法也很簡單，首先把 Flowplayer 下載回來的 JavaScript 和 Flash 檔案放在適當的地方，然後在 HTML 中載入 JavaScript 即可。
接著利用一個 A 標籤，將連結指向我們的 flv 影片檔；最後再利用 Flowplayer 的指令來載入 Flash 播放器，並將播放位址指向剛剛的連結即可。

&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;線上影片播放範例&#60;/title&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;js/flowplayer.js&#34;&#62;&#60;/script&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;a href=&#34;video/golfers.flv&#34; style=&#34;display:block;width:480px;height:325px;&#34; id=&#34;player&#34;&#62;&#60;/a&#62;
&#60;script type=&#34;text/javascript&#34;&#62;
flowplayer(&#34;player&#34;, &#34;./swf/flowplayer.swf&#34;);
&#60;/script&#62;
&#60;/body&#62;
&#60;/html&#62;

當然這樣的方案就顯得簡單很多，所以只適合在客戶影片不多，而且較不常更新的專案上使用。不過這個方案還有一個很明顯的缺點，那就是影片是公開的。這時如果需要影片不公開，就需要透過伺服端技術來下載位址做一些特別的處理。
完畢收工，謝謝收看。
]]></description>
		<link>http://blog.wabow.com/archives/1964</link>
			</item>
</channel>
</rss>
