一、 網站建置
全球資訊網的傳送無遠弗屆，不受空間與時間限制，且有高效率低成本的特性，因此架設 一個雲端的平台，能方便了教師隨時快速搜尋與使用。網頁的建置需要依循有效的方法，陳珮瑩
（2005） 就統整了專家學者對網站建置所提之觀點，綜合整理出建置流程之前、中、後三大時 期所涵蓋之五大階段；「定義」及「企劃」階段屬前期之規劃，「設計」、「執行」及「測試」階段 屬中期規劃，「完成上線」、「更新維護」及「宣傳行銷」屬後期之規劃，如圖 2-4-1。
圖 2-4- 1 網站建置流程圖
23
Lee & Owens（2004）針對教學設計及數位學習之開發提出了五個須遵循的步驟：分析
（Analysis）、設計（Design）、發展（Development）、實施（Implement）、評鑑（Evaluation） 系 統化開發的過程如圖 2-4-2 所示。開發者首先必須要了解使用者的需求及使用者的特性並進行其 可行性分析與系統分析，接著再規劃教學資源系統的內容架構、畫面雛形、需求規格…等概念設 計與細部設計；開發計畫確立後，開始發展建置畫面的結構、元件及功能，當資源系開發過程中 必須不斷的進行整合測試；最後邀請教師團隊針對此教學資源平台進行評估，以確保教學資源平 台能達到教師知識管理的成效。
在網站建構的過程中，最重要的是讓使用者對於網站有良好的形象，因此前端的視覺設計 或後端的程式設計，都是設計者與網站管理者需要詳盡的協調與細部規劃，以確保網站的建置流 程的順暢度及網站使用價值。
二、 網站設計
為了使資訊能夠有效地傳達給使用者，許多專家學者則從各層面包含溝通模式、介面操作 性、使用者心理層面、易用度等方面切入研究使用者介面設計，並提出相關之設計原則，目的在 於讓設計者有一個簡單明確之設計參考。網站就是網頁的集合，介面就是與使用者溝通的方式，
從版型規劃、導覽列的形式、按鈕圖示、設計功能皆將影響使用者對於網站的理解（張志仁, 2007）。 圖 2-4- 2 多媒體教學設計過程
24
設計者在開發網站時，除了要顧慮到功能及內容外，網站的視覺設計及編排，也會影響使用者對 網站整體的認同感及再造訪率，其作者將框架網頁設計要素整理為表 2-4-1 所示（王欽泉, 2007）。
因此網頁設計需建立在使用者的經驗上，設計者在設計網站時應進一步考量視覺設計因素，以提 升網站整體的形象。
Daniel（2000） 提出網站設計可視為內容（Content）、視覺呈現（Visual appearance）及使 用性（Usability）三個部份。Newman and Landay（2000）則將網站分為三個區域，分別是資訊
（Information）、導覽（Navigation）、視覺（Visual）。資訊設計（Information Design）讓網站呈 現一個豐富的多樣化，並清楚的資訊內容；導覽設計（Navigation Design） 將資訊轉換為一個完 整的組織結構，讓使用者可以快速方便的找到所需資訊；視覺設計（Visual Design）使用顏色、
排版、布局和圖像達到視覺的傳達效果；資訊架構（Information Architecture）是一種興新的架構，
主要結合資訊及導覽設計；使用者介面設計（User information Design）主要是網站上的頁面導覽，
但是經常會因使用者需求不同而延展出不同的功能設計。Newman & Landay （2000） 提出之網 站設計領域構面所包含之範圍較完整，如圖 2-4-3。
圖 2-4- 3 網站設計三大構面 Newman and Landay（2000）
25
26
三、 內容管理系統
張俊明、張祖亮與張永達（2004）研究指出內容管理系統（Content Management System, CMS）
為協助組織和個人，藉助資訊將內容的建立、儲存、分享、應用、檢索的過程。CMS 具有支援 遠端發佈和管理、低網站建設和維護的成本、高網站資料的安全性、方便數位教材集中管理及高 教學內容的豐富性的性質，教師可以在任何一台可以上網的電腦，透過網頁瀏覽器，輕易地進行 網頁的編輯和修改。
Joomla! 開發團隊在其公開網頁之簡介( 2015)即指出：
Joomla!是一套相當知名的內容管理系統（Content Management System, CMS），此系統是 使用 PHP 程式語言與 MySQL 資料庫所開發，可以在 Linux、Windows、Mac OS X 等各種不同 的平台上執行。Joomla! 應用了非常多的網站進步的新技術，來自全球上千種不同網站應 用的擴充套件及美工設計佈景，都是以這套系統為基礎而開發。使用者可以很方便的安裝 上這些附加套件，如同在桌上電腦中的 Windows 作業系統中安裝新的軟體一般，簡單且很 方便就可以安裝和管理。Joomla!的操作介面除了美觀之外，也花了很多心力在設計這些介 面的簡易操作性且保留了最大的客製化彈性和整合能力。
事實上，網站本身就是許多相關技術的混合體，網站管理系統也並非指單一種技術，也是 許多技術的整合，一個網站管理系統有可能會同時包含以下的相關技術如表 2-4-2：
27 jQuery）
HTML 網頁的格式編寫語言
引自〈Joomla!簡介〉,Joomla!開發團隊(2015) 表 2-4- 2 Joomla! 技術整合整理表
28
第參章、 研究方法 第一節、 研究架構
本研究以開發「科學新聞教學資源平台」為例，探討符合教師知識搜尋與分享的教學資源平 台為何，並了解在開發過程中所遭遇的困難與解決之道。平台使用 Lee & Owens（2004）所提出 的多媒體教學設計來開發，依照其步驟來完成分析、設計、發展、實施與評鑑(ADDIE)等各項工 作，於分析階段及評鑑階段，以回答研究問題。
本研究以問卷調查教師目前使用科學新聞的狀況與所遇到的問題，及對於科學資源的需求，
針對調查問卷的回答內容，選出 5 位理科國高中資深教師進行訪談，探討教師對於科學新聞融入 教學的經驗及平台欲達到之目標，作為設計之考量依據。設計階段將使用 Joomla！程式作為內 容管理系統，將目前現有的 156 集科學新聞及已開發的教學資源收錄並進行分類，並給予教師友 善的平台設計與功能。在實施與評估階段，研究者以問卷的方式，瞭解教師對於平台上的各項功 能與資源是否對應到分析階段所提出的需求，並進一步討論未來推廣平台的方法。
29
第二節、 研究對象
本研究之晤談採用質性取向，在分析階段以半結構式問卷訪談的方式，了解教師團隊之先 備經驗、平台欲達到的目的與現有資源分析，作為設計時的參考依據。設計與開發階段進行時程 規劃、工作分配與平台雛型開發。在平台建置雛型完成後，則請教師團隊對於網站內容提出建議，
研究者會以此建議作為修正的依據。在實施與評估階段，研究者以問卷與訪談的方法，了解教師 對於平台上的各項教學資源是否對於應用科學新聞之教學有所幫助。
教師團隊以五位中等理科（物理、化學、生物、地科）教師作為訪談對象。內容包含訪談 教師該如何選擇科學新聞作為教學題材，並邀請針對細部的網站內容給予回饋。其詳細教師資料 如表 3-2-1：
表 3-2- 1 教師基本資料
代號 最高學歷 教學年資 教授內容 實施項目
T01 碩士 7 年 高中化學 訪談
T02 碩士 11 年 高中生物 訪談
T03 碩士 9 年 國中生物 訪談
T04 碩士 6 年 國中理化 訪談
T05 碩士 20 年 國中理化 訪談
30
第三節、 研究工具
一、訪談
本研究採半結構式訪談（Semi-structured interview），先初步擬定採訪大綱，先向受訪者問 一系列結構式訪問，然後採開放式的問題，在進行訪談的過程中依循受訪者回答的方向，進一步 詢問期望能發掘出訪談大綱未提及的問題。
1. 科學新聞網站經驗及需求晤談：深入了解教師使用科學新聞教學經驗、教師對於科學 新聞平台的需求及該如何才能增加教師對與網站的使用意願（附錄一）。
2. 網站滿意度晤談：相同的受試者，使用依照教師經驗及需求所開發的網站，針對網站 的功能、頁面進行評估，並對網站未來發展給予意見（附錄二）。
二、開發軟體
本研究將使用 Joomla！內容管理系統（Content Management System, CMS），此系統模組化 的設定方便管理與操作，伺服器端程式語言屬於 PHP 不論是電腦、平板或手機皆支援其此格式，
非常適合做為科學新聞教學平台之開發。
31
第四節、 實施程序
本研究共分為分析階段、設計階段、開發階段、實施評估共為四個階段，分析階段進行訪談 了解使用者經驗與需求分析；設計階段則依照使用者的需求規劃網站架構設計並新聞製作流程；
開發階段進行系統的開發及系統整合；開發完畢後比照使用者需求及達成結果，測試系統錯誤並 進行修正如圖 3-1。
圖 3-3- 1 平台的開發流程圖
32
一、 分析
1. 需求評估
若開發為必要須要了解使用者的資源需求，教師對於網站的功能需求。透過文獻 蒐集、科學新聞教學資源平台調查問卷（附錄一）與訪談調查的結果，來進行下 一階段的前端分析。
2. 前端分析
前端分析主要是想了解開發平台的相關資料，以此作為平台開發的依據。本研究 前端分析中的「使用者分析」、「教師新聞教學經驗分析」、「教師資源分析」、合併 探討，以下為分別項目之說明：
①. 使用者分析：瞭解中等教師的背景資料、教師其任教科目是否會影響他們使 用科學新聞的選擇。
②. 教師新聞教學經驗分析：主要希望瞭解使用者是否使用過科學新聞作為教學 的經驗，並探討使用科學新聞過程中教師經常會遇到的問題，作為未來收錄 科學新聞時應避免發生的狀況。
③. 教師資源需求分析：透過問卷調查老師對於教材資源的需求，以及教師對於 平台中所期待的功能。
33
二、 設計
1. 科學新聞分類設計：文獻蒐集與瞭解目前科學新聞的分類狀況，將收錄的科學新 聞依照（Scientific Literacy in Media, SLiM）重要科學概念構面作分類整理依據，
並且依照老師回答的內容，設計符合教師需求的分類。
2. 內容架構設計：設計平台介面，並依照「前端分析」的結果，建立網站架構。
2. 內容架構設計：設計平台介面，並依照「前端分析」的結果，建立網站架構。