StarS: Interaktionstyp `DROP`

Bei diesem Interaktionstyp wird unten ein großes Bild gezeigt. Mehrere Buttons sind oben nebeneinander dargestellt. Bei Auswahl eines Buttons wandert dieser nach unten auf das Bild. Klicken Sie unter dem Bild auf Unitdefintion JSON, um den JSON-Code anzuzeigen!

Unitdefintion JSON

{
    "id": "stars-unit-definition",
    "version": "0.13",
    "backgroundColor": "#3cf",
    "continueButtonShow": "ALWAYS",
    "mainAudio": {
        "audioSource": "data:audio/mpeg;base64,//OEZAAAAAAAAAAAAAAAAAAAA......",
        "firstClickLayer": false,
        "animateButton": false,
        "maxPlay": 0
    },
    "interactionType": "DROP",
    "interactionParameters": {
        "imageSource": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAA....",
        "options": [
            {
                "imageSource": "data:image/png;base64,iVBORw0KGgoAAAA...."
            },
            {
                "imageSource": "data:image/png;base64,iVBORw0KGgoAAAA...."
            },
            {
                "imageSource": "data:image/png;base64,iVBORw0KGgoAAAA...."
            },
            {
                "imageSource": "data:image/png;base64,iVBORw0KGgoAAAA...."
            }
        ]
    },
    "variableInfo": [
        {
            "variableId": "DROP",
            "responseComplete": "ON_ANY_RESPONSE",
            "codingSource": "VALUE",
            "codes": [
                {
                    "method": "EQUALS",
                    "parameter": "3",
                    "code": 1,
                    "score": 1
                }
            ]
        }
    ]
}

Parameter

{
1    "variableId": "MK02",
2    "imageSource": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAFeCAYAAADNK...",
3    "text": "Koffer"
}

1: variableId setzt die Bezeichnung der Antwortvariablen auf einen bestimmten Wert. Standard hier ist DROP.
2: imageSource enthält ein Bild in base64-Kodierung
3: text liefert Text für das <alt>-Attribut (Unterstützung der Barrierefreiheit)

Optionen

Hier ist die Liste von Bildern anzugeben, die oben in einer Zeile als Buttons angezeigt werden.

Auswahl und Antwortwert

Die ausgewählte Antwort wird durch eine Farbänderung im Hintergrund (blau) und bei der Schrift (weiß) visualisiert (Parameter text) oder durch einen fetten blauen Rand. Außerdem “wandert” der Button auf das untere Bild. Sollte sich dort bereits ein Button befinden, “wandert” dieser wieder an seine vorherige Stelle. Ein Klick auf einen Button, der sich auf dem Bild befindet, lässt diesen ebenfalls an seine Ausgangsposition zurückwandern.

Die Antwortdaten folgen der Standardstruktur des IQB. Als id wird die gewählte variableId bzw. der Standard DROP gesetzt, und der Status wäre zunächst VALUE_CHANGED (zur Kodierung siehe hier).

Der Antwortwert ist eine Zahl mit der Position des gewählten Buttons. 1 steht für die erste Option.

Zurück nach oben