• 沒有找到結果。

第三章 系統設計

3.4 系統介面

本研究所建置的教學網站系統功能,在本單元中以「系統介面」的呈現方式做詳 細的說明,分別由「系統首頁」、「系統登入畫面」、「課程學習者介面」、「課程教師介 面」及「課程管理者介面」詳細說明。

3.4.1 系統首頁

圖 3-3「系統首頁」為連線到教學資訊網的首頁,將可使用課程置於畫面中間的 位置,可以讓使用者更清楚知道本教學網站的所有課程項目,以下分別介紹首頁中的 項目。

1. 主選單:

包含網站最上層的最新消息,主選單內的選項是系統管理者才可以更新的,主選 單的位置放置於最顯眼的位置,列出目前正在進行的教學活動,課程參與者皆可進入 參與活動項目。

2. 最新消息:

首頁的最新消息只有系統管理者有權限更改,主要公告訊息以整個課程網站為範 圍,在每一個課程內容中有另一個專屬於課程的最新消息的功能。

3. 可使用課程:

目前教學網站已開設的課程,以分類的方式劃分不同類別的課程,課程可以設定 只有擁有帳號者可以觀看或是訪客也可觀看,在圖 3-3「系統首頁」中,課程摘要可

點選課程名稱後面的 圖示觀看。課程的安排以高級中學電腦科為主,除了課本內容 之外,也加入了與電腦科有關的「網頁設計」及「網路安全與系統防禦」,為使課程 內容能充分讓學生運用,本網站的課程參與者可以加入任一個課程,於圖 3-5「課程 學習者介面」再詳細介紹可供運用的課程資源。

圖 3- 3:系統首頁

3.4.2 登入系統

1. 網站使用者登入:

連線到本站的使用者,登入時可以在圖 3-4「登入系統介面」中選擇登入方式,

若沒有帳號,可以使用「以訪客身分登入」,但是只能觀看系統有開放參觀的課程。

若想新建一個帳號也可利用「申請一個使者帳號」功能,填寫個人相關資料後即可觀 看有開放給註冊者觀看而且沒限制課程密碼的課程。本研究為提倡開放源碼精神,將

課程設為訪客身分也可觀看;另外,學生帳號是利用整批匯入的方式建立,方便教學 進度的控制及學生帳號的管理。

2. 以電子郵件傳送詳細資訊:

若使用者忘記密碼,只要記得帳號,都可以利用電子郵件接收原先設定的密碼。

圖 3- 4:登入系統介面

3.4.3 課程學習者介面

課程參與者登入系統後,即可顯示圖 3-5「課程學習者介面」,將「個人所參與 的課程」置於中間,以突顯學習者可使用的課程,以下分別介紹此畫面可使用功能。

1. 主選單:

此區為系統功能,由系統管理者設定,顯示教學系統網站的活動。

2. 個人參與的課程:

課程學習者登入教學網站後可以在首頁看到個人所參與的課程清單,清單中並有 課程摘要,簡介課程目標。

3. 最新訊息:

系統管理者公告屬於整個教學系統網站的最新消息。

圖 3- 5:課程學習者介面

使用者選擇進入其中一個課程後,在圖 3-6「課程學習者課程介面」中,可以使 用的功能分述如下:

4. 主題大綱:

主題大綱中是課程可以使用的學習資源,包含線上資源、上課投影片、測驗題 組……等。

5. 課程參與者:

進入課程選單後,可以觀看課程參與者公開的資料。

6. 個人資料:

可設定帳號的個人基本資料。

7. 系統管理區/分數:

學生如果有練習考試項目,具可利用此功能查看曾考過的測驗分數。

圖 3- 6:課程學習者課程介面

3.4.4 課程教師介面

依據每一個課程的同質性將課程分類到不同的「課程類別」,課程教師可以選擇 所屬課程進入設定管理所負責的課程,圖 3-7「課程教師課程管理介面」為課程教師 所負責的其中一個課程的管理介面,於圖中可以使用「新增」功能加入課程內容,以 下分述課程教師管理項目。

1. 主題大綱:

教師可以在主題大綱中加入課程所需的教學資源,包含線上資源、上課投影片、

測驗題組…等。

2. 討論區:

新聞討論區只有課程教師有權限公告,教師可以利用新聞討論區公告教學訊息;

課程參與者可以在公開討論區討論課程內容,除了詢問問題之外也可互相回答同學間 的問題。

3. 使用者:

可以查閱參與本課程的所有使用者,課程參與者也可以觀看其他使用者公開的訊 息。

4. 最新訊息:

每一個課程都有所屬的最新訊息,課程教師可以利用課程中的最新訊息公告本課 程相關的課程活動。

5. 系統管理/設定課程資訊:

課程教師擁有更新課程資訊的設定權,可以設定所屬課程頁面的顯示格式,包含 主題格式、討論區格式及週曆格式,本課程使用主題格式,讓課程內容的呈現可以不 受日期限制。

圖 3- 7:課程教師課程管理介面

3.4.5 系統管理者介面

系統管理者透過圖 3-8「系統管理者介面」可以設定管理整個學習管理系統,包 含系統相關參數、網站顯示佈景主題、系統備份、使用者帳號管理、課程管理……等,

依據每一個功能於表 3-1「系統管理項目」以表列方式說明其詳細功能。

圖 3- 8:系統管理者介面

表 3- 1:系統管理項目

(Themes)

修改網站佈景主題,可以很快的改變整個網站的顏色佈景

(Upload users)

使用者帳號以文字檔格式整批匯入

編輯使用者帳號 瀏覽使用者帳號列表,並可管理任一個帳號

設定管理者 新增/刪除管理者帳號

指 定 課 程 建 置 者

(Creator)

指定某些帳號可以新增系統課程

相關文件