Some notes on answers to the practical questions
This should be pretty easy and involves two steps:
make_spr_trial
function to create a trial (you can copy and paste the example code then edit the sentence and the question).So for example: the last judgment trial in the code you were given looks like this:
var spr_trial_2 = make_spr_trial(
"Which building were the architects featuring in the portfolio?",
"Did the architects have a portfolio?"
);
and the timeline looks like this, with spr_trial_2
slotted in at the end:
var full_timeline = [
consent_screen,
instruction_screen_1,
spr_trial_1,
spr_trial_2,
demographics_form,
final_screen,
];
We can create a new trial, which we could call spr_trial_3
, like this:
//An extra trial
var spr_trial_3 = make_spr_trial(
"Which antique was the maid polishing in the study?",
"Was the maid vacuuming?"
);
and add it at the end of the timeline:
var full_timeline = [
consent_screen,
instruction_screen_1,
spr_trial_1,
spr_trial_2,
spr_trial_3, //added here
demographics_form,
final_screen,
];
This is going to involve messing with the demographics_form
trial, which looks like this:
var demographics_form = {
type: jsPsychSurveyHtmlForm,
preamble:
"<p style='text-align:left'> Please answer a few final questions about yourself and our experiment.</p>",
html: "<p style='text-align:left'>Are you a native speaker of English?<br> \
<input type='radio' name='english' value='yes'>yes<br>\
<input type='radio' name='english' value='no'>no<br></p> \
<p style='text-align:left'>What is your age? <br> \
<input required name='age' type='number'></p> \
<p style='text-align:left'>Any other comments?<br> \
<textarea name='comments'rows='10' cols='60'></textarea></p>",
};
As explained in the notes, the html
parameter has several parts which present the 3 questions in the basic form. The code for the text area is at the end:
"... \
<p style='text-align:left'>Any other comments?<br> \
<textarea name='comments'rows='10' cols='60'></textarea></p>",
So if we wanted to add a text area about languages, we could just copy this template, modifying it to ask the question we want:
"... \
<p style='text-align:left'>Please list the languages you speak fluently.<br> \
<textarea name='languages'rows='10' cols='60'></textarea></p>",
Notice that we have changed the name
of the text area so that when we display the data at the end we can tell which answers are general comments and which are lists of languages.
We could do the same thing with the radio buttons. Here is the code for the existing radio buttons:
"<p style='text-align:left'>Are you a native speaker of English?<br> \
<input type='radio' name='english' value='yes'>yes<br>\
<input type='radio' name='english' value='no'>no<br></p> \
..."
So there’s a question at the top, then one row per option; to group the radio buttons each row has the same name
but a different value
. So we can just copy this basic design, e.g.:
"...\
<p style='text-align:left'>How many languages do you speak fluently?<br> \
<input type='radio' name='number_of_languages' value='1'>One<br>\
<input type='radio' name='number_of_languages' value='2'>Two<br>\
<input type='radio' name='number_of_languages' value='3'>Three or more</p> \
..."
Here’s what the extended demographics trial would look like with those additions dropped in to the html
parameter.
var demographics_form = {
type: jsPsychSurveyHtmlForm,
preamble:
"<p style='text-align:left'> Please answer a few final questions about yourself and our experiment.</p>",
html: "<p style='text-align:left'>Are you a native speaker of English?<br> \
<input type='radio' name='english' value='yes'>yes<br>\
<input type='radio' name='english' value='no'>no<br></p> \
<p style='text-align:left'>What is your age? <br> \
<input required name='age' type='number'></p> \
<p style='text-align:left'>How many languages do you speak fluently?<br> \
<input type='radio' name='number_of_languages' value='1'>One<br>\
<input type='radio' name='number_of_languages' value='2'>Two<br>\
<input type='radio' name='number_of_languages' value='3'>Three or more</p> \
<p style='text-align:left'>Please list the languages you speak fluently.<br> \
<textarea name='languages'rows='10' cols='60'></textarea></p>\
<p style='text-align:left'>Any other comments?<br> \
<textarea name='comments'rows='10' cols='60'></textarea></p>",
};
Here’s what the data looks like after I paste it into Excel and format it a bit:
It’s going to be reasonably easy to identify the self-paced reading and comprehension trials because those are the only trials that have “html-keyboard-response” in the trial_type column. And I could differentiate the reading trials and the comprehension trials by looking at the response column - the reading trials all have “ “ as the response (a space!), the comprehension questions all have “y” or “n”. But it would be nice to make my life easier by adding an extra column to my data that made it easier to pick out trial types I want, without having to rely on so much in-depth knowledge of the structure of the experiment - we’ll see how to do that in the next practical. And currently it’d be very difficult to pull out critical words or sequences of words from this data (e.g. the words following the verb) - there’s no marker in the data that would help me do that.
All aspects of this work are licensed under a Creative Commons Attribution 4.0 International License.