2010/04/22

Install Redmine in FreeBSD

以下全文轉錄、修改自:FreeBSD上でRedmineを試してみる - FileMakerとPHPのメモ
http://d.hatena.ne.jp/unam-h/20080501/1209642442

Redmine 是用 Ruby 撰寫成的專案管理系統,支援項目追蹤、工時追蹤、Wiki、版本控管、討論區等功能。不過因為沒有用過 trac 系統,沒辦法為大家做比較,若有朋友用過歡迎提供意見。

FreeBSD 較新的 ports 中有納入 Redmine:/usr/ports/www/redmine,但是自己從 make install 後到看官方說明書安裝仍然中途出錯失敗,所以參考其他方式安裝。

先到欲安裝的位置用 SVN 將 source code 取出:
svn co http://redmine.rubyforge.org/svn/tags/0.9.3/ redmine

然後建立資料庫設定檔:
cp config/database.yml.example database.yml
vim database.yml

修改資料庫帳號密碼:
production:
  adapter: mysql
  database: db_name
  host: db_host
  username: user
  password: password
  encoding: utf8

執行 rake 設定:
rake db:migrate RAILS_ENV="production"
rake redmine:load_default_data RAILS_ENV="production"

以上設定若沒有出現錯誤訊息,執行下面的指令可啟動伺服器:
ruby script/server -e production

伺服器預設是在 localhost:3000 上,用瀏覽器連到 3000 port 若有看到系統畫面便表示安裝成功。


接下來安裝 rails 和 passenger 讓伺服器可以掛在 Apache 上:
gem install rails --version 2.0.2
gem install passenger

接著建立 Apache mod:
passenger-install-apache2-module

在 httpd..conf 上加入 passenger module:
LoadModule passenger_module /usr/local/lib/ruby/gems/1.8/gems/passenger-2.2.11/ext/apache2/mod_passenger.so
PassengerRoot /usr/local/lib/ruby/gems/1.8/gems/passenger-2.2.11
PassengerRuby /usr/local/bin/ruby18

重新啟動 Apache。


建立 Virtual Host 時,只要將網址的位置設定在 Redmine 的 public 位置即可:
<VirtualHost *:80>
        ServerAdmin my@mail
        DocumentRoot /home/user/redmine/public
        ServerName redmine.my.url

        <Directory /home/user/redmine/public>
        Options FollowSymLinks
        AllowOverride None
        Order allow,deny
        Allow from all
        </Directory>
</VirtualHost>

2010/04/13

Ubuntu SM (Screen Message) 螢幕大字報

之前參加 COSCUP 和 Study Area 聚會時常常看到有人把筆電拿來當大字報用,用全螢幕打字給講師看。





原本以為是用 Impress 或是投影片軟體打字再放全螢幕,後來才知道他們用一套軟體叫做「SM」,也就是「Screen Message」的縮寫。(都是 CrBoy 亂講害我查到亂七八糟的東西 XD)

在 Ubuntu 底下安裝很簡單:
sudo aptitude install sm

安裝完以後直接在終端機輸入 sm 即可執行,除了主要工具列以外,其他區塊皆會變成畫面:




若要編輯文字就先按 Backspace 把原有的文字清除,再輸入需要顯示的文字,就直接當作一個文字超大的記事本用就可以了。

不過 sm 套件缺點就是即使跟記事本一樣可以編輯文字、移動游標、選取文字,但是游標是看不見的,所以輸入錯誤要重新編輯會有點麻煩。

後來在 CrBoy 部落格看到套件的 python 程式碼,用 python 執行後顯示範圍變成全螢幕,而且左下角有一列一般的編輯區域,可以看到游標位置和正常大小的文字。

Source Code:http://blog.crboy.net/2009/11/sm-screen-message.html

將原始碼複製到文字編輯器貼上,儲存之後使用 python 執行即可:


測試瀏覽器是否支援 HTML 5


Score of Google Chrome



網址:The HTML5 test
http://html5test.com/

2010/04/05

網頁設計最常犯的 34 項錯誤

翻譯自:
Top 34 Web Design Mistakes
http://www.bootstrike.com/Articles/DesignMistakes/

  1. 不當的使用 Javascript:請見說明
  2. 拼字或文法錯誤。
  3. Flash、Shockwave、Java:無法被搜尋引擎建立所以,下載時間較長。
  4. 建立縮圖:使用 HTML 語法縮小圖片寬度、高度並不能減少流量,必須手動或是使用程式將圖片縮小。
  5. 使用 GIF、Flash 動畫:動畫容易使人分心,也容易惹惱使用者。
  6. 背景音樂、自動播放:想想看當你正在聽卡農時網頁卻播放重金屬音樂,尤其是每次點選子網頁都從頭自動播放。
  7. 分頁、幻燈片模式:把內容放在同一個網頁,不要讓使用者點選「下一頁」以節省時間。
  8. 將 F&Q 的解答分開放在不同網頁上:不要將每個問題獨立放在不同的網頁上,這樣使用者必須一直切換頁面。放在相同的網頁上就好。
  9. 使用高對比文字顏色:請勿使用「黑底黑字」或是「白底白字」。
  10. 螢幕寬度:應考慮 800x600 為最小螢幕寬度,盡可能不要讓瀏覽器出現水平捲軸。
  11. 字型:不要使用其他人沒有的字型,設定方式請見說明
  12. 讓字體能任意放大、縮小:在 CSS 中使用 em 或 %,請見說明
  13. 使用標準、一致的版面設計。
  14. 圖片最佳化:最好能將圖片縮小到四百萬象素以下,螢幕看得清楚也能節省下載時間,原作強力推薦 GIMP 製作縮圖。
  15. 別忘記 title、meta、keyword 標籤:讓使用者方便做紀錄,也讓搜尋引擎建立索引。
  16. 在表單中加入 label 標籤:讓使用者填選更輕鬆,請看說明
  17. 使用 Fieldset 組織表單:讓表單看的更清楚。
  18. 為圖片、超連結加上說明:在圖片加上 alt 屬性、超連結加上 title 屬性,可在滑鼠游標旁顯示註解。
  19. 進站畫面:好能在 Flash 動畫旁加上「進入本站」或是「略過」的超連結,不要強迫使用者看完影片,搜尋引擎也能建立索引。
  20. 回饋連結及頁面:在網頁上放置 email 聯絡方式,並在伺服器上處理郵件,避免使用者畫面跳出 Outlook 等視窗。
  21. 檔案命名方式:盡量以英文小寫命名,特殊字元會造成使用者存檔時的不便,如空白會變成「%20」
  22. 文字區塊:文章段落中間最好留幾行空白,文字與邊框應保留間隔距離。
  23. 禁止右鍵選單:不要在網頁上使用 Javascript 禁止使用者按滑鼠右鍵,要讓網頁、圖片不被其他人取用:請不要放到網路上!
  24. 使用頁框:頁框中的內容並不會儲存到書籤,造成使用者的困擾。
  25. 文字底線:不要在沒有超連結的文字上加底線,改用其他方式強調,請看說明
  26. 不同檔案類型的特性:壓縮率、串流等特性。
  27. 彈跳視窗:不要讓超連結跳出新視窗,也不要在新視窗放廣告,這樣只會讓使用者厭惡。
  28. AJAX:在 IE6 上面執行 AJAX 仍需要使用到 ActiveX,直到 IE7 才將 XMLHTTP object 獨立出來
  29. 背景顏色:不要假設所有使用者預設的背景都是白色,請自行加上背景顏色設定
  30. 網頁測試:針對各種瀏覽器以及各種情況做測試,請見說明
  31. 友善的介面但無法調整:讓所有的設定值都可以被調整,以免發生字體變大但是行距不變的情況。
  32. 偵測到不支援 Javascript 時強制重新導向:使用 noscript 標籤來告知使用者,不要重新導向到其他頁面或是跳到瀏覽器更新頁面。
  33. 不支援列印格式或列印預覽:可在 CSS 設定列印專用樣式,隱藏目錄及導覽列可以在列印時節省紙張。
  34. 不支援基本搜尋功能:在網站上放置搜尋欄位,讓使用者可以搜尋整個網站。

如有翻譯不當的地方,請大家多多指教。謝謝!

2010/04/04

Armadillo Run : Extra 3 - Spiral




第一次做螢幕錄影,弄的有點糟糕說。

玩這種遊戲就是要搞特殊解,照著老規矩做實在太無趣了 XD