syntax acceptability judgment – pictures and template

PennController for IBEX Forums Support syntax acceptability judgment – pictures and template

This topic contains 3 replies, has 2 voices, and was last updated by Jeremy Jeremy 5 days, 11 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7119
    Avatar
    HPI
    Participant

    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.

    #7120
    Jeremy
    Jeremy
    Keymaster

    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

    #7121
    Avatar
    HPI
    Participant

    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

    #7122
    Jeremy
    Jeremy
    Keymaster

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.