Home
Up
Activities
Bb Support
Bb Repository
Interactive Pages
Online Math Dev
Math Clipart
MATC Math

1234567
89101112131
2345678
91011121312
3456789
10111213123
45678910

17

Creating Interactive Pages

Drop-Down Menus | Feedback Forms | Design Tools | Javascript | Java | Sound

Ideas for creating educational web pages.
Create more engaging web pages; Provide immediate learner feedback; Promote discovery; Actively engage learners; Review/rehearse new knowledge...

Use HTML form elements

An important part of teaching involves questioning. Here's an easy way to create "interactive" questions. The drop-down menu box below is easily created with a few lines of markup:

Drop-Down Menu Example

<form>
<select>
<option>
ANSWER:</option>
<option>
acute</option>
</select>
</form>
Identify the following angle measure as right, straight, acute, or obtuse.

40º ________ Think before you click!

Since we're not sending this info anywhere, no submit button is required!

Another important element in education involves collaboration. Discussion boards allow students to get help and offer help. (Many pedagogical advantages here.) The thought occurred to expand on this forum idea. Why not use text boxes?

Feedback Form/Poll Page Example

<input type="text" name="textBox" size="10" value="text boxes">

Instant feedback can be created with simple text boxes . Create a form or questionnaire and send the results to be appended to a feedback page. E.g. Poll pages, See What Others Think, or Submit an Idea pages can add interactivity to online lessons.

Online forms can be used to direct or provide structure to students. E.g., certain fields can be required while others can be optional. Drop-down menu lists can direct and simplify the question and answer process. 

Another simple option here: don't send the form results anywhere. Just have the text box available for student input. This might be useful where a certain sequence or thought process is required. E.g., pattern recognition.

Use Specialized Tools

Some software can generate tutorials which do not require plug-ins and special programs to run (in Windows). Corel Presentations, Lotus? Microsoft? Need info on what's currently available... screencorders, tutorial creators.... I suppose you could use Visual Basic to create some simple lessons.

Another related resource... Instructional software which is designed to build on-line lessons. E.g. Asymetrix.

Interactive lessons can be created which work in special browsers and applications. E.g., Scientific Notebook (See Al Lehnen).

Use Javascript

E.g., Alan Schmidt uses JS to pop up new windows which close when they lose focus. This can be a useful pedagogical tool when used in the right place at the right time.

Use Javascript Scriptlets

E.g., Hot Potatoes application. See tutorial at: http://web.uvic.ca/hrd/hotpot/. Create quizzes and crossword puzzles. (Free for educators.) Quiz example.

Use Java Applets

Examples.

Use Narration/Sound and other Multimedia

Compression formats such as MP3 have made it finally possible to add narration & sound to any web page. MP3 is a good choice since it's widely supported. WAV's will play in any Windows environment, but they tend to be at least 10 times larger in file size. Here's an example of an embedded WAV for demonstrating pronunciation of new terms.

In addition to sound, we could use video, but we will need to be cautious about file size and download time for students with slow connections to the Internet. Currently, the best solution for providing digital video is to put it on CDs and, as I would say, "frisbee" it to your students.

 

More ideas to be added as time allows. Please send your ideas!


Bb Notes | MATC Math on the Net | Course Development 

Home | Learning Center | MATC | Staff | HSED Options | PEP Project | Photos
Email Contact | Alternative Learning Division © Oct-06 
http://MATCmadison.edu/ald