syntax acceptability judgment – pictures and template

[HPI]

Hello,
I am setting up an experiment in which appears a picture, a sentence, and an acceptability judgment scale, about the match of the picture with the sentence.

So I think I have managed to show pictures and sentences ( in the PCibex )
and I would like that under the image appears an acceptability judgment scale.

How should I declare the scale? ( I would like something like a row of buttons that the participant can click)

"AcceptabilityJudgment", {s: " ", q: " ", as: ["1", "2", "3", "4", "5","6","7"], leftComment: "(very bad)", rightComment: "(very good)"} ]



PennController.ResetPrefix(null) 

DebugOff()

Sequence(randomize("experimental-trial"), "send", "completion_screen")


// Experimental trial
Template("design.csv", variable =>
    newTrial("experimental-trial",
      
        newImage("target", variable.foto)
         .size("25vw","25vw * getElementById('target').height/getElementById('target').width")
         .print()
         ,   
         
        newText("sentence", variable.sentence)
        .center()
        .print()
         
         ,
         
         //newText("id", variable.id)
        //.center()
        //.print()
         
         //,
         newButton("continue", "Proceed")
          .print()
          .center()
          .wait()
          .log()
)
)   
  


// Send results manually
SendResults("send")

// Completion screen
newTrial("completion_screen",
    newText("thanks", "Thank you for participating! You may now exit the window.")
        .center()
        .print()
    ,
    newButton("wait", "")
        .wait()
)

Thank you,
H.Pi.

[Jeremy]

Hello,

You can use the Scale element:

Template("design.csv", variable =>
    newTrial("experimental-trial",
        newImage("target", variable.foto)
          .size("25vw","auto")
          .print()
        ,
        newText("sentence", variable.sentence)
          .center()
          .print()
        ,
        newScale("acceptability", 7)
          .before( newText("(very bad)") )
          .after( newText("(very good)") )
          .callback( getText("warning").hidden() )
          .center()
          .log()
          .print()
        ,
        newText("warning", "Please provide a judgment before you can continue").center().color("red").hidden().print()
        ,
        newButton("continue", "Proceed")
          .print()
          .center()
          .wait( getScale("acceptability").test.selected().failure(getText("warning").visible()) )
          .log()
    )
)

You should not turn the debugger off until you start collecting data from your first participant

Jeremy

[HPI]

Thank you,
Thank you also for the link. I just started using the platform and I got quite confused at first with the documentation pointing at the old and new ibexfarm, adding the penncontroller and so on… understanding where to use what.
So I guessed I missed this specific list of commands which is indeed very useful ( I saw the tutorial etc.)
Thank you for the advice on the debug.

This works, I kind of imagined big buttons with the number for the participants to click. I suppose I can modify the layout making the buttons bigger with a CSS HTML file, correct? ( I also tried the score scale, but it doesn’t make buttons like the proceed-button to click, it has small numbers. Can I provide a dimension for the scale in the command line when I declare the scale in any way, or all the visual part is left to be declared in the CSS file?) I kind of wanted to use big buttons, we may use it also for children participants, I feel the scale as default might be small and not much engaging for a child.

I’ll play around a bit,
Thank you again

[Jeremy]

You could use .button() on your Scale element and add this to Aesthetics/PennController.css:

.Scale label {
    padding: 1em;
    color: blue;
    margin: 1em;
    border: solid 1px gray;
}

Jeremy

[Author]

Posts