Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich. # SageMaker HTML-Elemente von AI Crowd Im Folgenden finden Sie eine Liste der Crowd-HTML-Elemente, die das Erstellen einer benutzerdefinierten Vorlage vereinfachen und Auftragnehmern eine vertraute Benutzeroberfläche bereitstellen. Diese Elemente werden in Ground Truth, Augmented AI und Mechanical Turk unterstützt. # crowd-alert Eine Nachricht, die den Worker vor einer aktuellen Situation warnt. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/YzNPdGd). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Describe your task briefly here and give examples

Give additional instructions and good/bad examples here

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### dismissible Ein boolescher Schalter, der, falls vorhanden, erlaubt, dass der Worker die Nachricht schließt. ### type Eine Zeichenfolge, die den Typ der anzuzeigenden Nachricht angibt. Mögliche Werte sind "Information" (die Standardeinstellung), "Erfolg", "Fehler" und "Warnung". ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-badge Ein Symbol, das über der rechten oberen Ecke eines anderen Elements schwebt, dem es zugeordnet ist. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/WNRbPwZ). Im Folgenden finden Sie ein Beispiel für eine Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### for Eine Zeichenfolge, die die ID des Elements angibt, zu dem das Logo zugeordnet ist. ### icon Eine Zeichenfolge, die das Symbol angibt, das im Logo angezeigt werden soll. Die Zeichenfolge muss entweder der Name eines Symbols aus dem Open-Source-*[iron-icons](https://github.com/PolymerElements/iron-icons)*-Satz sein, der bereits geladen ist, oder die URL zu einem benutzerdefinierten Symbol. Dieses Attribut überschreibt das *label*-Attribut. Im Folgenden finden Sie ein Beispiel für die Syntax, mit der Sie einem ``-HTML-Element ein iron-icon hinzufügen können. Ersetzen Sie `icon-name` durch den Namen des Symbols aus diesem [Symbolsatz](https://www.webcomponents.org/element/@polymer/iron-icons/demo/demo/index.html), das Sie verwenden möchten. ``` ``` ### Bezeichnung Der Text, der im Logo angezeigt werden soll. Drei Zeichen oder weniger wird empfohlen, da Text, der zu groß ist, über den Logobereich hinausreicht. Ein Symbol kann anstelle von Text angezeigt werden, indem Sie das *icon*-Attribut festlegen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-button Eine formatierte Schaltfläche, die eine Aktion darstellt. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/RwKNvgG). Im Folgenden finden Sie ein Beispiel für eine Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### disabled Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche als deaktiviert anzeigt und Klicks verhindert. ### form-action Ein Schalter, der entweder sein übergeordnetes [crowd-form](sms-ui-template-crowd-form.md)-Element sendet, wenn die Einstellung auf "Senden" gesetzt wurde, oder sein übergeordnetes -Element zurücksetzt, wenn die Einstellung auf "Zurücksetzen" gesetzt wurde. ### href Die URL zu einer Online-Ressource. Verwenden Sie diese Eigenschaft, wenn Sie einen Link als Schaltfläche formatiert benötigen. ### icon Eine Zeichenfolge, die das Symbol angibt, das neben dem Schaltflächentext angezeigt werden soll. Die Zeichenfolge muss der Name eines Symbols aus dem Open-Source-Satz *[iron-icons](https://github.com/PolymerElements/iron-icons)* sein, das vorinstalliert ist. Verwenden Sie zum Beispiel Folgendes, um das [Suchsymbol](https://www.webcomponents.org/element/@polymer/iron-icons/demo/demo/index.html) einzufügen: ```

``` Das Symbol befindet sich entweder links oder rechts neben dem Text, wie vom *icon-align*-Attribut angegeben. Informationen zum Verwenden eines benutzerdefinierten Symbols finden Sie unter **icon-url**. ### icon-align Die linke oder rechte Position des Symbols relativ zum Schaltflächentext. Der Standardwert ist "links". ### icon-url Eine URL zu einem benutzerdefinierten Bild für das Symbol. Ein benutzerdefiniertes Bild kann anstelle eines Standardsymbols verwendet werden, das vom *icon*-Attribut angegeben wird. ### laden Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche als im Ladestatus anzeigt. Dieses Attribut hat Vorrang vor dem *disabled*-Attribut, wenn beide Attribute vorhanden sind. ### Ziel Wenn Sie das `href`-Attribut verwenden, damit die Schaltfläche als Hyperlink auf eine bestimmte URL fungiert, zielt das `target`-Attribut optional auf ein Frame oder Fenster, in dem die verknüpfte URL laden soll. ### variant Der allgemeine Stil der Schaltfläche. Verwenden Sie "primary" für primäre Schaltflächen, "normal" für sekundäre Schaltflächen, "link" für tertiäre Schaltflächen oder "icon", um nur das Symbol ohne Text anzuzeigen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-bounding-box Ein Widget für das Zeichnen von Rechtecken auf einem Bild und das Zuweisen einer Bezeichnung zum Teil des Bildes, der in jedem Rechteck eingeschlossen ist. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/XWpJGad). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. Weitere Beispiele finden Sie in diesem [GitHub Repository](https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/tree/master/images). ```

Use the bounding box tool to draw boxes around the requested target of interest:

Draw a rectangle using your mouse over each instance of the target.
Make sure the box does not cut into the target, leave a 2 - 3 pixel margin
When targets are overlapping, draw a box around each object, include all contiguous parts of the target in the box. Do not include parts that are completely overlapped by another object.
Do not include parts of the target that cannot be seen, even though you think you can interpolate the whole shape of the target.
Avoid shadows, they're not considered as a part of the target.
If the target goes off the screen, label up to the edge of the image.

Draw boxes around the requested target of interest.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Ein Array von JSON-Objekten, von denen jedes einen Begrenzungsrahmen festlegt, wenn die Komponente geladen wird. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften. Über die `initial-value` Eigenschaft festgelegte Begrenzungsfelder können angepasst werden. Außerdem wird über einen `initialValueModified` booleschen Wert in der Auftragnehmer-Antwortausgabe verfolgt, ob eine Auftragnehmerantwort angepasst wurde oder nicht. + **height** – Die Höhe des Rahmens in Pixeln. + **label** – Der dem Rahmen zugewiesene Text als Teil der Labeling-Aufgabe. *Dieser Text muss mit einer der Beschriftungen übereinstimmen, die im label-Attribut des < crowd-bounding-box > -Elements definiert sind.* + **left** – Entfernung der oberen linken Ecke des Rahmens von der linken Seite des Bildes, gemessen in Pixeln. + **top** – Entfernung der oberen linken Ecke des Rahmens von der Oberkante des Bildes, gemessen in Pixeln. + **width** – Die Breite des Rahmens in Pixeln. Sie können den Anfangswert des Begrenzungsrahmens aus einer Manifestdatei eines vorherigen Auftrags in einer benutzerdefinierten Vorlage mit der Templating-Sprache „Liquid“ extrahieren: ``` initial-value="[ {% for box in task.input.manifestLine.label-attribute-name-from-prior-job.annotations %} {% capture class_id %}{{ box.class_id }}{% endcapture %} {% assign label = task.input.manifestLine.label-attribute-name-from-prior-job-metadata.class-map[class_id] %} { label: {{label | to_json}}, left: {{box.left}}, top: {{box.top}}, width: {{box.width}}, height: {{box.height}}, }, {% endfor %} ]" ``` ### labels Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Bezeichnung sind, die ein Worker dem Bildteil zuweisen kann, der durch ein Rechteck eingeschlossen ist. **Limit:** 10 Bezeichnungen. ### Name Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### src Die URL des Bildes, auf dem Begrenzungsrahmen gezeichnet werden sollen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](#bounding-box-regions-full-instructions), [short-instructions](#bounding-box-regions-short-instructions) ## Regionen Die folgenden Regionen werden von diesem Element benötigt. ### full-instructions Allgemeine Anweisungen zum Zeichnen von Begrenzungsrahmen. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die folgende Ausgabe wird von diesem Element unterstützt. ### boundingBoxes Ein Array von JSON-Objekten, von denen jedes einen Begrenzungsrahmen angibt, der vom Worker erstellt wurde. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften. + **height** – Die Höhe des Rahmens in Pixeln. + **label** – Der dem Rahmen zugewiesene Text als Teil der Labeling-Aufgabe. *Dieser Text muss mit einer der Beschriftungen übereinstimmen, die im labels-Attribut des < crowd-bounding-box > -Elements definiert sind.* + **left** – Entfernung der oberen linken Ecke des Rahmens von der linken Seite des Bildes, gemessen in Pixeln. + **top** – Entfernung der oberen linken Ecke des Rahmens von der Oberkante des Bildes, gemessen in Pixeln. + **width** – Die Breite des Rahmens in Pixeln. ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. **Example : Beispielausgaben des Elements** Nachfolgend finden Sie Beispiele für Ausgaben von gängigen Nutzungsszenarien für dieses Element. **Einzelne Bezeichnung, einzelner Rahmen / Mehrere Bezeichnungen, einzelner Rahmen** ``` [ { "annotatedResult": { "boundingBoxes": [ { "height": 401, "label": "Dog", "left": 243, "top": 117, "width": 187 } ], "inputImageProperties": { "height": 533, "width": 800 } } } ] ``` **Einzelne Bezeichnung, mehrere Rahmen** ``` [ { "annotatedResult": { "boundingBoxes": [ { "height": 401, "label": "Dog", "left": 243, "top": 117, "width": 187 }, { "height": 283, "label": "Dog", "left": 684, "top": 120, "width": 116 } ], "inputImageProperties": { "height": 533, "width": 800 } } } ] ``` **Mehrere Bezeichnungen, mehrere Rahmen** ``` [ { "annotatedResult": { "boundingBoxes": [ { "height": 395, "label": "Dog", "left": 241, "top": 125, "width": 158 }, { "height": 298, "label": "Cat", "left": 699, "top": 116, "width": 101 } ], "inputImageProperties": { "height": 533, "width": 800 } } } ] ``` Es können viele Bezeichnungen zur Verfügung stehen, jedoch werden nur diejenigen in der Ausgabe angezeigt, die verwendet werden. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-card Ein Feld mit einem erhöhten Erscheinungsbild für die Anzeige von Informationen. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/QWdwoxe). Im Folgenden finden Sie ein Beispiel für eine Vorlage, die das ``-Element verwendet und für Stimmungsanalyseaufgaben konzipiert wurde. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Your short instructions here.

Your full instructions here.

What sentiment does this text convey?

Nothing is great.

Select an option

What sentiment does this text convey?

Everything is great!

Select an option

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### heading Der Text, der am oberen Rand des Feldes angezeigt wird. ### Abbild Eine URL zu einem Bild, das innerhalb des Feldes angezeigt werden soll. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-checkbox Eine UI-Komponente, die aktiviert oder deaktiviert werden kann, sodass der Benutzer mehrere Optionen aus einem Satz auswählen kann. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/YzNPgOL). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Find the official website for: {{ task.input.company }}

Do not give Yelp pages, LinkedIn pages, etc.

Include the http:// prefix from the website

Website Found

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### checked Ein boolescher Schalter, der, falls vorhanden, das Kontrollkästchen als aktiviert anzeigt. Im Folgenden finden Sie ein Beispiel für die Syntax, die zum standardmäßigen Aktivieren eines Kontrollkästchens verwendet wird. ``` This box is checked ``` ### disabled Ein boolescher Schalter, der, falls vorhanden, das Kontrollkästchen als deaktiviert anzeigt und verhindert, dass es aktiviert wird. Im Folgenden finden Sie ein Beispiel für die Syntax, die zum Deaktivieren eines Kontrollkästchens verwendet wird. ``` Cannot be selected ``` ### Name Eine Zeichenfolge, die verwendet wird, um die Antwort zu identifizieren, die vom Worker übermittelt wurde. Dieser Wert stimmt mit einem Schlüssel im JSON-Objekt überein, das die Antwort angibt. ### Erforderlich Ein boolescher Schalter, der, falls vorhanden, erfordert, dass der Worker die Eingabe bereitstellt. Im Folgenden finden Sie ein Beispiel für die Syntax, die verwendet wird, um festzulegen, dass ein Kontrollkästchen ausgewählt werden muss. ``` Instructions were clear ``` ### value Eine Zeichenfolge, die als Namen für den Status des Kontrollkästchens in der Ausgabe verwendet wird. Es gilt der Standardwert "aktiviert", wenn keine Angabe gemacht wird. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Ausgabe Liefert ein JSON-Objekt. Die `name`-Zeichenfolge ist der Name des Objekts und die `value`-Zeichenfolge ist der Name der Eigenschaft für einen booleschen Wert basierend auf dem Status des Kontrollkästchens: "true", wenn überprüft, "false", wenn nicht überprüft. **Example : Beispielausgaben des Elements** **Verwendung des gleichen `name`-Werts für mehrere Felder.** ```

Blurry

Too Dim

Too Bright

``` ``` //Output with "blurry" and "dim" checked [ { "image_attributes": { "blurry": true, "dim": true, "exposed": false } } ] ``` Beachten Sie, dass alle drei Farbwerte Eigenschaften eines einzelnen Objekts sind. **Verwendung unterschiedlicher `name`-Werte für jedes Feld.** ```

Red

Yellow

Green

``` ``` //Output with "Red" checked [ { "Go": { "Green": false }, "Slow": { "Yellow": false }, "Stop": { "Red": true } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-classifier Ein Widget zur Klassifizierung von Nicht-Bild-Inhalten, wie z. B. Audio, Video oder Text. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/KKawYBm). Im Folgenden finden Sie ein Beispiel für eine HTML-Worker-Aufgabenvorlage, die mit `crowd-classifier` erstellt wurde. In diesem Beispiel wird die [Liquid-Vorlagensprache](https://shopify.github.io/liquid/basics/introduction/) verwendet, um Folgendes zu automatisieren: + Beschriftungskategorien im `categories`-Parameter + Die Objekte, die im `classification-target`-Parameter klassifiziert werden. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the document.

Choose the appropriate label that best suits the document.

Please choose the correct category for the document

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### categories Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Kategorie sind, die ein Auftragnehmer dem Text zuweisen kann. Sie sollten "Sonstige" als eine Kategorie einschließen, andernfalls kann der Worker möglicherweise keine Antwort bereitstellen. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisungen für den Worker. ### Name Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [classification-target](#crowd-classifier-regions-classification-target), [full-instructions](#crowd-classifier-regions-full-instructions), [short-instructions](#crowd-classifier-regions-short-instructions) ## Regionen Die folgenden Regionen werden von diesem Element unterstützt. ### classification-target Der Inhalt, der vom Worker klassifiziert werden soll. Dabei kann es sich um Klartext oder HTML handeln. Zu den Beispielen für die Verwendung des HTML gehören *unter anderem* das Einbetten eines Video- oder Audio-Players, das Einbetten einer PDF-Datei oder das Durchführen eines Vergleichs von zwei oder mehr Bildern. ### full-instructions Allgemeine Anweisungen zur Durchführung der Textklassifizierung. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die Ausgabe dieses Elements ist ein Objekt, das den angegebenen `name`-Wert als Eigenschaftenname und eine Zeichenfolge aus den `categories` als Wert der Eigenschaft verwendet. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt die Ausgabe dieses Elements. ``` [ { "": { "label": "" } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-classifier-multi-select Ein Widget zur Klassifizierung verschiedener Inhaltsformen – wie Audio, Video oder Text – in eine oder mehrere Kategorien. Der zu klassifizierende Inhalt wird als *Objekt* bezeichnet. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ExZaMOm). Im Folgenden finden Sie ein Beispiel für eine HTML-Arbeitsaufgabenvorlage, die mit diesem Crowd-Element erstellt wurde. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Positive sentiment include: joy, excitement, delight

Negative sentiment include: anger, sarcasm, anxiety

Neutral: neither positive or negative, such as stating a fact

N/A: when the text cannot be understood

When the sentiment is mixed, such as both joy and sadness, choose both labels.

Choose all categories that are expressed by the text.

``` ## Attribute Die folgenden Attribute werden vom Element `crowd-classifier-multi-select` unterstützt. Jedes Attribut akzeptiert einen Zeichenfolgenwert oder Zeichenfolgenwerte. ### categories Erforderlich Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Kategorie sind, die ein Mitarbeiter dem Objekt zuweisen kann. ### header Erforderlich Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für Mitarbeiter. ### Name Erforderlich Der Name dieses Widgets. in der Formularausgabe wird der Name als Schlüssel für die Widget-Eingabe verwendet. ### exclusion-category Optional. Eine JSON-formatierte Zeichenfolge mit folgendem Format: `"{ text: 'default-value' }"`. Dieses Attribut legt einen Standardwert fest, den Mitarbeiter wählen können, wenn keine der Bezeichnungen auf das in der Benutzeroberfläche des Mitarbeiters angezeigte Objekt zutrifft. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente: + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [classification-target](sms-ui-template-crowd-classifier.md#crowd-classifier-regions-classification-target), [full-instructions](sms-ui-template-crowd-classifier.md#crowd-classifier-regions-full-instructions), [short-instructions](sms-ui-template-crowd-classifier.md#crowd-classifier-regions-short-instructions) ## Regionen Dieses Element verwendet die folgenden Regionen. ### classification-target Der Inhalt, der vom Worker klassifiziert werden soll. Inhalt kann Klartext oder ein Objekt sein, das Sie in der Vorlage mit HTML angeben. Sie können beispielsweise HTML-Elemente verwenden, um einen Video- oder Audioplayer einzuschließen, eine PDF-Datei einzubetten oder einen Vergleich von zwei oder mehr Bildern einzuschließen. ### full-instructions Allgemeine Anweisungen zum Klassifizieren von Text. ### short-instructions Wichtige aufgabenspezifische Anweisungen. Diese Anweisungen werden auffallend angezeigt. ## Ausgabe Die Ausgabe dieses Elements ist ein Objekt, das den angegebenen `name`-Wert als Eigenschaftenname und eine Zeichenfolge aus `categories` als Wert der Eigenschaft verwendet. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt die Ausgabe dieses Elements. ``` [ { "": { labels: ["label_a", "label_b"] } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie hier: + [Kategorisieren von Text anhand der Textklassifizierung (Multi-Label)](sms-text-classification-multilabel.md) + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-entity-annotation Ein Widget zum Bezeichnen von Wörtern, Phrasen oder Zeichenfolgen in einem längeren Text. Auftragnehmer wählen ein Label aus und markieren den Text, auf den sich das Label bezieht. **Wichtig: Eigenständiges Widget** Verwenden Sie das Element `` nicht mit dem Element ``. Es enthält eigene Logik für die Übermittlung von Formularen und die Schaltfläche **Submit (Senden)**. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/XWpJQrR). Im Folgenden finden Sie ein Beispiel für eine Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the text carefully.
Highlight words, phrases, or sections of the text.
Choose the label that best matches what you have highlighted.
To change a label, choose highlighted text and select a new label.
To remove a label from highlighted text, choose the X next to the abbreviated label name on the highlighted text.
You can select all of a previously highlighted text, but not a portion of it.

Apply labels to words or phrases.

What is the overall subject of this text?

Technology

Politics

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Ein JSON-formatiertes Array mit Objekten, die jeweils eine Anmerkung definieren, die dem Text bei der Initialisierung zugewiesen werden soll. Objekte enthalten einen `label`-Wert, der einem Wert im `labels`-Attribut entspricht, einen `startOffset`-Ganzzahlwert für den bezeichneten Anfang des Unicode-Offset-Bereichs und einen `endOffset`-Ganzzahlwert für das Ende des Unicode-Offset-Bereichs. **Example** ``` [ { label: 'person', startOffset: 0, endOffset: 16 }, ... ] ``` ### labels Ein JSON-formatiertes Array mit Objekten, die jeweils Folgendes enthalten: + `label` (erforderlich): Name zum Identifizieren von Entitys. + `fullDisplayName` (optional): wird für die Bezeichnungsliste im Aufgaben-Widget verwendet. Wenn kein Wert angegeben wird, wird standardmäßig der Bezeichnungswert verwendet. + `shortDisplayName` (optional): Abkürzung aus 3 bis 4 Buchstaben, die über den ausgewählten Entitys angezeigt wird. Wenn kein Wert angegeben wird, wird standardmäßig der Bezeichnungswert verwendet. **`shortDisplayName` wird dringend empfohlen** Werte, die oberhalb der Auswahl angezeigt werden, können sich überschneiden und Schwierigkeiten bei der Verwaltung bezeichneter Entitys im Workspace verursachen. Es wird dringend empfohlen, für jede Bezeichnung einen aus 3 bis 4 Zeichen bestehenden `shortDisplayName` bereitzustellen, um Überschneidungen zu vermeiden und die Verwaltung des Workspaces durch die Auftragnehmer zu erleichtern. **Example** ``` [ { label: 'person', shortDisplayName: 'per', fullDisplayName: 'person' } ] ``` ### Name Dient im DOM als Name des Widgets. Wird auch als Attributname der Bezeichnung in Formularausgaben und im Ausgabemanifest verwendet. ### text Der Text, der kommentiert werden soll. Das Vorlagensystem verwendet standardmäßig Escape-Zeichen für Anführungszeichen und HTML-Zeichenfolgen. Wenn im Code bereits – zumindest teilweise – Escape-Zeichen eingesetzt werden, siehe [Variablenfilter](sms-custom-templates-step2-automate.md#sms-custom-templates-step2-automate-filters) für weitere Methoden des Einsatzes von Escape-Zeichen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Untergeordnete Elemente**: [full-instructions](#entity-annotation-regions-full-instructions), [short-instructions](#entity-annotation-regions-short-instructions) ## Regionen Die folgenden Regionen werden von diesem Element unterstützt. ### full-instructions Allgemeine Anleitungen zum Arbeiten mit dem Widget. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die folgende Ausgabe wird von diesem Element unterstützt. ### entities Ein JSON-Objekt, das Start, Ende und Bezeichnung einer Anmerkung angibt. Dieses Objekt enthält die folgenden Eigenschaften. + **label** – Die zugewiesene Beschriftung. + **startOffset** – Der Unicode-Offset des Anfangs des ausgewählten Textes. + **endOffset** – Der Unicode-Offset des ersten Zeichens nach der Auswahl. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt eine Ausgabe dieses Elements. ``` { "myAnnotatedResult": { "entities": [ { "endOffset": 54, "label": "person", "startOffset": 47 }, { "endOffset": 97, "label": "event", "startOffset": 93 }, { "endOffset": 219, "label": "date", "startOffset": 212 }, { "endOffset": 271, "label": "location", "startOffset": 260 } ] } } ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-fab Eine schwebende Schaltfläche mit einem Bild in der Mitte. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ExZaJaw). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet und für die Bildklassifizierung konzipiert wurde. Diese Vorlage ermöglicht JavaScript es Mitarbeitern, Probleme mit der Worker-Benutzeroberfläche zu melden. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

If there is an issue with the image or tools, please select None of the Above, describe the issue in the text box and click the button below.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image. Use the None of the Above option if none of the other labels suit the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### disabled Ein boolescher Schalter, der, falls vorhanden, die schwebende Schaltfläche als deaktiviert anzeigt und Klicks verhindert. ### icon Eine Zeichenfolge, die das Symbol angibt, das in der Mitte der Schaltfläche angezeigt werden soll. Die Zeichenfolge muss entweder der Name eines Symbols aus dem Open-Source-*[iron-icons](https://github.com/PolymerElements/iron-icons)*-Satz sein, der bereits geladen ist, oder die URL zu einem benutzerdefinierten Symbol. Im Folgenden finden Sie ein Beispiel für die Syntax, mit der Sie einem ``-HTML-Element ein iron-icon hinzufügen können. Ersetzen Sie `icon-name` durch den Namen des Symbols aus diesem [Symbolsatz](https://www.webcomponents.org/element/@polymer/iron-icons/demo/demo/index.html), das Sie verwenden möchten. ``` ``` ### Bezeichnung Eine Zeichenfolge bestehend aus einem einzigen Zeichen, das anstelle eines Symbols verwendet werden kann. Emojis oder mehrere Zeichen können dazu führen, dass die Schaltfläche stattdessen eine Ellipse anzeigt. ### Titel Eine Zeichenfolge, die als QuickInfo angezeigt wird, wenn sich der Mauszeiger über der Schaltfläche befindet. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-form Der Formular-Wrapper für alle benutzerdefinierten Aufgaben. Legt wichtige Aktionen für die ordnungsgemäße Übermittlung Ihrer Formulardaten fest und implementiert sie. Wenn eine [crowd-button](sms-ui-template-crowd-button.md) vom Typ "submit" nicht im ``-Element enthalten ist, wird sie automatisch innerhalb des ``-Elements angehängt. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/oNBgOWa). Im Folgenden finden Sie ein Beispiel für eine Bildklassifizierungsvorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image. Use the None of the Above option if none of the other labels suit the image.

``` ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: keine + **Untergeordnete Elemente**: Alle Elemente der [Benutzeroberflächenvorlage](sms-ui-template-reference.md) ## Elementereignisse Das Element `crowd-form` erweitert das [-Standard-HTML-`form`-Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) und übernimmt dessen Ereignisse wie `onclick` und `onsubmit`. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-icon-button Eine Schaltfläche mit einem Bild, das in der Mitte platziert ist. Wenn der Benutzer die Schaltfläche berührt, geht ein Welleneffekt von der Mitte der Schaltfläche aus. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ExZaJXE). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet und für die Bildklassifizierung konzipiert wurde. Diese Vorlage ermöglicht JavaScript es Mitarbeitern, Probleme mit der Worker-Benutzeroberfläche zu melden. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

If there is an issue with the image or tools, please select None of the Above, describe the issue in the text box and click the button below.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image. Use the None of the Above option if none of the other labels suit the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### disabled Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche als deaktiviert anzeigt und Klicks verhindert. ### icon Eine Zeichenfolge, die das Symbol angibt, das in der Mitte der Schaltfläche angezeigt werden soll. Die Zeichenfolge muss entweder der Name eines Symbols aus dem Open-Source-*[iron-icons](https://github.com/PolymerElements/iron-icons)*-Satz sein, der bereits geladen ist, oder die URL zu einem benutzerdefinierten Symbol. Im Folgenden finden Sie ein Beispiel für die Syntax, mit der Sie einem ``-HTML-Element ein iron-icon hinzufügen können. Ersetzen Sie `icon-name` durch den Namen des Symbols aus diesem [Symbolsatz](https://www.webcomponents.org/element/@polymer/iron-icons/demo/demo/index.html), das Sie verwenden möchten. ``` ``` ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-image-classifier Ein Widget zum Klassifizieren eines Bildes. Verwenden Sie eines der folgenden unterstützten Bildformate: APNG, BMP, GIF, ICO, JPEG, PNG, SVG. Für Bilder gibt es keine Größenbeschränkung. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/vYgEvWw). Im Folgenden finden Sie ein Beispiel für eine Bildklassifizierungsvorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image. Use the None of the Above option if none of the other labels suit the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element benötigt. ### categories Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Kategorie sind, die ein Worker dem Bild zuweisen kann. Sie sollten "Sonstige" als eine Kategorie einschließen, sodass der Worker eine Antwort bereitstellen kann. Sie können bis zu 10 Kategorien angeben. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisungen für den Worker. ### Name Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### Overlay Informationen, die auf dem Quellbild überlagert werden sollen. Dies gilt für Verifizierungs-Workflows von Bounding Box-, Semantik-Segmentierungs- und Instance-Segmentierungsaufgaben. Es ist ein JSON-Objekt, das ein Objekt mit dem Namen des Aufgabentyps in camelCase als Schlüssel. Der Wert dieses Schlüssels ist ein Objekt mit den Beschriftungen und anderen notwendigen Informationen aus der vorherigen Aufgabe. Im Folgenden finden Sie das Beispiel eines `crowd-image-classifier`-Elements mit Attributen zum Überprüfen einer Bounding Box-Aufgabe: ``` ... ``` Eine Aufgabe zur Überprüfung der semantischen Segmentierung würde den `overlay` Wert wie folgt verwenden: ``` ... ``` Eine Aufgabe zur Instance-Segmentierung würde den `overlay` Wert wie folgt verwenden: ``` ... ``` ### src Die URL des Bildes, das klassifiziert werden soll. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](#image-classifier-regions-full-instructions), [short-instructions](#image-classifier-regions-short-instructions), [Auftragnehmer-Kommentar](#image-classifier-regions-worker-comment) ## Regionen Die folgenden Regionen werden von diesem Element verwendet. ### full-instructions Allgemeine Anweisungen für den Auftragnehmer zum Klassifizieren eines Bildes. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ### Auftragnehmer-Kommentar Verwenden Sie dies in Verifizierungs-Workflows, wenn Auftragnehmer erklären müssen, warum sie eine Entscheidung getroffen haben. Verwenden Sie den Text zwischen den öffnenden und schließenden Tags, um Auftragnehmern Anweisungen zu Informationen zu geben, die im Kommentar aufgenommen werden sollen. Es verwendet die folgenden Attribute: #### header Ein Text, der zum Hinterlassen eines Kommentars auffordert. Wird als Titeltext für ein modales Fenster verwendet, in dem der Kommentar hinzugefügt wird. Optional. Standardmäßig „Kommentar hinzufügen“ #### link-text Dieser Text wird unter den Kategorien im Widget angezeigt. Wenn Sie darauf klicken, wird ein modales Fenster geöffnet, in dem der Auftragnehmer einen Kommentar hinzufügen kann. Optional. Standardmäßig „Kommentar hinzufügen“ #### placeholder Ein Beispieltext im Kommentartextbereich, der überschrieben wird, wenn der Auftragnehmer mit der Eingabe beginnt. Dies wird in der Ausgabe nicht angezeigt, wenn der Auftragnehmer das Feld leer lässt. Optional. Der Standardwert ist leer. ## Ausgabe Die Ausgabe dieses Elements ist eine Zeichenfolge, die einen der Werte angibt, die im *Categories-Attribut* des < crowd-image-classifier > -Elements definiert sind. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt die Ausgabe dieses Elements. ``` [ { "": { "label": "" "workerComment": "Comment - if no comment is provided, this field will not be present" } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-image-classifier-multi-wählen Ein Widget zur Klassifizierung eines Bilds in eine oder mehrere Kategorien. Verwenden Sie eines der folgenden unterstützten Bildformate: APNG, BMP, GIF, ICO, JPEG, PNG, SVG. Für Bilder gibt es keine Größenbeschränkung. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/WNRbWgR). Im Folgenden finden Sie ein Beispiel für eine HTML-Arbeitsaufgabenvorlage, die mit diesem Crowd-Element erstellt wurde. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

If more than one label applies to the image, select multiple labels.

If no labels apply, select None of the above

Read the task carefully and inspect the image.

Choose the appropriate label(s) that best suit the image.

``` ## Attribute Die folgenden Attribute werden vom Element `crowd-image-classifier-multi-select` unterstützt. Jedes Attribut akzeptiert einen Zeichenfolgenwert oder Zeichenfolgenwerte. ### categories Erforderlich Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Kategorie sind, die ein Mitarbeiter dem Bild zuweisen kann. Ein Mitarbeiter kann alle Kategorien und muss mindestens eine Kategorie wählen. ### header Erforderlich Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für Mitarbeiter. ### Name Erforderlich Der Name dieses Widgets. in der Formularausgabe wird der Name als Schlüssel für die Widget-Eingabe verwendet. ### src Erforderlich Die URL des Bildes, das klassifiziert werden soll. ### exclusion-category Optional. Eine JSON-formatierte Zeichenfolge mit folgendem Format: `"{ text: 'default-value' }"`. Dieses Attribut legt einen Standardwert fest, den Mitarbeiter wählen können, wenn keine der Bezeichnungen auf das in der Benutzeroberfläche des Mitarbeiters angezeigte Bild zutrifft. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente: + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](sms-ui-template-crowd-image-classifier.md#image-classifier-regions-full-instructions), [short-instructions](sms-ui-template-crowd-image-classifier.md#image-classifier-regions-short-instructions), [Auftragnehmer-Kommentar](sms-ui-template-crowd-image-classifier.md#image-classifier-regions-worker-comment) ## Regionen Dieses Element verwendet die folgenden Regionen. ### full-instructions Allgemeine Anweisungen für den Auftragnehmer zum Klassifizieren eines Bildes. ### short-instructions Wichtige aufgabenspezifische Anweisungen. Diese Anweisungen werden auffallend angezeigt. ## Ausgabe Die Ausgabe dieses Elements ist eine Zeichenfolge, die einen oder mehrere der Werte angibt, die im `categories`-Attribut des Elements `` definiert sind. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt die Ausgabe dieses Elements. ``` [ { "": { labels: ["label_a", "label_b"] } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie hier: + [Erstellen eines Bildklassifizierungsjobs (Multi-Label)](sms-image-classification-multilabel.md) + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-input Ein Feld, das Eingabedaten akzeptiert. **Kann nicht selbstschließend sein** Im Gegensatz zum `input`-Element im HTML-Standard kann dieses Element nicht selbstschließend sein, indem ein Schrägstrich vor der schließenden Klammer gesetzt wird, z. B. ``. Es muss von einem `` gefolgt werden, um das Element zu schließen. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/wvgBZYW). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Your custom quick instructions and examples

Your custom detailed instracutions and more examples

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### allowed-pattern Ein regulärer Ausdruck, der mit dem *auto-validate*-Attribut verwendet wird, um nicht übereinstimmende Zeichen während der Eingabe des Workers zu ignorieren. ### auto-focus Wenn der Wert auf "true" gesetzt ist, setzt der Browser den Fokus nach dem Laden in den Eingabebereich. Auf diese Weise kann der Worker mit der Eingabe beginnen, ohne ihn zunächst markieren zu müssen. ### auto-validate Ein boolescher Schalter, der, falls vorhanden, die Validierung der Eingabe aktiviert. Das Verhalten der Validierung kann durch die Attribute *error-message* und *allowed-pattern* geändert werden. ### disabled Ein boolescher Schalter, der, falls vorhanden, den Eingabebereich als deaktiviert anzeigt. ### error-message Der Text, der unter dem Eingabefeld auf der linken Seite angezeigt werden soll, wenn die Validierung fehlschlägt. ### Bezeichnung Eine Zeichenfolge, die in einem Textfeld angezeigt wird. Dieser Text verkleinert und erhebt sich über ein Textfeld, wenn der Worker mit der Eingabe im Feld beginnt oder das *value*-Attribut festgelegt ist. ### max-length Eine maximale Anzahl von Zeichen, die die Eingabe akzeptiert. Eingaben über diese Grenze hinaus werden ignoriert. ### min-length Eine Mindestlänge für die Eingabe im Feld. ### Name Legt den Namen der Eingabe, die im DOM verwendet werden soll, und die Ausgabe des Formulars fest. ### placeholder Ein Zeichenfolgenwert, der als Platzhaltertext verwendet und angezeigt wird, bis der Worker mit der Eingabe von Daten in die Eingabe beginnt. Er wird nicht als Standardwert verwendet. ### Erforderlich Ein boolescher Schalter, der, falls vorhanden, erfordert, dass der Worker die Eingabe bereitstellt. ### type Benötigt eine Zeichenfolge, um das HTML5 `input-type` Verhalten für die Eingabe festzulegen. Beispiele hierfür sind `file` und `date`. ### value Eine Voreinstellung, die zur Standardeinstellung wird, wenn der Worker keine Eingabe bereitstellt. Die Voreinstellung wird in einem Textfeld angezeigt. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Ausgabe Stellt eine `name`-Zeichenfolge als Name der Eigenschaft und den Text bereit, der als Wert in das Feld eingegeben wurde. **Example : Beispiel einer JSON-Ausgabe** Die Werte für mehrere Elemente werden im gleichen Objekt ausgegeben, mit dem `name`-Attributwert als Eigenschaftsnamen. Elemente ohne Eingabe werden nicht in der Ausgabe angezeigt. Verwenden wir als Beispiel drei Eingaben: ```

``` Dies ist die Ausgabe, wenn nur zwei Eingaben haben: ``` [ { "tag1": "blue", "tag2": "red" } ] ``` Das bedeutet, dass jeder Code, der zum Analysieren dieser Ergebnisse erstellt wurde, in der Lage sein sollte, das Vorhandensein oder Fehlen der einzelnen Eingabequellen in den Antworten zu handhaben. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-instance-segmentation Ein Widget zum Identifizieren einzelner Instances bestimmter Objekte innerhalb eines Abbildes und zum Erstellen einer farbigen Überblendung für jede gekennzeichnete Instance. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/PoWwvwG). Nachfolgend ein Beispiel für eine Liquid-Vorlage, in der `` verwendet wird. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.
Read the options and review the examples provided to understand more about the labels.
Choose the appropriate label that best suits the image.

Use the tools to label all instances of the requested items in the image

``` Verwenden Sie eine Vorlage, die der folgenden ähnelt, damit Auftragnehmer ihre eigenen Kategorien (Beschriftungen) hinzufügen können. ```

Add a label to describe each type of object in this image.

Cover each instance of each object with a segmentation mask.

Add new label

Add

Manage labels

Describe your task in more detail here.

Given an image, write three words or short phrases that summarize its contents.

Imagine that you are describing an image to a friend or tagging it for a news website. Provide three specific words or short phrases that describe it.

Highway
Cars
Gas station

These are not specific enough:

Trees
Outside
Daytime

Instructions: Given an image, write three words or short phrases that summarize its contents.

If someone were to see these three words or phrases, they should understand the subject and context of the image, as well as any important actions.

View the instructions for detailed instructions and examples.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### link-text Der Text, der zum Öffnen der Anweisungen angezeigt werden soll. Der Standardwert ist **Klicken, um Anweisungen zu erhalten**. ### link-type Eine Zeichenfolge, die den Typ des Auslösers für die Anweisungen angibt. Die möglichen Werte sind "Link" (Standard) und "Schaltfläche". ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Regionen Die folgenden Regionen werden von diesem Element unterstützt. ### detailed-instructions Inhalte, die spezifische Anweisungen für eine Aufgabe bereitstellen. Diese werden auf der Seite der Registerkarte "Detaillierte Anweisungen" angezeigt. ### negative-example Inhalte, die Beispiele für unzureichende Aufgabenabschlüsse bereitstellen. Diese werden auf der Seite der Registerkarte "Beispiele" angezeigt. Mehr als ein Beispiel wird innerhalb dieses Elements ausgegeben. ### positive-example Inhalte, die Beispiele für ordnungsgemäße Aufgabenabschlüsse bereitstellen. Diese werden auf der Seite der Registerkarte "Beispiele" angezeigt. ### short-summary Eine kurze Erklärung, die die abzuschließende Aufgabe zusammenfasst. Diese wird auf der Seite der Registerkarte "Zusammenfassung" angezeigt. Mehr als ein Beispiel wird innerhalb dieses Elements ausgegeben. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-keypoint Erzeugt ein Tool für die Auswahl und Anmerkung von Schlüsselpunkten auf einem Bild. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/GRrgaWN). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Describe your task briefly here and give examples

Give additional instructions and good/bad examples here

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Ein Array im JSON-Format von Keypoins zur Anwendung auf das Abbild beim Start. Beispiel: ``` initial-value="[ { 'label': 'Left Eye', 'x': 1022, 'y': 429 }, { 'label': 'Beak', 'x': 941, 'y': 403 } ] ``` **Anmerkung** Bitte beachten Sie, dass Beschriftungswerte in diesem Attribut über einen passenden Wert im `labels`-Attribut verfügen müssen, damit der Punkt gerendert wird. ### Beschriftungen Ein Array von Zeichenfolgen im JSON-Format, die als Bezeichnungen für Keypoint-Anmerkungen verwendet werden sollen. ### Name Eine Zeichenfolge, die verwendet wird, um die Antwort zu identifizieren, die vom Worker übermittelt wurde. Dieser Wert stimmt mit einem Schlüssel im JSON-Objekt überein, das die Antwort angibt. ### src Die Quell-URI des Bildes, zu dem Anmerkungen erstellt werden sollen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](#keypoint-regions-full-instructions), [short-instructions](#keypoint-regions-short-instructions) ## Regionen Die folgenden Regionen werden von diesem Element benötigt. ### full-instructions Allgemeine Anweisungen dazu, wie das Bild mit Anmerkungen zu versehen ist. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die folgende Ausgabe wird von diesem Element unterstützt. ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. ### keypoints Ein Array von JSON-Objekten, das die Koordinaten und die Bezeichnung eines Keypoints enthält. Jedes Objekt enthält die folgenden Eigenschaften: + **label** – Das zugewiesene Label für den Keypoint. + **x** – Die X-Koordinate des Keypoints auf dem Bild in Pixel. + **y** – Die Y-Koordinate des Keypoints auf dem Bild in Pixel. **Anmerkung** Die X- und Y-Koordinaten basieren darauf, dass 0,0 für die linke obere Ecke des Bildes steht. **Example : Beispielausgaben des Elements** Im Folgenden finden Sie ein Beispiel für die Ausgabe dieses Elements. ``` [ { "crowdKeypoint": { "inputImageProperties": { "height": 1314, "width": 962 }, "keypoints": [ { "label": "dog", "x": 155, "y": 275 }, { "label": "cat", "x": 341, "y": 447 }, { "label": "cat", "x": 491, "y": 513 }, { "label": "dog", "x": 714, "y": 578 }, { "label": "cat", "x": 712, "y": 763 }, { "label": "cat", "x": 397, "y": 814 } ] } } ] ``` Es können viele Bezeichnungen zur Verfügung stehen, jedoch werden nur diejenigen in der Ausgabe angezeigt, die verwendet werden. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # Crowd-Line Ein Widget zum Zeichnen von Linien auf einem Bild. Jede Linie ist mit einer Beschriftung verknüpft, und die Ausgabedaten geben die Start- und Endpunkte jeder Linie an. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/NWdPVgw). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. Weitere Beispiele finden Sie in diesem [GitHub Repository](https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/tree/master/images). ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Draw a line on each objects that the label applies to.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Draw a line along each object that the image applies to. Make sure that the line does not extend beyond the boundaries of the object.

Each line is defined by a starting and ending point. Carefully place the starting and ending points on the boundaries of the object.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Optional. Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Optional. Ein Array von JSON-Objekten, von denen jedes einen Begrenzungsrahmen festlegt, wenn die Komponente geladen wird. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften. + **label** – Der dem Rahmen zugewiesene Text als Teil der Labeling-Aufgabe. Dieser Text muss einer der Beschriftung entsprechen, die im *Beschriftung* -Attribut des `` Elements definiert wurden. + **vertices** – die `x` und `y` Pixelkoordinaten des Start- und Endpunkts der Linie, relativ zur linken oberen Ecke des Bildes. ``` initial-value="{ lines: [ { label: 'sideline', // label of this line annotation vertices:[ // an array of vertices which decide the position of the line { x: 84, y: 110 }, { x: 60, y: 100 } ] }, { label: 'yardline', vertices:[ { x: 651, y: 498 }, { x: 862, y: 869 } ] } ] }" ``` Linien, die über die `initial-value` Eigenschaft festgelegt wurden, können angepasst werden. Ob die Antwort eines Auftragnehmers angepasst wurde oder nicht, wird über einen `initialValueModified` booleschen Wert in der Ausgabe der Antwort des Auftragnehmers erfasst. ### labels Erforderlich Ein JSON-formatiertes Array von Strings, die jeweils eine Beschriftung sind, die ein Worker einem Segment des Bildes zuweisen kann. **Limit:** 10 Beschriftungen ### label-colors Optional. Ein Array von Zeichenfolgen. Jede String ist ein Hexadezimalcode (hex) für eine Beschriftung. ### Name Erforderlich Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### src Erforderlich Die URL des Bildes, auf dem Polygone gezeichnet werden sollen. ## Regionen Die folgenden Regionen werden von diesem Element benötigt. ### full-instructions Allgemeine Anweisungen zum Zeichnen von Polygonen. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [short-instructions](#line-regions-short-instructions), [full-instructions](#line-regions-full-instructions) ## Ausgabe ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. ### lines Ein JSON-Array, das Objekte mit den Instance-Beschriftungen und -Farben enthält. + **label** – Die Bezeichnung, die einer Zeile zugewiesen wurde. + vertices – die `x` und die `y` Pixelkoordinaten des Start- und Endpunkts der Linie im Verhältnis zur oberen linken Ecke des Bildes. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt eine Ausgabe dieses Elements. ``` { "crowdLine": { //This is the name you set for the crowd-line "inputImageProperties": { "height": 1254, "width": 2048 }, "lines": [ { "label": "yardline", "vertices": [ { "x": 58, "y": 295 }, { "x": 1342, "y": 398 } ] }, { "label": "sideline", "vertices": [ { "x": 472, "y": 910 }, { "x": 1480, "y": 600 } ] } ] } } ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-modal Ein kleines Fenster, das beim Öffnen in der Anzeige angezeigt wird. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/RwKNmyK). Im Folgenden finden Sie ein Beispiel für die Syntax, die Sie mit dem ``-Element verwenden können. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ``` Example Modal Text ``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### link-text Der Text, der zum Öffnen des Modals angezeigt werden soll. Der Standardwert ist "Klicken, um Modal zu öffnen". ### link-type Eine Zeichenfolge, die den Typ des Auslösers für das Modal angibt. Die möglichen Werte sind "Link" (Standard) und "Schaltfläche". ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-polygon Ein Widget für das Zeichnen von Polygonen auf einem Bild und das Zuweisen einer Bezeichnung zum Teil des Bildes, der in jedem Polygon eingeschlossen ist. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/eYgmajo). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Make the polygon tight around the object
You need to select a label before starting a polygon
You will need to select a label again after completing a polygon
To select a polygon, you can click on its borders
You can start drawing a polygon from inside another polygon
You can undo and redo while you're drawing a polygon to go back and forth between points you've placed
You are prevented from drawing lines that overlap other lines from the same polygon

Draw a polygon around each of the requested target(s) of interest

Make the polygon tight around the object

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### Beschriftungen Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Bezeichnung sind, die ein Worker dem Bildteil zuweisen kann, der durch ein Polygon eingeschlossen ist. ### Name Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### src Die URL des Bildes, auf dem Polygone gezeichnet werden sollen. ### initial-value Ein Array von JSON-Objekten, von denen jedes ein Polygon definiert, das beim Laden der Komponente gezeichnet werden soll. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften. + **label** – Der dem Polygon zugewiesene Text als Teil der Labeling-Aufgabe. Dieser Text muss einer der Bezeichnungen entsprechen, die im *labels*-Attribut des -Elements definiert wurden. + **vertices** – Ein Array von JSON-Objekten. Jedes Objekt enthält einen X- und Y-Koordinatenwert für einen Punkt im Polygon. **Example** Ein `initial-value`-Attribut könnte etwa so aussehen: ``` initial-value = '[ { "label": "dog", "vertices": [ { "x": 570, "y": 239 }, ... { "x": 759, "y": 281 } ] } ]' ``` Da dies innerhalb eines HTML-Elements geschieht, muss das JSON-Array in einfache oder doppelte Anführungszeichen gesetzt werden. Das obige Beispiel verwendet einfache Anführungszeichen, um das JSON zu kapseln und doppelte Anführungszeichen innerhalb des JSON selbst. Wenn Sie einfache und doppelte Anführungszeichen in Ihrem JSON mischen müssen, ersetzen Sie diese durch ihre HTML-Entity-Codes (`"` für doppelte Anführungszeichen, `'` für einfache Anführungszeichen), um sie sicher zu umgehen. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](#polygon-regions-full-instructions), [short-instructions](#polygon-regions-short-instructions) ## Regionen Die folgenden Regionen sind erforderlich: ### full-instructions Allgemeine Anweisungen zum Zeichnen von Polygonen. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die folgende Ausgabe wird von diesem Element unterstützt. ### polygons Ein Array von JSON-Objekten, von denen jedes ein Polygon beschreibt, der vom Worker erstellt wurde. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften. + **label** – Der dem Polygon zugewiesene Text als Teil der Labeling-Aufgabe. + **vertices** – Ein Array von JSON-Objekten. Jedes Objekt enthält einen X- und Y-Koordinatenwert für einen Punkt im Polygon. Die linke obere Ecke des Bildes befindet sich auf Position 0,0. ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. **Example : Beispielausgaben des Elements** Nachfolgend finden Sie Beispiele für Ausgaben von gängigen Nutzungsszenarien für dieses Element. **Einzelne Bezeichnung, einzelnes Polygon** ``` { "annotatedResult": { "inputImageProperties": { "height": 853, "width": 1280 }, "polygons": [ { "label": "dog", "vertices": [ { "x": 570, "y": 239 }, { "x": 603, "y": 513 }, { "x": 823, "y": 645 }, { "x": 901, "y": 417 }, { "x": 759, "y": 281 } ] } ] } } ] ``` **Einzelne Bezeichnung, mehrere Polygone** ``` [ { "annotatedResult": { "inputImageProperties": { "height": 853, "width": 1280 }, "polygons": [ { "label": "dog", "vertices": [ { "x": 570, "y": 239 }, { "x": 603, "y": 513 }, { "x": 823, "y": 645 }, { "x": 901, "y": 417 }, { "x": 759, "y": 281 } ] }, { "label": "dog", "vertices": [ { "x": 870, "y": 278 }, { "x": 908, "y": 446 }, { "x": 1009, "y": 602 }, { "x": 1116, "y": 519 }, { "x": 1174, "y": 498 }, { "x": 1227, "y": 479 }, { "x": 1179, "y": 405 }, { "x": 1179, "y": 337 } ] } ] } } ] ``` **Mehrere Bezeichnungen, mehrere Polygone** ``` [ { "annotatedResult": { "inputImageProperties": { "height": 853, "width": 1280 }, "polygons": [ { "label": "dog", "vertices": [ { "x": 570, "y": 239 }, { "x": 603, "y": 513 }, { "x": 823, "y": 645 }, { "x": 901, "y": 417 }, { "x": 759, "y": 281 } ] }, { "label": "cat", "vertices": [ { "x": 870, "y": 278 }, { "x": 908, "y": 446 }, { "x": 1009, "y": 602 }, { "x": 1116, "y": 519 }, { "x": 1174, "y": 498 }, { "x": 1227, "y": 479 }, { "x": 1179, "y": 405 }, { "x": 1179, "y": 337 } ] } ] } } ] ``` Es können viele Bezeichnungen zur Verfügung stehen, jedoch werden nur diejenigen in der Ausgabe angezeigt, die verwendet werden. ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-polyline Ein Widget zum Zeichnen von Polylinien oder Linien auf einem Bild. Jede Polylinie ist mit einer Beschriftung verknüpft und kann zwei oder mehr Scheitelpunkte enthalten. Eine Polylinie kann sich selbst schneiden und ihre Start- und Endpunkte können an einer beliebigen Stelle im Bild platziert werden. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/PoWwvyJ). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. Weitere Beispiele finden Sie in diesem [GitHub Repository](https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/tree/master/images). ```

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Draw a polyline around the boundaries of all objects that the label applies to.

Use the Enter key to complete a polyline.

Make sure that the polyline fits tightly around the boundary of the object.

Read the task carefully and inspect the image.

Review the tool guide to learn how to use the polyline tool.

Choose the appropriate label that best suits the image.

To draw a polyline, select a label that applies to an object of interest and add a single point to the photo by clicking on that point. Continue to draw the polyline around the object by adding additional points around the object boundary.

After you place the final point on the polyline, press Enter on your keyboard to complete the polyline.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Optional. Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Optional. Ein Array von JSON-Objekten, von denen jedes eine Polylinie setzt, wenn die Komponente geladen wird. Jedes JSON-Objekt im Array enthält die folgenden Eigenschaften: + **label** – Der dem Polygon zugewiesene Text als Teil der Labeling-Aufgabe. Dieser Text muss einer der Beschriftungen entsprechen, die im *labels*-Attribut des `` Elements definiert wurden. + **vertices** – Die `x` und `y` Pixelkoordinaten der Scheitelpunkte einer Polylinie relativ zur linken oberen Ecke des Bilds. ``` initial-value= "{ polylines: [ { label: 'sideline', // label of this line annotation vertices:[ // an array of vertices which decide the position of the line { x: 84, y: 110 }, { x: 60, y: 100 } ] }, { label: 'yardline', vertices:[ { x: 651, y: 498 }, { x: 862, y: 869 }, { x: 1000, y: 869 } ] } ] }" ``` Polylinien, die über die `initial-value` Eigenschaft festgelegt wurden, können angepasst werden. Ob die Antwort eines Auftragnehmers angepasst wurde oder nicht, wird anhand eines `initialValueModified` booleschen Werts in der Antwortausgabe des Auftragnehmers erfasst. ### labels Erforderlich Ein JSON-formatiertes Array von Strings, die jeweils eine Beschriftung sind, die ein Worker einem Segment des Bildes zuweisen kann. **Limit:** 10 Beschriftungen ### label-colors Optional. Ein Array von Zeichenfolgen. Jede String ist ein Hexadezimalcode (hex) für eine Beschriftung. ### Name Erforderlich Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### src Erforderlich Die URL des Bildes, auf dem Polylinien gezeichnet werden sollen. ## Regionen Die folgenden Regionen werden von diesem Element benötigt. ### full-instructions Allgemeine Anweisungen zum Zeichnen von Polylinien. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [short-instructions](#polyline-regions-short-instructions), [full-instructions](#polyline-regions-full-instructions) ## Ausgabe ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. ### polylines Ein JSON-Array, das Objekte mit Beschriftungen und Scheitelpunkten von Polylinien enthält. + **label** – Die Beschriftung, die einer Linie zugewiesen wurde. + vertices – Die `x` und `y` Pixelkoordinaten der Scheitelpunkte einer Polylinie relativ zur linken oberen Ecke des Bilds. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt eine Ausgabe dieses Elements. ``` { "crowdPolyline": { //This is the name you set for the crowd-polyline "inputImageProperties": { "height": 1254, "width": 2048 }, "polylines": [ { "label": "sideline", "vertices": [ { "x": 651, "y": 498 }, { "x": 862, "y": 869 }, { "x": 1449, "y": 611 } ] }, { "label": "yardline", "vertices": [ { "x": 1148, "y": 322 }, { "x": 1705, "y": 474 }, , { "x": 1755, "y": 474 } ] } ] } } ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-radio-button Eine Schaltfläche, die entweder aktiviert oder deaktiviert werden kann. Wenn Optionsfelder innerhalb einer Optionsfeldgruppe sind, kann genau ein Optionsfeld in der Gruppe jederzeit geprüft werden. Im Folgenden finden Sie ein Beispiel für die Konfiguration eines `crowd-radio-button`-Elements innerhalb eines `crowd-radio-group`-Elements. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/yLgyWGZ). Im Folgenden finden Sie ein Beispiel für die Syntax, die Sie mit dem ``-Element verwenden können. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Technology

Politics

``` Das vorherige Beispiel ist in einer benutzerdefinierten Worker-Aufgabenvorlage zu sehen. In diesem GitHub Beispiel finden Sie eine [benutzerdefinierte Vorlage für einen Job zur Kennzeichnung von Entitäten](https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/blob/master/text/named-entity-recognition-with-additional-classification.liquid.html). Die Optionsfelder des Crowd-HTML-Elements unterstützen das HTML-Tag nicht, `required`. Um die Auswahl eines Optionsfeldes erforderlich zu machen, verwenden Sie `` Elemente, um Optionsfelder zu erstellen und das `required` Tag hinzuzufügen. Das `name` Attribut für alle `` Elemente, die zu derselben Gruppe von Optionsfeldern gehören, muss identisch sein. Bei der folgenden Vorlage muss der Benutzer beispielsweise vor dem Absenden ein Optionsfeld in der `animal-type` Gruppe auswählen. ```

Select an animal type:

Cat

Dog

Unknown

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

Read the task carefully and inspect the image.

Choose the appropriate label that best suits the image.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### checked Ein boolescher Schalter, der, falls vorhanden, das Optionsfeld als aktiviert anzeigt. ### disabled Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche als deaktiviert anzeigt und verhindert, dass sie aktiviert wird. ### Name Eine Zeichenfolge, die verwendet wird, um die Antwort zu identifizieren, die vom Worker übermittelt wurde. Dieser Wert stimmt mit einem Schlüssel im JSON-Objekt überein, das die Antwort angibt. **Anmerkung** Wenn Sie die Schaltflächen außerhalb eines [crowd-radio-group](sms-ui-template-crowd-radio-group.md)-Elements verwenden, jedoch mit derselben `name`-Zeichenfolge und unterschiedlichen `value`-Zeichenfolgen, enthält das `name`-Objekt in der Ausgabe einen booleschen Wert für jede `value`-Zeichenfolge. Um sicherzustellen, dass jeweils nur eine Schaltfläche in einer Gruppe von Schaltflächen ausgewählt ist, machen Sie sie zu untergeordneten Elementen eines [crowd-radio-group](sms-ui-template-crowd-radio-group.md)-Elements und verwenden Sie unterschiedliche name-Werte. ### value Ein Eigenschaftenname für den booleschen Wert des Elements. Wenn Sie nichts angeben, wird standardmäßig "aktiviert" verwendet, z. B. `{ "": { "": } }`. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-radio-group](sms-ui-template-crowd-radio-group.md) + **Untergeordnete Elemente**: keine ## Ausgabe Gibt ein Objekt mit folgendem Muster aus: `{ "": { "": } }`. Wenn Sie die Schaltflächen außerhalb eines [crowd-radio-group](sms-ui-template-crowd-radio-group.md)-Elements verwenden, jedoch mit derselben `name`-Zeichenfolge und unterschiedlichen `value`-Zeichenfolgen, enthält das name-Objekt einen booleschen Wert für jede `value`-Zeichenfolge. Um sicherzustellen, dass jeweils nur eine in einer Gruppe von Schaltflächen ausgewählt ist, machen Sie sie zu untergeordneten Elementen eines [crowd-radio-group](sms-ui-template-crowd-radio-group.md)-Elements und verwenden Sie unterschiedliche name-Werte. **Example Beispielausgabe dieses Elements** ``` [ { "btn1": { "yes": true }, "btn2": { "no": false } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-radio-group Eine Gruppe von Optionsfeldern. Nur ein Optionsfeld innerhalb der Gruppe kann ausgewählt werden. Wenn Sie ein Optionsfeld auswählen, werden alle zuvor ausgewählten Optionsfelder innerhalb derselben Gruppe gelöscht. Ein Beispiel für eine benutzerdefinierte Benutzeroberflächenvorlage, die das `crowd-radio-group`-Element verwendet, finden Sie in dieser [benutzerdefinierten Vorlage für den Kennzeichnungsauftrag zur Entitätenerkennung](https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/blob/master/text/named-entity-recognition-with-additional-classification.liquid.html) Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/KKawjPJ). Im Folgenden finden Sie ein Beispiel für die Syntax, die Sie mit dem ``-Element verwenden können. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Instructions

Lorem ipsum...

Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Option 1

Nulla facilisi morbi tempus iaculis urna. Orci dapibus ultrices in iaculis nunc sed augue lacus.

Option 2

Ultrices vitae auctor eu augue ut. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id.

Question

Which do you agree with?

Option 1

Option 2

Why did you choose this answer?

``` ## Attribute Von diesem Element werden keine speziellen Attribute unterstützt. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [crowd-radio-button](sms-ui-template-crowd-radio-button.md) ## Ausgabe Gibt ein Array von Objekten aus, die die darin enthaltenen [crowd-radio-button](sms-ui-template-crowd-radio-button.md)-Elemente darstellen. **Example Beispiel einer Elementausgabe** ``` [ { "btn1": { "yes": true }, "btn2": { "no": false } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-semantic-segmentation Ein Widget zur Segmentierung eines Bildes und zur Zuweisung einer Bezeichnung zu jedem Bildsegment. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/LYxEKEb). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Read the task carefully and inspect the image.
Read the options and review the examples provided to understand more about the labels.
Choose the appropriate label that best suits the image.

Use the tools to label the requested items in the image

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der über dem Bild angezeigt werden soll. Dies ist in der Regel eine Frage oder einfache Anweisung für den Worker. ### initial-value Ein JSON-Objekt, das die Farbzuweisungen eines früheren semantischen Segmentierungsauftrags und einen Link zur Overlay-Bildausgabe des vorherigen Auftrags enthält. Schließen Sie diese Option ein, wenn ein Auftragnehmer die Ergebnisse eines vorherigen Beschriftungsauftrags überprüft und passen Sie ihn gegebenenfalls an. Das Attribut würde wie folgt aussehen: ``` initial-value='{ "labelMappings": { "Bird": { "color": "#ff7f0e" }, "Cat": { "color": "#2ca02c" }, "Cow": { "color": "#d62728" }, "Dog": { "color": "#1f77b4" } }, "src": {{ "S3 file URL for image" | grant_read_access }} }' ``` Bei Verwendung der [Ground Truth integrierten Aufgabentypen](https://docs.aws.amazon.com/sagemaker/latest/dg/sms-task-types.html) mit [Annotationskonsolidierung](https://docs.aws.amazon.com/sagemaker/latest/dg/sms-annotation-consolidation.html) (bei der mehr als ein Auftragnehmer ein einzelnes Bild beschriftet), sind Beschriftungszuordnungen in den einzelnen Auftragnehmer-Ausgabedatensätzen enthalten, das Gesamtergebnis wird jedoch als das `internal-color-map` in den konsolidierten Ergebnissen dargestellt. Sie können `internal-color-map` mit der Templating-Sprache „Liquid“ in einer benutzerdefinierten Vorlage in `label-mappings` konvertieren: ``` initial-value="{ 'src' : '{{ task.input.manifestLine.label-attribute-name-from-prior-job| grant_read_access }}', 'labelMappings': { {% for box in task.input.manifestLine.label-attribute-name-from-prior-job-metadata.internal-color-map %} {% if box[1]['class-name'] != 'BACKGROUND' %} {{ box[1]['class-name'] | to_json }}: { 'color': {{ box[1]['hex-color'] | to_json }} }, {% endif %} {% endfor %} } }" ``` ### Beschriftungen Ein JSON-formatiertes Array von Zeichenfolgen, die jeweils eine Bezeichnung sind, die ein Worker einem Segment des Bildes zuweisen kann. ### Name Der Name dieses Widgets. Er wird als Schlüssel für die Widget-Eingabe in der Formularausgabe verwendet. ### src Die URL des Bildes, das segmentiert werden soll. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [full-instructions](#semantic-segmentation-regions-full-instructions), [short-instructions](#semantic-segmentation-regions-short-instructions) ## Regionen Die folgenden Regionen werden von diesem Element unterstützt. ### full-instructions Allgemeine Anweisungen zur Durchführung der Bildsegmentierung. ### short-instructions Wichtige aufgabenspezifische Anweisungen, die an exponierter Stelle angezeigt werden. ## Ausgabe Die folgende Ausgabe wird von diesem Element unterstützt. ### labeledImage Ein JSON-Objekt mit einem Base64-kodierten PNG der Bezeichnung. ### labelMappings Ein JSON-Objekt mit Objekten mit benannten Segmentierungsbezeichnungen. + **color** – Der hexadezimale Wert der RGB-Farbe der Bezeichnung im `labeledImage` PNG. ### initialValueModified Ein boolescher Wert, der angibt, ob die Anfangswerte geändert wurden. Dies ist nur enthalten, wenn die Ausgabe von einem Anpassungsvorgang stammt. ### inputImageProperties Ein JSON-Objekt, in dem die Dimensionen des Bildes angegeben werden, das durch den Worker kommentiert wird. Dieses Objekt enthält die folgenden Eigenschaften. + **height** – Die Höhe, in Pixeln, des Bildes. + **width** – Die Breite, in Pixeln, des Bildes. **Example : Beispielausgaben des Elements** Das folgende Beispiel zeigt die Ausgabe dieses Elements. ``` [ { "annotatedResult": { "inputImageProperties": { "height": 533, "width": 800 }, "labelMappings": { "": { "color": "#ff7f0e" }, "": { "color": "#2ca02c" }, "": { "color": "#1f77b4" } }, "labeledImage": { "pngImageData": "" } } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-slider Eine Leiste mit einem Schiebeknopf, mit dem ein Worker durch Verschieben des Knopfes aus einer Reihe von Werten einen Wert auswählen kann. Der Schieberegler ist ideal für Einstellungen geeignet, die Intensitätsstufen widerspiegeln, wie z. B. Lautstärke, Helligkeit oder Farbsättigung. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/RwKNzWL). Im Folgenden finden Sie ein Beispiel für eine Umfragevorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Provide a brief instruction here

Provide more detailed instructions here

Include additional information

Provide an example of a good answer here

Explain why it's a good answer

Provide an example of a bad answer here

Explain why it's a bad answer

What is your favorite color for a bird?

Check this box if you like birds

On a scale of 1-10, how much do you like birds?

Write a short essay describing your favorite bird

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### disabled Ein boolescher Schalter, der, falls vorhanden, den Schieberegler als deaktiviert anzeigt. ### editable Ein boolescher Schalter, der, falls vorhanden, eine up/down Schaltfläche anzeigt, mit der der Wert ausgewählt werden kann. Die Auswahl des Werts über die up/down Taste ist eine Alternative zur Auswahl des Werts durch Bewegen des Reglers am Schieberegler. Der Knopf auf dem Schieberegler bewegt sich synchron mit der Auswahl der Auf/Ab-Schaltfläche. ### max Eine Zahl, die den maximalen Wert auf dem Schieberegler angibt. ### min Eine Zahl, die den minimalen Wert auf dem Schieberegler angibt. ### Name Eine Zeichenfolge, die verwendet wird, um die Antwort zu identifizieren, die vom Worker übermittelt wurde. Dieser Wert stimmt mit einem Schlüssel im JSON-Objekt überein, das die Antwort angibt. ### pin Ein boolescher Schalter, der, sofern vorhanden, den aktuellen Wert oberhalb des Knopfes anzeigt, wenn er verschoben wird. ### Erforderlich Ein boolescher Schalter, der, falls vorhanden, erfordert, dass der Worker die Eingabe bereitstellt. ### secondary-progress Bei Verwendung mit einem `crowd-slider-secondary-color`-CSS-Attribut wird der Fortschrittsbalken bis zu dem Zeitpunkt farbig dargestellt, der durch den `secondary-progress` repräsentiert wird. Beispiel: Wenn dies den Fortschritt in einem Streaming-Video darstellt, repräsentiert der `value` den Zeitpunkt, an dem der Betrachter sich in der Video-Zeitleiste befand. Der `secondary-progress`-Wert repräsentiert den Zeitpunkt auf der Zeitleiste, an dem das Video gepuffert hatte. ### Schritt Eine Zahl, die die Differenz zwischen auswählbaren Werten auf dem Schieberegler angibt. ### value Eine Voreinstellung, die zur Standardeinstellung wird, wenn der Worker keine Eingabe bereitstellt. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-tab Eine Komponente, die dem Aussehen einer Registerkarte mit untenstehenden Informationen nachempfunden wurde. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/dyNPBGW). Im Folgenden finden Sie eine Beispielvorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Image

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Description

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Foo Bar Some button

Lorem ipsum dolor sit amet, lorem a wisi nibh, in pulvinar, consequat praesent vestibulum tellus ante felis auctor, vitae lobortis dictumst mauris. Pellentesque nulla ipsum ante quisque quam augue. Class lacus id euismod, blandit tempor mauris quisque tortor mauris, urna gravida nullam pede libero, ut suscipit orci faucibus lacus varius ornare, pellentesque ipsum. At etiam suspendisse est elementum luctus netus, vel sem nulla sodales, potenti magna enim ipsum diam tortor rutrum, quam donec massa elit ac, nam adipiscing sed at leo ipsum consectetuer. Ac turpis amet wisi, porttitor sint lacus ante, turpis accusantium, ac maecenas deleniti, nisl leo sem integer ac dignissim. Lobortis etiam luctus lectus odio auctor. Justo vitae, felis integer id, bibendum accumsan turpis eu est mus eros, ante id eros.

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tempus egestas sed sed risus.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### header Der Text, der auf der Registerkarte angezeigt wird. Dies ist in der Regel ein kurzer aussagekräftiger Name der auf die Informationen hinweist, die unterhalb der Registerkarte enthalten sind. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-tabs](sms-ui-template-crowd-tabs.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-tabs Ein Container für Registerkarteninformationen. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ZELYdWz). Im Folgenden finden Sie eine Beispielvorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Image

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Description

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Foo Bar Some button

Sed risus ultricies tristique nulla aliquet enim tortor at auctor. Tempus egestas sed sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tempus egestas sed sed risus.

``` ## Attribute Dieses Element verfügt über keine Attribute. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: [crowd-tab](sms-ui-template-crowd-tab.md) ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-text-area Ein Feld für die Texteingabe. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ZELYdOz). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet und für die Transkription von Audioclips konzipiert wurde. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Instructions

Transcribe the audio

Ignore "umms", "hmms", "uhs" and other non-textual phrases

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### allowed-pattern Ein regulärer Ausdruck, der mit dem *auto-validate*-Attribut verwendet wird, um nicht übereinstimmende Zeichen während der Eingabe des Workers zu ignorieren. ### auto-focus Ein boolescher Schalter, der, falls vorhanden, den Cursor in diesem Element unter Last setzt, damit die Benutzer sofort mit der Eingabe beginnen können, ohne auf das Element klicken zu müssen. ### auto-validate Ein boolescher Schalter, der, falls vorhanden, die Validierung der Eingabe aktiviert. Das Verhalten der Validierung kann durch die Attribute *error-message* und *allowed-pattern* geändert werden. ### char-counter Ein boolescher Schalter, der, falls vorhanden, ein kleines Textfeld unterhalb der unteren rechten Ecke des Elements setzt, das die Anzahl der Zeichen im Element anzeigt. ### disabled Ein boolescher Schalter, der, falls vorhanden, den Eingabebereich als deaktiviert anzeigt. ### error-message Der Text, der unter dem Eingabefeld auf der linken Seite angezeigt werden soll, wenn die Validierung fehlschlägt. ### Bezeichnung Eine Zeichenfolge, die in einem Textfeld angezeigt wird. Dieser Text verkleinert und erhebt sich über ein Textfeld, wenn der Worker mit der Eingabe im Feld beginnt oder das *value*-Attribut festgelegt ist. ### max-length Eine Ganzzahl, die die maximale Anzahl an Zeichen angibt, die vom Element zugelassen werden. Darüber hinaus eingegebene oder eingefügte Zeichen werden ignoriert. ### max-rows Eine Ganzzahl, die die maximale Anzahl von Textzeilen angibt, die innerhalb von a zulässig sind crowd-text-area. Normalerweise wird das Element erweitert, um neue Zeilen zu bewältigen. Wenn dies festgelegt wird, nachdem die Anzahl der Zeilen diese überschreiten, werden Inhalte aus der Ansicht nach oben verschoben und eine Bildlaufleiste wird angezeigt. ### Name Eine Zeichenfolge zur Darstellung der Daten des Elements in der Ausgabe. ### placeholder Eine Zeichenfolge, die dem Benutzer als Platzhaltertext dargestellt wird. Sie wird ausgeblendet, nachdem der Benutzer etwas in den Eingabebereich setzt. ### rows Eine Ganzzahl, die die Höhe des Elements in Textzeilen angibt. ### value Eine Voreinstellung, die zur Standardeinstellung wird, wenn der Worker keine Eingabe bereitstellt. Die Voreinstellung wird in einem Textfeld angezeigt. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Ausgabe Dieses Element gibt den `name` als Eigenschaftsnamen und die Elementtextinhalte als Wert aus. Zeilenumbrüche im Text werden als `\n` dargestellt. **Example Beispielausgabe für dieses Element** ``` [ { "textInput1": "This is the text; the text that\nmakes the crowd go wild." } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-toast Eine subtile Benachrichtigung, die vorübergehend auf der Anzeige erscheint. Nur ein crowd-toast ist sichtbar. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/ExZaBgK). Im Folgenden finden Sie ein Beispiel für eine Liquid-Vorlage, die das ``-Element verwendet. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

Find the official website for: {{ task.input.company }}

Do not give Yelp pages, LinkedIn pages, etc.

Include the http:// prefix from the website

This is a message that you want users to see when opening the template. This message will disappear in 10 seconds.

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### duration Eine Zahl, die die Dauer in Millisekunden angibt, die die Benachrichtigung auf dem Bildschirm angezeigt wird. ### text Der Text, der in der Benachrichtigung angezeigt werden soll. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) # crowd-toggle-button Eine Schaltfläche, die als ON/OFF Schalter fungiert und einen Status umschaltet. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements/pen/XWpJLNm). Im folgenden Beispiel werden verschiedene Möglichkeiten gezeigt, wie das HTML-Element `` verwendet werden kann. Kopieren Sie den folgenden Code und speichern Sie ihn in einer Datei mit der Erweiterung `.html`. Öffnen Sie die Datei in einem beliebigen Browser, um eine Vorschau anzuzeigen und mit dieser Vorlage zu interagieren. ```

``` ## Attribute Die folgenden Attribute werden von diesem Element unterstützt. ### checked Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche in der AN-Stellung anzeigt. ### disabled Ein boolescher Schalter, der, falls vorhanden, die Schaltfläche als deaktiviert anzeigt und ein Umschalten verhindert. ### invalid Wenn in einer ausgeschalteten Position wird eine Schaltfläche mit diesem Attribut in einer Warnfarbe angezeigt. Der Standard ist rot, kann jedoch in CSS geändert werden. Wenn aktiviert, wird die Schaltfläche in der gleichen Farbe wie andere Schaltflächen in der eingeschalteten Position angezeigt. ### Name Eine Zeichenfolge, die verwendet wird, um die Antwort zu identifizieren, die vom Worker übermittelt wurde. Dieser Wert stimmt mit einem Schlüssel im JSON-Objekt überein, das die Antwort angibt. ### Erforderlich Ein boolescher Schalter, der, falls vorhanden, erfordert, dass der Worker die Eingabe bereitstellt. ### value Ein Wert, der in der Ausgabe als Eigenschaftsname für den booleschen Status des Elements verwendet wird. Es gilt der Standardwert "aktiviert", falls nicht vorhanden. ## Hierarchie der Elemente Dieses Element verfügt über folgende übergeordnete und untergeordnete Elemente. + **Übergeordnete Elemente**: [crowd-form](sms-ui-template-crowd-form.md) + **Untergeordnete Elemente**: keine ## Ausgabe Dieses Element gibt den `name` als den Namen eines Objekts aus, das den `value` als Eigenschaftsnamen und den Status des Elements als booleschen Wert für die Eigenschaft enthält. Wenn kein Wert für das Element angegeben wird, ist der Eigenschaftsname standardmäßig auf "aktiviert" gesetzt. **Example Beispielausgabe für dieses Element** ``` [ { "theToggler": { "on": true } } ] ``` ## Weitere Informationen finden Sie unter: Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) ## Crowd-HTML-Elemente V2 Crowd-HTML-Elemente V2 bieten erweiterte Kennzeichnungsfunktionen, um Auftragnehmer mit neuen Features zu unterstützen, die auf Anwendungsfälle des GenAI-Modelltrainings zugeschnitten sind. Diese V2-Elemente sind kompatibel mit den Crowd-HTML-Elementen crowd-form, short-instructions, crowd-button, crowd-tabs und crowd-tab. Wenn Sie andere Elemente mit V2-Elementen verwenden, funktioniert die Anmerkungsanwendung nicht richtig. ### crowd-text-ranking Ein Widget, mit dem Auftragnehmer verschiedene Texteingaben auf der Grundlage der von Ihnen angegebenen Dimensionen verschieben und ordnen können. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/ZYGqBPQ). ```

Hello these are my instructions 1

Hello these are my instructions 2

Hello these are my instructions 3

``` #### Attribute Die folgenden Attribute werden von diesem Element unterstützt. ##### text Dies ist der Text oder S3-Verweis auf den Text, auf den bei der Rangfestlegung der Antworten verwiesen werden soll. ##### ordinal-ranking-dimensions Dies ist ein erforderliches Array des Objekts `ordinal-ranking-dimensions`, das die Dimension angibt, nach der die Antworten geordnet werden sollen. Diese Dimension enthält einen **Namen** und eine Eigenschaft namens **allowTie**, die bestimmt, ob ein Auftragnehmer Antworten denselben Rang geben kann. ##### responses Dies ist ein erforderliches Array des Objekts `ordinal-ranking-dimensions`, das die Dimension angibt, nach der die Antworten geordnet werden sollen. Diese Dimension enthält einen **Namen** und eine Eigenschaft namens **allowTie**, die bestimmt, ob ein Auftragnehmer Antworten denselben Rang geben kann. ##### Name Die ist ein erforderliches Zeichenfolgenfeld, das die vom Auftragnehmer eingereichte Antwort identifiziert. Es entspricht einem Schlüssel im Ausgabedatenvertrag für die Einreichung des Auftragnehmers. Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md) ### crowd-question-answer-generation Dies ist ein Widget, mit dem Auftragnehmer Textabschnitte hervorheben und gemäß Ihren Anweisungen Fragen- und Antwortpaare zuweisen können. Ein interaktives Beispiel für eine HTML-Vorlage, die dieses Crowd-HTML-Element verwendet, finden Sie unter [CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/zxGmobo). ```

User instructions will be displayed here.

``` #### Attribute Die folgenden Attribute werden von diesem Element unterstützt. ##### text Dies ist der Text oder S3-Verweis auf den Text, auf den bei der Rangfestlegung der Antworten verwiesen werden soll. ##### min-questions Diese optionale Ganzzahl gibt die Mindestanzahl an Fragen an, die ein Auftragnehmer bei der Aufgabe erstellen muss. Wenn dieser Wert nicht angegeben wird, werden Sie aufgefordert, mindestens ein Frage-Antwort-Paar zu schreiben. ##### max-questions Diese optionale Ganzzahl gibt die Höchstzahl an Fragen an, die ein Auftragnehmer bei der Aufgabe erstellen kann. ##### question-min-words Diese optionale Ganzzahl gibt die Mindestanzahl an Wörtern an, die in einer Frage erforderlich sind. Wenn dieser Wert nicht angegeben wird, werden Sie aufgefordert, mindestens ein Wort in der Frage anzugeben. ##### question-max-words Diese optionale Ganzzahl gibt die Höchstzahl an Wörtern an, die in einer Frage erlaubt sind. ##### answer-min-words Diese optionale Ganzzahl gibt die Mindestanzahl an Wörtern an, die in einer Antwort erforderlich sind. Wenn dieser Wert nicht angegeben wird, werden Sie aufgefordert, mindestens ein Wort in der Antwort zu schreiben. ##### answer-max-words Diese optionale Ganzzahl gibt die Höchstzahl an Wörtern an, die in einer Antwort erlaubt sind. ##### question-tags Dies ist ein erforderliches Array von Zeichenketten, das die möglichen Tags angibt, die ein Auftragnehmer einem Frage-Antwort-Paar zuweisen kann. Wenn dieses Array leer ist, ist das Feld der Frage-Tags nicht sichtbar. ##### allow-custom-question-tags Erforderliches boolesches Feld, das angibt, ob ein Auftragnehmer ein benutzerdefiniertes Fragen-Tag angeben kann. ##### Name Die ist ein erforderliches Zeichenfolgenfeld, das die vom Auftragnehmer eingereichte Antwort identifiziert. Es entspricht einem Schlüssel im Ausgabedatenvertrag für die Einreichung des Auftragnehmers. Weitere Informationen finden Sie unter den folgenden Topics. + [Kennzeichnung von Trainingsdaten mithilfe von Menschen mit Amazon SageMaker Ground Truth](sms.md) + [Referenz der Crowd-HTML-Elemente](sms-ui-template-reference.md)