學生進入課程

由於系統在定義使用年齡時，從低年級的學生，高到大學研究所，甚至將來 也可以使用在會議上，做成報告決策系統；在規劃使用者端時，就將功能設定較 單純，除了進入教室與歷史課程外，並沒有開放其他的功能（圖 4-6-1）。對於 使用者也不需要額外進行使用前訓練，只要使用者有行動窄具的經驗，或是有使 用電腦經驗的使用者，都能快速上手。

圖 4-6-1 學生登入後狀態

在系統最右上角，可以看到老師傳遞的訊息畫面（圖 4-6-2）。點選開後，

如同老師的訊息狀態一樣，點選該訊息會自動顯示已讀，而系統也是透過 AJAX 告知老師學生是否已讀取。

圖 4-6-2 訊息狀態

點選回復按鈕同時也可以直接回覆老師（圖 4-6-3），系統上方一樣帶入學 生在從個課程中題問的問題，還有上一次老師回覆過的訊息內容。若學生無填寫 欄位，系統並無法發訊息給老師，在後段程式也自動判斷是否空值接收，防止使 用者端會亂收到空白字元訊息。

圖 4-6-3 訊息列表與回復狀態

進入教室後，介面同老師的介面，可以看課程列表。其列表裡只會看到該學 生有在被加入到教室中的清單，若老師沒有加入，則學生無法看見。選定進入後，

需要輸入課程密碼（圖 4-6-4）。

圖 4-6-4 輸入課程密碼

進入課程後，我將介面分以下段落做說明：

一、上下頁切換鍵：

最左右邊是切換上下頁，可以由此處點選控制，若是第一頁則無法在往前上 一頁，最後一頁的表現則反之，若系統點選到最後一頁，則無法在繼續點選，只 能點選 Exit 離開系統（圖 4-6-5）。

圖 4-6-5 課程最後一頁

二、快速轉頁：

最右下角從左至右是轉頁、老師的頁碼和課程離開；點選轉頁開來後可以看 到此課程的所有跳頁清單介面與老師一樣，點選後立即轉頁。倘若選擇了課程離 開，就是單純離開課程。此外，為了方便知道現在在哪個頁面，系統也特別加上 顏色註記，幫助學生了解當前頁面（圖 4-6-6）。另外，這裡也設計了老師的頁 碼，不管學生在哪一頁，只要學生在同一個課程裡，點選老師的頁碼，會立即跳 到現在老師的頁面，學生不需要在瞪大眼睛看老師現在在哪一頁問問題，然後在 點選跳頁，方便一些學生可以瀏覽其他教材時，搭配使用。

圖 4-6-6 轉頁

三、教材內容：

最上方可以看到課程表頭和開課老師，其次中間的地方就是現在老師的教材 內容。教才內容也會依照老師設定的題目，會有不同的樣貌出現。

A. 一般教材：

學生可以欣賞老師做的教材之外，也可以點選老師在教材上的超連結，

直接連到老師想要讓學生了解的網站。除此之外，也提供電子白板之項目。

但學生與老師不同的地方在於，學生使用電子白板時，只能看但無法繪製（圖 4-6-6），圖片是透過 AJAX 方式傳輸 Bas64 字串，javascript 將字串轉譯成圖 片，每兩秒更新一次畫面。

圖 4-6-6 開啟老師電子白板

B. Youtbe 影音播放：

Youtbe 介面設定成白色樣式，讓 Youtbe 看起來可以比較亮眼。若影片 支援 720P 以上，也可以透過 Youtbe 右下腳的齒輪工具，調整畫面的品質。

點選放大框後，也可以進入全螢幕模式（圖 4-6-7）。

圖 4-6-7 Youtube 影片崁入

C. 單/複選題以及投票題：

多選、單選和投票題教材，不管甚麼樣的情形，學生需要老師的許可，

才可以作答（圖 4-6-8），若學生現在在別頁瀏覽教材，也可以按下右下角 的老師的頁碼，直接跳到該頁面參與做答。單選的操作如同多選與投票，選 定完答案後按送出，一旦送出後就無法再修改（圖 4-6-9），而系統也會依 照學生作答的狀況給予分數，但是分數不會在課堂上公佈，如此可以對學生 答題有保持公平性。

圖 4-6-8 多選題教材

圖 4-6-9 單選題教材

D. 簡答題：

學生看到老師啟動作答後，可以根據老師的需求，看要使用手繪圖片回 答，或是打字回答，都可以。一但送出後，按鈕便無法再按，直接鎖定；

等待老師的批改，如圖 4-6-10。

圖 4-6-10 簡答題作答狀態

一但老師批改完後，畫面會直接出現老師給學生的答案（圖 4-6-11）。

圖 4-6-11 簡答題作答狀態

四、學生專用介面：

學生與老師除了上述的介面不同之外，最大差異就是學生可以將自己對老師 上課的心情，做出表示（圖 4-6-12）。由於系統並不強迫學生使用此功能，所以 也不會針對不送出的同學做強迫填寫的相關設定。

圖 4-6-12 學生學習心情

系統將狀態分成五種等級，分別是以下五種等級：

A. 完全了解：

當學生了解老師的教學內容後，學生可以點選完全了解，然後送出給老 師，讓老師知道課程講得很好。

B. 大概了解了：

有時候學生可能不是很了解，或覺得老師講得內容還算可以，學生就可 以選擇大概了解的圖片傳送給老師。

C. 有聽懂，但還是不太清楚：

有些老師，可能教材設計太難，由其項是數學題這類的題目，學生可能 會跟不上老師的步伐，學生就可以選 C 這個選項。甚至如果有必要，學生 也可以透過下方的給老師敲敲話一並使用（圖 4-6-13）。

圖 4-6-13 學生學習心情搭配給老師的敲敲話

D. 聽懂一些：

聽懂一些，這已經代表學生幾乎有點消化不良。可能老師需要將課程說 明得更簡單。如此的修正，也可以讓學生得到正面的回饋，針對於常常不喜 歡舉手發問的學生，特別有幫助。

E. 睡著了：

睡著了，有點半諷刺意味在裡面。學生覺得課程非常無聊，枯燥乏味時，

可以發訊息給老師知道，課程太過於無味，或是課程講解得太慢。

當老師收到學生心情統計時，老師並不會知道是哪位學生投票訊息。且如果 學生選定了 C 項目，後來又更改成 A 項目，系統是不會將之前的 C 項目給移除，

原因是學生得學習過程有做修改，也是一項很珍貴的數據。

下方有給老師的敲敲話，將想要傳遞給老師的訊息寫入訊息，老師會在課程 結束後進入歷史訊息觀看學生學習的問答，系統送出時會一並夾帶該課程的課堂 名稱還有課程標題以及哪個題目的問答，方便老師日後可以追蹤。老師回傳的問 題，也會在學生的右上角系統欄的地方出現，並不會再回到該題目的問答。而訊 息中，只有老師的敲敲話，會給該課堂老師看到，老師並不會看到學生自己的隨 堂筆記。

右邊有自己的隋堂筆記，學生可以依照自己對此頁面的補充筆記做新增，新 增後的筆記，可以在課堂上隨意修改，一但課程結束後，就寫入資料庫而後就無 法再修改了，這是為了區隔學生在課堂的學習狀態，課後的復習或是補充說明會 在下一段繼續說明。