
Objekte
Beschreibung: Arbeiten mit Objekten
Objekte sind die niedrigste Instanz in der Aufgabenhierarchie und werden auf Frames platziert. Im Aufgabeneditor sind Objekte in 7 Gruppen zusammengefasst: Medien, Formen, Text, Schaltflächen & Navigation, Frageoptionen, Frageeingaben und Verschiedene Fragen. Diese Elemente werden als Bausteine verwendet, mit denen Sie Ihre experimentelle Aufgabe und Stimuli erstellen können.
Für einen Überblick über die in Labvanced verfügbaren Objekte, sehen Sie sich bitte dieses Einleitungsvideo an:
Objekte können über die Objektsymbolleiste hinzugefügt werden, die sich links im Frame befindet.

Eine Liste aller Objekte, die auf dem aktuell ausgewählten Frame platziert wurden, wird auf der rechten Seite des Editors unter dem Tab "Objekte" angezeigt. Benutzer können den z-index eines Objekts ändern (welches Objekt vor anderen angezeigt wird), Objekte kopieren und Objekte löschen.
Objekte können als Teil des Ereignissystems verwendet werden, sodass die Stimuli auf bestimmte Weise manipuliert werden, wenn bestimmte Aktionen auftreten. Zum Beispiel, wenn Sie möchten, dass ein Bild größer wird, wenn der Teilnehmer darauf klickt, wird dies durch ein Ereignis behandelt.
Das "derzeit ausgewählte Objekt" kann entweder durch Klicken auf das Objekt direkt im Frame oder durch Klicken auf das jeweilige Objekt in der Objektliste gewählt werden.
Nach Auswahl eines Objekts und des entsprechenden Modifikators (Standardversuch, Faktorenlevel, Bedingung oder Einzelversuch) können Änderungen direkt auf der Leinwand oder über das Panel "Objekteigenschaften" auf der rechten Seite vorgenommen werden. In diesem Panel werden alle Eigenschaften des derzeit ausgewählten Objekts angezeigt und können mithilfe von Eingabefeldern, Kontrollkästchen usw. geändert werden. Hier mehr zu Objekteigenschaften lesen.
Objektliste und benutzerdefinierte Eigenschaften
Eine vollständige Übersicht der verfügbaren Objekte und deren Beschreibungen folgt:

Bilder und Zeichnungsobjekte
Durch Klicken auf das erste Symbol im Seitenmenü der Objekte wird eine Liste der verfügbaren Bilder und Zeichnungsobjekte
angezeigt. Hier können Sie Bildstimuli, SVGs hinzufügen, das Zeichnen auf einer Leinwand ermöglichen oder ein Polygon erstellen.

Die folgende Tabelle gibt einen Überblick über die in Labvanced verfügbaren Bilder und Zeichnungsobjekte
:
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Bildobjekt | Das Bildobjekt kann verwendet werden, um ein Bild auf einem Leinwand-Frame anzuzeigen. Das Bild kann manuell über den Dateimanager festgelegt werden, kann aber auch während der Durchführung des Experiments dynamisch mit Ereignissen und Variablen (Datentyp Datei) geändert werden. Weitere Informationen. |
![]() | SVG-Objekt | Ein SVG kann im Canvas-Editor hochgeladen werden. Dieses Objekt ist bei Augenbewegungsstudien, die in Labvanced basieren, sehr beliebt. Ein SVG kann eine komplexe Form annehmen und als „Maske“ verwendet werden, um augenbewegungsbezogene Ereignisse wie das Zählen der Anzahl der Fixationen über einem bestimmten SVG-Bereich auszulösen. |
![]() | Canvas-Zeichnungsobjekt | Das Element Canvas Drawing ermöglicht es den Teilnehmern, auf dem Bildschirm mit ihrer Maus, ihrem Finger oder ihrem Trackpad auf ihrem Gerät zu „zeichnen“. Der Zeichenbereich kann vergrößert werden, wenn Sie diese Funktion aktivieren, indem Sie die Kontrollkästchen im Objekttab verwenden. Die Teilnehmer können zeichnen, löschen und Formen wie Dreiecke, Rechtecke oder Kreise hinzufügen. Formen können nach dem Hinzufügen um das Zeichenobjekt verschoben werden. Teilnehmer können auch die Farbe des Stifts oder der Form(en) ändern. Forscher können dieses Tool nutzen, um statische Bilder für ihre Experimente zu zeichnen, wenn sie möchten, indem sie das Kontrollkästchen mit der Aufschrift „Zeichnen durch Teilnehmer zulassen“ deaktivieren, sodass die Teilnehmer nicht im Kästchen zeichnen können. In jedem Fall wird die Zeichnung in den privaten Dateien jedes Teilnehmers als Bild gespeichert, ähnlich einem Kamera-Snapshot-Objekt. Jede Symbolleiste kann aktiviert oder deaktiviert werden, indem die entsprechenden Kästchen angekreuzt werden. |
![]() | Polygonobjekt | Polygonobjekte können ebenfalls für Augenbewegungsstudien verwendet werden, um eine Maske oder AOI direkt im Labvanced-Editor zu erstellen, indem Sie klicken, um komplexe Formen zu erstellen. Dieses Objekt kann auch verwendet werden, um Polylinien zu erstellen. Diese Demo zeigt, wie Polygonobjekte als Teil einer Augenbewegungsstudie verwendet werden können, um Fixationen zu zählen. |
Medienobjekte
Durch Klicken auf das zweite Symbol im Seitenmenü werden alle verfügbaren Medienobjekte
angezeigt.
Die folgende Tabelle gibt einen Überblick über die in Labvanced verfügbaren Medienobjekte
:
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Videoobjekt | Das Videoobjekt kann verwendet werden, um ein Video auf einem Leinwand-Frame anzuzeigen. Das Video kann manuell über den Dateimanager festgelegt werden, kann jedoch während der Durchführung des Experiments dynamisch mit Ereignissen und Variablen (Datentyp Datei) geändert werden. |
![]() | Audioobjekt | Das Audioobjekt kann verwendet werden, um eine Audiodatei auf einem Leinwand-Frame anzuzeigen. Die Audiodatei kann manuell über den Dateimanager festgelegt werden, kann jedoch während der Durchführung des Experiments dynamisch mit Ereignissen und Variablen (Datentyp Datei) geändert werden. |
![]() | Audioaufnahmeobjekt | Das Audioaufnahmeobjekt fungiert als visuelle Schnittstelle / Griff für Tonaufnahmen während der Durchführung des Experiments. Die Aufnahme kann über Schaltflächen, Frame-Ereignisse oder andere objektausgelöste Ereignisse gestartet und gestoppt werden und kann auf dem sicheren Labvanced-Server hochgeladen werden. |
![]() | Videoaufnahmeobjekt | Dieses Objekt kann verwendet werden, um ein Video des Teilnehmers, eine Aufnahme seines Bildschirms oder beides gleichzeitig aufzunehmen. Es gibt mehrere Optionen, die aktiviert/deaktiviert werden können: das aufgezeichnete Video dem Teilnehmer live oder später im Experiment (oder gar nicht) zu zeigen, dem Teilnehmer zu erlauben, das Starten/Stoppen/hochladen des Videos zu steuern und festzulegen, wo das Video als Variable gespeichert wird. Mit einem Videoaufnahmeobjekt wird auch der Ton des Teilnehmers aufgenommen. |
![]() | Kamera-Snapshot-Objekt | Dieses Objekt kann verwendet werden, um ein Bild-Snapshot des Teilnehmers zu machen. Dazu müssen Videoaufnahmen für das Experiment aktiviert werden. Optionen zum Anzeigen der Kamera-Schaltfläche, der Snapshot-Schaltfläche und der Upload-Schaltfläche können dem Teilnehmer verborgen oder angezeigt werden. Ereignisse können verwendet werden, um den Kamera-Snapshot auszulösen, oder der Teilnehmer kann ihn selbst steuern. Dieses Tool ist nützlich zur Überprüfung der Identität/demografischen Informationen des Teilnehmers, sollte jedoch als hochsensible Informationen behandelt werden. Der Snapshot wird als Dateivariante gespeichert. Hinweis 1: Die Aufzeichnung eines Videos/Bildes eines Teilnehmers oder seines Bildschirms kann hochsensibel sein. Bitte stellen Sie sicher, dass die Teilnehmer vollständig darüber informiert sind, was das Experiment beinhaltet, bevor sie beginnen. Hinweis 2: Wenn eine Webcam jeglicher Art in einer Studie verwendet wird (für Augenbewegung, Video, Snapshot usw.), werden die Teilnehmer aufgefordert, zu Beginn der Studie auszuwählen, welche Kamera sie verwenden möchten. Dies ermöglicht es den Teilnehmern, eine verbundene externe Kamera auszuwählen, wenn sie die integrierte Webcam nicht verwenden möchten. |
![]() | Video-Konferenzobjekt | Das Video-Konferenzobjekt ermöglicht es Ihnen, während der Dauer des Experiments einen Video- oder Audioanruf zwischen den Teilnehmern einzubetten oder abzuhalten. Weitere Informationen. |
Text- & Codeobjekte
Die dritte Option im Seitenmenü der Objekte ist Text & Code
, und die dortigen Objekte sind die folgenden:
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Textobjekt | Dieses Objekt zeigt Text und/oder Variablen auf einem Frame für die Teilnehmer an. Benutzer können Texte mit dem "Wort-ähnlichen" Texteditor (Symbolleiste) oben im Frame eingeben und bearbeiten (siehe Bild unten). Variablen können in Textelemente eingefügt werden, sodass deren aktueller Wert auf dem Bildschirm angezeigt wird (und automatisch aktualisiert wird). |
![]() | HTML-Objekt | Dieses Objekt rendert HTML, das Sie eingefügt haben. Fügen Sie dieses Objekt in den Canvas-Editor ein und gehen Sie dann, während es ausgewählt ist, zu den Objekteigenschaften (das rechte Seitenpanel) und fügen Sie ganz unten Ihren HTML-Code ein. |
![]() | Variablenobjekt | Durch das Hinzufügen dieses Objekts können Sie den Wert einer bestimmten Variable in Echtzeit im Editor anzeigen. |
Beim Arbeiten mit dem Textobjekt
wird ein „Texteditor“ angezeigt, in dem Sie weitere textbezogene Änderungen vornehmen können. Aus diesen Optionen ist die [x] Verknüpfte Variable-Option sehr beliebt, die in der oberen linken Ecke angezeigt wird. Diese Option ermöglicht es Ihnen grundsätzlich, Text hervorzuheben, eine Variable damit zu verknüpfen, sodass der Wert angezeigt wird.
Für einen vollständigen Überblick über die angezeigten Optionen/Einstellungen besuchen Sie bitte die Texteditor-Seite.
Schaltflächen & Navigationsobjekte
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Schaltflächenobjekt | Eine Standardeinschaltung, deren Beschriftung bearbeitet werden kann und die Ereignisse mithilfe des Triggers "ButtonClick" auslösen kann. Ein Klick auf die Schaltfläche kann auch als Teilnehmendenantwortvariable erfasst werden. |
![]() | Navigationsobjekt | Dieses Objekt erscheint als zwei Schaltflächen mit zwei vorkonfigurierten zugehörigen Ereignissen, die dem Probanden ermöglichen, zum vorherigen Frame oder zum nächsten Frame zu navigieren. |
![]() | Fortschrittsbalkenobjekt | Der Fortschrittsbalken kann verwendet werden, um den Fortschritt des Experiments in Prozent anzuzeigen. |
Frageobjekte
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Kontrollkästchenobjekt | Ein Frageelement, bei dem die Teilnehmer eine oder mehrere Antworten auswählen können. |
![]() | Multiple-Choice-Objekt | Ein Frageelement, bei dem die Teilnehmer nur eine Wahl treffen müssen. |
![]() | Likert-Skalenobjekt | Ein Frageelement, das häufig verwendet wird, um den Grad der Zustimmung zu einer Aussage anzuzeigen. Die Teilnehmer können eine Antwort wählen, die irgendwo zwischen zwei Aufforderungen liegt. |
![]() | Matrixobjekt | Ein Element, bei dem mehrere Fragen oder Aussagen als Zeilen angezeigt werden können. Jede Aussage wird auf derselben Skala beantwortet, die in den Spalten angezeigt wird. |
Die "erforderliche" Eigenschaft dieser Objekte kann dynamisch während der Laufzeit der Studie geändert werden. Objekte werden nur als erforderlich angezeigt, solange sie nicht ausgeblendet sind (Sichtbarkeit = 0).
Die Reihenfolge der Antworten kann für diese Objekte mithilfe des Kontrollkästchens "Reihenfolge der Elemente zufällig machen" im Fenster Objekteigenschaften randomisiert werden. Wenn Sie die Reihenfolge erfasst möchten, in der die Optionen präsentiert werden, nachdem Sie sie auf zufällig gesetzt haben, können Sie das Kontrollkästchen mit dem Titel "Reihenfolge mit Array verknüpfen" aktivieren. Dies erstellt eine Array-Variable, die die Reihenfolge der für dieses Element präsentierten Optionen speichert, die standardmäßig "itemOrderArrVar" genannt wird. Das Array speichert den ganzzahligen Wert der Optionen, wie im Editor definiert, in der Reihenfolge, in der sie von oben nach unten des Elements angezeigt werden. Die Positionen und Werte der Einträge können im Tab Variablen für jede der "itemOrderArrVar"-Variablen bearbeitet werden.
Frageeingabeobjekte
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Eingabeobjekt | Wird von den Teilnehmern verwendet, um kurze Antworten einzufügen. Dieses Element kann Antworten in Form von Zahlen (numerisch), Text (String), Daten, Zeiten und Farben erfassen. |
![]() | Absatzobjekt | Ähnlich wie das Eingabeobjekt, aber für längere Antworten verwendet. Antworten sind Text (String)-Variablen. |
![]() | Bereichsobjekt | Mit diesem Element können die Teilnehmer eine Antwort mithilfe eines Schieberegler-Werkzeugs geben. Benutzer können dieses Objekt so einstellen, dass numerische Werte angezeigt werden (linke Grenze, rechte Grenze und die Antwort des Teilnehmers als Zahl über dem Schieberegler) oder es leer lassen. Hinweis 1: Handle zunächst verbergen: Diese Option verbirgt den Handgriff (den Kreis, den die Teilnehmer ziehen, um ihre Antwort zu geben), bis der Teilnehmer auf das Objekt klickt. Dadurch wird die potenzielle Verzerrung entfernt, die möglicherweise besteht, wenn die Teilnehmer den Griff zuerst in der Mitte des Bereichsobjekts sehen. |
![]() | Auswahlobjekt | Ein Frageelement, bei dem Antworten aus einem Dropdown-Menü ausgewählt werden, das der Forscher mit möglichen Antworten füllt. Hinweis: Dieses Objekt kann in verschiedene Sprachen übersetzt werden. Hinweis 2: Verfügbare Antworten können dynamisch geändert werden, indem das Objekt mit einer Array-Variable verknüpft wird. |
Verschiedene Objekte
Schnittstelle | Objektname | Beschreibung |
---|---|---|
![]() | Sortierbares Objekt | Eine Frage mit mehreren Elementen, die mithilfe von Drag-and-Drop-Methoden sortiert werden können. |
![]() | Unsichtbares Element Objekt | Das unsichtbare Element ist für die Teilnehmer niemals sichtbar, kann jedoch Ereignisse auslösen, sodass Ereignisse durch Mausereignisse an scheinbar leeren Bereichen auf der Leinwand ausgelöst werden können. |
![]() | Upload-Objekt | Teilnehmer können dieses Objekt verwenden, um Dateien in das Experiment hochzuladen (die dann auf dem Labvanced-Server gespeichert werden), auf die der Forscher später zugreifen kann. |
![]() | i-Frame-Objekt | Das I-Frame-Objekt kann verwendet werden, um ein I-Frame (eingebettete andere Webseite) innerhalb des Experiments anzuzeigen. WICHTIG: Damit das I-Frame angezeigt werden kann, muss der Server, der die Ziel-URL steuert, den http-Header "Access-Control-Allow-Origin" so einstellen, dass er entweder "*" enthält oder "labvanced.com" enthält und den http-Header "X-Frame-Options" nicht festlegen. |
![]() | Unterstudienobjekt | Dieses leistungsstarke Objekt ermöglicht es Ihnen, andere Labvanced-Studien innerhalb eines einzelnen „Eltern“-Experiments einzubetten. Weitere Informationen. |
Objekteigenschaften
Die Objekteigenschaften für das derzeit ausgewählte Objekt werden auf der rechten Seite des Editors angezeigt. Diese Eigenschaften bestimmen, wie die Objekte im Frame den Teilnehmern erscheinen. Viele Objekteigenschaften können zwischen den Versuchen geändert werden, während einige Eigenschaften (wie der Name des Objekts) festgelegt sind und sich zwischen den Versuchen nicht unterscheiden können. Eigenschaften, die geändert werden (anders als der Standardwert), sind durch eine dunkelgraue Hintergrundfarbe gekennzeichnet. Alle Eigenschaften, die zwischen den Versuchen geändert werden können, können dynamisch während der Ausführung des Ereignisses mithilfe der Aktion "objekt Eigenschaft setzen" geändert werden. Die "erforderliche" Eigenschaft von Objekten kann dynamisch während der Laufzeit der Studie geändert werden. Objekte werden nur dann als erforderlich angezeigt, wenn sie nicht verborgen sind (Sichtbarkeit = 0). Dies ermöglicht sehr interaktive und dynamische Experimente. Bitte sehen Sie sich die Seite "Objekteigenschaften-Tabellen" für detaillierte Diagramme aller Objektarten und deren Eigenschaften an.
Im Aufgabeneditor kann das Aussehen der Objekte geändert werden, um das Bearbeiten Ihrer Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die Ihnen dabei helfen: sperren und ausblenden.
- Sperren: Durch Klicken auf das kleine Schloss-Symbol neben dem Namen eines Objekts im Objekttab wird seine Position im Frame gesperrt. Dadurch wird eine versehentliche Verschiebung oder Änderung des Objekts während des Bearbeitens der Studie verhindert.
- Ausblenden: Durch Klicken auf das kleine Augensymbol neben dem Namen eines Objekts im Objekttab wird das Objekt im Frame ausgeblendet. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig im Frame haben und während des Bearbeitens nur eines oder mehrere sehen möchten.
Beide Eigenschaften sind nur aktiv, während Sie die Studie bearbeiten. Das Sperren oder Ausblenden eines Objekts im Aufgabeneditor ändert nicht, wie der Teilnehmer dieses Objekt während der Studie sieht.
Benutzerdefinierte CSS-Eigenschaften
Eine CSS-Eigenschaft ist ein Stil eines Elements, der in HTML-Code geschrieben ist. Die CSS-Eigenschaften eines Elements können im Tab Objekteigenschaften geändert werden, indem Sie auf das Element klicken und das Kontrollkästchen „CSS-Eigenschaften ändern“ aktivieren. Beispielcode wird in grauem Text als Beispiel bereitgestellt.
Um benutzerdefinierten Code zu schreiben, benötigen Sie ein Referenzelement, dessen Selektorenamen, einen Befehl und einen Wert. Um den Selektorenamen für das Element zu finden, das Sie bearbeiten möchten, klicken Sie mit der rechten Maustaste auf das Element und klicken Sie auf "Untersuchen". Dies öffnet die Konsole auf Ihrem Gerät. Zum Beispiel ist der Selektor für ein Textelement der Buchstabe p.
Sie müssen auch geschweifte Klammern für Ihren Code verwenden. Ein Beispielcode zum Ändern der Farbe eines Textelements ist:
p{
background-color:green
}
Während Eigenschaften wie die Hintergrundfarbe leicht über das Fenster für Objekteigenschaften geändert werden können, gibt es Anwendungsfälle, in denen Sie spezifischer mit Ihren CSS-Eigenschaften sein möchten. Beispielsweise können bei Matrixelementen mehrere verschiedene CSS-Eigenschaften verwendet werden, um Ihr Element anzupassen.
Viele benutzerdefinierte CSS-Eigenschaften können mit mehreren Codezeilen zu demselben Element hinzugefügt werden.
Wenn Sie neu im Codieren sind oder mehr Informationen über CSS wünschen, sehen Sie sich dieses Modul von MDN an.