測驗卷多媒體化及遊戲化

的設計與應用
初階
中階

2010年暑期橙縣數位學習
中心數位華語文師資培訓
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

功夫小子(選擇題)
飛鏢大考驗(配對題)
魔窟尋寶記(是非題)
比武召集令(是非題)

1.點選遊戲
出題機

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

2.按 Enter

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

3.在想要出
題的題型上
按”Start”

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

4.輸入題目
及答案

5.按save鍵

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

6.按左上方的
「檔案」鍵
→Save as…

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

7.將檔案上傳到
Moodle教室→複製超
連結網址→回到到部落
格→新增頁面

Moodle教室

By Sharon Chu
 初階

http://edu.ocac.gov.tw/lang/chineselearn/index.htm

部落格
2

8.插入遊戲圖片→
1 貼上超連結網址
By Sharon Chu
 初階

http://www.flash-gear.com/puzzle/

1.按瀏覽加入圖片
2.選擇要加入的分
割片大小

By Sharon Chu
 初階

http://www.flash-gear.com/puzzle/

3. Copy 後以此網址
做超連結加入部落格

4.或複製本頁直接
貼到部落格上

By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

兩種題型(是非及選擇題)，三種遊戲。
要註冊後才能使用。
註冊
1.填寫資料
2.確定

By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

登入
1.輸入密碼帳號

2.進入出題區

By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

3.按鍵選擇題目
類型

4.下拉式選單，
選擇遊戲類型

By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

5.輸入題目、答 新增題目
案、每題分數

6.完成後按確
定新增題目
By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

7.勾選題數及設
定及格分數

4.下拉式選單，
選擇遊戲類型

By Sharon Chu
 初階

http://www.kiec.kh.edu.tw/question/index.asp

8.複製連結貼到部落格或
Moodle教室

By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

需要先註冊後才能使用，可製作多
種測驗或題目類型
線上會話練習(Conversations)
可加入聲音檔 (Audio Dropboxes)
多種測試類型 (SMILE)
混和互動練習(Mashups)
Jeopardy 遊戲製作…more
Flash player 必須為9.0以上版本
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

1.註冊 填寫可收到通
知的email
密碼
名字
姓
地址
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

2.登入
註冊時填寫
的email

密碼

By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

3. Audio Dropboxes
1.點選Audio 2.點選New Drop Box
Dropboxes

By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

3. Audio Dropboxes

觀看結果
5.OK

3.修改 4.輸入名稱
超連結網址
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

3. Audio Dropboxes
6.複製HTML碼
貼入部落格或
Moodle教室

By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

3. Audio Dropboxes貼入Moodle教室

7.貼入Moodle
教室結果
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

4. Conversation
1.點選Conversation 2.點選

4 5
3.點選，輸
入名稱
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

4. Conversation
3.設定題數

4.複製網址

5.更新資料
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

4. Conversation 7.點選題目

6.點選喇叭
8.錄音鍵 9.Play鍵
準備錄音
By Sharon Chu
 初階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

4. Conversation貼入Moodle教室結果

9.按下允許鍵
如有WebCam
可同時顯示影像 準備開始錄音

10.輸入學
11.
生姓名
By Sharon Chu
 中階
Rich Internet Applications
for Language Learning
http://clear.msu.edu/teaching/online/ria/

5. SMILE 的做法
有七種題型，分別為選擇、是非、填
充、句型重組、段落重組、配合題及
多重選擇題等。做法如下:
在SMILE的標示按兩下
選擇Multiple choice → create a new item→
按下”筆”的記號→輸入題目及答案
按下”眼睛”的記號可檢查結果

By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/
1.按兩下
2.選擇試題類型

9.檢查結果 4.輸入及修改
題目內容

3.新增試題
By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

5.輸入題目

6.可供選擇的答案

7.正確答案

8.OK
By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

其餘各類型題
目做法類似，
只是輸入的格
式不同而已。
見後各圖示。

試題樣本
By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

配對題樣本

是非試題樣本

By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

配對題輸入方式
在這輸 配對的生詞和答
入試題 案間以“~”區隔
多餘非答
案內配對
的生詞

輸入完成按OK
By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

句型重組的輸入方式

要分各的段落間
句子由左至右 以“ ^”區隔

輸入完成按OK
By Sharon Chu
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

填充題的輸入方式

要填充的字前加“[*”
後加“*”號區隔
每題以<br/>結束
多餘的生詞

By Sharon Chu
輸入完成按OK
 中階
5. SMILE 的做法
http://clear.msu.edu/teaching/online/ria/

填充題試題
樣本(drag-
drop方式)

By Sharon Chu
 中階
6.試題整合:
http://clear.msu.edu/teaching/online/ria/

以上各類題型可整合成為一張試卷。
做法如下:
按下My Activities→輸入相關資料
標題
被勾選的
目題表列 改變題
目順序

By Sharon Chu
 中階
6.試題整合:
http://clear.msu.edu/teaching/online/ria/

By Sharon Chu
 中階
6.試題整合:
http://clear.msu.edu/teaching/online/ria/

試題樣本
By Sharon Chu
 中階
7. Mashup
http://clear.msu.edu/teaching/online/ria/

這部分的測驗卷可輸入的物件包括
聲音、文字、圖片、影片及動畫等，
變化非常多，所以聽、說、讀的練
習都可以利用這一塊。做法如下:
在Mashup的標示按兩下
新增Mashup
按下”筆”的記號→輸入相關資料
(請看圖片Edit your Mashup)
By Sharon Chu
 中階
7. Mashup
http://clear.msu.edu/teaching/online/ria/

1.按兩下

刪除試卷

4.排版試卷
5.檢查試卷
3.輸入試題
2.新增試卷
By Sharon Chu
 中階
7. Mashup
http://clear.msu.edu/teaching/online/ria/

1.標題
2.試卷背景顏色
3.試卷所在
文件夾 4.要加入的錄
音箱編號
5.要加入
的SMILE ID
6.儲存
By Sharon Chu
 中階
7. Mashup
http://clear.msu.edu/teaching/online/ria/

編輯文字:
8.儲存

功能鍵(和
word相似)

7.編輯文字及試題

By Sharon Chu
 中階
7. Mashup 加入圖片及影片
http://clear.msu.edu/teaching/online/ria/

9.按這裏嵌入影片

圖片可以存放的空間

12.輸入圖片寬及高度
11.貼上圖片網址
13.儲存
10.按這裏加入圖片

By Sharon Chu
 中階
7. Mashup 加入圖片及影片
http://clear.msu.edu/teaching/online/ria/

14.複製後嵌入部
落格或Moodle教室

試題樣本
By Sharon Chu
 中階
8. QuizBreak
http://clear.msu.edu/teaching/online/ria/

QuizBreak主要是為出Jeopardy遊戲而設計的
模板。同時可參與遊戲的人數(或組)可達五
人。題目的類型包括文字、聲音、圖畫及影
片。做法如下:
在QuizBreak的標示按兩下→新增New QuizBreak
設定行及列的數目
設定錢數
輸入題目
複製網址
儲存
By Sharon Chu
 中階
8. QuizBreak
http://clear.msu.edu/teaching/online/ria/

1.按兩下

2.新增遊戲

By Sharon Chu
 8. QuizBreak
中階

http://clear.msu.edu/teaching/online/ria/
2.遊戲標題 1.增加行或列數

4.在錢上按兩下就可
輸入題目(見下頁)
6.複製網址

By Sharon Chu 5.儲存 3.調整錢數

 中階
8. QuizBreak
http://clear.msu.edu/teaching/online/ria/

1.輸入題目
2.輸入答案 6.加入超連結

3.錄音
4.錄影 5.加入圖片
By Sharon Chu
 8. QuizBreak 中階

http://clear.msu.edu/teaching/online/ria/

遊戲樣本
設定遊戲人數
網址

輸入完成樣本

By Sharon Chu
 中階
9. Study Stack
http://www.studystack.com/

Study Stack是一個最方便用來製作生
詞卡的網站。
成生詞的輸入後，除了生詞卡外，同
時也產生了配對遊戲、Study Stack，
Study Table等三個遊戲。
也可以選擇製作其他遊戲，例如縱橫
字謎、句型重組(逐字)，Hangman,
Bug Match，及Targets等等遊戲。
使用前必須先註冊。
By Sharon Chu
 中階
9. Study Stack
http://www.studystack.com/

各遊戲的製作方法說明如下:
完成註冊→登入
登入後→create new stack→輸入
題目名稱及說明。→Save
Changes
在Data鍵上按兩下，進入題目
表單

By Sharon Chu
 中階
9 Study Stack
http://www.studystack.com
/

新增一個測試題目/一課生詞
修改測試題 刪除測試
題目/生詞
目/生詞

產出的遊
戲類別
By Sharon Chu
 中階
9. Study Stack
http://www.studystack.com/

1.設定

2.輸入名稱

3.勾選分類

4.亂數產
5.儲存 生試題

By Sharon Chu
 中階
9.1生詞卡及配對遊戲等製作
http://www.studystack.com/
6.選擇輸入資料

刪除答案
7.輸入題目 8.輸入答案

9.兩個以上答案時，
按灰色小方塊增加
答案欄位

By Sharon Chu
 中階
9.2句型重組遊戲的做法
http://www.studystack.com/

登入後做法如前→create new stack→輸

入題目名稱及說明。→Save Changes
在Data鍵上按兩下，進入題目表單→將
答案欄刪除→在問題欄輸入句子
輸入完成儲存檔案即可。複製下方的網
址，直接嵌入部落格或Moodle教室。
其他遊戲:直接點選下方想要產生的遊
戲按鈕，即可同時產生更多的遊戲。
By Sharon Chu
 中階
9.2句型重組遊戲的做法
http://www.studystack.com/
1.選擇輸入資料
X

2.刪除答案
3.輸入題目

產出遊戲版面很漂亮，不過是每一個字
的重組，遊戲時在要重組的字上點兩下。

4.儲存
By Sharon Chu
 中階
9.2句型重組遊戲的做法
http://www.studystack.com/
5.複製網址嵌入部落格

其他可選擇的遊戲

By Sharon Chu
 中階
9.3 Targets 遊戲製作方法
http://www.studystack.com/

這個遊戲主要的是利用圖片來認識生詞
或句子。非常適合CSL的學生學習中文用。
如用IE開機，中文標籤好像無法正常顯示。
改用Firefox開機就可以正常顯示了。
做法如下:
前置工作:準備好要測試的圖片(大小不
拘)
登入後做法如前→create new stack→輸
入題目名稱及說明。→Save Changes
By Sharon Chu
 9.3 Targets 遊戲製作方法
http://www.studystack.com/

在Slide鍵上按兩下，進入題目表單→上傳
圖片→調整圖片大小→設定版面格式(文字
大小、字體、顏色、背景顏色，標籤底色)
產生熱點(target)→在Label空格內輸入相關
的字/詞→按Add Label鍵→將產生的Label拖
曳到相關的圖上→輸入完成儲存檔案即可。
遊戲時點選Targets標誌( )，答案就會出
現 (見圖示)。
複製上方的網址，直接嵌入部落格或
Moodle教室。
By Sharon Chu
 中階
9.3 Targets 遊戲製作方法
http://www.studystack.com/

1. 上傳圖片

3.輸入答案

2. 設定版面 4. 產生熱點
5. 儲存
By Sharon Chu
 中階
9.3 Targets 遊戲製作方法
http://www.studystack.com/

6.將產生的Label拖
曳到相關的圖上
By Sharon Chu
 中階
9.3 Targets 遊戲製作方法
http://www.studystack.com/
遊戲頁面

顯示問題

可選擇
的答案

By Sharon Chu