網站系統特性與開發工具

本章節將探討本研究開發網站系統之特性與開發工具，在定義網站呈現的內 容與銜接的理論基礎後，必須明確了解開發網站所隱含的特性與開發的結構，才 能得以順利進行系統開發。由於網際網路能呈現多種不同形式的媒體資訊，包括 文字、圖片、動畫、影像及語言等，因此，我們將選擇最適當的形式，來呈現逼 真的情境。研究者將網站系統大致分為兩個要點，一個是網站特性，探討的是網 站設計過程中，必須隱含的特點與原則。另一個是網站開發工具，將探討網站透 過哪些工具進行開發，以及包含哪些架構。由於網站內容偏重於網路霸凌，故不 在章節中多做贅述。

壹、 網站系統特性

電腦由於所具備的多媒體能力，能夠建構出逼真的模擬情境，因此，受到情 境學者們的重視。許多學者們開始注意到如何運用電腦課程的設計，以達到情境 教學目的。廖玉齡（2004）認為電腦科技的應用，可以有效幫助課程的設計者，

去完成學習情境的建構，以使學習者能自我挑戰，以促進知識的獲得與分享。根 據董冀瑞（2005）對情境式網路系統的研究。研究者整理本研究的系統特性如下：

一、 多媒體多元呈現

現實生活中發生的事件，仔細加以編修之後，將可以有效模擬實際情況。電 腦所具備影像、圖片、文字的多媒體能力，是傳統的教材所辦不到。徐新逸（1998）

提到，運用這些多媒體，能夠為學習建構出模擬情境，包括實際的工作情境、高 度真實性的替代品及藉由影像或多媒體程式提供工作情境。此類多媒體的情境式 電腦模擬，可以有效吸引學習者增加對學科的學習興趣。

二、 以真實事件為題材

將真實可能發生在生活的事件作為網站素材，將可讓使用者有更深刻的感 受，藉此讓使用者操作系統時，猶如真實遭遇事件，如此一來，就可以讓受試者 達到情境感受的效果。情境學習理論強調學習者應處在真實的情境脈絡中，以獲 得真實的知識。情境式網路系統應善用多媒體的功能，建構出最真實的學習情 境，使學習者能在此學習情境中，獲得最真實的知識與經驗，並能將知識與經驗 由模擬的情境中遷移到真實的環境裡使用（鄭晉昌，1993）。

三、 系統可重複且多人使用

透過電腦能夠儲存內容的功能，同時具有更新容易且方便的特性，讓學習者 能夠多次反覆進行操作，同時保有操作內容的一致性。薛尤榮（2000）也指出，

虛擬情境的設計可以有效改善教導者無法同一時間指導多位學習者的問題。

由以上探討可知，網站系統必須同時具備以上的特性，在開發情境式體驗網 站時，才能有效傳達真實訊息，以及達到網站目的。

貳、 網站開發工具

工欲善其事，必先利其器，在確切了解網站想要達成的特性後，接下來要探 討適合用來開發的工具，從上述文獻可知，網站必須具有吸引人的多媒體素材，

以及互動性高的介面。因此，本系統開發就以下工具進行探討

一、 圖片編修

本研究中，將使用 Adobe Photoshop CS3 作為圖片編修軟體，Photoshop 是由 Adobe Systems 出品的專業影像處理軟體。Adobe Photoshop CS3 與該公司的其它 軟體一樣，適用於 Mac OS 及 Microsoft Windows 兩個作業系統，同時公司也發 布了 Unix 作業系統上的版本。（wikipedia，2010）Photoshop 主要功能做於處理 以像素所構成的圖片影像，可利用豐富的編修與繪圖工具，進行複雜的圖片編 輯。選取的原因在於功能強大，且素材豐富。

二、 動畫製作

本研究中，進行動畫開發的部分，將以 Adobe Flash 進行。過去，以 Adobe Flash 稱為 Macromedia Flash，簡稱 Flash，前身是 FutureSplash。自從 Macromedia 公 司於 2005 年 12 月 3 日被 Adobe 公司收購之後，Flash 成為了 Adobe 旗下的軟體。

（wikipedia，2010）主要功能在於製作網際網路中網頁的向量動畫。因使用向量 運算的方式，產生出來的動畫檔案較小。也因為這個原因，被廣泛使用於網際網 路上。

三、 網頁開發

本 網 站 系 統 將 開 發 大 量 的 網 頁 ， 開 發 網 頁 的 工 具 主 要 使 用 Adobe

亦有 HTML 編輯的功能。（wikipedia，2010）過去該軟體由 Macromedia 公司所 開發。在 Macromedia 公司被 Adobe 公司收購後，Adobe 開始計畫開發 Linux 版 本的 Dreamweaver。Dreamweaver 最優秀的地方，在於具備動態伺服器網頁的視 覺化建置功能，無論 PHP、JSP、ASP、甚至 ASP.NET，Dreamweaver 均提供支 援，也可直接連結資料庫，程式設計人員均能透過簡易的設定，利用 Dreamweaver 撰寫不同類型的動態伺服器網頁。

四、 網頁語言

由於本研究將使用資料庫，因此網頁設計無法使用 html 達成，研究者選擇 PHP 進行開發網頁程式部分，藉此連結資料庫。PHP 是一種在電腦上執行的腳 本語言，主要用途在於處理動態網頁，所謂的動態網頁是一種可先在伺服端執行 的網頁，當使用人要求讀取網頁資料時，先在伺服端依程式的設計內容先行處 理，之後再將結果以 HTML 格式的內容顯示給使用者的瀏覽器。因此，在瀏覽 同一個頁面時，不同的使用者看到的網頁內容也不一定相同。而靜態網頁，則不 論 使 用 者 為 何 人 ， 所 叫 出 的 網 頁 內 容 皆 相 同 。 PHP 可 以 用 來 代 替 ASP/VBScript/Jscript 語系，JSP/Java 語系，以及 CGI/Perl 等，它是一種語法混 合了 C、Java 和 Perl，且是一種 HTML 嵌入式的語言。它的語法容易學習且擁 有跨平台之能力，無論在 Linux，Unix 或 Windows 系統上都可以運作，而且，

PHP 是完全免費的自由軟體。（wikipedia，2010）

五、 資料庫

本研究開發的系統中，將會存入使用者回饋的資訊，因此，將使用資料庫進 行資料後台儲存，方便研究分析時的蒐集與統整。而本研究進行開發的程式將以 MySQL 為主。MySQL，是一開放源碼的關聯式資料庫管理系統，開發者為瑞典 MySQL AB 公司。MySQL 由於性能高、成本低、可靠性佳，已經成為最流行的 開源資料庫，被廣泛地應用在 Internet 上的中小型網站中。（wikipedia，2010）隨

著 MySQL 的不斷成熟，它也逐漸用於更多大規模網站和應用，比如維基百科、

Google 和 Facebook。MySQL 擁有以下幾點優點：容易學習、價格便宜、多樣化 的應用程式介面(例如：PHP、C、C++...等)、備份容易、使用者管理介面方便。

透過本節的探討，將使得系統開發的輪廓與架構更為清晰，以幫助研究者在 開發過程中，能順利解決技術上的問題，也更能具體呈現系統希望傳達的內涵與 特點。

本章節透過網路霸凌、情境式學習理論，以及網路系統特性與開發工具的探 討，將更清楚的把內容、工具以及銜接理論更清楚地加以了解，將有助未來系統 開發目的的明確以及網站意念的傳達，藉此探討，希望將情境透過良好的開發工 具，製作出更符合研究目標的網站系統。