Hot Potatoes Tutorial

1. Hot Potatoes Tutorial Jamie Fowler Mathematics Teacher Cascade High School jfowler@mccsc.k12.in.us

2. Table of Contents • What is hot potato? • Getting Started • JCloze • JMatch • JQuiz • JCross • JMix • The Masher • Changing Settings • Helpful Tips • Math Symbols • Inserting Images • Adding Hot Potatoes to Moodle as a Hot Potato • Combining Different Hot Potatoes on Moodle

3. What is it? • Hot potatoes is a free program that allows you to create quizzes or tests. • Additionally Moodle can upload these quizzes and will add the grades to the Moodle grade book for you (not Integrade). • There are five choices in Hot Potato • JCloze • JMatch • JQuiz • JCross • JMix Index

4. Getting Started • You will first need to download and install the Hot Potatoes program on your computer. Go to the following link to download. http://hotpot.uvic.ca/index.php#downloads • Once installed, open the program and you should see this window. From here you can choose which type of quiz you want to make. • Note: The Masher allows you to combine different types of quizzes that you have already created. Index

5. Tool Basics • All Hot Potatoes have the same basic buttons on the tool bar as seen here Insert picture found on the web Insert Picture from file** Insert a web link Insert a link to a file – ex: might have a document you want students to read Inserts a web page directly into your Hot Potato Turn your Hot Potato into a web page Create your own title to the activity Change settings like directions, student feedback, and appearance **Be sure image file is saved in same folder as the Hot Potato you are making. Index

6. JCloze • Create open response questions with one or many specific answers. This is essentially a “fill in the blank” quiz. Index

7. Creating JCloze • When you select JCloze you will see the following screen • Create your title • In the main space add your quiz by typing text, inserting images, and adding web links Index

8. Example: Making a JCloze math quiz • Suppose you want to make a quiz for students to solve an equation. • First type in the equation. You can insert equations as an image or use codes for special characters. (See section on Inserting Math Symbols.) • Notice that the answers are typed in. Index

9. Example: Making a JCloze math quiz • Then, to make a blank where the students will enter the response, highlight the text you want removed and click on the Gap button at the bottom. Index

10. Example: Making a JCloze math quiz • You will then be able to add more correct responses. Try to think of the different ways a student may type in the answer or that they may switch the order of the answers. • Once you click “OK” the gap text will be red and under lined Index

11. Example: Making a JCloze math quiz • Continue to enter your questions and answers until you are finished. • (See adding hot potatoes to Moodle to finish) Index

12. JMatch • create a matching response test. • With Hot Potatoes the students are able to either • Select the answer from a drop down menu • use the mouse to drag the answer over to the vocabulary word or image. • OR you can make this into a flash card option (not graded) Index

13. Creating a JMatch • When you select JMatch you will see the following screen • Create your title • In the main space add your vocabulary words (or pictures) on the right and the answer you want it to match with on the left. • When the quiz is published it will automatically jumble the right hand items. Index

14. Example: Creating a JMatch Art quiz • Save your images that you want to use in the same folder as your Hot Potato JMatch • Create your title • To add an image, be sure you have put your curser in the correct box and then click on the insert image button • Note: It is best to add the image as a Web URL. (See inserting images) Index

15. Example: Creating a Jmatch Art quiz • Continue to add items to the left and the answer on the right. Hot Potato will automatically jumble the answer responses. Index

16. Example: Creating a Jmatch Art quiz • With Hot Potatoes you can publish the quiz so that students are able to • Select the answer from a drop down menu • use the mouse to drag the answer over to the vocabulary word or image. • OR you can make this into a flash card option (not graded) Index

17. JQuiz • Create different types of questions • Multiple choice • Short Answer • Hybrid • Multi select • The hybrid is a unique option where students are able to type in a response and then after a certain number of attempts, the question will transform into a multiple choice question. (this option will not be presented in this tutorial) Index

18. Creating a JQuiz • When you select JQuiz you will see the following screen • Create your title • Select the type of question you would like from the drop down menu • Also, for all types, if you need more than 4 choices, click on the up arrow next to the answer column Index

19. Example: Making a JQuiz for History • Multiple choice • Enter your question in the space next to the “Q”. You can insert images into this space as well. • Then, enter the answer choices and check the box next to the correct answer • If you want you can enter in specific feedback for each response (this is optional) Index

20. Example: Making a JQuiz for History • To add another question, click on the up arrow next to the “Q” • The title will be the same and the question type will be the same as the last question • You can have different types of questions within a single JQuiz Index

21. Example: Making a JQuiz for History • Short answer • Hot Potato will try to find the nearest match among the specified correct answers, and signal to the student which parts of their answer are right and which parts are wrong. • The score for each question is based on the number of attempts the student makes before getting a correct answer Index

22. Example: Making a JQuiz for History • Multi select • After entering your question, enter the answer choices and place a check in the boxes next to the correct answers Index

23. JCross • Create a cross word puzzle using the words and the clues you want Index

24. Creating a JCross • When you select JCross you will see the following screen • Create your title • You will then need to have a list of words and clues prepared that you wish to enter • Note: It is helpful to have a word document or web page with your vocabulary list so you can copy and paste the clue text Index

25. Example: Making a JCross SAT Vocab • First add a words in the grid • You can enter the words into the grid manually • OR you can enter your list of words and let the computer fill the grid • To have the computer do the work, Click on “Manage Grid” and then “Automatic Grid Maker” Index

26. Example: Making a JCross SAT Vocab • The automatic grid maker allows you to enter a list of words • Once you have entered your words, click on “Make the Grid” Button. • If you don’t like where a word is placed you can try the auto grid maker again or manually change it. Index

27. Example: Making a JCross SAT Vocab • Once your words are in the grid, click on the Add clues button to enter the clue text Index

28. Example: Making a JCross SAT Vocab • You will see the following screen to enter your clues • Notice that ACROSS words are on top and DOWN words are on the bottom • Highlight a word and then type or copy and paste your clue into the box below your word • Click “Ok” to save your clue Index

29. JMix • Create a jumbled sentence or set of events that need to be reordered. With JMix you can either • Click on the words to put them in order • use the mouse to drag the words in order Index

30. Creating a JMix • Create a title • Add the words of your sentence into the box titled “Main Sentence” Index

31. Example: Making a JMix Grammar • Then add alternate sentences that can also be made from your main sentence. Index

32. Example: Creating a JMix grammar • With Hot Potatoes you can publish the quiz so that students are able to either • Click on the words to put them in order • use the mouse to drag the words in order Index

33. The Masher • Once you have created different Hot Potato quizzes, you can “Mash” them together into one big quiz. • Note: Moodle does not know what the masher is and so you will need to use the quiz maker to combine different Hot Potatoes. (See Combining Different Hot Potatoes to Moodle) Index

34. Creating a Masher • This is the screen you will see for the Masher. • You MUST have created the quizzes you wish to mash first. • Be sure the Output folder at the bottom is where you have saved all your quizzes for mashing Index

35. Creating a Masher • Click on the “Add Files” button and you will be able to choose the files you wish to add. • Most Hot Potatoes have one form but the ones that have different options, you will be able to select that format here. • JMatch • Standard • Drag and Drop • Flash cards • JMix • Standard • Drag and Drop Index

36. Creating a Masher • Once you have added all your quizzes, click on “Build Unit” button Index

37. Changing Settings • There are different settings you can change using the configuration button. All Hot Potatoes have essentially the same options. Index

38. Changing Settings – Titles and instructions • Here you can change the sub title and instructions if you need to create more content specific instructions or a clearer explanation of how to complete the activity. Index

39. Changing Settings – Prompts and Feedback • You can change how to program responds to a students answer. This response should be generic for the Hot Potato and not specific to any one question. For certain Hot Potatoes you can specify the computer’s response. Index

40. Changing Settings – Buttons • You can include or exclude certain buttons that normally appear. For example, you many not want students to get “hints” and here is where you turn that option off by Unchecking the box next to “Hint”. Index

41. Changing Settings – Appearance • You can change the colors for background as well as the font style. • Note: It is easier to change the font by going to the “Options” menu and then click on “Font” Index

42. Changing Settings – Timer • If you would like for there to be a time limit on the quiz you can set that here. Index

43. Changing Settings – Other • These settings change for each Hot Potato and allows you to set more specific options. Index

44. Changing Settings – Other, Custom, and CGI • The “Other” settings change for each Hot Potato and allows you to set more specific options. • Custom and CGI you will not to do anything with because Moodle will allow you to report grading without making any changes here. Index

45. Helpful Tips • Images • It is best to insert your image from a web URL. (See Inserting Images) • Don’t put spaces in the file name – the internet doesn’t always like spaces. • Save your images in the same folder as your Hot Potato • When working in Hot Potato, you will not see the image appear but rather a long line of text which is HTML code. Don’t erase any of this code or the image won’t appear correctly Index

46. Helpful Tips • File Names • Don’t put spaces in your Hot Potato file names – the internet doesn’t always like it. • Use a short name that is also descriptive. • Example: Instead of “picture1.jpg” use “MonaLisa.jpg” • Special Characters • Quotation marks need to always be a double quote • Using the “<“ at the beginning of a line will confuse the program. Hot Potatoes uses HTML (website code) and that symbol is used in HTML to begin what is called a tag. You can use tags within Hot Potato and this is often necessary with typing math equations. (See inserting Math Symbols) Index

47. Inserting Images • There are two ways to insert images • As a file from your computer • As a Web URL • The easiest way to insert your picture is to start by inserting it as a file from your computer Index

48. Inserting Images • You will be able to choose the file name from your computer. • Be sure the file is saved in the same location as your Hot Potato. • Then preview your image and set the size you want for your image to appear. Index

49. Inserting Images • You will see the following text appear for your image. • Now, to change your image to a Web URL, be sure you have uploaded your picture into Moodle Index

50. Inserting Images • Click on “Files” in the Administration options • Then, click on the image file name after it has been uploaded. Index