The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Html for a gridded response test question
drushton2002
post Jan 19 2017, 10:31 AM
Post #1





Group: Members
Posts: 3
Joined: 19-January 17
Member No.: 26,275



I will first start with saying I have very little knowledge of html or coding beyond some simple coding for course in Instructure Canvas (Learning Management System).

That being said I work at an elementary school and we are attempting to prepare our students for an online testing environment. One of the most difficult types questions for kids are gridded response questions. I was wondering if anyone knew how to code a gridded response question like the one in the link below. The boxes at the top will be empty space that the kids can fill in. I appreciate any help that can be provided! Have a great day! biggrin.gif

http://www.catpin.com/bubbletest/b62100.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 19 2017, 11:24 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



Afraid I don't know what that is. I saw the image, but how does it work? What are the kids supposed to do with it?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
drushton2002
post Jan 19 2017, 01:35 PM
Post #3





Group: Members
Posts: 3
Joined: 19-January 17
Member No.: 26,275



QUOTE(pandy @ Jan 19 2017, 11:24 AM) *

Afraid I don't know what that is. I saw the image, but how does it work? What are the kids supposed to do with it?



The kids would solve whatever the problem is and fill in the numerals (or symbols) over the columns. In the actual tests, I believe they click the numbers or symbols and the numbers can fill in. I am not concerned with that. I just would like them to practice filling in the top blanks with their answers. Below is a link that may make more sense. The teachers would have to manually grade these so I would not need any code that says correct or incorrect.

http://images.slideplayer.com/34/10255184/...es/slide_30.jpg
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 19 2017, 06:31 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



So they should write the answer in one of the empty rectangles? Or spread the number out in all of them? Looks totally confusing to me. Anyway, whatever they should do you need a a form and form fields. If they are going to type, text inputs is what you want.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 20 2017, 12:19 AM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,259
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I've seen this style of form only on paper standardized test answer sheets. I've never seen it online.

It makes sense on a paper answer sheet that is intended to be scanned. You fill in the answer in the boxes, and then fill the dots that correspond with each character.

But online, you'd just use a text input field.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 20 2017, 06:32 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



Got the impression it is for training purposes (and I can see why that is needed tongue.gif). If they should mark the dots too, check boxes would be needed for those.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 21 2017, 12:48 AM
Post #7


WDG Member
********

Group: Root Admin
Posts: 8,259
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Actually, sets of radio buttons would work better than checkboxes, so that only one circle can be filled for each space.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 21 2017, 08:02 AM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



Only one in each row can be selected, something like that? I actually googled this. Still don't get it. Must be an American thing, this. tongue.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 22 2017, 12:43 AM
Post #9


WDG Member
********

Group: Root Admin
Posts: 8,259
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Only one in each column can be selected. When you fill out the paper form, it looks something like this:

CODE

_1_ _2_ _3_ _2_

(0) (0) (0) (0)
(#) (1) (1) (1)
(2) (#) (2) (#)
(3) (3) (#) (3)
(4) (4) (4) (4)
(5) (5) (5) (5)
(6) (6) (6) (6)
(7) (7) (7) (7)
(8) (8) (8) (8)
(9) (9) (9) (9)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 22 2017, 08:49 AM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



Thanks for the explanation. Is that for machine readability? Seems a little over the top to both write the answer and check the boxes though.

Reminds me of the old punch cards. biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 22 2017, 10:37 AM
Post #11


.
********

Group: WDG Moderators
Posts: 7,731
Joined: 10-August 06
Member No.: 7



QUOTE(drushton2002 @ Jan 19 2017, 07:35 PM) *

The kids would solve whatever the problem is and fill in the numerals (or symbols) over the columns.

Then you could use an HTML table for the whole grid layout, with INPUT text fields in the top row for the kids to fill in. No javascript needed.

QUOTE
In the actual tests, I believe they click the numbers or symbols and the numbers can fill in. I am not concerned with that.

That could be done too with push buttons and javascript, but it's usually better to keep things as simple as possible.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 23 2017, 04:37 AM
Post #12


WDG Member
********

Group: Root Admin
Posts: 8,259
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(pandy @ Jan 22 2017, 05:49 AM) *
Thanks for the explanation. Is that for machine readability? Seems a little over the top to both write the answer and check the boxes though.
Yes, it's for machine readability. I've seen it on the answer sheets for standardized tests and similar forms that are intended to be scanned. And you're supposed to use a number 2 pencil, and fill the circle completely, and avoid making stray marks, etc.

The written version is for humans, and the filled circles are for computer scanning. It's easy enough to compare each letter/digit to the filled circle below it, but reading a word or multi-digit number by interpreting the filled circles is hard.

QUOTE(pandy @ Jan 22 2017, 05:49 AM) *
Reminds me of the old punch cards. biggrin.gif
Yeah, same basic idea, except instead of punching holes in the card, you make circles with a number 2 pencil.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 23 2017, 07:51 AM
Post #13


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



QUOTE(Darin McGrew @ Jan 23 2017, 10:37 AM) *

and fill the circle completely


THAT actually strikes a vague memory. Maybe I've done such a test at some point after all.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
drushton2002
post Jan 25 2017, 11:10 AM
Post #14





Group: Members
Posts: 3
Joined: 19-January 17
Member No.: 26,275



QUOTE(pandy @ Jan 23 2017, 07:51 AM) *

QUOTE(Darin McGrew @ Jan 23 2017, 10:37 AM) *

and fill the circle completely


THAT actually strikes a vague memory. Maybe I've done such a test at some point after all.

WOW you guys have really been looking into this.

I am want to use these to have the kids be able to practice filling them in for their spring standardized tests. The only thing I would need them to fill in are the boxes above the numbers. Each of those boxes would have either one number or a symbol within them.

THANK YOU SOoOOOOO much for showing interest in this. You are helping out impoverished, under privileged third graders to succeed on highly challenging test questions!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd November 2017 - 12:42 AM