環境教育網站建置

上一節雖然分析了國小環境教育網站所要建立的資料內容，不過資料如果只 是堆積得像倉庫一樣而不利用，那就失去了意義。在知識管理的概念中，知識是 不同於資料或資訊的，資料通常是一些明確、客觀，但是未經歸納或分析的記錄。

資訊指的則是資料經過消化整理之後，分析者針對其產生的特定模式所建立的相 關陳述。知識是一種能將資料或資訊轉化為有效行動的思考架構，能幫助使用者 評估、整合並且適用於未來的情境(黃朝盟、趙美慧，2007)。那麼如何善加利用 資料呢？建置有功能性的網站，將資料(data)變成有用的資訊(information)就是很 好的解決方式。然後使用者瀏覽網站，再將資訊變成更為有用的知識，就達到了 網站建置的目的。

15

總之資料分享透過網站的建置，那網站的建置絕對不只是將資料充實飽滿而 已，而是要遵循網站規畫及網頁設計之原理原則才達到分享的效果。因此本節就 來探討，如何設計一個有功能性及操作簡便的網站。以下分為六小節來分析，依 序為知識管理與網站、網站的建構流程、網站媒體的類型、環境教育相關網站、、

網頁使用介面的設計原則以及本節小結論。

一、知識管理與網站

網站使用超媒體超連結的方法來協助使用者搜尋資料並且瀏覽資料，自然比 其他報章雜誌之閱讀，更有其特殊性及便利性。但是如何才能建置符合閱讀便利 性的網站呢？連雅玲(2006)在論文著作中提到，教學網站的建構應以學習助益性 之評鑑為優先考量的概念，而非只著重在功能是否完備上。吳孟芬(2008)在論文 中也提到，若閱讀架構設計繁雜，將造成使用者在閱讀時，迷失與認知超載的情 況產生，因此良好的網站閱讀架構設計，將有助於使用者更快速與容易地學習。

黃朝盟、趙美慧(2007)提出以使用者的需求為導向，讓使用者滿意的網站才能讓 使用者願意繼續往下瀏覽資訊。從以上三位研究者的論述，可知一個成功的網站 必須都站在使用者的需求立場來建置。

其次，黃朝盟、趙美慧(2007)又提到一個以知識管理的概念所發展的網站至 少有以下三個特性。一、清晰的目標與審慎的規劃；二、網站的內容具有整體的 一致性，例如操作模式都統一，就可以幫助使用者更容易瀏覽；最後是易於搜尋，

讓使用者快速方便地找到所要的資訊。

Nielsen (1999)指出網站管理的十大錯誤，如下說明：

1、目標不明確：會使得顧客瀏覽得毫無收穫。

2、專為長官設計的網站：這對於大多數組織以外的人，是不太有意義的。

3、直接用該團體組織編制作為網站的架構：對於不清楚該團體組編制的網 友，是很難找到資料的，同樣的是忽略了使用者需求。

4、將網站的管理分交給不同的單位或機構：這會產生操作模式不統一的現 象，同樣的忽略了使用者的習慣性和方便性。

5、忽略網站維護預算的編列：這會造成過了一段時間，資料仍然是舊的。

6、將網站視為「次級媒體」：網站上的瀏覽者是以超連結跳躍的方法瀏覽資 訊，所以設計上不可用傳統的媒體以線性閱讀的方式來編排。

7、浪費提供直接連結的機會：「連結」是網頁的重要特色之一，設計上應幫 助使用者快速找到尋找的資訊，而不是強迫使用者必須依序瀏覽整個網 站。

8、將外部網站與內部網站的設計一視同仁：對外應力求推廣、對內應講求 簡潔與使用效率，不可設計成相同的內容。

9、過分依賴市場調查來決定網站的設計：市場調查或線上調查，只能顯示 使用者對網站的接受度又及主觀偏好，卻無法告訴網站管理者哪些地方 的操作欠缺效率。應該讓使用者實際操作，並觀察是否能在時間找出所 要的資訊。

10、低估網站的策略影響性：不應該把組織的網站只當成上線的簡介，或隔 離於組織的策略規畫之外。然而，對組織或個人而言，網路代表了新的 機會，以及一切新的發展可能，應被視為任何組織成功最主要的決定因 素。

綜合本小節所述，以知識管理的概念來建置網站，將資料轉變成資訊，進而 變成人人方便閱讀的知識。首先要以使用者需求角度來設計，以使用者的操作角 度來設計，最後才能達到知識快速散布分享的目標。

二、網站的建置流程

和一般人熟悉的軟體一樣，網站也是需要一套標準建置流程來建立的；而網 站建置流程是源自於軟體建置流程，有研究指出，眾多的軟體專案無法完全發揮 原先預定功能的原因中，其中缺乏使用者的參與、需求與規格的不完整及需求與 規格的變更就佔了大多數(李婉真，2006)。比起軟體開發，網站建置似乎存在著 更多的複雜與不確定因素，所以建置初期應該進行專案管理，妥善規畫每一步 驟。

連智洋(2000)提出以使用者為中心的網頁設計方法四個階段，如下簡述。

1、完整需求分析：網站任務、使用者的種類、目的與使用方法。

2、概念模型設計：依據前面的需求分析找出超媒體所關注的問領域的概念 及所需的支持系統與資料。

3、導覽模型設計：以概念模型為基礎，以使用者特性及需求為依歸，製作 滿足各種使用者資訊需求的網頁規格與網站模型。

4、實作：再根據前述規格將之實作出。

從媛媛、肖艷華和趙娜(2008)，在發表的網站制作流程與設計技巧中，提出 網站製作的幾個階段：

17

1、分析階段：定位網站的主題和類別，掌握目的和需求。

2、策畫階段：整理內容框架以及邏輯結構圖。

3、實現階段：繪製布局草圖、為網頁設計與製作。

4、測試與發布階段：發現錯誤，進行修改。

5、維護階段：以發布的內容、信息互動反饋和網站安全，及時維護和更新。

黃朝盟、趙美慧(2007)，提出網站的建構的流程，如下：

1、定義：網站設立的目的、界定使用者、決定內容與網路策略等。

2、設計：資訊架構、適當的網路科技、整體視覺風格、導覽流程模擬。

3、建構：標準樣版設定、資料蒐集與整合、程式設計、測試與修正。

4、行銷與維護：廣告行銷、更新與維護、好用度測試、觀摩與比較。

從以上四位研究者的論述中，可以發現網站的建置流程，第一步如同知識管 理的內涵，必然是包含使用者之需求分析；第二步才是設計(整體概念、導覽)，

第三步就是實際的建置；接下來就是測試評估與維護。如果我們把第三步實際建 置階段再細分為程式設計與資料充實兩個步驟，將發現新成立之五個步驟，會與 ADDIE 系統設計模式非常雷同。因此本研究就以 ADDIE 模式分析、設計、發展、

實施與評鑑來建置國小環境教育網站。分析就是文獻分析及使用者需求分析；設 計就是網站整體的規畫包含導覽設計、螢幕設計等；發展就是實際建構的開始，

亦即程式設計的部分；實施就是將資料一件一件，一筆一筆地新增至網站上，並 且也開始下載使用於教學上等；評鑑就是網站使用一段時間後，使用者評估網站 是否達到預期的目標。

三、網站媒體資料類型

依據上一小節之網站建置流程，可以知道網站程式設計完成，亦即網站雛形 建構好了之後，接著將資料一筆一筆地新增或編輯。但是這些資料有許多不同的 類型。在建置上是否有差異呢？

網站所要分享的資料有許多的種類，各類型資料統稱為媒體。所謂媒體 (media)就是傳遞信息的媒介，例如我們用文字、語言來表達意見及傳遞文化，

透過聲音來交換訊息，及使用圖片表達結果或意念等。多媒體(multimedia)則是 指使用一種以上的媒體來傳遞訊息。而超媒體則是將不同媒體文件等資料儲存與

擷取都在同一個環境中，例如網頁的超文件格式，將媒體與媒體透過鏈結將其結 合在一起，使資訊以結構化的方式來呈現(李珀，2011)。

教學媒體的種類繁多，依多媒體的形式來區分，則可分為文字、聲音、影像、

動畫(沈中偉，2008)。黃朝盟、趙美慧(2007)提出網站內容的多樣性，一般網站 可包含的媒體種類有純文字、繪圖、照片、動畫、聲音、電腦應用軟體、影片等。

黃朝盟、趙美慧(2007)還進一步提出，一般平面的媒體，只能進行單向的單播，

而網站的使用者卻多不只是看在「看」網頁，還需要互動的介面設計。網際網路 之所以會成為當代發展最快的媒體，主要的原因之一便在於網站所提供與使用者 的直接互動。Scheiter & Gerjets (2007)將媒體模式區分為大眾媒體模式及電腦網 路互動模式。還指出大眾媒體模式之資料有靜態的文字或圖像，動態的音頻、視 頻或體驗(觸覺、嗅覺感官)。

依據上述說明，研究者歸納出網站在建置上必須有兩種模式，一為單向傳播 資料，有文字、圖畫、照片、聲音、影音、動畫、其他文件、電腦軟體；另一為 雙向互動資料，有討論區、留言板和回饋單等。單向傳播資料如同過去 web1.0 時代，只有網站提供資料給使用者。雙向傳播資料，就像是現今 web2.0 時代，

強調網站與訪客使用者之間的互動性。

這些資料類型，如何建置在國小環境教育網站上呢？研究者如下設計：

(一) 單向傳播資料：

1. 文字：設計表單，直接線上新增編輯，存入 MySQL 資料庫內。

2. 圖片、影音、動畫、現成網頁、其他文件、應用軟體等檔案：先設計上 傳表單將檔案上傳至網站平台內，並將檔案資訊記錄於 MySQL 資料庫 中，透過程式設計連結在網站上呈現或先下載再使用。

(二) 雙向互動資料：

1. 討論區：設計表單，提供給會員線上提問或討論之用。

1. 討論區：設計表單，提供給會員線上提問或討論之用。