Skip to content

Zeroplex 生活隨筆

軟體開發、伺服器和生活瑣事

小 縮小字型大小。 中 重設字型大小。 大 放大字型大小。

標籤: 網路架站

Install Redmine in FreeBSD

Posted on 2010 年 4 月 21 日2021 年 3 月 12 日 By 日落 在〈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>
Tags:FreeBSD, 網路架站, 資訊學習

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

Posted on 2010 年 4 月 5 日2021 年 3 月 12 日 By 日落 在〈網頁設計最常犯的 34 項錯誤〉中有 2 則留言

翻譯自:
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. 螢幕寬度:應考慮 800×600 為最小螢幕寬度,盡可能不要讓瀏覽器出現水平捲軸。
  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. 不支援基本搜尋功能:在網站上放置搜尋欄位,讓使用者可以搜尋整個網站。
如有翻譯不當的地方,請大家多多指教。謝謝!
Tags:程式設計, 網路架站

Apache、MySQL、PHP 效能最佳化

Posted on 2010 年 1 月 23 日2021 年 3 月 12 日 By 日落 在〈Apache、MySQL、PHP 效能最佳化〉中有 3 則留言

Optimize PHP, Apache & MySQL for performance « webjawns.com
http://webjawns.com/2010/01/optimize-php-apache-mysql-with-tuner-scripts-best-practices-and-more/

Tags:Apache, MySQL, PHP, 網路架站

CSS 版面設計樣板範例

Posted on 2010 年 1 月 16 日2021 年 3 月 12 日 By 日落 在〈CSS 版面設計樣板範例〉中尚無留言

最近要生一個網頁樣板出來,不過沒碰過 CSS 單單調整幾個區塊也讓我想撞牆,後來阿雷固推薦我一個網站很不錯,把常用的樣板整理出來,將 CSS 複製貼上就可以使用了。

網站名稱:Little Boxes
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Tags:CSS, 分享, 網路架站

GD vs. Imagick (ImageMagick)

Posted on 2010 年 1 月 10 日2021 年 3 月 12 日 By 日落 在〈GD vs. Imagick (ImageMagick)〉中有 2 則留言

由於之前聽到網路上傳言 ImageMagick 函式庫的效能比 GD 還要好,不過找不到實在測試資料,所以自己來跑測試。

測試方式是由自己的一張全景照片 (512 x 512, 340KB) 分別用 GD 與 ImageMagick 的縮圖函式進行縮圖 (256 x 256),並紀錄執行函式所需要的時間。


產生縮圖用的程式碼分別如下:

Imagick.php:

<?php
function mtime()
{
   list($usec, $sec) = explode(" ", microtime());
   return ((float)$usec + (float)$sec);
}
$img = new Imagick();
$img->readImage('lenna.jpg');

for($a=0;$a<5;$a++){
   $start = mtime();
   $img->resizeImage(256,256,Imagick::FILTER_LANCZOS,1);
   $stop = mtime();
   echo ($stop - $start)."n";
   exec('sleep 1');
}

$img->writeImage('s_imagick.jpg');
$img->clear();
$img->destroy();
?>

gd.php:

<?php
function mtime()
{
          list($usec, $sec) = explode(" ", microtime());
          return ((float)$usec + (float)$sec);
}

$src = imagecreatefromjpeg("lenna.jpg");
$thumb = imagecreatetruecolor(256,256);
$src_w = imagesx($src);
$src_h = imagesy($src);

for($a=0;$a<5;$a++){
   $start = mtime();
   imagecopyresampled($thumb, $src, 0, 0, 0, 0, 256, 256, $src_w, $src_h);
   $stop = mtime();
   exec('sleep 1');
   echo  ($stop - $start)."n";
}

imagejpeg($thumb, "s_gd.jpg");
?>

由於 PHP 原本的 time() 精確度只有到秒,對於這種小圖檔實在不夠用,於是找了 microtime() 來紀錄時間,呼叫 mtime() 以後會傳回當時的毫秒數並以 float 儲存,縮圖完畢在將結束時間與開始時間相減取得執行時間。

分別執行五次並紀錄結果。

使用 ImageMagick 函式庫:

0.050060033798218
0.048804998397827
0.051737070083618
0.048964977264404
0.048758983612061    平均:0.0496652126312256 秒

使用 GD 函式庫:

0.094849109649658
0.095477104187012
0.096488952636719
0.097059011459351
0.098549127578735    平均:0.096484661102295 秒

接下來比較原始圖檔以及縮圖品質。


原始圖 340 KB (點圖放大)


ImageMagick resizeImage() 產生出來的縮圖 50 KB


GD imagecopyresampled() 產生出來的縮圖 12 KB

產生出來的縮圖感覺 ImageMagick 的銳利度較高,可由帽子上的紋路看出。在這次測試時 ImagickMagic 些微勝出。

前一次測試時使用相機拍攝的 2.7M 全景圖製作 3/10 的縮圖,反而是 ImageMagick 較慢,時間接近 GD 的二倍,但是銳利度仍然是 ImageMagick 較高。但 ImageMagick 的銳利度是可以調整的,如果將銳利度降低不知速度是否會加快。

Tags:PHP, 網路架站

文章分頁

上一頁 1 ... 5 6 7 ... 12 下一頁

其他

關於我  (About me)

小額贊助

  文章 RSS Feed

  留言 RSS Feed

Apache AWS Bash C/C++ Docker FreeBSD GCP Git Google Java JavaScript Laravel Linux Microsoft MSSQL MySQL Nginx PHP PHPUnit PostgreSQL Python Qt Ubuntu Unix Vim Web Windows WordPress XD 作業系統 分享 好站推薦 專題 攝影 新奇搞笑 新聞 旅遊 生活雜記 程式設計 網路架站 網頁設計 資訊學習 資訊安全 遊戲 音樂


創用 CC 授權條款
本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.