本章主要闡述依系統設計所發展之結合設計式學習與密鋪圖形設計於多點 觸控平台之系統實作成果，將依使用者進行設計式學習四個階段的流程介紹本研 究所發展之系統，以下將分別說明這四個階段的系統操作空間及系統模組功能。
壹、系統操作空間
由系統所架構的系統操作空間，依據不同階段的需求，可分為「確認問題階 段」、「蒐集資訊階段」、「設計與建構作品」、及「評估檢討」四個階段，以 下將依序說明這四個階段。
一、確認問題階段
本階段主要為呈現生活真實問題，讓學生針對真實問題來定義設計的問題及 確認該問題所需的設計內容，如圖 3。
圖 3、確認問題階段操作空間架構設計
共同工作區
階段狀態 問題呈現模組 工具列
33
二、蒐集資訊階段
本階段學生可從研究者提供之文本或其他資源中蒐集相關資訊、歸納出可能 的解決方案，並建立可能的解決方案，如圖 4。
圖 4、蒐集資訊階段操作空間架構設計
三、設計與建構作品
本階段學生須選擇最佳的解決方案，開始動手實作、設計、與建構作品，如 圖 5。
資源工具模組 個人工作區
階段狀態 密鋪功能（畫非正多邊形區）
34
圖 5、設計與建構作品階段操作空間架構設計
四、評估檢討
本階段需評估設計的結果是否符合預期或能否解決問題，並進行檢討或改善，
如圖 6。
圖 6、評估檢討階段操作空間架構設計 共同工作區
階段狀態 工具列
共同工作區
回饋意見
35
36
37
圖 7、個人工作區模組
二、共同工作區模組
共同工作區主要讓使用者可以一起合作及討論，並能共同於工作區完成作品，
而由於第一、三、及四階段皆於共同工作區工作，故將有識別各階段的圖示顯示，
其工作區域亦能放大縮小及翻轉，共同工作區如圖 8 所示。
圖 8、共同工作區模組 個人工作區域
並可於此測試及 建立可能解決方案
共同工作區 可於此區域
內一同完成作品。
階段狀態
38
三、問題呈現模組
問題呈現模組為讀取檔案並呈現題目給予使用者閱讀，而為了避免字太小，
故可縮放大小以及移動位置，如圖 9。
圖 9、問題呈現模組
四、資源工具模組
資源工具模組為提供使用者所需要的資源或工具，而本系統提供的教材呈現 功能繼承問題呈現模組，如圖 4 所示，直接使用問題呈現模組來呈現使用者所需 之教材，另提供小算盤或是使用者可以自行上網搜尋相關資源。
五、塗鴉板模組
塗鴉板模組則提供使用者鉛筆塗鴉及螢幕小鍵盤輸入的方式於工作區進行 操作，如圖 10 所示。
問題呈現區域
上一頁/下一頁
關閉問題
39
圖 10、塗鴉板模組
六、歷程檔案模組
歷程檔案模組能記錄或讀取各階段的成果，以供使用者日後進行修改或參考，
故可以觀看儲存過的作品或讀取出來重新編輯修改，如圖 11。
圖 11、歷程檔案模組
七、密鋪工具模組
本模組主要有六個功能，分別是畫正多邊形、畫非正多邊形、複製、改變顏 色、縮放大小、及旋轉，而複製、改變顏色、縮放大小、及旋轉這四個功能較為
鉛筆塗鴉 螢幕小鍵盤輸入
可瀏覽儲存過的作品
可讀取作品或編輯作品
40
單純在使用上也與ㄧ般人所認知的相符，因此以下將分別介紹畫正多邊形與畫非 正多邊形這兩項功能。
（一）畫正多邊形功能
畫正多邊形功能提供使用者選擇幾正邊形的，點選後點擊工作區即會繪製出 正多邊形出來，如圖 12。
圖 12、畫正多邊形功能
（二）畫非正多邊形功能
畫非正多邊形功能能讓使用者創造非正多邊形，為讓使用者簡易使用，透過 此功能使用者可以新增多個節點，並直接點於格點上，如此即可避免繪製多邊形 時，必須多次重覆對著頂點畫直線的麻煩，或使用不同硬體設備產生誤差的窘境，
如圖 13。
點擊正多 邊形按鈕 顯示畫面
即可直接於工作 區新增正多邊形
41
圖 13、畫非正多邊形功能
八、指導與提示模組
本模組可針對設計式學習各個提供指導語或提示輔助使用者進行活動，如圖 14。
圖 14、指導與提示模組 點擊按鈕後，跳出之
視窗亦能移動翻轉
點選後 可移動 節點
點擊 後可 新增 節 點，建立多邊形
指導語或提示顯示區域
42