Objekte

Beschreibung: Arbeiten mit Objekten

Objekte sind die niedrigste Instanz in der Aufgabenhierarchie und werden auf Frames platziert. Im Task-Editor sind Objekte in 7 Gruppen unterteilt: Medien, Formen, Text, Buttons & Navigation, Frageoptionen, Frageeingaben und Verschiedene Fragen. Diese Elemente dienen als Bausteine, aus 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 Einführungsvideo an:

Objekte können über die Objekt-Symbolleiste, die sich links im Frame befindet, zum Frame hinzugefügt werden. Eine Liste aller Objekte, die im 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 löschen.

Objekte können als Teil des Ereignissystems verwendet werden, sodass die Stimuli in irgendeiner Weise manipuliert werden, wenn bestimmte Aktionen auftreten. Wenn Sie beispielsweise möchten, dass ein Bild größer wird, wenn der Teilnehmer darauf klickt, wird dies durch ein Ereignis behandelt.

Das "aktuell ausgewählte Objekt" kann entweder durch Klicken darauf direkt im Frame oder durch Klicken auf das jeweilige Objekt in der Objektliste ausgewählt werden. Nachdem ein Objekt und der entsprechende Modifikator (Standardversuch, Faktorebene, Bedingung oder Einzelversuch) ausgewählt wurden, 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 aktuell ausgewählten Objekts angezeigt und können mit Hilfe von Eingabefeldern, Kontrollkästchen usw. geändert werden. Lesen Sie hier mehr über Objekteigenschaften.

Objektliste und benutzerdefinierte Eigenschaften

Medienobjekte

Durch Klicken auf das erste Symbol im Seitenmenü "Objekte" wird eine vollständige Liste der Medienobjekte angezeigt. Hier fügen Sie mediabasierten Stimuli wie Bildern und Videos hinzu, aber auch erweiterte Funktionen wie Audioaufnahmen.

Die folgende Tabelle gibt einen Überblick über die in Labvanced verfügbaren Medienobjekte:

Medienobjekt	Beschreibung
Bildobjekt	Das Bildobjekt kann verwendet werden, um ein Bild auf einem Canvas-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.
Videoobjekt	Das Videoobjekt kann verwendet werden, um ein Video auf einem Canvas-Frame zu präsentieren. Das Video 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.
Audioobjekt	Das Audioobjekt kann verwendet werden, um eine Audiodatei auf einem Canvas-Frame zu präsentieren. Die Audiodatei 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.
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 objektgesteuerte Ereignisse gestartet und gestoppt werden und kann auf den sicheren Labvanced-Server hochgeladen werden.
Videorecording-Objekt	Dieses Objekt kann verwendet werden, um ein Video des Teilnehmers, eine Aufnahme ihres Bildschirms oder beides gleichzeitig aufzuzeichnen. 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, es dem Teilnehmer zu ermöglichen, den Start/Stopp/Hochladen des Videos zu steuern und zu bestimmen, wo das Video als Variable gespeichert wird. Bei der Verwendung eines Videoaufnahmeobjekts wird auch Audio vom Teilnehmer aufgezeichnet.
Kamera-Snapshot-Objekt	Dieses Objekt kann verwendet werden, um einen Bild-Snapshot des Teilnehmers aufzunehmen. Dazu müssen Videoaufnahmen für das Experiment aktiviert sein. Optionen zum Anzeigen der Kamera-, Snapshot- und Upload-Schaltflächen 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 Werkzeug ist nützlich zur Überprüfung von Identitäts-/Demografiedaten des Teilnehmers, sollte jedoch als hochsensibel betrachtet werden. Der Snapshot wird als Dateivariable gespeichert. Hinweis 1: Die Aufnahme eines Videos/Bildes eines Subjekts oder ihres Bildschirms kann sehr sensibel sein. Bitte stellen Sie sicher, dass die Teilnehmer sich darüber im Klaren sind, was das Experiment beinhaltet, bevor sie beginnen. Hinweis 2: Wenn eine Webcam irgendeiner Art in einer Studie verwendet wird (für Eye-Tracking, Video, Snapshot usw.), werden die Teilnehmer zu Beginn der Studie aufgefordert, die Kamera auszuwählen, die sie verwenden möchten. Dadurch können Teilnehmer eine verbundene externe Kamera auswählen, wenn sie kein integriertes Webcam-System verwenden möchten.
iFrame-Objekt	Das iFrame-Objekt kann verwendet werden, um ein iFrame (eingebettete andere Website) innerhalb des Experiments anzuzeigen. WICHTIG: Damit das iFrame angezeigt wird, muss der Server, der die Ziel-URL steuert, den http-Header "Access-Control-Allow-Origin" entweder auf "*" setzen oder "labvanced.com" einfügen, ohne den http-Header "X-Frame-Options" zu setzen.
Sub-Studienobjekt	Dieses leistungsstarke Objekt ermöglicht es Ihnen, andere Labvanced-Studien innerhalb eines einzelnen "Eltern"-Experiments einzubetten.

Formenobjekte

Durch Klicken auf das zweite Symbol im Seitenmenü werden alle verfügbaren Formenobjekte angezeigt.

Die folgende Tabelle gibt einen Überblick über die in Labvanced verfügbaren Formenobjekte:

Formobjekt	Beschreibung
Das UnsichtbareElement-Objekt	Das unsichtbare Objekt ist für die Teilnehmer niemals sichtbar, kann jedoch Ereignisse auslösen, sodass Ereignisse durch Mausklicks auf scheinbar leere Bereiche auf der Leinwand ausgelöst werden können.
Das Canvas-Zeichensobjekt	Das Canvas-Zeichenelement ermöglicht es den Teilnehmern, mit ihrer Maus, ihrem Finger oder ihrem Trackpad auf ihrem Gerät "zu zeichnen". Der Zeichenbereich kann angepasst werden, wenn Sie diese Funktion über die Kontrollkästchen im Objekte-Tab aktivieren. Teilnehmer können zeichnen, löschen und Formen wie ein Dreieck, Rechteck oder Kreis hinzufügen. Formen können nach dem Hinzufügen im Zeichnen verschoben werden. Teilnehmer können auch die Farbe des Stifts oder der Formen ändern. Forscher können dieses Tool verwenden, um statische Bilder für ihre Experimente zu zeichnen, wenn sie dies wünschen, indem sie das Kontrollkästchen "Zeichnen durch Teilnehmer zulassen" deaktivieren, sodass die Teilnehmer nicht im Kästchen zeichnen können. In jedem Fall wird das Zeichnen als Bild in den privaten Dateien jedes Teilnehmers gespeichert, ähnlich wie bei einem Kamera-Snapshot-Objekt. Jede Werkzeugleiste kann aktiviert oder deaktiviert werden, indem die entsprechenden Kästchen angekreuzt werden.
SVG-Objekt	Ein SVG kann im Canvas-Editor hochgeladen werden. Dieses Objekt ist beliebt bei Eye-Tracking-Studien, die auf Labvanced basieren. Ein SVG kann eine komplexe Form annehmen und als "Maske" verwendet werden, um eye-trackingbezogene Ereignisse wie das Zählen der Fixationen über den bestimmten SVG-Bereich auszulösen.
Polygonobjekt	Polygonobjekte können ebenfalls für Eye-Tracking-Studien verwendet werden, um eine Maske oder AOI direkt im Labvanced-Editor zu erstellen, indem durch Klicken komplexe Formen erstellt werden. Dieses Objekt kann auch verwendet werden, um Polylinien zu erstellen. Diese Demo zeigt, wie Polygonobjekte im Rahmen einer Eye-Tracking-Studie verwendet werden können, um Fixationen zu zählen.

Textobjekte

Die dritte Option im Seitenmenü "Objekte" dient zum Hinzufügen von Textobjekten zum Editor.

Textobjekte	Beschreibung
DisplayText-Objekt	Dieses Objekt präsentiert Text und/oder Variablen auf einem Frame für die Teilnehmer. Benutzer können Texte im "Textverarbeiter"-Stil (Werkzeugleiste) oben auf dem Frame eingeben und bearbeiten. Variablen können in Textelemente eingefügt werden, sodass deren aktueller Wert angezeigt (und automatisch aktualisiert) wird.
DisplayHTML-Objekt	Dieses Objekt rendert HTML, das Sie eingefügt haben. Fügen Sie dieses Objekt zum Canvas-Editor hinzu, und gehen Sie dann, während es ausgewählt ist, zu den Objekteigenschaften (das rechte Seitenpanel) und fügen Sie unten Ihren HTML-Code ein.

Wenn Sie mit dem Display-Textobjekt arbeiten, wird ein "Texteditor" angezeigt, in dem Sie weitere textbezogene Bearbeitungen vornehmen können. Von diesen Optionen ist die [x] Option "Verknüpfte Variable" sehr beliebt, die in der oberen linken Ecke angezeigt wird. Diese Option ermöglicht es Ihnen im Wesentlichen, einen Text hervorzuheben, eine Variable daran 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.

Buttons & Navigationsobjekte

• Button-Objekt: Ein Standard-Button, dessen Beschriftung bearbeitet werden kann und das Ereignisse mithilfe des Auslösers "ButtonClick" auslösen kann. Ein Button-Klick kann auch als Teilnehmer-Antwortvariable aufgezeichnet werden.
• Navigationsobjekt: Dieses Objekt erscheint als zwei Schaltflächen mit zwei vordefinierten zugeordneten Ereignissen, die es dem Teilnehmer ermöglichen, zum vorherigen Frame oder zum nächsten Frame zu navigieren.
• Fortschrittsleistenobjekt: Die Fortschrittsleiste kann verwendet werden, um den Fortschritt des Experiments in Prozent anzuzeigen.

Frageobjekte

• Checkbox-Element: Ein Frageelement, bei dem die Teilnehmer eine oder mehrere Antworten auswählen können.
• Multiple-Choice-Element: Ein Frageelement, bei dem die Teilnehmer nur eine Wahl treffen müssen.
• Likert-Skala: Ein Frageelement, das häufig verwendet wird, um das Ausmaß der Zustimmung zu einer Aussage anzuzeigen. Teilnehmer können eine Antwort wählen, die irgendwo zwischen zwei Aufforderungen fällt.
• Matrixelement: Ein Element, in dem mehrere Fragen oder Aussagen als Zeilen angezeigt werden können. Jede Aussage wird innerhalb derselben Skala beantwortet, die in den Spalten angezeigt wird.

Die "erforderliche" Eigenschaft dieser Objekte kann während der Laufzeit der Studie dynamisch geändert werden. Objekte werden nur dann als erforderlich angezeigt, solange sie nicht verborgen sind (Sichtbarkeit = 0).

Die Reihenfolge der Antworten kann für diese Objekte mithilfe des Kontrollkästchens "Elementreihenfolge zufällig" im Fenster der Objekteigenschaften randomisiert werden. Wenn Sie die Reihenfolge, in der die Auswahlmöglichkeiten präsentiert werden, nach der Zufallsanpassung aufzeichnen möchten, können Sie das Kontrollkästchen mit der Bezeichnung "Reihenfolge mit Array verknüpfen" aktivieren. Dadurch wird eine Array-Variable erstellt, die die Reihenfolge der für dieses Element präsentierten Auswahlmöglichkeiten speichert, die standardmäßig "itemOrderArrVar" genannt wird. Das Array zeichnet den ganzzahligen Wert der Auswahlmöglichkeiten in der Reihenfolge auf, in der sie in der Bearbeitung von oben nach unten angezeigt werden. Die Positionen und Werte der Einträge können im Register "Variablen" für jede der "itemOrderArrVar"-Variablen bearbeitet werden.

Eingabeobjekte

• Eingabeobjekt: Wird verwendet, damit Teilnehmer kurze Antworten einfügen. Dieses Element kann Antworten in Form von Zahlen (numeric), Text (string), Daten, Zeiten und Farben sammeln.
• Absatzobjekt: Ähnlich wie das Eingabeobjekt, aber für längere Antworten verwendet. Die Antworten sind Text (string) Variablen.

Verschiedene Objekte

• Bereichsobjekt: Mit diesem Element können Teilnehmer eine Antwort mit einem Schiebetool geben. Benutzer können dieses Objekt so einstellen, dass es numerische Werte anzeigt (linke Grenze, rechte Grenze und die Antwort des Teilnehmers als Zahl über dem Schieberegler) oder wählen, es leer zu lassen.
  • Handle anfangs ausblenden: Diese Option blendet das Handle (den Kreis, den die Teilnehmer schieben, um ihre Antwort abzugeben) aus, bis der Teilnehmer auf das Objekt klickt. Dadurch wird eine potenzielle Verzerrung, die auftreten kann, wenn Teilnehmer das Handle zum ersten Mal im Zentrum des Bereichsobjekts sehen, entfernt.
• Auswahlobjekt: Ein Frageelement, bei dem die Antworten aus einem Dropdown-Menü ausgewählt werden, das der Experimentator mit möglichen Antworten füllt.
  • Dieses Objekt kann in verschiedene Sprachen übersetzt werden.
  • Die verfügbaren Antworten können dynamisch geändert werden, indem das Objekt mit einer Array-Variable verknüpft wird.
• Sortierbares Objekt: Eine Frage mit mehreren Elementen, die mithilfe von Drag-and-Drop-Methoden sortiert 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), damit der Experimentator später darauf zugreifen kann.

Objekteigenschaften

Die Objekteigenschaften für das aktuell ausgewählte Objekt werden auf der rechten Seite des Editors angezeigt. Diese Eigenschaften bestimmen, wie die Objekte auf dem Frame für die Teilnehmer aussehen. Viele Objekteigenschaften können zwischen den Versuchen geändert werden, während einige Eigenschaften (wie der Name des Objekts) fest sind und nicht zwischen den Versuchen unterschiedlich sein können. Eigenschaften, die geändert werden (abweichend vom Standardwert), sind durch eine dunkelgraue Hintergrundfarbe gekennzeichnet. Alle Eigenschaften, die zwischen den Versuchen geändert werden können, können dynamisch während der Ereignisausführung mithilfe der Aktion "Objekteigenschaft festlegen" geändert werden. Die "erforderliche" Eigenschaft von Objekten kann während der Laufzeit der Studie dynamisch geändert werden. Objekte werden nur als erforderlich angezeigt, solange sie nicht verborgen sind (Sichtbarkeit = 0). Dies ermöglicht sehr interaktive und dynamische Experimente. Bitte sehen Sie die Seite "Objekteigenschaften-Tabellen" für eine detaillierte Übersicht aller Objektarten und deren Eigenschaften.

Im Task-Editor kann das Erscheinungsbild der Objekte geändert werden, um die Bearbeitung Ihrer Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die dies ermöglichen: sperren und ausblenden.

• Sperren: Durch Klicken auf das kleine Schloss-Symbol neben dem Namen eines Objekts im Objekte-Tab wird seine Position auf dem Frame fixiert. Dies verhindert eine versehentliche Bewegung oder Änderung des Objekts während der Bearbeitung der Studie.
• Ausblenden: Durch Klicken auf das kleine Augensymbol neben dem Namen eines Objekts im Objekte-Tab wird das Objekt unsichtbar auf dem Frame. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig im Frame haben und nur eines oder mehrere gleichzeitig sehen möchten, während Sie bearbeiten.

Beide Eigenschaften sind nur aktiv, während die Studie bearbeitet wird. Das Sperren oder Ausblenden eines Objekts im Task-Editor ä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 Bezugselement, seinen Selektornamen, einen Befehl und einen Wert. Um den Selektornamen für das Element zu finden, das Sie bearbeiten möchten, klicken Sie mit der rechten Maustaste auf das Element und klicken Sie auf "inspektieren". 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 Beispiel für Code, um die Farbe eines Textelements zu ändern, lautet:

p{

background-color:green

}

Während Eigenschaften wie die Hintergrundfarbe mithilfe des Fensters Objekteigenschaften einfach geändert werden können, gibt es Anwendungsfälle, in denen Sie spezifischer mit Ihren CSS-Eigenschaften sein möchten. Zum Beispiel können in Matrixelementen mehrere verschiedene CSS-Eigenschaften verwendet werden, um Ihr Element anzupassen.

Viele benutzerdefinierte CSS-Eigenschaften können mit mehreren Zeilen Code dem gleichen Element hinzugefügt werden.

Wenn Sie neu im Programmieren sind oder mehr Informationen über CSS wünschen, schauen Sie sich dieses Modul von MDN an.