Word Drag-and-Drop (WDD) Quiz
Note: this page contains general information about the Word Drag-and-Drop (WDD) Quiz Applet.
If you are interested in creating a L2 WDD Quiz (for Thai, Vietnamese, Burmese, etc - that is, languages that need a special font), read and study the material below, and then go on to L2 Word Drag-and-Drop Quiz Instructions for specific additional details about that quiz type.
Description
No registration. Any user accessing the page can take the quiz.
A set of "candidate" text chunks are displayed in the applet. These text chunks can be letters, syllables, words, or phrases. A question is displayed at the top of the applet. The user's task is to use the mouse to drag the text chunks to the bottom of the applet to form an answer to the question.
When a question is first displayed, the answer area may be entirely empty or it may have a partially formed answer in it, with blank spaces which the user can fill in.
There may be any number of questions. The text is in Latin letters.
Feedback is provided (when the user presses the "Judge" button) in the form of symbols displayed below the text chunks in the answer area: 'S' means substitute another chunk for this one; 'D' means delete this chunk; 'I' means insert a chunk here; '><' means exchange these two chunks, and a '.' means the chunk is correct.
Sample: http://www.seasite.niu.edu/Indonesian/Bacaan/Readings_Intermediate/worddrag1/worddrag.html
1. Create a subdirectory for the quiz. (Actually several quizzes can go in the same subdirectory, but for a first effort, create a new one). You can do this in the FP Explorer under File/New/Folder. Be sure you have highlighted the desired "parent" Folder when you do this.
2. Create a new Web page with the worddrag applet in it. You can add whatever normal html content you like, including text, pictures, and sounds. Then, choose
Insert/Advanced/Java Applet
You will see the Applet wizard pop up. A typical filled-in wizard is shown below. Study it, then read the notes below the figure.
Applet Source: for the worddrag quiz, always "worddrag.class". Case is significant.
Applet Base URL: for the worddrag quiz, always as shown
Applet parameters: you must type this in after pressing the Add... button and typing in a something for each line. You should not type in the enclosing "" which you see in the picture above. You need to enter a Name and a Value. For the worddrag quiz, there is only one parameter. The Name is always the same. It is listed below, with comments:
Size: the dimensions shown above are typical. You can try smaller dimensions if you want to.
Later you can experiment with the Layout options.
3. Create a quiz question file in the same directory using Notepad. (On the Windows taskbar: Start/Acessories/Notepad). When you save the file from Notepad, it can only be saved on your local machine. Be sure you know where you saved it - you will need to know in Step 4 below. A sample script is shown below. Comments which are not part of the file are in italics.
IMPORTANT NOTE: the worddrag applet is very fussy about following the rules for its files. A blank after one of the # signs could cause trouble, etc. Also, in some cases, when you run the applet, feedback is wrong or does not appear (and may seem to freeze the applet). You can usually hit Prev and then Next to try again. We will try to fix this behavior later.
//---- Q 1 lines that start with // are comments
//
Answer the question: where does Bill Clinton live? 1st line of Q1
(the answer is: tinggal...putih) 2nd line of Q1
# end-of-question marker
Bill Clinton ________ di gedung ________ partial displayed answer
# end-of-partial-displayed answer
tinggal@putih the two correct answer "chunks" separated by @
#
tinggal@gizmo@berdiri@merah@putih candidate answer chunks to display
# end-of-candidate-answer chunks
audio: xxxx.au audio file name
start: yes play the audio file when question is displayed
#
//---- Q 2
//
Write: "my house is white" in Indonesian
(answer: rumah saya putih)
#
blank line = no partial displayed answer
#
rumah@saya@putih the 3 correct answer chunks
#
rumah@saya@haus@merah@putih@hitam@merah mudah@kamu two lines of candidate chunks
bapak@mobil@ibu@selamat@ada@gizmo@putih@haus
#
audio:
start:
#
//---- Q 3
//
Write: My child is 5 years old
#
_________________ umurnya __________________
#
anak@saya@lima@tahun
#
ibu@anak@empat@lima@satu@minggu@tahun@ada
bulan@putri@jam@bapak@saya
#
audio:
start:
#
//---- Q 4
//
Write the proverb about "little by little..."
#
#
sedikit@sedikit@lama@lama@menjadi@bukit note it's ok to repeat a chunk
#
sedikit@sedikit@banyak@banyak@cepat@cepat@lama@lama
menjadi@jadi@ladang@gunung@bukit
#
audio:
start:
#
//---- Q 5
//
Write: They were invited to his house to see his drawings.
#
#
mereka@di@ajak@ke rumahnya untuk@me@lihat@lukisannya note that a chunk may have spaces in it
#
kami@mereka@di@meng@men@ajak@ajar@ke rumahnya untuk@me lots of prefixes - just syllables here
mem@men@lihat@ i @kan@lukisannya the " i " has spaces to make it wider
#
audio:
start:
#
//---- Q 6
//
Mengaturkan nomor-nomor di bawah:
#
________ ________ tiga ________ ________
#
satu@dua@empat@lima
#
dua@enam@tiga@satu@lima@empat@sembilan
#
audio:
start:
#
!!
4. Import the quiz file into your Web page. You have already saved the quiz from Notepad onto your local machine (right?).
Now go to FP Explorer, and choose the Folder View, and change to the subdirectory that you want the quiz file to go in. This must be the same subdirectory that your Web page (the one that will show this quiz applet) is in.
Next, choose File/Import/Add File. Use the File Open dialog that appears to locate and select the quiz file (on your local machine). Click Open.
Next, note that the file has been added to the File Import dialog box. Click Ok, and the file will be copied to the subdirectory you changed to above.
You can now delete the quiz file on the local machine. If you need to edit it again, you can double click on it in the FP Explorer and it will open in Notepad. You will not need to explicitly import it again.
Save everything and test your new quiz page.
That's it. Now save your work and test the new page.
A sample worddrag quiz about worddrag quizzes.
The quiz file for this quiz is at wd1.txt
If you ned to make a L2 WDD Quiz, see the additional information at L2 Word Drag-and-Drop Quiz Instructions
Last Modified: