1 designing web-based exercises - hot potatoes (11 jan 2002)
TRANSCRIPT
2
Contents1. 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
3
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 quizzesJQuiz : text-entry or short-answer quizzes
JCloze: gap-fill exercises JCross: crosswords JMix : jumbled-sentence exercises JMatch: matching and ordering exercises
4
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 w
ill need to register the programs. You can get registration username and password from:http://web.uvic.ca/hrd/hotpot/
6
4. JBC
Title(1)
Question(2)
Feedback
(Optional)Choices(3)
Check the correct choice(4)
Up for more choices
Up for more questions(5)
Export to HTML(7)
Save(6) Unicode
7
Suggested sequence
(1) Key in the title.
(2) Key in question.
(3) Key in choices.
(4) Check the correct choice.
(5) Press Up button for next question.
Repeat (2) to (5) until end.
(6) Press Save button to save.
(7) Press Export button.
8
Practice 1
Title: S.1 Directed Number
Q1: 3 + 4 =?
A. 3B. 5C. 7D. 9
Q2: 5 - 7 =?
A. -2B. 0C. 2D. 4
Q3: -2 + 7 =?
A. -9B. -5C. 5D. 7
•Use JBC to create the above test.
•Save the file with filename “p1.jbc”
•Export to HTML with filename “p1.htm”
10
2) Use Visitor Cabinet of HKedcity
Click the icon in your idesk
Click Add file to add a new file for sharing
12
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
14
7. Export for printing or sharing
Step1: Select File -> Export for printing
Step2: Go to the destination (e.g. Word)Step3: Select Paste
15
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
17
• The Chinese characters will become code.
• To view and edit, highlight the code and click the Unicode button.
18
9. Configure OutputSelect Options -> Configure Output
i) Prompts/Feedback
Change indicators for correct / incorrect answers
23
Step3(i): Select Picture from Web URL
Key in Width
Key in Height
Key in the path of the picture file
24
Step3(ii): Select Picture from Local FileREMARK1: 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
25
Practice 3
• Design 2 multiple choices questions. One with picture from web and the other with picture from local file.
27
Step3(i): Select Link to Web URLKey in the path of the picture file
Select _Blank
Text to form the link OR Picture to form the link
28
Step3(ii): Select Link to Local FileREMARK1: 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
29
Practice 4
• Design 2 multiple choices questions. One with Link to web and the other with Link to local file.
30
12. JQuiz
Title(1)
Question(2)
Possible answers(3)
(At least one)
Up for more questions(4)
Up for more answers
Export to HTML(6)
Save(5)
31
Suggested sequence(1) Key in the title.
(2) Key in question.
(3) Key in possible answer(s).
(4) Press Up button for next question.
Repeat (2) to (4) until end.
(5) Press Save button to save.
(6) Press Export button.
32
13. JMatch
Title(1)
Right items(3)
Left items(2)
Up for more item pairs
Save(4) Export to HTML(5)
33
14. JMix
Title(1)
Key in the sentence in sequence of blocks.
(2)
Key in alternatives
(Optional)
(3)
Save(4) Export to HTML(5)
34
15. JClozeExport to HTML(5)
Save(4)
Title(1)
Type in the text (2)
Highlight the word for gap and click the gap button. (3)
35
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
36
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/