Objekte

Beschreibung: Arbeiten mit Objekten

Objekte sind die niedrigste Instanz in der Aufgabenhierarchie und werden auf Rahmen platziert. Im Aufgabeneditor sind die Objekte in 7 Gruppen unterteilt: Medien, Formen, Text, Schaltflächen & Navigation, Frageoptionen, Frageeingaben und Verschiedene Fragen. Diese Elemente werden als Bausteine verwendet, aus denen Sie Ihre experimentelle Aufgabe und Stimuli erstellen können.

Für einen Überblick über die in Labvanced verfügbaren Objekte, schauen Sie sich bitte dieses Einführungsvideo an:

Objekte können über die Objektwerkzeugleiste, die sich links neben dem Rahmen befindet, zum Rahmen hinzugefügt werden. Eine Liste aller Objekte, die auf dem aktuell ausgewählten Rahmen platziert wurden, wird rechts im Editor 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 auf irgendeine 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 gesteuert.

Das "aktuell ausgewählte Objekt" kann entweder durch direktes Klicken darauf im Rahmen oder durch Klicken auf das entsprechende Objekt in der Objektliste ausgewählt werden. Nach der Auswahl eines Objekts und des entsprechenden Modifikators (Standardversuch, Faktorebene, Bedingung oder Einzelversuch) können Änderungen direkt auf der Leinwand oder über das Panel "Objekteinstellungen" Rechts vorgenommen werden. In diesem Panel werden alle Eigenschaften des derzeit ausgewählten Objekts angezeigt und können mit Hilfe von Eingabefeldern, Kontrollkästchen usw. geändert werden. Hier mehr über Objekteigenschaften lesen.

Objektliste und benutzerdefinierte Eigenschaften

Medienobjekte

Durch Klicken auf das erste Symbol im Objektseitenmenü wird eine vollständige Liste der Medienobjekte angezeigt. Hier gehen Sie hin, um medienbasierte Stimuli wie Bilder und Videos hinzuzufügen, 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 Rahmen anzuzeigen. Das Bild kann manuell über den Dateimanager festgelegt werden, kann jedoch 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 Rahmen anzuzeigen. Das Video kann manuell über den Dateimanager festgelegt werden, kann jedoch 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 Rahmen anzuzeigen. Die Audiodatei kann manuell über den Dateimanager festgelegt werden, kann jedoch 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, Rahmenereignisse oder andere objektgetriggerte 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: Zeigen des aufgenommenen Videos dem Teilnehmer live oder später im Experiment (oder gar nicht), dem Teilnehmer erlauben, den Start/Stopp/Upload des Videos zu steuern und festlegen, wo das Video als Variable gespeichert wird. Bei Verwendung eines Videoaufnahmeobjekts wird auch Audio vom Teilnehmer aufgezeichnet.
Kamerasnapshot-Objekt	Dieses Objekt kann verwendet werden, um einen Fotosnapshot vom Teilnehmer zu machen. Dazu müssen Videoaufnahmen für das Experiment aktiviert sein. Optionen zum Anzeigen der Kamerataste, der Snapshot-Taste und der Upload-Taste können dem Teilnehmer verborgen oder angezeigt werden. Ereignisse können verwendet werden, um den Kamerasnapshot 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 Information betrachtet werden. Der Snapshot wird als Datei-Variable gespeichert. Hinweis 1: Die Aufnahme eines Videos/Bildes eines Teilnehmers oder ihres Bildschirms kann hochsensibel sein. Bitte stellen Sie sicher, dass die Teilnehmer vollständig über den Experimentinhalt informiert sind, bevor sie beginnen. Hinweis 2: Wenn eine Webcam irgendeiner Art in einer Studie verwendet wird (für Eyetracking, Video, Snapshot usw.), werden die Teilnehmer zu Beginn der Studie aufgefordert, die Kamera auszuwählen, die sie verwenden möchten. Dies ermöglicht es den Teilnehmern, eine verbundene externe Kamera auszuwählen, wenn sie das integrierte Webcam-System nicht verwenden möchten.
I-Frame-Objekt	Das I-Frame-Objekt kann verwendet werden, um ein I-Frame (eingebettete andere Website) innerhalb des Experiments anzuzeigen. WICHTIG: Damit das I-Frame angezeigt wird, muss der Server, der die Ziel-URL steuert, den http-Header "Access-Control-Allow-Origin" entweder auf "*" setzen oder "labvanced.com" einbeziehen und den http-Header "X-Frame-Options" nicht setzen.

Formenobjekte

Ein Klick auf das zweite Symbol im Seitenmenü zeigt alle verfügbaren Formenobjekte an.

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

Formenobjekt	Beschreibung
Das UnsichtbaresElement-Objekt	Das Unsichtbare Objekt ist für Teilnehmer nie sichtbar, kann aber Ereignisse auslösen, sodass Ereignisse durch Mausereignisse in scheinbar leeren Bereichen auf der Leinwand ausgelöst werden können.
Das Canvas-Zeichnungsobjekt	Das Canvas-Zeichnungselement ermöglicht es den Teilnehmern, 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. Teilnehmer können zeichnen, radieren und Formen wie ein Dreieck, Rechteck oder Kreis hinzufügen. Formen können nach dem Hinzufügen im Zeichnungsbereich hin und her gezogen werden. Teilnehmer können auch die Farbe des Stifts oder der Form(en) ändern. Forscher können dieses Tool auch verwenden, um statische Bilder für ihre Experimente zu zeichnen, wenn sie möchten, indem sie die Box mit der Bezeichnung "Zeichnen durch Teilnehmer erlauben" deaktivieren, sodass die Teilnehmer nicht im Feld zeichnen können. In jedem Fall wird die Zeichnung in den privaten Dateien jedes Teilnehmers als Bild gespeichert, ähnlich einem Kamerasnapshot-Objekt. Jede Werkzeugleiste kann aktiviert oder deaktiviert werden, indem die entsprechenden Kästchen markiert werden.
SVG-Objekt	Ein SVG kann in den Canvas-Editor hochgeladen werden. Dieses Objekt ist bei eye-tracking-Studien, die in Labvanced durchgeführt werden, beliebt. Ein SVG kann eine komplexe Form annehmen und als 'Maske' verwendet werden, um eye-tracking-bezogene Ereignisse wie die Anzahl der Fixationen über den bestimmten SVG-Bereich auszulösen.
Polygon-Objekt	Polygon-Objekte können ebenfalls für eye-tracking-Studien verwendet werden, um eine Maske oder AOI direkt im Labvanced-Editor zu erstellen, indem komplexe Formen durch Klicken erstellt werden. Dieses Objekt kann auch verwendet werden, um Polylinien zu erstellen. Diese Demo zeigt, wie Polygon-Objekte als Teil einer eye-tracking-Studie verwendet werden können, um Fixationen zu zählen.

Textobjekte

Die dritte Option im Objektseitenmenü dient dem Hinzufügen von Textobjekten zum Editor.

Textobjekte	Beschreibung
DisplayText-Objekt	Dieses Objekt präsentiert Text und/oder Variablen den Teilnehmern auf einem Rahmen. Benutzer können Texte mit dem "Textverarbeitungsähnlichen" Texteditor (Werkzeugleiste) oben im Rahmen eingeben und bearbeiten. Variablen können in Textelemente eingefügt werden, sodass ihr aktueller Wert (und automatisch aktualisiert) auf dem Bildschirm angezeigt wird.
DisplayHTML-Objekt	Dieses Objekt rendert HTML, das Sie eingefügt haben. Fügen Sie dieses Objekt zum Leinwand-Editor hinzu und gehen Sie dann, während es ausgewählt ist, zu den Objekteinstellungen (das rechte Seitenpanel) und fügen Sie unten Ihren HTML-Code ein.

Wenn Sie mit dem Display-Textobjekt arbeiten, wird ein 'Texteditor' erscheinen, 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 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 Texteditor-Seite.

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 Klick auf die Schaltfläche kann auch als Antwortvariable des Teilnehmers aufgezeichnet werden.
• Navigationsobjekt: Dieses Objekt erscheint als zwei Schaltflächen mit zwei vorab erstellten zugehörigen Ereignissen, die es dem Probanden ermöglichen, zum vorherigen Rahmen oder zum nächsten Rahmen zu navigieren.
• Fortschrittsbalken-Objekt: Der Fortschrittsbalken kann verwendet werden, um den Fortschritt des Experiments in Prozent anzuzeigen.

Frageobjekte

• Kontrollkästchen-Element: Ein Frageelement, bei dem Teilnehmer eine oder mehrere Antworten auswählen können.
• Multiple-Choice-Element: Ein Frageelement, bei dem Teilnehmer nur eine Auswahl treffen müssen.
• Likert-Skala: Ein Frageelement, das häufig verwendet wird, um das Ausmaß der Zustimmung zu einer Aussage anzugeben. Teilnehmer können eine Antwort wä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 beantwortet, die in den Spalten angezeigt wird.

Die "erforderliche" Eigenschaft dieser Objekte kann während der Laufzeit des Experiments 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 mithilfe des Kontrollkästchens "Artikelreihenfolge zufällig" im Fenster "Objekteinstellungen" randomisiert werden. Wenn Sie die Reihenfolge, in der die Optionen präsentiert werden, nach dem Zufallsprinzip aufzeichnen möchten, können Sie das Kontrollkästchen mit der Bezeichnung "Bestellung mit Array verknüpfen" markieren. Dies erstellt eine Array-Variable, die die Reihenfolge der für dieses Element präsentierten Auswahlmöglichkeiten speichert, standardmäßig "itemOrderArrVar" genannt. Das Array zeichnet den ganzzahligen Wert der Auswahlmöglichkeiten auf, 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 Variablen-Tab für jede der "itemOrderArrVar"-Variablen bearbeitet werden.

Eingabeobjekte

• Eingabeobjekt: Wird verwendet, um Teilnehmer kurze Antworten einfügen zu lassen. Dieses Element kann Antworten in Form von Zahlen (numerisch), Text (String), Daten, Zeiten und Farben sammeln.
• Absatz-Objekt: Ähnlich dem Eingabeobjekt, aber für längere Antworten verwendet. Antworten sind Text (String)-Variablen.

Verschiedene Objekte

• Bereich-Objekt: Mit diesem Element können Teilnehmer eine Antwort mithilfe eines Schiebereglers geben. Benutzer können dieses Objekt so einstellen, dass numerische Werte (linke Grenze, rechte Grenze und die Antwort des Teilnehmers als Zahl über dem Schieberegler) angezeigt werden, oder wählen, es leer zu lassen.
  • Handle anfangs ausblenden: Diese Option verbirgt den Griff (den Kreis, den die Teilnehmer zum Abgeben ihrer Antwort schieben) bis der Teilnehmer auf das Objekt klickt. Dies entfernt die potenzielle Verzerrung, die auftreten kann, wenn die Teilnehmer den Griff in der Mitte des Bereichsobjekts zuerst sehen.
• Auswahlobjekt: Ein Frageelement, bei dem die Antworten aus einem Dropdown-Menü ausgewählt werden, das der Experte mit möglichen Antworten befü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 auf dem Labvanced-Server gespeichert werden) und die der Experte später zugreifen kann.

Objekteigenschaften

Die Objekteigenschaften für das derzeit ausgewählte Objekt werden rechts im Editor angezeigt. Diese Eigenschaften bestimmen, wie die Objekte auf dem Rahmen für die Teilnehmer aussehen. Viele Objekteigenschaften können zwischen den Versuchen geändert 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 werden (anders als der Standardwert), sind durch eine dunkelgraue Hintergrundfarbe gekennzeichnet. Alle Eigenschaften, die zwischen den Versuchen geändert werden können, können während der Ereignisausführung dynamisch mit der Aktion "set obj property" geändert werden. Die "erforderliche" Eigenschaft von Objekten kann während der Laufzeit des Experiments 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 ein detailliertes Diagramm aller Objektarten und deren Eigenschaften an.

Im Aufgabeneditor kann das Aussehen von Objekten verändert werden, um das Bearbeiten Ihrer Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die dies ermöglichen: Sperren und Ausblenden.

• Sperren: Ein Klick auf das kleine Vorhängeschloss-Symbol neben dem Namen eines Objekts im Objekttab sperrt seine Position auf dem Rahmen. Dies verhindert versehentliches Bewegen oder Ändern des Objekts während der Bearbeitung der Studie.
• Ausblenden: Ein Klick auf das kleine Augensymbol neben dem Namen eines Objekts im Objekttab blendet das Objekt im Rahmen aus. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig im Rahmen haben und nur eines oder mehrere gleichzeitig sehen möchten, während Sie bearbeiten.

Beide Eigenschaften sind nur während der Bearbeitung der Studie aktiv. 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 als grauer Text zur Verfügung gestellt.

Um benutzerdefinierten Code zu schreiben, benötigen Sie ein Referenzelement, dessen Selektorenamen, ein 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 zur Änderung der Farbe eines Textelements lautet:

p{

background-color:green

}

Während Eigenschaften wie Hintergrundfarbe leicht über das Fenster "Objekteigenschaften" geändert werden können, gibt es Anwendungsszenarien, 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 zu personalisieren.

Viele benutzerdefinierte CSS-Eigenschaften können mit mehreren Codezeilen zu demselben 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.