平台的線上化

在完成了教材及評量的整合工作之後，就是要執行研究流程的最後一個步 驟：將整個平台以網頁的方式呈現，結合網路功能，使平台線上化，藉以提昇 整個平台的普及推廣程度。

在整個網頁的設計上，由於本研究的教材對象鎖定低學齡的孩童，所以在 表達上依然秉持著簡明易懂的原則，避免造成孩童使用上的困擾。網頁畫面如 圖 4-10 所示。

在整體的規劃上，為了能使孩童無須多加解說即可輕易地瞭解整體網頁的 操作程序，在選項的設計，只簡單的建置了幾組選項。選項可分為兩組，第一 組選項為整體平台之研究宗旨及研究上所應用到各種概念的簡單介紹，包括：

研究宗旨、創意學習、CPS 及威廉斯創造力測驗四個選項。而第二部分的選項 則是整個平台的核心，也就是「創意學習平台」以及「線上創意測驗」。而教 育相關研究人員，也可以從本網頁中，清楚瞭解整個平台的架設宗旨與本研究 中各種概念的簡單介紹，使得平台的價值亦發彰顯。

前 測

四 組 教 材

後 測

連結 連結

圖4-10、網頁首頁畫面

當使用者點選執行「創意學習平台」時，則會先執行線上創意評量的前測 部分，如圖 4-11。

圖4-11、創意評量前測測驗畫面示意圖

而當完成了六幅圖案的前測部分後，系統會自動的將使用者前測階段的獨 創性與變通性成績顯示出來，並要求使用者進入教學動畫部分，如圖 4-12。

圖4-12、創意評量前測計分畫面示意圖

當點選進入教學動畫的選項之後，則會出現創意學習平台的首頁畫面。整 個畫面共分四個場景，分別是客廳、浴室、陽台、廚房。每個場景，各自有對 應的學習單元。而圖 4-13 至圖 4-17 將以「心心夾」為例，介紹整個教材的執 行過程。

圖4-13、多媒體教材首頁畫面

在使用點選了以陽台場景的曬衣架後，便會開始執行心心夾的教材內容。

在教材的一開始，便是參考劉興欽的發明趣譚中的漫畫內容，設計出的一個問

題情境，如圖 4-14。

圖4-14、心心夾教材示意圖一

使用者可以任意點選在畫面下方的各種選項，而當點選到劉興欽的思考想 法，也就是系統預設的正確選項時，即可進入下一步驟；而當選到錯誤的選項 時，畫面會顯示出一小段動畫，告訴使用者錯誤的原因或選擇該選項之後會造 成的不好結果，並將該錯誤選項以打叉叉的方式呈現。之後會回到原本的選擇 畫面，讓使用者重新選擇其他的選項，如圖 4-15。

圖4-15、心心夾教材示意圖二

而當使用者成功的在第一階段選擇到正確的選項後，便會進入第二階段的 選擇。在設計上和第一階段完全相同，只有當成功的選到正確選項時，才會進 入下一階段的選擇，如圖 4-16。

圖4-16、心心夾教材示意圖三

若能在各步驟中成功的選擇到正確的選項，在教材的最後會出現如讚許或 告知正確之類鼓勵的動畫，之後該學習單元便結束，重新回到首頁，孩童可繼 續選擇其他的學習單元繼續學習，或是進行線上創意評量的部分，如圖 4-17。

圖4-17、心心夾教材示意圖四