Zeroplex 生活隨筆

以下全文轉錄、修改自：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>

之前參加 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 執行即可：

Score of Google Chrome


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

翻譯自：
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. 不支援基本搜尋功能：在網站上放置搜尋欄位，讓使用者可以搜尋整個網站。

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

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