Designing Web-based exercises - Hot Potatoes

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Introduction to Using Hot Potatoes. Select the Hot potatoes option from the Start: Programs: menu as shown.
AUTHORING TOOLS A teachers DIY kit Marcin Kudła. Authoring tools – the basics AT enable you to create your own teaching materials for FREE AT can have.
Whats New in Office 2010?. Major Changes in Office 2010 The Office Ribbon, which first made its appearance in Office 2007, now appears in all Office 2010.
MS® PowerPoint.
Empowering the Education Community to Improve Student Performance through the Intelligent Use of Practical Data EdGate Training: Part 3 - SchoolNotes.
In the top left corner of the page, click on Pages & Files. Click on the If Then Statements folder to select it. Click New – Create a Page. You can also.
Creating and Editing a Web Page Using Inline Styles
Hot Potatoes – Quiz Builder Malcolm Roberts Wintec Malcolm Roberts Wintec.
Hot Potatoes Tutorial Jamie Fowler Mathematics Teacher
How to use Hot Potatoes Yan Liu. General picture of Hot Potatoes  The Hot Potatoes™ suite includes six applications, enabling you to create the following.
Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.
An ESL Shareware Recipe: Hot Potatoes! By Hsiang-ling Ho.
Hot Potatoes by Group Sunshine Tuba Kırlı Burçin Yalman Rabia Yurtseven.
INTERACTIVE LEARNING WITH HOT POTATOES SOFTWARE BY : SAVERINUS KAKA NIM:
1 Designing Web-based exercises - Hot Potatoes (11 Jan 2002)
Creating a Website: Introduction to the Basics Dr Janelle Young.
How to create a website for free Panagiotis Kafkarkou.
Adobe presenter How to Get started !
Google Training By: Amy Shannon and Dave Auwerda.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
Simple Pages for Omeka Lauren Dzura LIS
Creating a Web Site to Gather Data and Conduct Research.
PowerPoint Tutorial Your Logo Here It’s easier than you think!
Using authoring tools to produce materials Hot Potatoes:  small windows or Mac program that creates a variety of exercises  can be freely downloaded.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
Sharepoint Getting started. Please log on to the Adult and Family Education website: adulted.d11.org Then go to AFE Teaching Staff and click on Valerie.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Instructors begin using McGraw-Hill’s Homework Manager by creating a unique class Web site in the system. The Class Homepage becomes the entry point for.
JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at
Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.
Downloading and Installing Autodesk Revit 2016
Moodle with Style Integrating new technologies to empower learning and transform leadership.
1 Introduction to Hot Potatoes Presented by: Law Hing Man (14 Dec 2001)
Downloading and Installing Autodesk Inventor Professional 2015 This is a 4 step process 1.Register with the Autodesk Student Community 2.Downloading the.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Why use it? o Makes your life easier constructing interactive web games and puzzles. o Quick and painless o Excellent learning tool, fun and interactive.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Creating and Editing a Web Page
1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.
Creating and Editing a Web Page Using Inline Styles
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
How to use Moodle Spring 2012 PowerPoint Created by Erin Pence & Mike Seeley Any questions, us at
Creating Web Pages with Links, Images, and Embedded Style Sheets
Creating a Google Site For a Digital Portfolio Purpose.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Contents Etrain 2008 Interactivity with Hot Potatoes Nathan L. Love Western Kentucky University (26-February-2008)
Simple steps of using Google Earth to prepare Field Study report Objectives This simple guide uses Google Earth, the free version for students to organize.
Hot Potatoes software Prof Hamed Adetunji.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
European Computer Driving Licence
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Geography 121 Homepage Design Project Zero
USING DREAMWEAVER Contents: Assigning a Root Folder
Simple steps of using Google Earth to prepare Field Study report
MIS 201 Web Design.
Together Let’s Design an Online Quiz
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Hot Potatoes.
Free access (using MLA style).
Steps in accessing Past Examination Papers
Hot Potatoes The interactive educational activity generator
Summer 2013 Prepared by Prof. B. INDEX
HOW TO ADD SIGNATURE TO MICROSOFT OFFICE OUTLOOK
European Computer Driving Licence
Introduction to Hot Potatoes
Presentation transcript:

Designing Web-based exercises - Hot Potatoes (11 Jan 2002)

Contents What is HOT POTATES? How to download and install? Start Hot Potatoes JBC Upload to the Internet Access to the On-line test Export for printing or sharing Key in Chinese characters Configure output Insert picture Insert link JQuiz JMatch JMix JCloze Potato skins References

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

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/

3. Start Hot Potatoes Click the Hot Potatoes short cut to start the program.

4. JBC Save(6) Export to HTML(7) Unicode Up for more questions(5) Title(1) Question(2) Up for more choices Check the correct choice(4) Feedback (Optional) Choices(3)

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.

Practice 1 Title: S.1 Directed Number Q1: 3 + 4 =? 3 5 7 9 -2 2 4 Q3: -2 + 7 =? -9 -5 Use JBC to create the above test. Save the file with filename “p1.jbc” Export to HTML with filename “p1.htm”

5. Upload to the Internet 1) Use WS_FTP

2) Use Visitor Cabinet of HKedcity Click the icon in your idesk Click Add file to add a new file for sharing

Chinese title English title Browse for file (Select the HTML file) Click OK to finish

6. Access to the On-line test Key in the homepage address to open the test. e.g. http://lpy.hkcampus.net/~lpy-lhm/p1.htm Key in the ihouse address and open the visitor cabinet to choose the test. e.g. http://www.hkedcity.net/ihouse/lpy-lhm

Practice 2 Upload the test to Internet.

7. Export for printing or sharing Step1: Select File -> Export for printing Step2: Go to the destination (e.g. Word) Step3: Select Paste

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

In the Unicode box, key in Chinese characters. Click OK to return.

The Chinese characters will become code. To view and edit, highlight the code and click the Unicode button.

9. Configure Output Select Options -> Configure Output i) Prompts/Feedback Change indicators for correct / incorrect answers

ii) Button Uncheck the boxes is suggested

iii) Appearance

iv) Others Prevent direct recall

10. Insert Picture Step1: Move cursor to the place for insertion. Step2: Select Insert -> Picture

Step3(i): Select Picture from Web URL Key in Width Key in Height Key in the path of the picture file

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

Practice 3 Design 2 multiple choices questions. One with picture from web and the other with picture from local file.

11. Insert Link Step1: Move cursor to the place for insertion. Step2: Select Insert -> Link

Step3(i): Select Link to Web URL Key in the path of the picture file Select _Blank Text to form the link OR Picture to form the link

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

Practice 4 Design 2 multiple choices questions. One with Link to web and the other with Link to local file.

12. JQuiz Save(5) Export to HTML(6) Up for more questions(4) Title(1) Up for more answers Possible answers(3) (At least one)

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.

13. JMatch Save(4) Export to HTML(5) Title(1) Up for more item pairs Left items(2) Right items(3)

14. JMix Save(4) Export to HTML(5) Title(1) Key in the sentence in sequence of blocks. (2) Key in alternatives (Optional) (3)

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)

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

17. 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/