第三章 研究設計
第二節 網站規畫設計
本研究的核心就是實際建置環境教育網站，而網站規畫就是實際建置網站的 縮影。網站規畫如同網站設計藍圖是用文字、表格或圖畫簡短表達，它包含需求 分析、網站目的和功能、內容、系統開發、程式設計、測試、維護等做出規畫。
需求分析已在第二章初步完成。本節分成三部分來說明，依序為：網站基本規畫、
系統開發介紹、本節小結。
一、網站基本規畫
介紹建置網站的基本資料規畫，包含網站位址、網站建置目的、網站功能、
網站使用者、網站建置進度表。
(一) 網站位置
1. 網址：http://163.24.56.141/~green
2. 網頁伺服器：位於屏東縣潮州鎮四林國小 3. 網站名稱：屏東縣四林國民小學環境教育網站
(二) 網站建置目的
1. 提供學校行政人員推廣環境教育活動之教材 2. 提供教育處考評學校環境教育之依據
3. 提供學校教師融入各領域教學之教材 4. 提供學生環境教育學習資源查詢 5. 提供居民了解學校環境之特色
(三) 網站功能
1. 查詢利用國小環境教育資源與教材 2. 上傳或編輯環境教育教材資源
3. 下載環境教育相關檔案，例如：學習單、影片 4. 討論環境教育議題
(四) 網站使用者
1. 網站軟硬設備架設維護、系統開發撰寫程式：研究者 2. 網站資料上傳與編輯：學校教職員
3. 網站意見回饋：全校師生、訪客
41
(五) 網站建置進度表
網站建置進度表，如同本章第一節之研究流程，因為實際建置網站正是本研 究之主要研究核心。不過網站建置進度表，工作主軸仍是以實際建置網站為目標，
而本研究流程還包含分析設計和網站評估兩大目的。網站建置進度表之工作項目 依序為需求分析、網站規畫設計、網站程式設計、網站資料充實、網站資料使用、
網站成效評估以及網站維護改進，如見表 13。
表 13
網站建置預定進度表 月分
工作項目 7 8 9 10 11 12 1 2 3 4 5 6 7 需求分析
網站規畫設計 網站程式設計 網站資料充實 網站資料使用 網站成效評估
網站維護改進
資料來源：研究者自行整理。
參閱表 13 網站建置預定進度表，在需求分析與規畫完成後，即著手進行網 站程式設計。每當發現需要增加一個網站功能模組，就從需求分析開始，然後著 手設計、設計完後接著馬上測試使用、最後反覆修改以達到所要的功能。所以實 際建置時需求分析、網站規畫、資料充實、網站使用和修改測試等階段有可能會 同時進行。
網站之全部功能都設計好了之後，還會因為使用者之日後需求而不斷地修改 程式，所以「網站資料充實」、「網站資料使用」、「網站成效評估」以及「網路維 護改進」會一直持續地進行中，這也代表著網站正在運作並發揮其建置之功能。
二、系統開發介紹
本章前面提到的網站基本規畫和網站評估工具的建立，是屬於本研究流程之 第二設計階段。而本節系統開發與程式設計則是屬於本研究流程之第三發展階段，
也就是將網站建置付儲行動。本研究程式設計部分，只在實際網站內部撰寫執行 而不在此篇論文中出現。系統開發是程式設計的藍圖，所以本節只針對系統開發 作說明以代表研究流程之發展階段。
本研究要開發的系統是國小環境教育網站，是為互動式網站的開發，因此使 用網站資料庫系統及網頁伺服器動態語言來撰寫程式。以下分四小節來說明，依 序為系統開發環境、系統開發工具介紹、資料表初步設計、系統開發-小結。
(一) 系統開發環境
系統開發環境有伺服器硬體環境、伺服器軟體環境以及工作台環境。本研究 所建置之國小環境教育網站，所使用的軟體全部都為自由軟體，在網站上皆可線 上下載免費使用。安裝 Linux Fedora、Apache、MySQL 為系統環境，並以 PHP、
javascript 為程式撰寫語言。研究者先將伺服器硬體與網路安裝、接著安裝伺服 器作業系統 Linux Fedora、再來安裝應用程式 Apache 網頁伺服器、然後安裝應 用程式 Mysql 資料庫系統，最後測式網站運作正常後，才開始撰寫 PHP 互動式 網頁程式。以下說明伺服器各軟硬體工具之規格。
1、伺服器硬體環境
(1) 中央處理器：PAE on i686 P6
(1) 主記憶體：規格 DDR400 容量大小 4G
(2) 硬碟機：容量 1T 轉速 7200 rpm 雙處理器
(3) LAN 校園內部區域網路介面：802.3 頻寬 1000Mbps
(4)
WAN 對外廣域網路：中華電信光籤 10~100Mbps ，連接至屏東縣網 路中心。2、伺服器軟體環境
(1) 伺服器作業系統：Linux Fedora 16 2011 年出版 (2) 網頁伺服器應用程式：網頁伺服器 Apache 2.2.22、
(3) 資料庫系統應用程式：MySQL 5.5.25
(4) 程式語言：伺服器動態語言 PHP 5.3.14；瀏覽器動態語言 javascript (5) 伺服器遠端管理介面：webmin 1.590
(6) 檔案傳輸服務：SSH server 使用 22 port 3、工作台環境
(1) 工作台電腦：一般個人電腦或筆記型電腦
43
(2) 作業環境：microsoft windows xp 或 windows 7 (3) PHP 程式編輯工具：記事本 或純文字編輯器 (4) 檔案資料傳輸程式：winscp
(二) 系統開發工具介紹
本小節介紹本研究系統開發環境所用到之軟體工具，有伺服器作業系統、網 頁伺服器軟體、資料庫系統軟體、互動式網頁程式語言以及程式設計編輯工具，
所有使用的軟體都是自由軟體，可以自行下載俢改使用。
1、伺服器作業系統( Linux Fedora )
Fedora Linux（第七版以前為 Fedora Core）是較具知名度的 Linux 發行套件之 一，由 Fedora Project 社群開發、紅帽公司贊助，目標是建立一套新穎、多功能並 且自由(開放原始碼)的作業系統。Fedora 基於 Red Hat Linux，在 Red Hat Linux 終 止發行後，紅帽公司計畫以 Fedora 來取代 Red Hat Linux 在個人領域的應用，而 另外發行的 Red Hat Enterprise Linux（Red Hat 企業版 Linux，RHEL）則取代 Red Hat Linux 在商業應用的領域。Fedora 的功能對於使用者而言，它是一套功能完備、
更新快速的免費作業系統，而對贊助者 Red Hat 公司而言，它是許多新技術的測 試平台，被認為可用的技術最終會加入到 Red Hat Enterprise Linux 中，Fedora 大 約每六個月發佈新版本，目前 Fedora 最新的版本是 Fedora 17(維基百科，2011b)。
使用 Linux Fedora 架網站有許多好處，例如免費取得、更新快速，系統穩定，
使用基礎安裝作業系統，再搭配線上安裝伺服器功能，既快速又新穎，實在是機 關學校網管的好幫手。目前研究者所安裝之版本為 linux fedora 16，是為 2011 年 出版。
2、網頁伺服器( Apache )
Apache HTTP Server（簡稱 Apache）是 Apache 軟體基金會的一個開放原始碼 的網頁伺服器，可以在大多數電腦作業系統中執行，由於其跨平台和安全性被廣 泛使用，是最流行的 Web 伺服器端軟體之一。Apache Http 網站伺服器擁有牢靠 可信的美譽，已經在全球超過半數的網站中被使用－特別是幾乎所有最熱門和瀏 覽量最大的網站。比方說，維基百科網站伺服器就是使用 Apache 的。剛開始發 展時，Apache 只是 Netscape 網頁伺服器（現在是 Sun ONE）之外的開放原始碼選 擇之一。慢慢地，它開始在功能和速度超越其他基於 Unix 的 HTTP 伺服器。到
了 Apache 2.x 的時代，實際效率又比 Apache 1.x 更快，2.x 比 1.x 能同時服務更多 的網頁連線數。1996 年 4 月以來，Apache 一直是 Internet 上最流行的 HTTP 伺服 器(維基百科，2011c)。根據 Netcraft 在 2011 年 7 月的最新統計數據，Apache 仍佔 有 65%以上佔有率(netcraft, 2011)。
使用 Apache 網站伺服器，不但穩定更新快，而且撘配 Linux 作業系統線上 免費安裝，非常方便省事。
3、資料庫系統( MySQL )
MySQL 是一個開放原始碼的關聯式資料庫管理系統，原開發者為瑞典的 MySQL AB 公司，該公司於 2008 年被 Sun 收購。2009 年，Oracle 收購 Sun 公司，
MySQL 成為 Oracle 旗下產品。MySQL 由於效能高、成本低、可靠性好，已經成 為最流行的開源資料庫，被廣泛地應用在 Internet 上的中小型網站中。隨著 MySQL 的不斷成熟，它也逐漸用於更多大規模網站和應用，比如維基百科、Google 和 Facebook 等網站。非常流行的開源軟體組合 LAMP 中的「M」指的就是 MySQL(維 基百科 d，2011)。
使用 mysql 的優點，結合 linux fedora，可以只憑短短指令就能免費線上安裝 完成，再撘配免費的瀏覽器管理介面 webmin 或 phpMyadmin，可以如同操作視 窗介面般，線上管理資料庫非常方便。此外 mysql 功能齊全，所以有許多免費互 動式程式及介紹書籍，都以 mysql 資料庫系統為架設環境，例如 xoops 就是其中 之一。有了這許多資源提供給程式設計者，更可以讓設計者很容易地依照網站需 求查詢並學習功能指令完成程式之設計。
4、動態網頁伺服器語言 ( PHP )
PHP 是一種執行於伺服端的動態網頁語言。PHP 的應用範圍相當廣泛，尤 其是在網頁程式的開發上。PHP 可以在多數的伺服器和作業系統上執行，而且使 用 PHP 完全是免費的。根據 2007 年 4 月的統計資料，PHP 已經被安裝在超過 2000 萬個網站和 100 萬台伺服器上。PHP 原本的簡稱為 Personal Home Page，是 Rasmus Lerdorf 為了要維護個人網頁，而用 c 語言開發的一些 CGI 工具程式集，
來取代原先使用的 Perl 程式。PHP 包含了許多新特色，像是強化的物件導向功 能、引入 PDO（PHP Data Objects，一個存取資料庫的延伸函式庫）、以及許多效 能上的增強。2008 年 PHP 5 成為了 PHP 唯一維護中的穩定版本。PHP 6 的開發 也正在進行中(維基百科 e，2011)。
45
PHP 是目前流行的動態網頁設計技術。是一種跨平台的伺服器的嵌入式腳本 語言，有極其強大的資料庫支持，它的源代碼免費公開，並可在各種 web 伺服 器上運行，例如 IIS，Apache 等。PHP 代碼可編譯成能與許多資料庫相連接的涵 數，其中與 MySQL 資料庫的組合是絕佳的，它還可以自己編寫外圍函數來間接 存取資料庫(程曉旭，2011)。
網路上有許多免費提供之動態網頁程式，例如 xoops 網站架設、phpbb 討論 區、coppermine 相片管理，還有許部落格等都是用 PHP 來寫，可見 PHP 資源之 豐富及受歡迎程度，使用 PHP 來開發小型網站互動程式是很方便選擇。
5、程式撰寫工具：純文字編輯器
程式撰寫工具，使用純文字編輯器。在此介紹最常用之記事本，記事本已內
程式撰寫工具，使用純文字編輯器。在此介紹最常用之記事本，記事本已內