Spket IDE使用jQuery自動提示

Spket IDE是網路上知名的JavaScript與XML編輯器，有許採用jQuery或ExtJS工具庫的開發者都很喜歡使用Spket，而我在找尋理想的JavaScript IDE的時候，也來安裝Spket IDE來使用看看。

自動提示(Code Assist)是IDE中很重要的功能之一，效果就如上圖一樣，讓程式設計師在撰寫程式的時候，自動帶出相關的字詞，不僅減少程式設計師打字的工作量，也能夠避免輸入錯誤語法的人為失誤。然而似乎不少Spket IDE的使用者不清楚如何使用jQuery或ExtJS的自動提示功能，不僅Skpet IDE官方網站上有文字與影片(簡體字？)的說明之外，Google中搜尋Spket IDE的介紹中也幾乎都是在教怎麼配置Profile。

然而我照著教學上面的方法來做，卻始終帶不出jQuery的自動提示。找尋許多資料之後，終於在Spket IDE的論壇中發現了解決方法，因此想說在此整理一下，給有需要的朋友們一個引路。

環境敘述

Spket IDE可以作為plugin安裝在eclipse系列 3.2.x的IDE當中，而我是使用Aptana Studio 2，這是使用eclipse 3.5.2為基礎的IDE，也一樣可以安裝Spket IDE。而作業系統是Windows 7 64位元。

用網站安裝無效

原本我是使用eclipse的Install Software，連到Spket IDE的網站 http://www.spket.com/update 去下載1.6.18版本來安裝，但是這個版本似乎有問題，所以安裝之後仍然無法順利使用。

手動下載Plugin並安裝

根據論壇的說法，我將我的Skpet IDE安裝以及jQuery Profile配置的方法整理如下：

1. 先安裝eclipse系列的IDE編輯器，例如Aptana Studio 2。
2. 下載com.spket.js_1.6.18.jar (SkyDrive備份)。
3. 將com.spket.js_1.6.18.jar放置到eclipse安裝目錄底下的「plugins」資料夾。以Aptana Studio 2來說，就是「D:\Program Files\Aptana Studio\plugins\com.spket.js_1.6.18.jar」(因為我把Aptana安裝到D磁碟分割去了)
4. 開啟eclipse，沒有錯誤訊息的話，應該就是安裝完成了。

接著是配置jQuery Profile：

1. 打開「Window > Preferences」：
   
2. 左邊導覽列中，找到「Spket > JavaScript Profiles」，然後點選右上角的「New」以建立新的Profile：
   
3. 輸入Profile名稱，你看得懂就好，那就設定為「jQuery」吧。
   
4. 現在Profiles裡面多了一個剛剛建立的jQuery Profile，選擇他並點選右邊的「Add Library」：
   
5. 在選擇Library的下拉式選單中，選擇「jQuery」，然後按下ok完成：
   
6. 接著要加入jQuery的檔案，請點下右方的「Add File」：
   
7. jQuery的檔案最好是附加上說明的詳細版本，而不是一般使用的min版本，這樣在自動提示的時候才會把方法的說明也一併帶出來。在此推薦使用阿良翻譯的jQuery 1.3.2文件 (SkyDrive備份)，請解壓縮之後選擇裡面的「jquery-1.3.2-jsdoc-Spket-profile.js」即可。
   
8. 完成後，選擇左方jQuery的Profile，並按下右邊的「Default」，讓Spket IDE把這個Profile作為預設的環境。
   

儘管他們的版本號都是1.6.18，可是論壇上面的jar似乎比較正確。安裝正確的版本之後，不僅可以顯示jQuery的自動完成提示，也可以開啟Profile Explorer來查詢可用JavaScript語法。如下圖：

結語

儘管總算讓Spket IDE可以讀取jQuery的自動提示了，但是對於自己寫的程式，Spket IDE依然是不會弄出自動提示。接著我要繼續研究怎麼讓我寫的程式加入Spket IDE的自動提示中，如果這點可以做到的話，那麼Spket IDE就幾乎稱得上是理想的JavaScript IDE了。

eclipse開啟時發生無法載入「jvm.dll」問題的解決方法

eclipse是知名的自由(也可以免費取用)的跨平台整合開發環境(Integreated Development Environment，簡稱IDE)，主要用來開發Java，但他擁有強大的自訂能力，而使得eclipse也可以用來開發C/C++、PHP或甚至是JavaScript。而許多IDE也是基於eclipse再擴充、發展而成，像是我目前主要用來開發JavaScript的Aptana Studio 2。

問題敘述

eclipse能夠跨平台是基於Java運作環境的功勞，而他本身也是一個免安裝的檔案，理論上在良好設定的前提下，下載之後、解壓縮並直接開啟就能夠啟動。

最近為了再次找尋更完善的JavaScript IDE，所以我下載了Eclipse IDE for JavaScript Web Developers來使用。但沒想到下載完、解壓縮並開啟之後，出現了「Failed to load the JNI shared libray “D:\Program Files\Java\jre6\bin\client\jvm.dll”」的錯誤訊息，讓eclipse無法順利啟動。

這個問題顯然是我的Java環境參數哪裡弄錯了。我的電腦是Windows 7 64位元，安裝了Java的JDK 6.0.21，除了安裝路徑移至D磁碟分割之外，其他都跟預設一樣。

修改eclipse.ini，失敗

網路上可以找到兩種解決方法，一個是修改位於eclipse目錄底下的「eclipse.ini」設定檔。這個作法在「eclipse打开出现JVM terminated.Exit Code=-1错误的解决办法」這篇的後半部有提到，但我試著做卻很遺憾地沒能解決這個問題，而是需要用另一種方法來解決。

開啟eclipse時指定Java機器，成功

另一個方法是在開啟eclipse的時候，同時指定正確的Java虛擬機器路徑作為參數。作法如下：

1. 找到你Java虛擬機器的路徑。以我的電腦為例子，因為Java安裝到D:\Program Files\裡面去了，所以路徑為「D:\Program Files\Java\jdk1.6.0_21\bin\javaw.exe」
2. 為「eclipse.exe」建立捷徑「eclipse.exe - 捷徑」，名稱可以隨意修改。
3. 在捷徑上按右鍵，進入「內容」。
4. 在「捷徑」分頁中找到「目標」欄位。
   
5. 在目標欄位資料後面加上「-vm "D:\Program Files\Java\jdk1.6.0_21\bin\javaw.exe"」，參數即是第一步中查詢的Java虛擬機器的路徑。舉例來說，原本的資料為「"D:\Program Files\eclipse\eclipse.exe"」，現在改為「"D:\Program Files\eclipse\eclipse.exe" -vm "D:\Program Files\Java\jdk1.6.0_21\bin\javaw.exe"」。
6. 點擊捷徑，開啟eclipse。

開始使用eclipse吧！

結語

這其實是我第三次還是第四次遇到同樣的問題，而我卻每次都還是上網去找解決方法，找得灰頭土臉的才得到每次都一樣的解決方法。所以在此特地把這個方法寫在Blog，希望自己下次不要再這麼辛苦了。

題外話，Eclipse IDE for JavaScript Web Developers的JavaScript Editor在Aptana當中已有內建，而且也沒有Aptana JS Editor好用，著實讓人失望。下次有機會我在來分析一下JavaScript IDE的優缺點吧。

論文進度報告(2010/9/26)：進度延後至10/29

9月中meeting時，我跟老師報告了一下系統狀況與現在的進度。當然就如你所知的，系統開發並不是很順利。前端的JavaScript程式完成了估計數量的1/3不到而已，之前說想要在9/21完成的希望，當然也是只能摸摸鼻子地再來重新估算日期。

系統現況與進度報告投影片

這是9/15論文進度報告的投影片(SkyDrive下載)。

前端的View部分，系統目前可以分成六大區塊：Toolkit工具箱、Core核心元件、Window視窗元件、Toolbar工具列、Text標註、Search搜尋。而目前我正在做到Toolbar這一塊，比報告之後又多推了一些進度，但跟上次報告時比起來也不過是多作了7隻程式而已，中間相隔約2個禮拜。

以下是進度的詳細內容：

專案進度延後，設定10/29作為查核點

系統延後的狀況實在是太嚴重，嚴重到我都快對不起KALS Wiki左上角的倒數計時器。但是正視自己的弱點才能夠前進，所以還是要忍辱地再次調整專案規劃。

如果以兩個禮拜可以增加7隻程式來計算，大概還需要5個月的時間……當然不可能會到這麼久。而且這兩個禮拜中，又是寫書校稿、又是假期回家，所以進度才比慢到這麼誇張。不過都已經9月底的現在，說什麼理由也沒啥意義了。

總之，接下來兩個禮拜應該可以專心在系統上，因此要用這兩個禮拜來預估系統進度，然後設定10/29(五)作為查核點，再給自己一個月，看看情況如何吧。

由於整個進度都往後順延，影響到最後畢業的時程，延遲至3月初。由於我仍欠國中圖一篇論文，所以千萬得在3/24之前完成口試才行。

寫書一校完畢

之前提到的寫書工作，終於完成一校的作業了。

一校作業是由我跟老師分擔負責，我主要是檢查技術部分是否有問題。而不出所料地，我又作了很多修改。讓人有種「校稿怎麼校都校不完」的感覺。後來編輯又來告知說我圖檔dpi不足300，印刷時會讓圖片花掉，讓我又花了好多時間再來重新截圖。儘管現在都做完了，但二校時可能也會再來一次這種大混亂吧。

雖然老師希望該書在9月底能夠出版，但看現在的情況，能在10月底之前出版也許就該偷笑了？

與外國作者討論程式的感想

我在撰寫論文程式時，使用了Max Wheeler的PlaceHeld的外掛，並改進了裡面的一些小bug。這次心血來潮，上github將我的建議寫給作者Max，而他也在數天之後回了我。但他並不知道這樣改的意義，所以我又寫了一些範例回給他，現在在等他的回應。

以往我改了很多人寫的程式(特別是DSpace)，有不少會在這個Blogger中寫出我改過的地方，但卻很少跟原作者交流、互動。我想，如果要成長的話，就一定要積極地與人交流知識才行。光是閉門造車，是很難有所成就的。

嗯，加油！

以往我總是將許多主題混在論文進度報告裡面一起寫，讓閒聊的事情與可能比較有教學價值的文章內容混淆。現在我打算把一些具有獨立探討價值的議題從論文進度報告中拆開來，進度報告歸進度報告(還有很多閒聊)、其他議題歸其他議題。也許這樣會對想要一次看完的讀者來說比較辛苦，但我相信將議題獨立探討，應該是更方便讀者找尋資料。

也因此，最近我發了很多篇文章，而談論議題都比較獨立。事實上，也還有好幾篇想寫議題列在待辦事項中，等待我一篇一篇地將他們完成。

「布丁布丁吃？」Blog變更記事

最近又調整了一下「布丁布丁吃？」這個Blog，不知道大家有沒有發現到一些細微的變更？

加入評分與反應功能

上圖中，右邊的五星是「評分」。左邊的五星是現在評分者的人數以及平均的星等，右邊是允許讓使用者進行評分的功能。歡迎大家使用此功能來對我的文章評分，有些寫得很爛、很隨便的，也請不要客氣地給予一顆星的低分吧！(雖然不評分的可能性可能更高？)

下方一排則是「反應」，就是四個選項的投票，可以由Blog管理者，也就是我來制訂選項的內容。目前我只有想到「加油」、「好玩」、「有趣」、「實用」這四個選項，不知道瀏覽「布丁布丁吃？」的您是否還有其他反應呢？請務必告訴我，我會把您的反應也加入選項當中的！

其實這兩個功能出現在Blogger設定區中已經好一段時間了，我之前也有預設把他加進去，但是最後顯示時卻沒有成功地叫出這個功能。我推測可能是我的樣板仍是使用舊版Blogger的樣式，後來去調整了一下樣板的內容，最後才帶出了「評分」與「反應」這兩個功能。

到目前為止，我還沒看過除了我自己之外有其他人會對我的文章評分。而即使評分了，系統也不會用e-mail告訴管理者，因此很難讓人發覺有人在使用這些功能。即使如此，多一些地方與讀者互動，總是比較有趣的。套句老陳的說法：「這也許可以成為一個研究的議題」XD

訪客留言板

自從我上次寫了「布丁式Blogger訪客留言板」之後，發現到「布丁布丁吃？」右邊多了一個「布丁布丁來聊天」訪客留言板的人就多了起來。這是從CBox改為Blogger內建文章留言功能的訪客留言板，技術與安裝上請看訪客留言板的介紹，此處不贅述。

總之，請大家多多來跟我聊聊天、互動互動吧。

留言移除驗證碼，使用垃圾留言管理功能

近來有朋友抱怨那驗證碼功能有問題，而我也發現到Blogger推出了垃圾留言管理功能，所以我也就跟電腦玩物一樣，關閉驗證碼而使用垃圾留言來管理大家的留言內容。

自從我關掉驗證碼功能之後，Blog中的第一篇內容就一直有不明人士留言。除了一開始的一兩篇需要我去手動將之設定為垃圾留言之外，之後的幾篇Blogger都很聰明地將垃圾留言抓了出來。

被抓出來的垃圾留言並不會顯示在前台的文章中，也不會像以前一樣顯示「留言已被刪除」的訊息，而是有如一開始就不存在似的被人忽略。但是我的信箱還是會一直收到有垃圾留言的通知就是了。

如果你的留言被Blogger當做是垃圾留言的話，請使用訪客留言板來告知我，我會儘快把留言復原的。

其實身為Blogger管理者的我，留言是不需要輸入驗證碼的，所以要不是我朋友不說，我自己還沒發現到這點XD

加入自動大綱的功能

現在在「布丁布丁吃？」閱讀單篇文章的時候，文章開頭會列出該篇文章中標題作為簡易的大綱目錄。讀者可以看看此大綱，了解一下這萹文章在講哪些主題，再考慮是否要繼續閱讀下去。

其實這是對自己找資料比較方便，我還蠻常回頭看「布丁布丁吃？」來找資料的XD

飛速成長的Blogger有感

在調整Blogger的時候，發現到Blogger加了好多之前沒見過的小工具。像是可以把文章分享到其他社交平台的「Share it」、列出最新文章的「Recent Posts」以及列出最近回應的「Recent Comments」。這些都是以往大家很辛苦地去hack Blogger版面才能得到的功能(就是右邊導覽列的那些啦)。

使用這些小工具的話，網頁載入速度會更快，而不用像我這樣要等待AJAX讀取才能顯示資料。儘管Recent Comments(上圖中的左)跟Recent Posts(上圖中的右)預設的樣板可能不太好看，但經過CSS調整之後，應該也是可以呈現出美觀的版面。最主要的是，安裝跟設定變得非常簡單，應該會受到不熟程式的使用者歡迎。

但是這些功能的自訂性可能就沒有這麼高了，在以往我寫的Blogger專用最新文章與最新回應產生器中，有讀者提到是否能夠在最新回應中加入文章的標題。應該可以做到，但是要研究一下就是。我已經把這個議題記著，之後有空的話再來修改最新回應的功能。

此外，Blogger的「繼續閱讀」功能也更趨完善，插入一個註解標籤就可以讓Blogger去判斷繼續閱讀的位置，跟以往要用Tag將文章包起來的手法差很多。雖然像我這種連安插一個標籤都很懶得人來說，繼續用布丁式Blogger自動摘要功能還是很不錯用的。

結語

基於上次「訪客留言板」的經驗，我發現功能要寫出來，讀者才會發現他的存在。所以這一篇除了是日記文之外，也順便為這些功能打些廣告，歡迎大家多多使用。

對於「布丁布丁吃？」的改變，不知道你有什麼看法呢？對於「反應」的四個選項，你是否有什麼建議呢？可以的話，請不要客氣地跟我說說吧，感謝！

將docx檔案解壓縮，抽取文件內的圖片

Microsoft Office系列的Word、Power Point一向是文書處理工具中最常見的工具，我也使用Word 2003以前的doc檔案格式與老師討論論文、處理寫書的內文。但是當我在修改Word檔案時，發現到檔案中有部分圖片要修改的時候，這可就頭大了。因為Word內建的繪圖功能不像繪圖軟體一樣地強大，在Word當中也不好編修，所以我需要將圖片從Word裡面抽取出來。

說來這方法也不難，因為Microsoft Office 2007之後改用了Microsoft Office XML格式，裡面的檔案本來就是可以解壓縮成XML檔案，只是我在Plurk聊到這件事情的時候，發現好像很多人不知道，所以心血來潮就用這篇來把相關的知識都整理一下吧。

什麼是Microsoft Office XML格式？

Microsoft Office早期採用了封閉的格式，像是Word的doc、Power Point的ppt、Excel的xls等，主要用意是為了保護自己軟體的市場，強迫使用者必須購買Office才能開啟這些檔案。

然而封閉的態度抵擋不過時代的潮流，在競爭對手IBM、Sun公司推動開放文件格式(OpenDocument)的努力之下，美國政府宣布政府文件必須採用OpenDocument格式，而將封閉的舊版Microsoft Office以及其他專利軟體宣告出局。

為了提昇對於政府部門的長期信心，Microsoft Office 2007的推出改用了新格式：Office XML Formats (縮寫：Open XML、OpenXML、OOXML)。Office XML Formats有幾個特點：

• 壓縮檔案：最高可將檔案壓縮至原始大小的25%。
• 改良的受損檔案復原：即使圖表受損，檔案仍可以開啟。
• 輕鬆偵測包含巨集的文件：以字尾「x」儲存的檔案(例如.docx、.pptx)不能包含巨集，以字尾「m」儲存的檔案才可以。
• 對個人資訊提供更理想的隱私權保護與更嚴密的控管
• 更完善地整合並互通商業資料：只需要ZIP公用程式和XML邊集氣就可以開啟和編輯Office檔案。

微軟積極地推動Office XML Formats，終於在2008年讓他成為ISO國際標準。但是這個標準受人爭議，有不少開放文件格式(OpenDocument)的支持者對反對Office XML Formats成為國際標準，新聞媒體也將Office XML Formats跟OpenDocument之間的競爭稱為「文件格式大戰」。

時至今日，Office 2010也已經順利推出，採用Office 2007以上版本的使用者也越來越多。在Office 2003以前的使用者可以安裝檔案格式相容性套件來讀取Office 2007以上的檔案格式，而OpenOffice.org 3也提供匯入docx、pptx以及xlsx等Office 2007以上檔案的相容性。整體來看，Microsoft Office仍會在你我身邊活上好一陣子吧。

解壓縮docx

背景聊完之後，接著我們來看看要怎麼解壓縮docx檔案，並取出裡面的圖片資料。方法很簡單，請按照以下步驟一步一步來做即可：

1. 找到要解壓縮的docx檔案。如果您在電腦裡面看不到副檔名的話，請查詢「讓電腦裡的檔案顯示副檔名」的方法。
   
2. 將副檔名從「docx」修改成「zip」。系統會提示你「如果您變更副檔名，檔案可能會無法使用。您確定要變更嗎？」，請按下「是」來完成副檔名變更的動作。
   
3. 你現在可以看到他變成一個zip檔案，然後請用你熟悉的方式為這個zip檔案解壓縮即可。下圖的例子中我是使用中國大陸的「好壓」軟體，介面很像WinRAR，但是免費又支援7z壓縮，不錯用。
   
4. 解壓縮之後，你可以發現原本的docx檔案變成了一層一層的目錄，裡面包含著各種檔案。
   
5. 請從裡面翻找「word/media」資料夾，圖片檔案就在裡面了。
   

利用Pismo直接「開啟」docx

我以前介紹過Pismo File Mount Audit Package這個將ZIP檔案直接當做唯讀資料夾開啟的工具。現在我們一樣可以用他來直接「開啟」docx的內部。

1. 安裝Pismo File Mount Audit Package (下載位置)，詳細操作請看我的介紹。
2. 在docx檔案上按右鍵，選擇「Quick mount」。
   
3. 如此一來，就能直接「開啟」docx檔案的內部資料。連改檔名、解壓縮等動作都免了呢。
   
4. 要還原成原本的docx的話，只要在被掛載的資料夾上按右鍵，選擇「Unmount」即可。
   

從doc到docx

如果你的檔案原本是doc檔案的話，只要想辦法轉換成docx，就能進行像上述的動作。

如果你使用的是Office 2007以上版本，只要在儲存檔案時，將他另存新檔為*.docx格式即可。

如果你使用的是Office 2003以前的版本，那麼需要安裝相容性套件，才能儲存成docx。

pptx也一樣可以解壓縮

由以上介紹可知，Power Point的pptx也一樣可以用上述步驟來進行解壓縮、轉換。讓你可以用此方法輕鬆地抽取投影片裡面的檔案喔！

參考資源

• 新副檔名與 Office XML Formats 簡介. Microsoft Office. Retrieved September 26, 2010, from http://office.microsoft.com/zh-tw/powerpoint-help/HA010006935.aspx
• 美政府採購重壓微軟Office文件格式欲開放. (n.d.). Softcov.com. Retrieved September 26, 2010, from http://www.softcov.com/zh-tw/desktop-office-software/the-weight-of-u.s.-government-procurement-open.html

布丁的自我簡介(2010年版)

自我期許

研究所已經唸到第四年了，回首過往種種，還真是做了一堆其他人難以理解的事情。

我一直不是以「畢業」為目標在念書，「學習」的成就才是驅動我的動力。而學習之後連帶的就是「分享」的行為，不僅是在「布丁布丁吃？」、在其他的期刊上，甚至我也跟老師一起寫書，將我所學得、自己覺得有價值的事物，不斷地與大家分享，回饋給這個世界。

我很感激這個世界能讓我學習到各種知識，而今後我也會抱持著感激的心情，努力地將畢業論文做好而畢業。

學歷：該不會這輩子都是社會科系圖資人吧？

著作目錄

政大圖檔

• Chih-Ming Chen;Yong-Ting Chen, 2010.09, "Developing a Taiwan Library History Digital Library with Reader Knowledge Archiving and Sharing Mechanisms Based on the DSpace Platform," The Electronic Library,.(SSCI) (本論著未刊登但已被接受)
• 陳志銘;陳勇汀;林筱芳, 2010.07, "通識教育開放式課程數位典藏建置之研究," 大學圖書館,.(THCI)(本論著未刊登但已被接受)
• Chih-Ming Chen and Yong-Ting Chen, "Digital Library with Reading Annotation Tool for Supporting Effective Reading Learning," the 9th IEEE International Conference on Advanced Learning Technologies (ICALT 2009). (研討會論文)
• 王梅玲, 蔡明月, 陳志銘, 柯雲娥, 蔡佳縈, 陳勇汀, 林怡甄, "台灣圖書館史數位圖書館建構之研究," 圖書館學與資訊科學, 34卷1期, 頁15-38, 2008.
• 陳勇汀, "基於閱讀標註策略之知識萃取在支援數位學習上的應用研究", 第一屆圖資系所論文聯合發表暨觀摩研討會, 頁155-165, 2009.

輔大圖資

• ChanLin, Lih-Juan., Chen, Y. & Chan, K. (2008). The use of labeled postings for promoting asynchronous interaction. In Proceedings of World Conference on Educational Multimedia, Hypermedia and Telecommunications 2008 (pp. 988-997). Chesapeake, VA: AACE. (感謝林麗娟老師)
• 國科會95年大專生參與專題研究計畫「網路非同步互動引言機制之建置與分析」

參與活動、計畫與成果

從最近發生的到最早發生的順序來撰寫。

「DSpace開放源碼數位典藏系統建置理論與實務」專書撰寫(民國98年到99年)

這是我與陳志銘老師將在研究所鑽研DSpace，以及老師們教授數位典藏的課堂內容結合而成的一本結合理論與實務的DSpace專書。由陳志銘老師實驗室中老師、學生、助理們共同撰寫的努力成果。本書從理論、實務到案例研討，深入淺出完整介紹數位典藏系統建置所需的相關觀念與技術，為一本適合於數位典藏實作教學與有志於建置數位典藏系統之單位或個人專業用書。

值得一提的是，書中內附一功能強大的開放源碼數位典藏系統DSpace-DLLL，可以利用虛擬機器方式架設於Microsoft Windows的作業系統環境中，安裝程序快速而簡單。DSpace-DLLL除了具備一般數位典藏系統所具有的典藏、搜尋功能外，主要功能特色在於可以依據典藏需求彈性的設計後設資料與規劃後設資料遞交工作流程；也具有支援高達四十幾種數位媒體格式的展示介面，可以針對目前常用的不同型態數位典藏內容進行線上展示，為建置數位典藏系統之絕佳利器。本書也針對如何修改DSpace-DLLL的使用者介面進行介紹，俾利讀者依據典藏內容展示需求，設計美觀之使用者介面。

本書預定民國99年9月底或10月初出版，希望能對有興趣學習數位典藏、DSpace系統的人有所幫助。撰寫本書的經過與心得我寫在「寫書初稿完成！」這一篇中，書中內容不斷校改之後，刪去部分章節與文章內容，是為小小的遺憾。

圖書館事業服務2009青年論壇與談人(民國98年)

2009年6月6日國圖服務年，一群年輕有為的圖資部落客、圖資學生、圖書館相關領域的工作人員齊聚一堂，為各校輪流舉辦的圖資青年論壇畫下句點。而我則是跟洪先生、陳老師、謝學長等人一同上台，以「技術新浪潮──傳統再感動」這個主題進行報告。我報告的題目是「標註應用於數位典藏」，簡短的投影片介紹各種標註相關應用，希望帶給圖書館一些新的應用面向。

國中圖獎助博碩士班學生研撰圖書資訊學位論文獲選(民國98年)

我在2008年底完成論文計劃書口試之後，馬上將計劃書修正，並寄去申請獎助國中圖博碩士論文，沒想到居然獲選了。評審的意見給了我的論文很大的信心，例如：「論文題目新穎、前衛，未來的研究成果對數位圖書資訊的應用將呈現新風貌。」在2009年三月時我前往國中圖簽訂獎助契約並接受採訪，期限是一年之內要完成學位論文，但可再多延期一年。而現今撰寫這段介紹的我已經經過當時的一年半以上了，真的能夠如期完成嗎？

教育部全國通識教育資源平台建構與永續發展計畫 (民國97年到99年)

此為開發通識教材與教師資料的典藏計畫，陳志銘老師負責此計畫中技術部份的子計畫4，底下聘有多位助理，而身為兼任助理的我則是負責以DSpace為主的技術指導兼部分程式開發。

民國98年時我進入碩三時期，教育部計畫人事大為變更，走了舊人來了新人，與其他子計畫之間的合作也有許多變化。因為眼看當時的助理無法完成DSpace平台的計畫開發，我乾脆捲起袖子來撐起計畫的系統，並讓後半年的期中報告安然過關。

而後至民國99年，我決定開始專心於之前與老師決定的DSpace技術專書，指導助理們與實驗室的學弟妹一起來參與書本的各章節撰寫。撰寫專書的同時，我也將DSpace的相關技術回饋到教育部計畫當中，同時偶爾也作為DSpace技術顧問，回答DSpace的技術問題。

在我的Blog上發佈了數篇關於DSpace的教學與開發的功能供人參考 (http://0rz.tw/5a4Uj)，這些技術不僅與陳志銘老師、林筱芳助理一同發表在大學圖書館、民國99年底也要匯集成為DSpace的專書，請各位不吝指教。

政大圖檔所：數位圖書館暨數位學習實驗室管理員 (民國96年到97年)

陳志銘老師所領導的實驗室在今年教育部計畫3台伺服器加入之前，伺服器數量多達9台。當時我跟學長負責維護這些伺服器及本所的電腦，除了實驗室佈線、器材管理、IP分配、電腦安裝重灌之外，對於Windows、Linux也略有心得，熟悉操作Apache、IIS、Apache Tomcat、MySQL、PostgreSQL(還不敢說熟)等網頁與資料庫伺服器，安裝並修改過XOOPS、MediaWiki、DSpace等系統，後來更將部份伺服器規劃虛擬化運作。實驗室的伺服器就跟我的玩具一樣親密。

政大圖檔所中華民國圖書館學會九十七學年度「數位典藏實務與加值服務研習班」 (民國97年)

由於台灣百年圖書館史計畫的公開，DSpace的操作遂成為本所教學內容。不僅在王梅玲老師的技術服務課堂中讓學生們操作、上傳，更在暑假期間的研習班中開班授課，我在數位典藏系統與平台設計裡面擔任DSpace的操作與設定說明，授課內容請看數位典藏系統與平台設計—以DSPACE為例 (http://0rz.tw/1e4Sd)。

政大圖檔所台灣百年圖書館史暨數位圖書館先導計畫 (民國96年)

• 計畫網站：http://top.lias.nccu.edu.tw/
• 成果系統網站：http://tlh.lias.nccu.edu.tw

第一次參加具有數十人規模團隊的數位典藏計畫，我在陳志銘老師帶領之下從學長接手DSpace系統開發，對於初學Java&JSP的我來說修改得仍不是很成熟，但大部分功能修改已經不成問題。

台灣百年圖書館史在作為數位圖書館的功能有張敦媛學姐的標註功能(http://0rz.tw/e34Xs)跟SRU(Search and Retrieve via URL) (http://0rz.tw/5f4V2)開放查詢檢索的結果。技術服務期末報告就探討SRU對於數位典藏開放的議題。

之後陳志銘老師與我將此系統加入了張敦媛學姊標註功能，並發表了「Digital Library with Reading Annotation Tool for Supporting Effective Reading Learning」跟「Developing a Taiwan Library History Digital Library with Reader Knowledge Archiving and Sharing Mechanisms Based on the DSpace Platform」兩篇期刊論文。書目請見上方的著作目錄。

輔大圖資林麗娟老師的國科會計畫 (民國92年到95年)

• 民國92及93年，「資訊科技應用與創意教學專案 」(NSC 93-2511-S-030-001)
• 民國93年，「資訊融入自然領域專題式學習」 (NSC 93-2520-S-030-001)
• 民國94年，「由動機談討電腦人因網路互動學習」 (NSC 94-2520-S-030-002)
• 民國95年，「網路學習知討論表現與不同個人特質分析」(NSC 95-2520-S-030-001)

大學二年級時林麗娟老師招攬我進實驗室，主要負責伺服器維護、系統架設與開發以及分析研究內容。這是我接觸網頁伺服器的開始，在此打下對於Linux、Apache、PHP等技術的基礎。在這些計畫當中，我投注心力最多的是大家e起來互動式計分討論區，除了繼承學長的系統之外，還開發了網路線上問卷功能。

輔大圖資國科會95年大專生參與專題研究計畫「網路非同步互動引言機制之建置與分析」(民國95年)

林麗娟老師建議我對於自己加上去的「互動引言功能」去探討其對學生非同步討論學習的影響，這是我第一次獨立進行研究。本研究使用了內容分析法、訪談法來得知此系統對於學生的影響，一邊做研究一邊跑去上研究所中邱子恆老師的質性研究課程，最後從質性與量化分析驗證互動引言機制的成效。

然而對於當時學術研究能力不足的我來說，本研究不盡如人意，但卻也成為我後來的苦膽，時時提醒我不可再犯當時的研究失誤。

相隔兩年以來的自我簡介更新，這次加入了一些著作目錄與參與計畫的經驗，也算是作為自己這幾年來的一個回顧。2008年舊版的自我簡介請看這篇。那麼就請大家多多指教囉。

布丁式Blogger訪客留言板

訪客留言板的必要性

訪客留言板只是一個單純簡單的留言功能。儘管Blog中已經提供很多地方給讀者提出他們的看法，讀者可以對每一篇文章發表意見，但是我也發現到很多讀者並不是想針對某個主題來發表留言，而只是單純地想「對Blog的管理者講話」而已。因此我認為訪客留言板仍是有其必要性，所以在我的Blog右邊一直有著一塊訪客留言板的功能。

在以往我一直使用Cbox作為訪客留言板，但是Cbox本身是第三方服務，而留言的資料也無法保留、管理，讀取速度也頗慢。在六月我為「布丁布丁吃？」改版時，就已經提出了這個弱點，而打算改用Blogger內建的留言功能來製作訪客留言板。

日前我已經小試身手地在右邊導覽列加入了「布丁布丁來聊天」的留言板，很遺憾地到目前為止並沒有人願意來留言。不過這也是預料內的狀況就是，畢竟使用訪客留言板的人的確不多。有需要跟我講講話的話，就請使用訪客留言板吧。

布丁式Blogger訪客留言板安裝教學

今天我將這功能改進成為可以讓人安裝的功能。如果您也想要利用Blogger文章意見作為訪客留言板，而不想要再另外申請其他服務，那麼布丁式Blogger訪客留言板應該可以達成您的需求。

接下來，就請一步一步地照著設定吧：

1. 發表一篇「訪客留言板」專用文章

請建立一篇專門為了作為訪客留言板專用的文章。附帶一提，「布丁布丁吃？」的第一篇文章就是訪客留言板，有人有注意到嗎？

2. 取得blogID跟postID

接著請再利用Blogger的「修改文章」功能，找出該篇文章，並記下這時候的網址。上圖中網址被遮住了，此例中的完整網址如下：

http://www.blogger.com/post-edit.g?blogID=8505579180942752344&postID=5270991376408850312

您可以由此得知blogID為「8505579180942752344」、postID為「5270991376408850312」。這兩個編號在稍候設置時會使用，請牢記。

3. 新增小工具「訪客留言板」

請到Blogger「設計」中「網頁元素」的頁面去新增小工具「HTML/JavaScript」。

標題您可以設定為「訪客留言板」或其他名稱，內容請在「修改Html」的模式中輸入以下內容：

<script src='http://www.google.com/jsapi' type='text/javascript'></script>
<script type='text/javascript'>google.load('jquery','1.2.6');</script>
<script type="text/javascript" src="https://sites.google.com/site/puddingchen35/Home/puliguestbook/puliGuestBook.js"></script>
<script type type="text/javascript">
// 布丁式Blogger留言板
// @param {Object} config 設定
$.puliGuestBook({
    blogID: "8505579180942752344",    //blog的ID
    postID: "5270991376408850312",    //post的ID
    url: "http://pulipuli.blogspot.com/feeds/6921201361608060798/comments/default",    //訂閱張貼意見的網址，或是文章ID:115667103250300740
    css: "https://sites.google.com/site/puddingchen35/Home/puliguestbook/puliGuestBook.css",    //CSS樣式表
    container: "#puliGuestBook",    //顯示留言的元素
    listNumber: 20,    //顯示留言數量。超過此數量時，會顯示「閱讀全部留言」的連結。
    adminName: '布丁布丁吃布丁',    //Blog主人的名字
    adminPhoto: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6vw1VIdeIzh1wkVnCWL3HYGj09ht_WvkgNBkcHjr_jC2pX8BKCEOEAGMymBMOFhKOPeVSn85EXbt08qdW7ZTWjWHCGKUpJfh_oi2qlHrtMh1xk12qlWNKQyXPwPZhqRZXGN88g/s45/',    //部落格主人的照片
    anonymous: '匿名',    //匿名者的名字
    readMore: '閱讀全部留言',    //閱讀全部留言連結的名稱
    write: '撰寫留言',    //撰寫留言連結的名稱
    reload: '重新讀取'    //重新讀取連結的名稱
});
</script>

其中有幾項設定是建議您修改的：

• blogID：就是上一小節提到的blogID，請確實輸入。
• postID：就是上一小節提到的postID，請確實輸入。
• adminName：請填入您留言時會顯示的稱呼。可以將此行刪除不寫。
• adminPhoto：請填入您照片的網址連結，最好是正方形的圖片。這是因為本功能無法偵測使用者的頭像，只好自行輸入。

其他的設定請參考程式碼中的說明。除了blogID跟postID是必須填寫之外，其他的資料都是選填。舉例說，如果你要

4. 儲存並完成

請依序儲存整個設定，再回頭開啟您的首頁，應該就可以看到訪客留言板正常運作了。

結語

基於將所學所得分享出來的自我要求而整理了這一篇，事實上也花上不少時間來改良訪客留言板。此處使用的訪客留言板功能跟「布丁布丁吃？」使用的訪客留言板是分開發展的兩個程式，這是由於「布丁布丁吃？」很常被我亂改導致系統不穩定，請大家使用此文章教學的穩定版本即可。

好，終於把這功能寫完了，心中的石頭又放下了一塊。接著下一篇繼續努力。

• 2011/4/1：補充，您的Blogger讀取權限必須設定為「任何人」才能使用此功能
• 2013/5/27：加入了更新CSS的說明