:::

雲端同步待辦事項工具：RTM + Astrid

布丁布丁吃布丁

5月 05, 2011 4 Comments

雲端同步待辦事項工具：RTM + Astrid

image

你有在用待辦事項(todo)嗎？以往大家常常會拿個3M浮貼紙，貼在顯眼的書桌旁；或是拿個隨身記事本，把待辦事項記著、劃掉。現在時代來到了電腦、網路、智慧型手機，以及雲端服務的技術盛行，我也打算使用電腦與手機來處理待辦事項。經過一番研究，最後我找到的方案是以知名的RTM (Remember The Milk)跟Android上的軟體Astrid來搭配的雲端同步待辦事項工具。

記得喝牛奶：Remember The Milk (RTM)

image

Remember The Milk，簡稱RTM，這是一個非常知名的「待辦事項」網頁服務。基本使用是免費的，只要透過網路連上RTM的網頁，就能夠像是Gmail一樣地簡單使用。只有需要透過手機同步需求的人才要付費購買額外的服務。

豐富的功能

image

RTM的功能之豐富，根本就不只是拿來應付「記得喝牛奶」這種小事情。舉例來說，RTM除了清單、地點、3等級的優先順序、筆記（多行的任意純文字記事）、日期提醒（跟Google行事曆整合）等基本功能之外，還有可離線使用、多重筆記、標籤分類、延期、清單封存等很棒的功能可以使用。特別是多重筆記功能，允許一項待辦事項記錄多篇筆記，這對我來說實在是太重要了。另一項隨著Gmail而廣為人知的Google Task只有RTM的基本功能水準，無法滿足我的需求。

附帶一提，RTM並沒有夾帶附檔的功能。儘管RTM能夠附上純文字的筆記，但是他並沒有提供像是ProducteeV的附檔功能。這部份似乎已經超過了一個待辦事項服務基本的能力，就算是ProducteeV也只有提供100MB的空間，其實也不是很堪用。我通常會利用Google Doc、SkyDrive或Dropbox的Public Link來保存待辦事項的檔案，然後將檔案的網址記錄在RTM中方便查閱。

同步付費限制

儘管RTM功能豐富，但是它僅能靠電腦網路連線使用，對手機同步有付費的這個限制讓我望之卻步。就如我之前利用XMind與Thinking Space寫論文中提到過的，在電腦前面的時候是專心作事，而離開電腦時卻比較容易想「要做什麼事」。而想到什麼就隨手記下，這是我對待辦事項的一個很重要的需求。也因此，有段期間我改用Google Task來記錄待辦事項，但卻常常苦於它功能的不足。

還好，Astrid的出現，又讓我回到了RTM的懷抱。

Android的待辦事項工具：Astrid小章魚

image

Astrid，由於他的圖示就像是上圖一樣，所以也不少人將之暱稱小章魚。

同樣豐富的功能

20110505202033

這是Android智慧型手機系統上面的一個工具，提供了幾乎能與RTM並駕齊驅的豐富功能：清單與標籤分類、分級、筆記，也能夠以2x2的Widget呈現在手機的Home畫面中。

遺憾的是它的操作並不是很流暢，而且並不支援RTM的多重筆記編輯（雖然能看到每一篇筆記內容，但僅有第一篇可以編輯而已。）

RTM同步

20110505201827

縱使Android上的待辦事項多到不勝枚舉，但是Astrid能與RTM、Google Task、ProducteeV等有名的待辦事項服務同步的功能，仍讓我對他愛不釋手（就像他的網址一樣，We Love Astrid）。 

你可能會發現到有點怪怪的，可以跟RTM同步？是的，這是讓我最驚艷的地方，Astrid可以跟RTM同步，而且沒有RTM的付費限制。似乎是RTM有開放部分的API，而Astrid應用了他的API來實作同步功能，因此我們可以在手機離線時使用Astrid增加待辦事項，連上網路時再進行同步整合資料。

不過由於RTM的使用限制，Astrid的RTM同步版本跟主要版本是分頭進行。實際上，一開始Astrid雖然把RTM同步當做主打功能之一，但是同步的結果卻有很多bug，直到現在才比較穩定。如果你是以RTM同步需求為主，請下載Astrid – RTM (No Add-ons) Version，或是我備份到SkyDrive的檔案來安裝。

RTM+Astrid新增待辦事項作法

接下來，我就以實際的說明，介紹我是怎麼利用RTM+Astrid的待辦事項來完成我日常生活中的工作。

1. 建立清單

image

RTM跟Astrid都支援了「清單」的功能，他就是一個待辦事項的列表。通常我會將一項計畫獨立一個清單，然後在該計畫完成之後，利用RTM的「清單封存」功能來封存該清單。

image

接著在Android手機中加入Astrid的widget（HTC翻譯為「小工具」）。Astrid的一大特色就是可以為widget設定「篩選條件」。除了指定單一清單之外，也可以指定多個清單混合，或是指定標籤、未列入標籤的待辦事項，並且允許使用者設定顯示待辦事項的排列順序，功能十分強大。

我以「2011碩士論文」清單為篩選條件，在HOME畫面中建立了一個2x2的Astrid widget，直接點選的話就會開啟該清單。

這樣子準備工作就完成了。

2. 新增待辦事項

image

平常生活中，待辦事項的需求總是隨時隨地會出現。如果在電腦前，我會直接使用RTM網站中的功能來新增；如果不在電腦前，那就是用Astrid來新增囉。

20110505205430

進入Astrid清單後，可以直接從最下面的快速新增列輸入文字來新增待辦事項。

20110505205243

由於手機並不適合打字，所以我通常都會用簡短、不要求正確的方法來輸入，只要自己看得懂即可。

20110505205556

Astrid的編輯功能非常豐富，但我通常只會用到「主旨」、「重要性」跟「備註」（對應到RTM的「待辦事項」、「優先順序」跟「筆記」）而已。

3. 手機同步與電腦上編輯

20110505205750

設定好Astrid與RTM的同步功能之後，以後如果在網路可以連接的地方，Astrid的menu就會出現「Sync Now!」的立即同步功能。同步速度很快，馬上就可以同步完成。但如果網路有問題導致Astrid同步失敗的話，卻也不會出現提示畫面，這讓我有點困擾。

image

同步之後，RTM很快地就會顯示剛剛新增的待辦事項。同樣的，在RTM這邊修改、新增的待辦事項，也會同步到Astrid去喔。

image

我通常會利用「筆記」的功能，幫待辦事項寫上更詳細的內容。而之後如果該事項還有需要補充的東西，則可以繼續寫在「筆記」當中。

4. 待辦導向工作法

image

每天一早起來，我還是昏昏沉沉，不知道該先做什麼的時候，一天的第一件工作就是打開待辦事項啦。

這是我在寫論文程式KALS系統時使用待辦事項的列表內容。我在撰寫程式的過程中常常使用待辦事項來管理要做的事情：

image

目前進度：我會將此待辦事項設為最高優先度，這樣每次檢視待辦事項清單時，我就可以知道我的進度到哪裡。每次做到一個段落，我就會更新這個待辦事項，並把進度的細節寫在筆記當中。

image

利用標籤分類：寫程式時也有不同的待辦事項分類，「todo」是預備要做的功能、「bug」是程式中需要修復的問題、「coding_style」則是撰寫程式時需要注意的規則。

image

每當完成一個項目時，就可以將該待辦事項設定為「完成」。每次完成一個待辦事項，並把它勾選完成的這個瞬間總是讓我感到非常有成就感。

5. 回顧已完成的待辦事項

image

RTM中你可以回顧該清單已經完成的待辦事項，也可以將已完成的事項再切換回「未完成」的狀況。

對我來說，回顧已完成功能就像是日記一樣，可以讓我回顧我到底做了些什麼、當初到底怎麼做的。這也讓RTM待辦事項添增了許多額外的價值。

結語

其實我很久之前就想寫RTM+Astrid的介紹，只是一開始我在等待Astrid對RTM同步功能的穩定，然後後來又投入寫程式、寫論文的工作中，這一篇就一直被耽擱到現在。

其實RTM的應用方式非常地多樣化，常常可以看到別人在宣揚他使用RTM的心得。不過對我來說，能隨時隨地地新增、查閱待辦事項，這才是我使用RTM+Astrid的主要目的。

在meeting的時候，常常會聽到老師唸同學「你們常常都不知道自己要做些什麼，上禮拜說過的事情這週就忘了，這樣子很糟糕」，然後就會拿出他記滿待辦事項的Word給同學參考。老師的苦口婆心甚是中肯，不過我覺得用RTM+Astrid會是一個更好的待辦事項方案。

希望大家也能做好個人管理。不知道要做什麼、或是閒閒沒事的時候，就順手打開RTM，看一看未來該前進的方向吧。

image

p.s. BLOG POST的待辦事項又可以減少一項，爽！

(more...)

用Zotero輸出中文、英文不同的APA參考文獻：我的碩士論文參考文獻製作過程

布丁布丁吃布丁

5月 04, 2011 2 Comments

用Zotero輸出中文、英文不同的APA參考文獻：我的碩士論文參考文獻製作過程

image

雖然我使用Zotero來管理參考文獻的書目資料，但是在撰寫論文的時候一定會碰到一個問題：要怎麼區別中文跟英文的書目？大部分系所對於參考文獻的要求都會希望將「中文文獻」與「英文文獻」分開列表、各自有不同的輸出樣式，但是對Zotero來說並沒有中英之分，只能使用同一種樣式來處理。這對於剛接觸Zotero的人來說是非常地困擾，甚至有人提出了中文用Zotero、英文用EndNote的這種作法，但我個人並不喜歡將文獻分散於多個軟體，造成難以管理的困擾，所以我仍堅持用Zotero來實作中英文不同的參考文獻。

要用Zotero做到這點，其實手續非常多，不見得是一個很理想的作法。但不論如何，還是比不使用書目管理軟體、呆呆地手動輸入還來得快得多就是。

(more...)

Zotero引用文獻樣式之中文APA

布丁布丁吃布丁

5月 04, 2011 21 Comments

Zotero引用文獻樣式之中文APA

image

Zotero是一個依賴Firefox的文獻書目管理套件，用來協助管理文獻、快速輸出學術文獻使用的引用樣式。我在之前做過介紹Zotero功能的投影片，而網路上也可以找到很多Zotero的相關介紹，而我個人也是用Zotero來寫作論文、管理參考文獻。

比較遺憾的是，Zotero基本上是以英語語系國家為主，因此引用文獻樣式中大多也都是英文為主的樣式。儘管Zotero有提供Zotero Style Repository並有非常多種的引用文獻樣式，但卻仍沒有看到專屬於中文，特別是我自己在使用的中文APA樣式。

值得慶幸的是，Zotero允許使用者自行設計csL(Citation Style Language)的樣式檔，因此我參考了張保隆與謝寶煖的「學術論文寫作：APA規範」與hiroshi yui建立的CSL，修改出一份「American Psychological Association in Pulipuli」來使用。經過數篇文章的測試與修改之後，目前此版本已經算是勉強堪用，但Zotero對於資料處理仍有極限，因此仍有需要手動修改的地方。

這一篇我將要介紹在Zotero中安裝「American Psychological Association in Pulipuli」（以下簡稱中文APA）的方法，然後補充仍須手動修改的細節，供使用Zotero的中文使用者利用。

(more...)

Zotero語系切換套件：Zotero Bibliography Locale Switcher

布丁布丁吃布丁

5月 03, 2011 0 Comments

Zotero語系切換套件：Zotero Bibliography Locale Switcher

image

Zotero預設安裝時是使用Firefox的語系，如果你是用中文，則他會用中文語系。如果你使用的引用文獻樣式並不是為中文設計的，那麼輸出的格式會非常奇怪。因此我們要Zotero的時候，要根據文獻的格式來調整語系。

(more...)

Windows一鍵執行SSH指令：AutoIT、Pietty搭配使用

布丁布丁吃布丁

5月 02, 2011 11 Comments

Windows一鍵執行SSH指令：AutoIT、Pietty搭配使用

image

Linux的命令列畫面讓很多人惟恐避之不及，這對有許多指令需要依賴SSH連線、並在命令列輸入才能執行的DSpace來說，無疑是一大門檻。在此我提出一種可以做到「一鍵指令」的方案：利用AutoIt自動執行機器人，透過PieTTY的命令列模式，用ini設定檔來設定連線參數，來執行捷徑所指定的指令的作法。

這種作法對資安來說非常不理想，僅是一個簡便利用的應急方案而已。

一鍵指令的背景與目的

我現在要做的事情是：

  1. 在Windows的環境下
  2. 透過SSH連線到Linux伺服器
  3. 進行登入動作（以及金鑰確認）
  4. 然後執行一個指令。

而這個方案的目的是將使用者的操作簡化到極限，我希望使用者能夠以滑鼠執行一個檔案，就自動做完上述的所有動作。

一鍵指令方案概述

簡單來說，這個方案的作法是：

  1. 利用PieTTY的命令列模式來輸入登入資訊與要執行的指令
  2. 以ini檔案儲存登入資訊
  3. 在Linux伺服器端配置參數與接收命令的sh腳本
  4. 利用AutoIt來處理連線的細節
  5. 利用Windows的捷徑與捷徑後輸入的參數，將參數輸入給AutoIt

Linux環境配置

要做到這些事情，需要Linux伺服器端與Windows使用者端的環境一起配置才行。這邊先敘述Linux的部份，大致上是要做以下三件事情：

  • 建立帳號、密碼
  • 開啟ssh連線
  • 建立ssh-cmd.sh腳本

Linux伺服器建立帳號、密碼、開啟ssh連線等基本操作請參考鳥哥的Linux思房菜。在此最重要的是要配置接收來自客戶端指令的執行腳本「ssh-cmd.sh」。

在本篇的例子中，我以普通使用者「dspace」跟管理者「root」作為帳號、「password」作為該帳號的密碼來說明。

ssh-cmd.sh：執行指令腳本

因為帳號是使用「dspace」，所以我在「/home/dspace/ssh-cmd.sh」（SkyDrive備份）這個位置建立起腳本。腳本的內容如下：

#!/bin/bash
# Program:
#       Excute command and pause at finish.
## History:
## 2009/11/12    Pudding   First release
PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin
export JAVA_HOME=/usr/java/jdk1.6.0_06
export PATH
export LC_ALL=en_US
export JAVA_OPTS="-Xmx128M -Xms64M -Dfile.encoding=UTF-8"

ANT_HOME=/opt/apache-ant-1.7.0
JAVA_HOME=/usr/java/jdk1.6.0_06
CATALINA_HOME=/opt/apache-tomcat-6.0.16
PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$ANT_HOME/bin:$PATH:/opt/apache-maven-2.0.9/bin
export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE INPUTRC JAVA_HOME ANT_HOME CATALINA_HOME


if [ "$1" == "/home/dspace/tomcat_restart.sh" ]; then
        at now + 0 minutes < $1
        echo "Tomcat will restart now."
else
        $1
fi

echo ""
echo "====================================="
echo ""
read -p "Please press ENTER to exit. " doExit

這個腳本中設置了相當多參數，請依照你伺服器的實際情況來決定要設置的參數內容。

此外，由於Tomcat的重新啟動無法直接透過這樣的指令來執行，所以我改成以「at」執行一次的方式來執行。必須說明的是，這並不是很理想的作法，有待以後改善。

tomcat_restart.sh：重新啟動Tomcat伺服器腳本

如果你沒有需要重新啟動Tomcat的話，這個步驟是可以省略的。「/home/dspace/tomcat_restart.sh」（SkyDrive備份）是用來重新啟動Tomcat伺服器的腳本，內容如下：

export JAVA_HOME=/usr/java/jdk1.6.0_06
export JAVA_OPTS="-Xmx128M -Xms64M -Dfile.encoding=UTF-8"

/opt/apache-tomcat-6.0.16/bin/shutdown.sh 
sleep 1
/opt/apache-tomcat-6.0.16/bin/startup.sh

要記得將這些腳本的執行權限開啟，他們才能正常地執行。

Windows使用者端配置

你現在需要在Windows中建立一個資料夾，例如「c:\ssh-cmd\」，然後把以下的檔案放進去：

PieTTY的命令列執行方式

雖然很多人都知道PieTTY是用來作SSH連線的，但是知道PieTTY可以透過命令列與指令檔案來進行連線並執行指令的人就不多了，其實這是基於PieTTY改編自PuTTY原始就有的功能喔。

具體來說，利用命令列來透過PieTTY連線的作法如下：

pietty0327.exe -l [ID] -P [PORT] -pw [PASSWORD] -m [COMMAND] -t [HOST]

裡面的參數中：

  • [ID]是要登入的帳號
  • [PORT]是連接埠
  • [PASSWORD]是密碼
  • [COMMAND]是「存放指令的檔案位置」，注意，不是指令，只是檔案位置喔
  • [HOST]要連線的主機IP
config.ini：連線配置

連線的配置資訊，我將它存放在「config.ini」中。「config.ini」的內容如下：

[ssh-dspace]
login=dspace
pw=password

[ssh-root]
login=root
pw=password

[ssh]
port=22
host=127.0.0.1

在此安排了兩種不同的身分，一種是以普通使用者「dspace」來執行，另一種是以管理者「root」來執行。除了重新啟動伺服器等重大指令之外，一般指令最好是以普通使用者「dspace」的身分來執行會比較安全。

ssh-cmd.exe：執行連線腳本

由於要執行指令必須要以存放在檔案中的形式來執行，所以建立這個檔案、並指引PieTTY來連線的工作，是交給AutoIt的自動腳本ssh-cmd.exe來執行。

ssh-cmd.exe是由ssh-cmd.au3編譯而來的，這是AutoIt的程式語言。內容如下：

Dim $user = "ssh-dspace"
Dim $script = ""
If $CmdLine[0] == 2 Then
	$user = "ssh-" & $CmdLine[1]
	$script = $CmdLine[2]
ElseIf $CmdLine[0] == 1 Then
	$script = $CmdLine[1]
EndIf

Dim $login = IniRead("config.ini",$user, "login", "root")
Dim $pw = IniRead("config.ini",$user, "pw", "password")
Dim $port = IniRead("config.ini","ssh", "port", "22")
Dim $host = IniRead("config.ini","ssh", "host", "127.0.0.1")

If $script == "" Then
	MsgBox(0, "錯誤", "請指定要執行的指令")
	Exit
EndIf

Dim $doExcute = MsgBox(1, "提示","您確定要在伺服器中執行以下命令嗎: " & $script)
If $doExcute == 2 Then
    Exit
EndIf

Dim $sh = "cmd.sh"
Dim $scriptHeader = "~/ssh-cmd.sh "

$file = FileOpen($sh, 2)

; Check if file opened for writing OK
If $file = -1 Then
    MsgBox(0, "錯誤", "無法開啟檔案")
    Exit
EndIf

FileWrite($file, $scriptHeader & $script)
FileClose($file)

Dim $cmd = "pietty0327.exe -l " & $login & " -P " & $port & " -pw " & $pw & " -m " & $sh & " -t " & $host
Run($cmd)
Sleep(1000)
If WinActivate("PieTTY Security Alert") Then
	WinActive("PieTTY Security Alert")
	Send("{ALTDOWN}Y{ALTUP}")
EndIf

這個腳本做了幾件事情：

  1. 接收來自外部的「身分」與「指令」參數（稍後建立Windows捷徑的時候，我會再說明怎麼輸入這邊的參數）
  2. 讀取來自config.ini中的連線資訊，包括「帳號」、「密碼」、「伺服器位置」、「連接埠」
  3. 過濾指令、顯示提示
  4. 將指令寫入「cmd.sh」檔案中
  5. 以命令列執行PieTTY連線
建立Windows捷徑

image

接著要建立到「ssh-cmd.exe」的捷徑，並且在捷徑之後加上「參數」。建立好ssh-cmd.exe並改好名字之後，你可以打開捷徑的「內容」，在「目標」的欄位中設定參數。

舉例來說，我現在要在伺服器上以「dspace」身分執行「/home/dspace/tomcat_restart.sh」的指令，那麼目標裡面的設定如下：

"C:\ssh-cmd\ssh-cmd.exe" dspace /home/dspace/tomcat_restart.sh

目標的值除了指定要執行的程式位置之外，還指定了要執行的身分「dspace」跟要執行的指令「/home/dspace/tomcat_restart.sh」。如此配置之後，就能夠讓使用者直接點選此捷徑，讓他自動執行這些動作了。

你可以利用這個例子舉一反三，建立執行不同身分、不同指令的捷徑，並組成一個操作列表，讓使用者易於選擇。也可以將此捷徑放到「開始」程式集裡面，讓使用者更容易執行各種操作。這些動作我是用InnoSetup在安裝時自動配置而成，不過那又是另一番長篇大論了。

結語

儘管一鍵指令的方案我研究了很久，但是仍有很多不完美之處，希望高手能多多指教。

其實這個是DSpace-DLLL寫書的一部分技術內容。之前寫完書之後就匆忙地投入其他事情中，到最近在使用AutoIt時，又把之前寫的檔案挖出來看。

這時候就會覺得這個Blog對我來說也是很重要的，如果沒有這些記錄，我恐怕很快就會忘記自己之前做過的事情了吧。

(more...)

CentOS中自動啟動Tomcat的亂碼問題

布丁布丁吃布丁

5月 02, 2011 0 Comments

CentOS中自動啟動Tomcat的亂碼問題

image

如果要架設以Java、JSP、Sevlet系列伺服器端程式語言為主的網頁伺服器，Apache Tomcat（簡稱Tomcat）是相當有名的一套解決方案。我研究DSpace時也是使用Tomcat來架設在CentOS作業系統上。

因為Tomcat並不是CentOS內建服務而是我額外安裝的，所以我設定了crontab讓他在開機時自動執行。由於之前的參數沒有配置完善，導致開機自動執行Tomcat時，讓Java讀取檔案的編碼發生錯誤。

研究了老半天終於找到算是可行的解決方案，在這邊記錄一下。

Tomcat啟動腳本規劃考量

安裝好Tomcat之後，一般是以命令列執行[tomcat]/bin/startup.sh （[tomcat]表示Tomcat的安裝目錄），但是如果要以自動啟動的方式來啟動Tomcat，卻會因為沒有先執行/etc/profile中設置Java的參數，而會造成啟動失敗。

/etc/profile中的Java參數

先回顧一下DSpace安裝步驟裡，在/etc/profile設置Java參數的內容：

JAVA_OPTS="-Xmx2048M -Xms2048M -Dfile.encoding=UTF-8"
ANT_HOME=/opt/apache-ant-1.7.1
JAVA_HOME=/usr/java/jdk1.6.0_12
CATALINA_HOME=/opt/apache-tomcat-6.0.13
CLASSPATH=$CATALINA_HOME/common/lib/servlet-api.jar
PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$ANT_HOME/bin:$PATH:/opt/apache-maven-2.0.9/bin
export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE INPUTRC ANT_HOME JAVA_HOME CATALINA_HOME CLASSPATH

其中很重要的是「JAVA_HOME」跟「JAVA_OPTS」這兩項參數。前者是要告訴Tomcat要執行的Java環境必要的套件位置，後者則是執行Java時的參數設定。

Tomcat啟動腳本

如果要自動啟動Tomcat的話，則必須在腳本中加入Java參數設定才行。我建立了一個「/home/dspace/tomcat_startup.sh」的腳本，內容如下：

export JAVA_HOME=/usr/java/jdk1.6.0_12
export JAVA_OPTS="-Xmx2048M -Xms2048M -Dfile.encoding=UTF-8"

/opt/apache-tomcat-6.0.16/bin/startup.sh

這個腳本執行了三件事情：

  1. 設置JAVA_HOME變數為「/usr/java/jdk1.6.0_12 」
  2. 設置JAVA_OPTS變數為「-Xmx2048M -Xms2048M -Dfile.encoding=UTF-8」
  3. 執行「/opt/apache-tomcat-6.0.16/bin/startup.sh 」以啟動Tomcat

如果你也要依樣話葫蘆的話，記得要調整一下這些參數的設定喔。

Tomcat解決亂碼的爭議點

上面在設定JAVA_OPTS的時候，有一個「Dfile.encoding=UTF-8」的編碼參數，這個設定可以讓Java知道要以UTF-8的編碼來開啟檔案，以免他用預設的en_US編碼來處理而造成UTF-8看起來像是亂碼一樣。

但是網路上大部分論壇都主張要將此參數設置在[tomcat]/bin/catalina.sh中，或是一樣在catalina.sh中設定「CATALINA_OPTS=-Dfile.encoding=UTF-8」。前者因為Tomcat版本相差過遠，我找不到要修改的地方；後者還沒試過。

總之，「Dfile.encoding」的參數應該還是有很多其他的地方可以配置，如果大家有更好的方法，也請提出來多多討論吧。

在crontab中開機自動執行Tomcat啟動腳本

開機自動執行的方法有很多種，其中crontab也可以在開機時指定要執行的程式。crontab是Linux中執行例行性工作排程的好用工具，詳細的原理可以參考鳥哥的介紹。以下我僅敘述如何將「/home/dspace/tomcat_startup.sh」加入crontab開機時自動啟動的腳本中。

1. 進入crontab編輯畫面

輸入「crontab -e」就可以進入編輯畫面了。

[dspace@dspace-dlll ~]$ crontab -e
2. 加入開機執行指令

crontab編輯畫面會以一般的vi文字編輯器形式出現，如果你對vi編輯器不熟的話，還是得先請你看一下鳥哥的操作說明。請在crontab檔案最後加入以下設定：

# Startup tomcat
@reboot /home/dspace/tomcat_startup.sh

第一行只是註解。

第二行的「@reboot」參數表示在重新開機時都會執行後面的指令：「/home/dspace/tomcat_startup.sh」。

儲存並離開之後就完成crontab的設定。

3. 重新啟動測試

設置好crontab之後，別忘了reboot重新啟動來測試一下Tomcat是否有自動地啟動喔。

結語

這個編碼問題讓我煩惱了好久。一開始我還以為是Sevlet或JSP在傳送request的時候編碼設定錯誤，沒想到最後居然是根本上的Java編碼就出了問題。希望這次設定完之後，以後不要再出現編碼的問題了啊。

(more...)

AutoIt使用Run()執行非exe, bat等執行檔

布丁布丁吃布丁

5月 02, 2011 1 Comments

AutoIt使用Run()執行非exe, bat等執行檔

image

這次來記錄一下AutoIt中Run()函數的另類用法。

Windows的腳本機器人AutoIt

AutoIt是一個執行於Windows環境的腳本機器人，我以前就用AutoIt製作過VirtualBox的自動安裝程式，之後我偶爾也會用AutoIt來幫我排程處理例行事務，省下我自己動手的功夫。

Run()函數以命令列指令執行

有時候我會需要AutoIt去執行外部程式，這可以藉由它內建的Run()函數來執行。但是AutoIt的Run()函數預設只能執行exe、bat、com、pif，如果參數中的程式不是這些類型，那麼Run()下去就不會有任何反應。

這時候可以以「命令列」(console)的方式來處理，請使用以下的指令：

Run(@ComSpec & " /c " & 'commandName', "", @SW_HIDE)

commandName可以替換成你要執行的程式路徑。要注意到" /c "前後是有空格的喔。

開啟絕對位置檔案

舉例來說，我希望AutoIt自動幫我開啟一個網頁程式「c:\index.html」的話，指令要這樣寫：

Run(@ComSpec & " /c " & 'c:\index.html', "", @SW_HIDE)
開啟與腳本相同位置的檔案

如果我要開啟與腳本相同位置的檔案，則可以利用「@ScriptDir」。舉例來說，「index.html」擺在跟AutoIt腳本（或是編譯過的執行檔）相同的目錄之中，則可以利用以下指令來執行「index.html」：

Run(@ComSpec & " /c " & 'index.html', @ScriptDir, @SW_HIDE)

結語

其實這個作法已經寫在Run()函數的網頁說明中，但傻傻的我還是google了好一段時間才發現，在此留下一個記錄。

另外也有人主張用ShellExecute()函數來開啟。以後有機會我再研究看看好了。

(more...)

GReader Folder Favicon Alerts

布丁布丁吃布丁

5月 01, 2011 0 Comments

GReader Folder Favicon Alerts

image

這是修改自GReader Favicon Alerts的userscript，可以在Google閱讀器(Google Reader, GReader)的網頁圖示(favicon)上顯示「目前所在資料夾」的未讀訊息。

原始的GReader Favicon Alerts是顯示所有訂閱的未讀訊息。但我並不會時常盯著所有訂閱訊息，而只會想要關注特定幾個訂閱，並將他們歸類在同一個資料夾中。

GReader Folder Favicon Alerts可以讓你只顯示目前閱讀資料夾的未讀訊息。你可以開啟很多個Google閱讀器、閱讀不同資料夾，這支程式就會幫你把各個資料夾的未讀訊息顯示在網頁圖示上，方便你追蹤最新的訊息。

至於userscript的安裝方式，請參考虫二的[教學]如何讓不同的瀏覽器正確安裝並執行使用者腳本 (Userscript)。

(more...)

Plurk網頁圖示未讀記數器

布丁布丁吃布丁

5月 01, 2011 0 Comments

Plurk網頁圖示未讀記數器

12004551472

這支userscript是我參考GReader Favicon Alerts修改而成，可以在Plurk圖示上顯示未讀訊息的數量。

Google Chrome的固定分頁

Google Chrome的「固定分頁」是一個節省分頁導覽列空間的好功能。他將分頁的寬度縮小到只剩下圖示，並固定在分頁導覽列的左方，讓我們保持一些常常需要查閱的網頁。

我常常會將Plurk固定在Chrome中，但是又常常會想切換到Plurk看一看有沒有「未讀訊息」，久而久之就覺得這個切換的動作很麻煩。所以就想要參考GReader Favicon Alerts的方式，在Plurk圖示上加上未讀訊息的記數。

安裝方法

這個程式只能用在Google Chrome、Firefox等有支援userscript的瀏覽器上，IE是沒有支援的。

至於userscript的安裝方式，虫二的[教學]如何讓不同的瀏覽器正確安裝並執行使用者腳本 (Userscript)已經有很詳細的教學，在此不再介紹。

(more...)

將圖片編碼成字串：MIME與Base64編碼

布丁布丁吃布丁

5月 01, 2011 1 Comments

將圖片編碼成字串：MIME與Base64編碼

如果要編寫一個圖文並茂的網頁，往往會覺得要找一個可以擺放「圖片」的空間是一件很麻煩的事情。特別是最近我在學習寫userscript的時候，想把套件跟圖片顯示結合在一起，又得要考慮怎麼連結圖片，感到非常頭大。

後來參考了GReader Favicon Alerts的寫法，我才知道原來還有將圖片轉換成Base64編碼，然後直接跟純文字的HTML或JavaScript結合在一起的作法！（備註：IE6不行喔）

MIME

根據維基百科的記載：

多用途網際網路郵件擴展（MIME，Multipurpose Internet Mail Extensions）是一個網際網路標準，它擴展了電子郵件標準，使其能夠支持非ASCII字元、二進制格式附件等多種格式的郵件消息。

MIME是由[type]/[subtype]組成。常見的[type]有「text」、「image」、「application」。我們在寫作網頁時，常常看到「image/png」、「text/html」、「text/javscript」之類的格式，這就是MIME喔！

網路上常見的圖片MIME則是「image/jpeg」、「image/gif」跟「image/png」。

Base64編碼

根據維基百科的記載：

Base64是一種使用64基的位置計數法。它使用2的最大次方來代表僅可列印的ASCII 字元。這使它可用來作為電子郵件的傳輸編碼。在Base64中的變數使用字元A-Z、a-z和0-9 ，這樣共有62個字元，用來作為開始的64個數字，最後兩個用來作為數字的符號在不同的系統中而不同。

圖片是屬於二進制的檔案，因此不能像HTML或JavaScript這種純文字(plain text)的程式一樣地處理。

image

舉例來說，上圖中，我以處理純文字的筆記本開啟「1422855-medium2.gif」這個檔案，看到的結果是一堆亂碼。也就是說，一般的純文字處理器是無法處理圖片這種二進制的檔案。

而透過電腦將圖片轉換成Base64編碼之後，資料會成為由英文跟數字組成的純文字資料，如下所示：

這一張圖片的大小為2.01KB，轉換成Base64編碼之後共有2753字元。儘管檔案大小變大了，但這種Base64編碼卻能更方便地使用。

如何將圖片轉換成Base64編碼？

image

很多程式語言都可以做到將圖片轉換成Base64編碼的工作，而網路上也有許多提供這種服務的網站，例如Binary File to Base64 Encoder / Translator。

操作步驟也很簡單，只要指定圖片的網址，然後就可以取得Base 64編碼了。

1. 指定網址

image

輸入後按右邊的「提交」(submit)。

2. 取得編碼結果

image

這個網站會自動地加入MIME格式。你可以注意到除了Base 64編碼之外，開頭還有「data:image/gif;base64,……」的檔頭訊息。

如何利用圖片的Base 64編碼？

不知道有沒有人發現到，開頭這張圖片，其實就是用MIME與Base 64編碼來顯示的喔。

作法一樣是用<img>標籤，但裡面的src屬性卻是指定MIME與Base 64的資料內容。我將程式碼的部份擷取如下：

<img src="data:image/gif;base64,R0lGO……ZTVsGBAA7">

一般的src屬性通常是指定「http://」開頭的網址，但在此卻是使用「data:image/gif;base64,」開頭的MIME與Base 64編碼，而瀏覽器卻也能正常地開啟。

IE6不支援

image

好吧，舊時代的產物IE6並不支援MIME與Base 64編碼顯示圖片的作法就是了。使用的時候請自己注意一下喔。

以MIME與Base 64編碼儲存圖片的好處

將圖片轉換成這種純文字的方式儲存有幾個好處：

  1. 一份圖文並茂的文件不用切割成很多份檔案（通常是一份html與數張圖片檔案），全部只要用MIME與Base 64編碼來儲存在一份HTML檔案即可。
  2. 對userscript這種JavaScript的套件來說也是如此。我只要把圖片的MIME與Base 64編碼寫在JavaScript中，就不需要外連，就像是GReader Favicon Alerts一樣。
  3. 以MIME與Base 64展示的圖片被視為「同網域」，不會受到「跨網域」的限制，因此就可以做到利用MIME與Base 64圖片再來加工繪圖的功能。

結語

學到這種作法之後，我的網頁設計跟AJAX應用又開拓了一條廣闊的道路。在此也將這種喜悅分享給大家，一起努力學習吧！

(more...)
訂閱： 意見 (Atom)