Objekte

Beschreibung: Arbeiten mit Objekten

Objekte sind die kleinste Instanz in der Aufgabenhierarchie und werden auf Frames platziert. Im Aufgaben-Editor sind Objekte in 7 Gruppen unterteilt: Medien, Formen, Text, Schaltflächen & Navigation, Frageoptionen, Frageingaben und Verschiedene Fragen.

Objekte können über die Objektwerkzeugleiste, die sich links vom Frame befindet, zu dem Frame hinzugefügt werden. Eine Liste aller Objekte, die im aktuell ausgewählten Frame platziert wurden, wird auf der rechten Seite des Editors im 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 bestimmte Aktionen die Stimuli auf verschiedene Weise manipulieren. Wenn Sie beispielsweise möchten, dass ein Bild größer wird, wenn der Teilnehmer darauf klickt, wird dies durch ein Ereignis gesteuert.

Das "derzeit ausgewählte Objekt" kann entweder direkt durch einen Klick darauf im Frame oder durch einen Klick auf das jeweilige Objekt in der Objektliste ausgewählt werden. Nach der Auswahl eines Objekts und des entsprechenden Modifikators (Standardversuch, Faktor, 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 mit den Eingabefeldern, Kontrollkästchen usw. geändert werden. Erfahren Sie hier mehr über Objekteigenschaften.

Objektliste und benutzerdefinierte Eigenschaften

Medienobjekte

Durch Klicken auf das erste Symbol im Seitenmenü der Objekte erscheint eine vollständige Liste der Medienobjekte. Hier können medienbasierte Stimuli wie Bilder und Videos hinzugefügt werden, aber auch fortgeschrittene 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 Leinwand-Frame anzuzeigen. Das Bild kann manuell über den Dateimanager gesetzt werden, kann jedoch auch während der Durchführung des Experiments dynamisch über Ereignisse und Variablen (Datentyp Datei) geändert werden.
Videoobjekt	Das Videoobjekt kann verwendet werden, um ein Video auf einem Leinwand-Frame zu präsentieren. Das Video kann manuell über den Dateimanager gesetzt werden, kann jedoch auch während der Durchführung des Experiments dynamisch über Ereignisse und Variablen (Datentyp Datei) geändert werden.
Audioobjekt	Das Audioobjekt kann verwendet werden, um eine Audiodatei auf einem Leinwand-Frame zu präsentieren. Die Audiodatei kann manuell über den Dateimanager gesetzt werden, kann jedoch auch während der Durchführung des Experiments dynamisch über Ereignisse und Variablen (Datentyp Datei) geändert werden.
Audioaufzeichnungsobjekt	Das Audioaufzeichnungsobjekt fungiert als visuelles Interface / Handle 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 den sicheren Labvanced-Server hochgeladen werden.
Videoaufzeichnungsobjekt	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 die Kontrolle über Start/Stopp/Hochladen des Videos zu ermöglichen sowie zu bestimmen, wo das Video als Variable gespeichert wird. Mit einem Videoaufzeichnungsobjekt wird auch Audio vom Teilnehmer aufgenommen.
Kamera-Snapshot-Objekt	Dieses Objekt kann verwendet werden, um einen Bildsnapshot des Teilnehmers aufzunehmen. Dazu müssen Videoaufzeichnungen für das Experiment aktiviert sein. Optionen zum Anzeigen der Kamerataste, Snapshot-Taste und Hochladetaste können dem Teilnehmer verborgen oder angezeigt werden. Ereignisse können verwendet werden, um das Kamerasnapshot auszulösen, oder der Teilnehmer kann es selbst steuern. Dieses Tool ist nützlich zur Überprüfung der Identität/demografischen Informationen des Teilnehmers, sollte aber als hochsensibel betrachtet werden. Der Snapshot wird als Datei-Variable gespeichert. Hinweis 1: Die Aufzeichnung eines Videos/Bildes eines Teilnehmers oder seines Bildschirms kann äußerst sensibel sein. Bitte stellen Sie sicher, dass die Teilnehmer vollständig darüber informiert sind, was das Experiment beinhaltet, bevor sie beginnen. Hinweis 2: Wenn in einer Studie (z. B. für Eyetracking, Video, Snapshot usw.) jegliche Art von Webcam verwendet wird, werden die Teilnehmer zu Beginn der Studie aufgefordert, auszuwählen, welche Kamera sie verwenden möchten. Dies ermöglicht es den Teilnehmern, eine angeschlossene externe Kamera auszuwählen, wenn sie das integrierte Webcam-System nicht 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 werden kann, muss der Server, der die Ziel-URL steuert, den http-Header "Access-Control-Allow-Origin" entweder auf "*" setzen oder "labvanced.com" einfügen und den http-Header "X-Frame-Options" nicht setzen.

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 Mausereignisse in scheinbar leeren Bereichen der Leinwand ausgelöst werden können.
Das Leinwandzeichnungsobjekt	Das Leinwandzeichnungsobjekt ermöglicht es den Teilnehmern, mit ihrer Maus, ihrem Finger oder ihrem Trackpad auf ihrem Gerät auf dem Bildschirm "zu zeichnen". Der Zeichenbereich kann vergrößert werden, wenn Sie diese Funktion aktivieren, indem Sie die Kontrollkästchen im Tab "Objekte" verwenden. Teilnehmer können zeichnen, löschen und Formen wie ein Dreieck, Rechteck oder Kreis hinzufügen. Formen können nach dem Hinzufügen im Zeichnungsbereich 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 "Zeichnen durch Teilnehmer erlauben" deaktivieren, sodass die Teilnehmer nicht im Feld zeichnen können. In jedem Fall wird das Zeichnen als Bild in den privaten Dateien jedes Teilnehmers gespeichert, ähnlich einem Kamerasnapshot-Objekt. Jeder Werkzeugleiste kann durch Ankreuzen der entsprechenden Kästchen aktiviert oder deaktiviert werden.
SVG-Objekt	Ein SVG kann in den Leinwand-Editor hochgeladen werden. Dieses Objekt ist beliebt bei Eyetracking-Studien, die in Labvanced durchgeführt werden. Ein SVG kann eine komplexe Form annehmen und als „Maske“ verwendet werden, um augenverfolgungsbezogene Ereignisse auszulösen, wie z. B. das Zählen der Anzahl der Fokussierungen auf einem bestimmten SVG-Bereich.
Polygon-Objekt	Polygon-Objekte können ebenfalls für Eyetracking-Studien verwendet werden, um eine Maske oder AOI direkt im Labvanced-Editor zu erstellen, indem sie durch Klicken komplexe Formen erzeugen. Dieses Objekt kann auch verwendet werden, um Polylinien zu erstellen. Diese Demo zeigt, wie Polygon-Objekte als Teil einer Eyetracking-Studie verwendet werden können, um Fokussierungen 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 an die Teilnehmer auf einem Frame. Benutzer können Texte mit dem "Wortähnlichen" Texteditor (Werkzeugleiste) oben im Frame eingeben und bearbeiten. Variablen können in Textelemente eingefügt werden, sodass ihr aktueller Wert auf dem Bildschirm angezeigt (und automatisch aktualisiert) wird.
DisplayHTML-Objekt	Dieses Objekt rendert HTML, das Sie eingefügt haben. Fügen Sie dieses Objekt zum Leinwand-Editor hinzu und gehen Sie, während es ausgewählt ist, zu den Objekteigenschaften (dem rechten Seitenpanel) und fügen Sie am Ende Ihren HTML-Code ein.

Bei der Verwendung des Display-Text-Objekts erscheint ein „Texteditor“, in dem Sie weitere textbezogene Änderungen vornehmen können. Von 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 im Wesentlichen, Text hervorzuheben, eine Variable mit ihm zu verknüpfen, sodass der Wert angezeigt wird.

Für einen vollständigen Überblick über die angezeigten Optionen/Einstellungen besuchen Sie bitte die Seite des Texteditors.

Schaltflächen- & Navigationsobjekte

• Schaltflächenobjekt: Eine Standard-Schaltfläche, deren Beschriftung bearbeitet werden kann und die Ereignisse mit dem Trigger "ButtonClick" auslösen kann. Ein Schaltflächenklick kann auch als Variablenantwort des Teilnehmers aufgezeichnet werden.
• Navigationsobjekt: Dieses Objekt erscheint als zwei Schaltflächen mit zwei vordefinierten zugehörigen Ereignissen, die es dem Teilnehmer ermöglichen, zum vorherigen Frame oder zum nächsten Frame weiter zu navigieren.
• Fortschrittsbalkenobjekt: Der Fortschrittsbalken kann verwendet werden, um den Fortschritt des Experiments in Prozent anzuzeigen.

Frageobjekte

• Kontrollkästchen-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 auswählen müssen.
• Likert-Skala: Ein Frageelement, das häufig verwendet wird, um den Grad der Zustimmung zu einer Aussage anzugeben. Die Teilnehmer können eine Antwort auswählen, die irgendwo zwischen zwei Aufforderungen liegt.
• Matrix-Element: Ein Element, bei dem mehrere Fragen oder Aussagen als Zeilen angezeigt werden können. Jede Aussage wird innerhalb derselben Skala, die in den Spalten angezeigt wird, beantwortet.

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

Die Reihenfolge der Antworten kann für diese Objekte mit dem Kontrollkästchen "Elementreihenfolge randomisieren" im Fenster der Objekteigenschaften zufällig angeordnet werden. Wenn Sie die Reihenfolge, in der die Auswahlmöglichkeiten nach der Festlegung auf zufällig präsentiert werden, aufzeichnen möchten, können Sie das Kontrollkästchen "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, standardmäßig "itemOrderArrVar" genannt. Das Array zeichnet den Ganzzahlwert der Auswahlmöglichkeiten auf, wie im Editor definiert und 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.

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, wird jedoch für längere Antworten verwendet. Antworten sind Text (string)-Variablen.

Verschiedene Objekte

• Bereichsobjekt: Mit diesem Element können die Teilnehmer eine Antwort mit einem Schiebewerkzeug geben. Benutzer können dieses Objekt so einstellen, dass es numerische Werte (linke Grenze, rechte Grenze und die Antwort des Teilnehmers als Zahl über dem Schieberegler) anzeigt oder entscheiden, es leer zu lassen.
  • Handle anfangs ausblenden: Diese Option blendet das Handle (den Kreis, den die Teilnehmer ziehen, um ihre Antwort abzugeben) aus, bis der Teilnehmer auf das Objekt klickt. Dies beseitigt mögliche Verzerrungen, die auftreten können, wenn die Teilnehmer das Handle zum ersten Mal sehen.
• Auswahlobjekt: Ein Frageelement, bei dem 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.
  • Verfügbare 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 mit Drag & Drop-Methoden sortiert werden können.
• Upload-Objekt: Teilnehmer können dieses Objekt verwenden, um Dateien in das Experiment hochzuladen (die dann im Labvanced-Server gespeichert werden), auf die der Experimentator später zugreifen kann.

Objekteigenschaften

Die Objekteigenschaften für das derzeit 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 modifiziert werden, während einige Eigenschaften (wie der Name des Objekts) festgelegt sind und sich nicht zwischen den Versuchen unterscheiden können. Eigenschaften, die geändert wurden (verschiedene 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 Ausführung von Ereignissen mit der Aktion "Objekteigenschaft setzen" geändert werden. Die "verpflicht"-Eigenschaft der Objekte 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 besuchen Sie die Seite "Tabelle der Objekteigenschaften" für eine detaillierte Übersicht aller Objektarten und ihrer Eigenschaften.

Im Aufgaben-Editor kann das Erscheinungsbild von Objekten geändert werden, um das Bearbeiten Ihrer Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die Ihnen dies ermöglichen: Sperren und Ausblenden.

• Sperren: Ein Klick auf das kleine Vorhängeschlosssymbol neben dem Namen eines Objekts im Tab "Objekte" sperrt seine Position im Frame. Dies verhindert eine versehentliche Bewegung oder Änderung des Objekts während Sie die Studie bearbeiten.
• Ausblenden: Ein Klick auf das kleine Augensymbol neben dem Namen eines Objekts im Tab "Objekte" blendet das Objekt aus der Sicht im Frame aus. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig im Frame haben und nur eines oder mehrere zur Bearbeitung sehen möchten.

Beide Eigenschaften sind nur aktiv, während die Studie bearbeitet wird. Das Sperren oder Ausblenden eines Objekts im Aufgaben-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 als grauer Text als Beispiel bereitgestellt.

Um benutzerdefinierten Code zu schreiben, benötigen Sie ein Referenzelement, 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 "Untersuchen". Dies öffnet die Konsole auf Ihrem Gerät. Beispielweise 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 leicht mit dem Fenster für Objekteigenschaften 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 Matrix-Elementen mehrere verschiedene CSS-Eigenschaften verwendet werden, um Ihr Element anzupassen.

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

Wenn Sie neu im Programmieren sind oder weitere Informationen über CSS wünschen, besuchen Sie dieses Modul von MDN.