初階

By Sharon Chu
 初階

出試題/遊戲軟體-
免費的，但要先註冊才能使用。目前是
6.3版，網址 http://hotpot.uvic.ca/
五種不同型態的練習題，分別是填充題
(JCloze)、選擇及簡答題(JQuiz)、配對
(JMatch)、填字遊戲(JCross) 及句型重組
(JMix)。及整合出題(The Masher)
有輸出網頁的外觀設定，可依自己的喜好
設定標題/說明、提示/回饋、加入時間限
制、頁面顏色/字體…。
By Sharon Chu
 初階

出試題/遊戲軟體-
http://hotpot.uvic.ca/

1.安裝檔案

1.選擇English

3.進入安裝畫
2 面，按 Next
By Sharon Chu
 初階

出試題/遊戲軟體-
http://hotpot.uvic.ca/

1.安裝檔案 6.選擇放軟體
4.點選我同意， 的空間，再按
再按Next Next

5 7
By Sharon Chu
 初階

出試題/遊戲軟體-
http://hotpot.uvic.ca/
1.安裝檔案 2.出題頁面
JMatch試題製作

8.按照指示按Next
點選JMatch
鍵至安裝完成。
By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作
題目可以是純文字和純文字配對，也可
以是圖像和文字的配對
圖像可以直接超連結他人網頁上的圖像
(注意智慧財產權問題)。
如果是自己的圖像，必須把圖像和
JMatch的檔案放在同一個文件夾內。
如果產出的測驗題打算放到部落格或
Moodle教室，則必須把自己的圖像放
到某個網站空間，再做超連結。
By Sharon Chu
 初階
2. JMatch試題製作-認識功能鍵
開啟新檔
開啟舊檔 另存新檔

儲存 加入閱讀文字
匯出HTML檔
內部連結
版面設定
加入聲音
由網站加 由硬碟加 超連結
入圖像
By Sharon Chu 入圖像
 初階

出試題/遊戲軟體-
http://hotpot.uvic.ca/
2.JMatch試題製作 從網站加入圖像
題目的輸入:左側放圖像檔，右側放文字檔
2.按此鍵插入外部超連
6發布為HTML檔
5.完成題目輸入
後，儲存檔案
1.滑鼠放在
這裡超連
結圖像檔 4.文字檔 3.貼上超連結網址，
By Sharon Chu 並輸入相關資料
 初階

出試題/遊戲軟體-
2.JMatch試題製作- 圖像和文字的配對
加入圖像的方法-也可按insert鍵加入圖像
1.按此鍵插入圖片
2.選擇由網站加入圖片

By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作
由於版面問題，拖曳式
的試題最好不要超過十
題。
圖像大小可在超連結後
修改width 及 height。

試題樣本
輸入適合
的高、寬
By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作 小技巧
好用的網站空間:
部落格、fileden、
Google site
先將圖像上傳
找到超連結網址→複製
→貼回JMatch的URL
試題樣本
免費圖像網站:(除了 Microsoft office on-line的資源外)
1.http://www.openclipart.org/
2.http://hcmc.uvic.ca/clipart/
3. http://resources.hkedcity.net/photo_gallery.php
By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作
小技巧:把自己的圖像放到免費的網站空間
以放到Moodle教室為例
將圖像上傳到Moodle教室→複製超連結
網址→貼回Jmatch的左側輸入題目處
Jmatch完成後，再將檔案上傳回Moodle
教室
其他免費網站空間做法類似

By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作-將圖像存在Moodle

測驗卷多媒體化及遊戲化的設計與應用

複製貼回JMatch
將圖像上傳
至Moodle

By Sharon Chu
 初階

出試題/遊戲軟體-
2.JMatch試題製作-將圖像存在Fileden

1.按Browse Files

By Sharon Chu 2.選擇要上傳的圖像

 初階

出試題/遊戲軟體-
2.JMatch試題製作-將圖像存在Fileden
3.按下開始上傳鍵

By Sharon Chu
4.複製貼回JMatch
 初階

出試題/遊戲軟體-
2.JMatch試題製作 網路超連
結的圖像

超連結Moodle
內的圖像

超連結Fileden
內的圖像

By Sharon Chu 試題樣本

 初階

出試題/遊戲軟體-
3. JQuiz試題製作
可以出選擇題、多重選擇題及簡答題。
除了純文字題目外還可輸入聲音(聽力
測驗)、或影片及動畫等。

點選Quiz
By Sharon Chu 試題樣本
 初階
3. JQuiz試題製作 3.由此下拉選
6.存檔 7.發布 單選擇測試題
目類型

2.輸入題目
6.下一個題目
5.勾選正
4.可供選 確答案
擇的答案

By Sharon Chu
 初階

出試題/遊戲軟體-
4. JCloze試題製作
克漏字填充練習，學生按Check 鍵後
有自動對答的功能。
老師可以選擇是否提供線索（clue）或
字表（word list）給學生。
除了純文字題目外還可輸入聲音(聽力
測驗)。
可以選擇整頁或一題一題呈現方式來進
行測驗，但不能一題一題的對答，需要
全部做完才能對答案。
By Sharon Chu
 初階

出試題/遊戲軟體-
4. JCloze試題製作
作法同前開啟Hot Potatoes→點選JCloze

點選JCloze

By Sharon Chu 試題樣本

 初階
4. JCloze試題製作
輸入考試題目名稱→在下面的空格輸入題目
→選擇要給學生填空的字→按Gap鍵→(加
入提示)→儲存→發布。
1.輸入標題 2.輸入試題
5.輸入提示

3.把要學生填
充的字反白
其他可能的答案
4.按Gap鍵
修改題目，先按Delete
By Sharon Chu Gap鍵，消除設定。
 初階
4. JCloze試題製作
7. 發布為HTML檔案

6. 儲存

完成上述操作，
結果如圖所示。

By Sharon Chu
 初階

出試題/遊戲軟體-
5. JMix試題製作
句型重組練習，可以含有標點符號 。
兩組以上不同解答時，老師可以在製做
題目時提供多組不同的解答。
提供兩種不同將句子重組的方式
滑鼠拖曳
滑鼠點選。
註:採用匯入Moodle教室做為考試題目時，
會把空白(space)誤認為一個字，而造
成判斷錯誤。(匯入前先消除所有空白)
By Sharon Chu
 初階
5.JMix試題製作
開啟Hot Potatoes→點選JMix→輸入標題→在
下面的空格輸入題目→選擇句子的分段點→按
enter鍵→儲存→發布。 4. 發布為HTML檔案
3. 儲存

1. 標題

其他可能
的答案
2.輸入完成題目後，再
勾選 要分段的部分按 enter鍵

By Sharon Chu
 初階
5.JMix試題製作

試題樣本1
滑鼠拖曳

試題樣本2
滑鼠點選

By Sharon Chu
 初階

出試題/遊戲軟體-
6. JCross試題製作
填字遊戲。兩種排版方式可選擇:
自己排版
自動排版

點選JCross

試題樣本
By Sharon Chu
 初階
6. JCross試題製作
2. 點選自動排版
6. 儲存

1.標題

5.輸入完成，按
3.輸入題目 此鍵，產生遊戲

4.設定格子數目
By Sharon Chu
 初階
6. JCross試題製作
13. 發布為HTML檔案
12. 儲存

9. 將題目反白

3.輸入題目
11 8.加入提示

10.輸入提示 7.調整位子
By Sharon Chu
 中階
7.版面設定
Hot Potatoes的版面設定包括測試
的題目及說明、學生答題後的回饋、
按鈕功能設定(包括超連結的設定)、
外觀及測試時間...等等。
其做法如下:
開啟Hot Potatoes→點選格式設定→
依照上端的功能按鈕選擇要設定的
項目，如圖所示:

By Sharon Chu
 中階
7.版面設定

1.版面設定

By Sharon Chu
 中階
7.版面設定 按鈕

回饋 外觀 時間
2.輸入標題

3.說明

By Sharon Chu
 中階
7.版面設定

4.想要連結到下
一頁的網頁名稱

5.主目錄(index
page)
By Sharon Chu
 中階
7.版面設定 6.插入
背景圖
片

預覽 7.字型及尺寸

9. 8.其他顏
By Sharon Chu 色設定
 中階
8.加入聲音的方法
加入聲音檔案的功能非預設值，須先
勾選加入聲音的功能按鍵。
做法如下:
按下options按鈕→找到Toolbar
options→勾選media object (完成後
在Hot Potatoes功能鍵的部份會出現
像禮物包裝盒一樣的按鈕(如圖)。

By Sharon Chu
 中階
8.加入聲音的方法

1.

2.勾選

3.OK
By Sharon Chu
 中階
8.加入聲音的方法(Matching為例)
前置作業:
在桌面建立一文件夾，命名為
Matching1(請勿用中文命名，許多軟體不
認識中文命名)
請將要加入的聲音檔案加入文件夾
開啟Hot Potatoes→點選Match→ File
→ Save as (選擇桌面的Matching1文件
夾)→輸入檔名
註:必須把聲音檔和遊戲檔放在同一個
文件夾內
By Sharon Chu
 中階
8.加入聲音的方法(Matching為例)
聲音和文字的配對遊戲，做法:
1.將聲音和檔
案放在同一
個文件夾內
將滑鼠放在第一題
上，做聲音的嵌入
→請按插入聲音按
鈕→依下頁圖示步
驟操作。
By Sharon Chu
 中階
8.加入聲音的方法(Matching為例)
聲音和文字的配對遊戲，做法:
3.按下插入
聲音按鈕

2.將滑鼠放
在這裡

By Sharon Chu
 中階
8.加入聲音的方法(Matching為例)
聲音和文字的配對遊戲，做法:

4.選擇已做好
的聲音檔案

5.選擇Add Windows
Media Player

6.
By Sharon Chu
 中階
8.加入聲音的方法(Matching為例)
聲音和文字的配對遊戲，做法:
9.發佈

7.輸入生詞
8.儲存檔案 試題樣本
By Sharon Chu
 中階
9.插入影片
Hot Potatoes有加入影片，再做聽力或口
語測驗的功能。做法如下:
把準備好的影片或動畫檔案和遊戲檔放在
同一個文件夾內，如果是利用youtube上的
影片，可直接到youtube複製影片嵌入路徑。

1.複製youtube上
By Sharon Chu 的影片路徑
 中階
9.插入影片
將滑鼠放在Title上，做影片的嵌入。
做法如下:
點選功能鍵create or edit a reading
text..(上方像書本的標示)→將複製
的youtube影片路徑貼上→再在問題
及答案欄位，輸入題目及答案。請
按圖示步驟操作。

By Sharon Chu
 中階
9.插入影片 3. 點選功能鍵create or
edit a reading text.
徑

2. 滑鼠在這裡按一下

4. 貼上影片路徑
5.
By Sharon Chu
 中階
9.插入影片 8. 存檔
9. 發佈

6. 輸入題目及答案

By Sharon Chu 7. 勾選正確答案

 中階
9.插入影片

By Sharon Chu 試題樣本

 中階
10. The Masher的用法
The Masher主要的功能就是將各類型
的試題整合串成一張網頁檔。將要連
結的檔案放在同一個文件夾內(所有
的檔案請用英文命名)。做法如下:
開啟Hot Potatoes→點選The
Masher→按下Add File鈕→選擇要連
結的 檔案，如圖所示:
設定版面
完成後→save unit
By Sharon Chu
 中階
10. The Masher的用法

2.

調整檔
加入的檔案 案順序
1.

By Sharon Chu
3.
 中階
10. The Masher的用法

By Sharon Chu 試題樣本

 中階
11.將成果放到部落格中
大部分的部落格都不接受.htm的檔案
上傳。而Hot Potatoes產出的檔案是
.htm的檔案格式。
如果要放到部落格上給學生練習的
話，最簡單的方法就是向Hot
Potatoes買一個網址(要付費) 。
上傳到免費的網路空間儲存，再到
部落格作超連結或是嵌入的動作。
如Moodle教室、fileden.com及
Google 協作平台等都是免費的。
By Sharon Chu
 中階
11.將成果放到部落格中
以放在Moodle教室為例，做法如下:
將檔案上傳到Moodle教室→複製超連結
路徑(網址)
超連結的方式→到部落格→新增頁面→
輸入遊戲名稱→按下超連結按鈕→貼上
複製的超連結路徑(網址)
嵌入的方式→→到部落格→新增頁面→
點選html→輸入下列程式
<iframe width=“” scr=“複製的超連結路徑(
網址)” hight=”” ></iframe>
By Sharon Chu
 中階
10. The Masher的用法

複製Moodle教室顯
示的超連結的網址

By Sharon Chu
 中階
10. The Masher的用法
2.嵌入的方法
部落格→新增頁面→html→輸入下列程式
<iframe width=“” scr=“複製的超連結路徑(
網址)” hight=”” ></iframe>

將複製的網址貼在
By Sharon Chu src=””的括號內
 中階
10. The Masher的用法

By Sharon Chu