Making interactive materials with Hot Potatoes
|
After doing this activity you will be able to
- create your own interactive materials
- save your materials for editing
- publish your materials as a web page
- upload your pages to your web site
|
|
Session interaction
- Make sure you log in to TWITTER to use the TWEET hashtag #cte319 for the discussion points.
CONTENTS
Here are the contents of this session. You can click to visit the different activities, or simply scroll down.
Interactive web pages
Task 1: What are the features of an interactive web page?
- Look at these examples of interactive web pages at http://web2.uvcs.uvic.ca/courses/elc/studyzone/570/pulp/
|
TodaysMeet:
|
- What five keywords/phrases you would use to describe the main features of interactive web pages
|
BLOG IT! "KWL"
- Take a moment to jot down some notes in your blog -- keep the post DRAFT at the moment. Add the label "interactivity" and "KWL".
- What do you already Know about interactive web pages?
- What more do you Want to know more about interactive web pages?
- At the end of the activity, you'll return to your blog post and add what you have Learned from the activity.
Using Hot Potatoes
Task 1: In the lab, find the Hot Potatoes program
- The complete tutorial is at http://hotpot.uvic.ca/wintutor6/tutorial.htm for future reference
- Click START, then visit these sections in the tutorial
- What is Hot Potatoes?
- The potatoes one by one?
Task 2: Create and save a sample activity
Hot Potatoes is freeware, but you may be asked for a username and key to 'unlock' the program. In the main Hot Potatoes screen, go to HELP > REGISTER and use the following details:
User name=Steve Neufeld
Key=PQUF-PHQV-ZJZZ
- Look at some of these activities, and try to convert them to an interactive web page in consideration of the "R" in ASSURE - requiring learner participation.
- weather_worksheets.pdf (teacher's notes)
- IDEA - creating a matching activity with the collocations in Worksheet C.
- IDEA - Create a matching activity with pictures and the names of extreme weather events in Worksheet A.
- techtalk_ho.pdf IDEA - Create a CROSSWORD PUZZLE.
- smoking_ws.pdf smoking_plan.pdf - Create a JUMBLED SENTENCE activity.
- everybody_ho.pdf IDEA - Create a MATCHING exercise
- http://www.developingteachers.com/articles_tchtraining/smartspf_beril.htm IDEA - Create a reading comprehension QUIZ activity.
- Download this WORD document which has a reading from Pre-Intermediate level. IDEA - Create a CLOZE activity.
Task 3: Embed media in a Hot Potato
- Go to your YouTube channel.
- Find a video of an English song that you think you could use with an Intermediate group.
- Get the lyrics of the song and create a 'cloze' activity in Hot Potatoes.
- Embed the video above the lyrics in your CLOZE.
- If the video does not appear with the embed code, check that there is an 'http:' in from the SRC URL.
NOTE: If you want to use media in your Hot Potato interactive pages, you should use embedded media, that is, use media that is available on the Internet via the browser. Do not use media from your computer, unless you have your own web server and you can publish your media on the same server as the Hot Potato files.
Task 4: Share your Hot Potato activities
- Remember that there are TWO files...
- one is the 'master' that you can use to edit or change the activity. These can only be opened by the Hot Potatoes software. Always keep a copy safe in case you ever want to change or update the activity.
- The other is the "HTM" file which you can publish and share with students. You can always generate another copy of this file from your 'master'.
- If you have a web server, you can upload the interactive web pages as an HTM file and publish it online. You can then share the link with your students.
- If you don't have a web server, here is an easy way to publish the interactive web page to share with students:
- Open the HTM file in a text editor like NOTEPAD.
- Copy the entire source code (Use CTRL+A to select all, then CTRL+C to copy).
- Create a new post in your blog. Give a title to your blog post
- In the blog post, go to the HTML editing window and paste in the source code from the HTM file.
- Share your interactive activity. NOTE: give the link to the Title of your blog post so the activity opens in its own window.
- Visit your friends' activities and give some feedback as a reply--what did you like? What would you do to improve it?
Task 5: At home, download and install the Hot Potatoes program
Hot Potatoes is freeware, but you may be asked for a username and key to 'unlock' the program. You can request a free key. Or, in the main Hot Potatoes screen, go to HELP > REGISTER and use the following details:
User name=Steve Neufeld
Key=PQUF-PHQV-ZJZZ
Follow up: Over to you
BLOG IT! "How could you use interactive web pages in teaching?"
- Open up your draft post in your blog for KWL
- What are the top five features of interactive web pages that you think would be most useful to use with students
- Add to your draft KWL post what you have learned from the activity.
- Consider practical ideas for teaching and ways of integrating these interactive resources online.
- Publish your post and TAG it with 'KWL' and 'interactivity'.
- When you get a chance, have a look at the posts in your colleagues' blogs.
REFERENCES
Want to learn more about using Hot Potatoes?
This work by Kristina Smith & Steve Neufeld is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Based on a work at kristinaweb20.pbworks.com.
Comments (0)
You don't have permission to comment on this page.