• 沒有找到結果。

教材編輯區

第五章 系統實作與展示

5.1 系統設計

5.1.2 教材編輯區

教材編輯區的網頁配置如圖 5.3 所示,網頁最上方會顯示現在正在被編輯的 教材標題,左側則是功能選擇區,主要是讓使用者在此選擇要對教材頁面進行的 動作(新增、刪除、編輯、排列順序),右側部分則是進行功能選擇之後的操作 區域。

圖 5.3:教材編輯區的版面配置

每一份教材都是由多個頁面所組成,要做出一份完整的教材必須要不斷的重 複下面四個編輯的步驟:

z 頁面新增

蝴蝶生態面面觀中的典藏內容會被我們放在教材頁面上,為了讓使用者 方便尋找要新增的教材頁面,我們提供利用關鍵字搜尋或是從收藏中選擇,

使用者可以從搜尋出的結果或是收藏當中找出符合內容一次加入。另外為了 讓教材更具使用彈性,除了可以新增數位博物館的內容外,我們也允許使用 者自行輸入頁面內容,或是直接嵌入外部網頁當作教材頁面。

新增頁面的步驟是先在功能選擇區中選擇「新增」,點選後在功能選擇 區會告知新增的頁面會被插入的位置,同時間功能操作區會列出所有使用者 專區文章、問答區的問題與答案、以及所有的蝴蝶種類,使用者可以直接用 滑鼠勾選需要的資訊後按送出即可新增。為了幫助使用者從龐大資料中找到

他們需要的頁面,我們在功能操作區中提供了一個搜尋框,使用者只要輸入 關鍵字按送出,就可以找到所有數位博物館中有出現這個關鍵字的資料。

圖 5.4:利用關鍵字查詢來新增頁面

新增頁面的方式另外還可以選擇從收藏中加入,加入方法和上面所提到 的搜尋加入相同。此外,為了讓使用者能夠彈性的編輯教材,我們額外提供 了讓使用者自行編寫投影片內容及嵌入外部連結的功能。自行編寫內容的部 分我們僅允許編寫文字內容,目前無法提供插入多媒體檔案的功能,而嵌入 外部連結則是由使用者自行輸入 URL 網址。

圖 5.5:新增自行編寫內容的頁面

z 頁面刪除:製作教材的過程必然是經過反覆的思考修改,所以一定會有新增 到不必要的頁面或是為了符合教學時數而必須刪除頁面的狀況。使用者只要 直接在功能選擇區勾選欲刪除的頁面後,點選刪除就可以同時進行多頁面的 刪除動作。

圖 5.6:刪除頁面

z 頁面順序調整:講解的過程必然會有順序之分,因此提供一個簡單直觀的頁 面順序調整方法,是絕對必要的一件事。欲進行頁面順序調整,則必須先在 功能選擇區點選「調整頁面順序」,之後直接在功能選擇區利用滑鼠拖曳的 方式改變頁面的排列順序,最後選擇確定修改即完成順序調整。

圖 5.7:調整頁面順序 z 頁面內容編輯

使用學習者能明白的文字描述能讓教材的教學功能發揮的更好,所以彈性編 輯頁面中的內容是相當重要的一個功能。在我們的系統中,不僅讓使用者可以選 擇需要的資訊顯示,還提供讓使用者修改內容的功能。而為了讓使用者更方便的 修改,針對典藏品頁面,我們利用詮釋資料所具有的樹狀架構,讓使用者可以選 擇顯示母項目的同時也選擇了底下相關的所有子項目,另外也因為所有典藏品的 詮釋資料屬性都是相同的,所以我們也可以讓使用者在一個頁面上進行編輯後,

直接套用選擇的欄位到所有這個教材中的頁面。至於其餘以文字為主的頁面,則 可以讓使用者可以自由修改文字的內容。

頁面編輯的步驟是先在功能選擇區中,在要編輯的頁面上點擊頁面描述文 字,則針對該頁面進行編輯的畫面就會出現在功能操作區上,針對不同的頁面屬 性,出現在功能操作區上的編輯畫面也會有所不同。

典藏品頁面的編輯會將頁面資訊分為兩類,一類是照片,另一類是文字詮釋 資料。使用者針對照片只要點選要列出的照片即可,而文字的詮釋資料我們將他 們細分成五個部份:基本描述、卵、幼蟲、蛹、成蟲,使用者可以一次勾選一個

部份的資料,也可以針對更細節的欄位資料進行勾選。所有被勾選的欄位都會被 標示起來,同時欄位下方也會出現文字的修改框,使用者可以任意的調整這個欄 位要顯示的文字內容。由於所有的蝴蝶資料所擁有的欄位都相同,為了節省編輯 所花費的時間與精力,只要使用者選擇要呈現欄位的同時也勾選了「對本教材所 有蝴蝶套用勾選的欄位」,則這個教材所有的蝴蝶介紹頁面會呈現的欄位就是被 選擇的這些欄位。

圖 5.8:典藏品頁面的編輯

其他頁面的編輯,都是以修改頁面描述與文字敘述為主,使用者可以在已有 的文字內容中做任意的修改。

圖 5.9:一般頁面的編輯

相關文件