1122 回家作業，完成課本panic button，並架設AppServ X WURFL且繪製其流程圖

Q1:完成課本panic button
以下為其網址

http://163.17.135.16/chapter5/panic_button/ 

Q2架設AppServ  X  WURFL且繪製其流程圖

WURFL架設流程圖如下

l  詳細說明：

一、            下載、安裝AppServ，並測試是否安裝成功

第1步 首先來到AppServNetwork官網http://www.appservnetwork.com/，點選要下載的版本，以下提供連結為AppServ 2.5.10版本：http://prdownloads.sourceforge.net/appserv/appserv-win32-2.5.10.exe?download，或是至智慧大師下載課堂提供的檔案，下載完成後可以看到如下圖的安裝程式，點擊後進行安裝。

第2步 系統跳出安全性警告的對話視窗，詢問是否確定要執行這個軟體，點選【執行】。

第3步點選【Next】進行下一步安裝。

第4步 點選【I Agree】接受授權與使用同意書進行下一步安裝。



第5步 選擇安裝路徑或採用預設路徑後，點選【Next】進行下一步安裝。

第6步 勾選想要安裝的附加元件，通常遵照預設值全選即可，選擇完成後點選【Next】進行下一步安裝。

第7步 設定Apache伺服端資訊：
             1. Server Name：輸入自行申請的網址，或是直接輸入localhost，使用本機端即可。

             2. E-mail：輸入管理者的E-mail。
             3. HTTP Port：一般都使用80 Port，不建議更改。

選擇完成後點選【Next】進行下一步安裝。

第8步 設定MySQL資料庫的密碼：重複輸入兩次，以確認密碼正確，確認無誤後點選【install】開始安裝。

第9步 系統開始安裝AppServ。

第10步 接著會跳出Window防火牆安全性訊息，點選【允許存取】。

第11步 點選【Finish】後AppServ完成安裝囉。

第12步 雖然初步安裝完成了，但還是要確認AppServ是否能正常運行，因此我們開啟瀏覽器，在網址列輸入第7步的Server Name網址，此範例以http://localhost為例，接著若出現以下畫面就大功告成囉。

二、            安裝WURFL

第13步 下載並安裝WURFL的大腦：PHP API。
http://sourceforge.net/projects/wurfl/files/WURFL%20PHP/1.4/，下載完成後可以看到如下圖的zip檔，點擊後解壓縮。

第14步 開啟解壓縮後的wurfl-php-141資料夾，到路徑examples/resources後，找到wurfl.zip並對他進行解壓縮。

第15步 編輯examples/resources/wurfl-config.xml

將...

修改為…

三、            套用課本第五章範例

第16步 建立工作環境，檔案和WURFL組態，至 http://hf-mw.com/ch5/ 下載範例檔案。

第17步 解壓縮檔案後，將剛剛編輯好的wurfl-php-1.4.1這個資料夾移到chapter5/explore 路徑下。

第18步 到目錄 explore，將config.php.example，改名為config.php。

若出現以下對話視窗，請點選【是】。

第19步 開啟config.php進行編輯動作，編輯指示路徑。

將

/* WURFL_DIR needs to point to the install directory for WURFL */

define("WURFL_DIR", '/path/to/WURFL/');

/* RESOURCES_DIR needs to point to the resources directory you want to use. */

define("RESOURCES_DIR", '/path/to/WURFL/resources/');

路徑改為

define("WURFL_DIR", 'wurfl-php-1.4.1/WURFL/');

define("RESOURCES_DIR", 'wurfl-php-1.4.1/examples/resources/');

四、            撰寫程式碼，偵測瀏覽該網頁的裝置及各項屬性

第20步 開啟device.php (chapter5/explore)，撰寫程式碼-1。

第21步 開啟index.php (chapter5/explore)

在

<div id="devicedata">

            <h2>Device Data</h2>

                -------------------------- 撰寫程式碼-2
</div>    

第22步 到這邊第一步已經完成了，把檔案丟到AppServ測試，並在瀏覽器中觀看index.php，
偵測瀏覽該網頁的裝置，並顯示該裝置的詳細內容。

伍、            撰寫程式碼，查詢各種裝置的各項屬性

第23步 開啟index.php (chapter5/explore)

在

<div id="testform">

        ---------------------------------------撰寫程式碼-3

</div>    
           

第24步 開啟device.php (chapter5/explore)，

修改

$user_agent = $_SERVER['HTTP_USER_AGENT'];

改為

$user_agent = (isset($_POST['useragent']))? $_POST['useragent']: $_SERVER['HTTP_USER_AGENT'];

第25步 儲存所有的改變，並在Web瀏覽器中載入index.php檔案

第26步chapter5目錄裡找到 userful_user_agents.txt檔案，有一些User Agent String，方便進行複製貼上。