Introduction to Hot Potatoes

Download Report

Transcript Introduction to Hot Potatoes

Designing Web-based
exercises - Hot Potatoes
(11 Jan 2002)
1
Contents
1. What is HOT
POTATES?
2. How to download and
install?
3. Start Hot Potatoes
4. JBC
5. Upload to the Internet
6. Access to the On-line
test
7. Export for printing or
sharing
8. Key in Chinese
characters
9. Configure output
10. Insert picture
11. Insert link
12. JQuiz
13. JMatch
14. JMix
15. JCloze
16. Potato skins
17. References
2
1. What is HOT POTATOES?
HOT POTATOES is a suite of six programs
for creating interactive educational exercises
for the World Wide Web. These are :
JBC : multiple-choice or true-false quizzes
JQuiz: text-entry or short-answer quizzes
JCloze: gap-fill exercises
JCross: crosswords
JMix : jumbled-sentence exercises
JMatch: matching and ordering exercises
3
2.How to download and install?
Step1: Download “winhotpot52.exe” from the
website:
http://web.uvic.ca/hrd/hotpot/winhotpot52.exe
Step2: Unzip the file and it will install itself.
Step3: In order to unlock all the features, you
will need to register the programs. You
can get registration username and
password from:
http://web.uvic.ca/hrd/hotpot/
4
3. Start Hot Potatoes
Click the Hot Potatoes short cut to start the program.
5
4. JBC
Save(6)
Export to HTML(7)
Up for more
questions(5)
Title(1)
Question(2)
Up for more
choices
Check the
correct
choice(4)
Unicode
Choices(3)
Feedback
(Optional)
6
Suggested sequence
(1)
(2)
(3)
(4)
(5)
Key in the title.
Key in question.
Key in choices.
Check the correct choice.
Press Up button for next question.
Repeat (2) to (5) until end.
(6) Press Save button to save.
(7) Press Export button.
7
Practice 1
Title: S.1 Directed Number
Q1: 3 + 4 =?
A. 3
B. 5
C. 7
D. 9
Q2: 5 - 7 =?
A. -2
B. 0
C. 2
D. 4
Q3: -2 + 7 =?
A. -9
B. -5
C. 5
D. 7
•Use JBC to create the above test.
•Save the file with filename “p1.jbc”
•Export to HTML with filename “p1.htm”
8
5. Upload to the Internet
1)
Use WS_FTP
9
2)
Use Visitor Cabinet of HKedcity
Click the icon
in your idesk
Click Add file to add
a new file for sharing
10
Chinese title
English title
Browse for file
(Select the
HTML file)
Click OK to finish
11
6. Access to the On-line test
1) Key in the homepage address to open the
test.
e.g. http://lpy.hkcampus.net/~lpy-lhm/p1.htm
2) Key in the ihouse address and open the
visitor cabinet to choose the test.
e.g. http://www.hkedcity.net/ihouse/lpy-lhm
12
Practice 2
• Upload the test to Internet.
13
7. Export for printing or sharing
Step1: Select File -> Export for printing
Step2: Go to the destination (e.g. Word)
Step3: Select Paste
14
8. Key in Chinese characters
• Hot Potatoes does not support BIG-5 code
(Traditional Chinese Characters)
• To insert Chinese characters, we have to use
unicode.
• Before keying in Chinese characters, click
the button
15
• In the Unicode box, key in Chinese
characters.
• Click OK to return.
16
• The Chinese characters will become code.
• To view and edit, highlight the code and
click the Unicode button.
17
9. Configure Output
Select Options -> Configure Output
i) Prompts/Feedback
Change indicators
for correct /
incorrect answers
18
ii) Button
Uncheck the
boxes is
suggested
19
iii) Appearance
20
iv) Others
Prevent direct recall
21
10. Insert Picture
Step1: Move cursor to the place for insertion.
Step2: Select Insert -> Picture
22
Step3(i): Select Picture from Web URL
Key in Width
Key in Height
Key in the path
of the picture file
23
Step3(ii): Select Picture from Local File
REMARK1: Picture file must be in the same folder as the HotPot file.
REMARK2: Picture file must be uploaded with the HTML file.
You may
change these
default setting
if necessary
24
Practice 3
• Design 2 multiple choices questions. One
with picture from web and the other with
picture from local file.
25
11. Insert Link
Step1: Move cursor to the place for insertion.
Step2: Select Insert -> Link
26
Step3(i): Select Link to Web URL
Select _Blank
Key in the path
of the picture file
Text to form the link OR
Picture to form the link
27
Step3(ii): Select Link to Local File
REMARK1: File must be in the same folder as the HotPot file.
REMARK2: File must be uploaded with the HTML file.
Filename of the
local file
28
Practice 4
• Design 2 multiple choices questions. One
with Link to web and the other with Link to
local file.
29
12. JQuiz
Save(5)
Export to HTML(6)
Up for more
questions(4)
Title(1)
Question(2)
Up for more
answers
Possible answers(3)
(At least one)
30
Suggested sequence
(1)
(2)
(3)
(4)
Key in the title.
Key in question.
Key in possible answer(s).
Press Up button for next question.
Repeat (2) to (4) until end.
(5) Press Save button to save.
(6) Press Export button.
31
13. JMatch
Save(4)
Export to HTML(5)
Title(1)
Up for more
item pairs
Left
items(2)
Right
items(3)
32
14. JMix
Save(4)
Export to HTML(5)
Title(1)
Key in
the
sentence
in
sequence
of blocks.
Key in
alternatives
(Optional)
(3)
(2)
33
15. JCloze
Save(4)
Export to HTML(5)
Title(1)
Type in the text (2)
Highlight the word for gap and
click the gap button. (3)
34
16. Potato Skins
• Web Site:
http://www.learnertools.com/potato_skins/
• Predefined output format for JBC
• No need to Export as HTML
• Support Chinese characters
• Hidden answer
35
References
• Hot potatoes download:
web.uvic.ca/hrd/hotpot/
• Hot potatoes Samples
www.tmmarden.edu.hk/presentation.html
• Handle Chinese in Hot Potatoes
http://www.glink.net.hk/~akclam/workshop/
manual.htm
• Potato skin download:
http://www.learnertools.com/potato_skins/
36