Skip to Content

電腦

「HTML5.網路新勢力」研討會心得之行動裝置網頁

11/29 去聽了「HTML5.網路新勢力」在高雄場的研討會

 
主要的收獲有二點:
  1. 網站要升級至 HTML5 的方法及注意事項。 
  2. 網站針對行動裝置的設計方法及注意事項。
相關的簡報檔可以在這裡下載 : http://bit.ly/w3CtZF
 
先前寫過一篇是網站要升級至 HTML5 的心得,該場是黃保翕 ( Will 保哥 ) 所主講的。
 
底下則是網站針對行動裝置設計的心得整理,該場是黃忠成先生所主講的。
 

「HTML5.網路新勢力」研討會心得之 HTML5

11/29 去聽了「HTML5.網路新勢力」在高雄場的研討會

http://www.bnext.com.tw/2011webnext/index.html

主要的收獲有二點:

  1. 網站要升級至 HTML5 的方法及注意事項。
  2. 網站針對行動裝置的設計方法及注意事項。

相關的簡報檔可以在這裡下載 : http://bit.ly/w3CtZF

底下是網站要升級至 HTML5 的心得,該場是黃保翕 ( Will 保哥 ) 所主講的。

硬碟轉世輪迴記

9/27 北上開會,回來已經是半夜了,開電腦後系統三不五時就出現底下的警告,第一次看到這種訊息,感覺硬碟好像快要壞了。

 
熱心的網友介紹一款檢查程式 HD Tune,我下載並安裝了 HD Tune Pro 來檢測,果然出現了錯誤訊息。
 
 
為了確定,我又花了點時間做了一次詳細的掃瞄,情況有點慘不忍睹,有很多地方已經不堪負擔重任了。

變數

c++

// 變數要宣告

int a; // 整數

long a; // 長整數

unsigned int a;  // 無號整數

unsigned long a; // 無號長整數

float a; // 單精準浮點

double a; // 雙精準浮點

char c; // 字元

char a[30]; //字串 (最後一個字必須為 0)

perl

perl 的變數要加上符號。

perl 的變數沒有那麼嚴格。

perl 可以不用宣告變數,若要宣告,可以用 my 或 local。

my 是區域變數, local 也是區域, 但範圍內的副程式也可以取得變數數值。

如果 perl 要強迫宣告,在一開始要加上 use strict;

程式語言筆記

這是用來記錄常用的程式語言,因為一些不熟的語言,久不用就很容易搞混了。smiley

先記錄一些常用的項目:

  • 變數
  • 算數子
  • 陣列
  • 雜湊
  • 結構控制
  • 函式
  • 字串處理
  • 正規式
  • 檔案處理
  • 資料庫
  • 物件導向

阿含辭典查詢測試

莊春江工作站 阿含辭典查詢測試

Drupal 7 安裝

Drupal7-logo.png

昨天得知 Drupal 7 在 1/5 正式釋出了,這件事前陣子有在網路上看到,但後來也忘了,昨天剛好因緣際會又看到釋出正式版的消息,於是今天下載來測試,結果頗為順利,故在此記錄一下我的測試過程。

我大概會等到本站所使用的模組都有 Drupal 7 的版本之後,才會將本站升級,希望 Drupal 7 有更多好用且方便的功能。

請注意,因為這是用預設值安裝,所以相關的帳號及密碼都是公開的,我只是當成電腦中的測試網站,若您要當成對外公開的站,請修改相關的安全設定。

■ 下載檔案

1.首先到 Drupal Taiwan 正體中文支援站下載 TWAMPd 的架站包 (http://drupaltaiwan.org/taxonomy/term/1015),裡面已有 Drupal 6.17 (tCJK) + Drupal 7.0-alpha6,不過這些我就不用了。

2.下載 Drupal 7 (http://drupal.org/project/drupal)

3.下載 Drupal 7 的中文翻譯 (http://localize.drupal.org/translate/downloads),我是下載 Chinese, Traditional。

■ 安排目錄

TWAMPd 放在 C:\TWAMPd
Drupal 7 放在 C:\TWAMPd\htdocs\drupal-7.0 (可以發現 htdocs 目錄下已有一套 drupal-7.0-alpha6)。
中文翻譯放在 C:\TWAMPd\htdocs\drupal-7.0\profiles\standard\translations\drupal-7.0.zh-hant.po (這是根據 C:\TWAMPd\htdocs\drupal-7.0\INSTALL.txt 的說明)

■ 啟動伺服器

我是直接執行 C:\TWAMPd\apmxe_zh-TW.exe 就啟動相關的伺服器,然後用瀏覽器開啟 http://localhost (或 http://127.0.0.1),如果一切順利,就可以看到 TWAMP 的啟始畫面。

TWAMPd.png

設定 MediaWiki

在安裝好 MediaWiki 之後,會有一個動作,就是將 config 目錄中的 LocalSettings.php 複製到上一層目錄,這個檔應該就是一些設定用的內容。

其實主要的設定內容應該是在 includes/DefaultSettings.php 裡面,而有任何需要自訂修改的,則可以寫在 LocalSettings.php 中,以調整成適合自己的需求,以下就是一些我自己有用到的設定。

■ Logo 圖檔

首先,就是要設定首頁左上角的 Logo 圖檔,就是寫在 $wgLogo 變數中。

$wgLogo = "http://wiki.mysite.org/dir/logo.gif";

■ 修改主選單

若要修改主畫面左邊的選單,要用行政管理者帳號登入,也就是安裝的帳號。

然後直接修改 MediaWiki:Sidebar 頁面即可。該頁內容類似如下,用星號來表示選單的層次,星號後面是連結的頁面,不過不需要用中括號來框住。

最右邊是選單的文字,中間用 | 符號來區隔。

* 主選單
** 連結頁面|第二層選單文字
** 說明文件|說明資料的文件

■ 權限設定

再來是權限的設定,例如內部站是不讓匿名者註冊,而且匿名者只能讀取資料,不能編寫或修改,就是設定如下:

$wgGroupPermissions['*']['createaccount']   = false;
$wgGroupPermissions['*']['read']            = true;
$wgGroupPermissions['*']['edit']            = false;
$wgGroupPermissions['*']['createpage']      = false;
$wgGroupPermissions['*']['createtalk']      = false;
$wgGroupPermissions['*']['writeapi']        = false;

以上預設值都是 true,相信很容易理解上面的意義。至於已註冊者或更高權限者的設定,可以在 DefaultSettings.php 找到相關的設定,在上面的設定中,陣列變數第一個欄位匿名者是用 "*",註冊者則是 "user",機器人是 "bot",系統管理者則是 "sysop",行政管理員則是 "bureaucrat"。

若要開放一點,也可以設定成匿名者可以參與討論,開放 createtalk 權限,這就要看網站的性質來調整。

安裝 MediaWiki

這篇是 Media Wiki 安裝過程簡述,主要是讓自己日後重新安裝時回憶用的。

主要安裝的方式可參考官方網站的說明 http://www.mediawiki.org/wiki/Manual:Installation_guide

1.下載主程式,可以在這裡找到 http://www.mediawiki.org/wiki/Download ,我下載的是 mediawiki-1.15.1.tar.gz

2.將程式解壓縮放在網站上。理論上放在網站主目錄或子目錄都可以,若要放子目錄,則不要使用 "wiki" 當成子目錄名稱。

不過我自己測試,放在子目錄時,安裝一直有問題,會出現找不到網頁,只好另建一個類似 wiki.xxx.org 這種分站,再把程式放在該分站主目錄。

3.解壓縮後,主程式的 config 目錄要先設定成可以寫入,使用 chmod a+w config 指令即可。

4.設定資料庫,例如建立一個 wikidb 資料庫,產生名為 wikiuser 的使用者,再給該使用者全部權限。

如果有 MySQL root 權限,也可以不用先建立,但我用的站並沒有 root 權限,只能先手動建立資料庫,再交給安裝程式去處理。

5.一切 OK 後,執行 http://wiki.xxx.org/index.php 就可以進行安裝程序。首先是出現如下的畫面,點下圖中的 set up the wiki 連結。

FaceBook 裡的撿蛋遊戲 Hatchlings

Hatchlings 是我在 facebook 裡有「參與」的一個小遊戲,原本就一直想整理那些蛋,今天剛好利用假日,就動手進行。還有許多非特殊的蛋,我另外再找時間整理。(已補充進去了)

下面各圖中,有些蛋用滑鼠移過去時,會秀出一些說明,而虛線框起來的蛋,用滑鼠點下去就可以看到孵出來的樣子,再點一次又會恢復蛋的原始模樣。其實這也是我寫這篇的主要目的,練習在 Drupal 使用 jQuery,試看看處理動態的效果如何,結果我覺得不錯。

至於對此遊戲的心得是:許多蛋畫的很漂亮,但有些孵出來的實在長的不怎麼樣。還有一點,在整理這些資料時,也學到許多特殊的節日,例如我第一次聽到有一個「說話像海盜節」(Talk Like a Pirate Day),同時也發現同樣一顆蛋會孵出不同的東西,例如萬聖節及擠牛奶的少女等,不過細節我還不清楚。對了,還有在十二生肖系列中,有一顆寫錯中文字了。

因為圖很多,所以完全開啟要有多一點耐心才行。^_^


【鯊魚週系列】


【2009 賭城 拉斯維加斯】


【和金錢有關的蛋】


【好風景】


【很有現代感】

訂閱文章