Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

# SageMaker Éléments HTML AI Crowd
<a name="general-topiclist"></a>

Vous trouverez ci-dessous la liste des éléments HTML Crowd qui facilitent la création d’un modèle personnalisé et fournissent une interface utilisateur familière pour les collaborateurs. Ces éléments sont pris en charge dans Ground Truth, Augmented AI et Mechanical Turk.

## Éléments HTML Crowd V2
<a name="elements-v2"></a>

Les éléments HTML Crowd V2 introduisent des fonctionnalités d’étiquetage améliorées conçues pour aider les employés, avec de nouvelles fonctionnalités adaptées aux cas d’utilisation d’entraînement des modèles GenAI. Ces éléments V2 sont compatibles avec les crowd-form, short-instructions, crowd-button, crowd-tabs, et crowd-tab des éléments HTML Crowd. Si vous utilisez d’autres éléments avec des éléments V2, l’application d’annotation ne fonctionnera pas correctement.

### crowd-text-ranking
<a name="sms-ui-template-crowd-text-ranking"></a>

Un widget permettant aux employés de faire glisser et de classer différentes entrées de texte en fonction des dimensions que vous spécifiez.

Consultez un exemple interactif de modèle HTML utilisant cet élément HTML Crowd dans [CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/ZYGqBPQ).

```
<script src="https://assets.crowd.aws/crowd-html-elements-v2.js"></script>

<crowd-form>
  <crowd-text-ranking
    name="textRanking"
    ordinal-ranking-dimensions='[{"name":"Clarity","allowTie":true},{"name":"Inclusivity","allowTie":false}]'
    text="Explain why you can see yourself in a mirror at a level that a 16 year old can understand."
    responses='["When light is emitted from light source like a light bulb, some of it travels toward your body, where it may be reflected toward the mirror with some probability or it may be absorbed. If it were reflected off your body, then some of it could travel toward the mirror, where it could be reflected again. If it is the case where light strikes the mirror, the light is then again redirected as a reflection. If that light is pointed in the direction of your eyes, then the light will enter your eyes. Then, your brain processes the electrical signal made by your eyes and sees it as an image.","You can see yourself because of a series of light reflections. Light travels from the light source, hits and reflects off of your body and travels toward the mirror. Then, it reflects off of the mirror and travels to your eyes, where your brain registers it as a picture of yourself.","Light travels in various directions from a light source like a light bulb. Some of the light reflects off of your body with some probability, after which some of it travels to the mirror. Upon striking the mirror, the some of the light again reflects off the mirror and travels toward your eyes, wherein your eyes detect the light after absorbing it. After this process, your brain processes the signal as an image of yourself.","The phenomenon of self-visual perception via a mirror at an ontological plane derives from the intricate interplay of photons within the electromagnetic spectrum, quantum mechanical principles, and the neurocognitive processes underpinning self-recognition. In essence, the mirror serves as an interface wherein incident photons, emitted from an external object, interact with the reflective surface at a specific angle of incidence governed by the laws of geometric optics. This interaction culminates in the process of specular reflection, leading to the formation of a virtual image."]'
  >
    <short-instructions>
      <h1>Hello these are my instructions 1</h1>
      <p>Hello these are my instructions 2</p>
      <p>Hello these are my instructions 3</p>
    </short-instructions>
  </crowd-text-ranking>
</crowd-form>
```

#### Attributes
<a name="crowd-text-ranking-attributes"></a>

Les attributs suivants sont pris en charge par cet élément.

##### text
<a name="crowd-text-ranking-attributes-text"></a>

Le texte ou la référence S3 au texte à référencer lors du classement des réponses.

##### ordinal-ranking-dimensions
<a name="crowd-text-ranking-attributes-ordinal-ranking"></a>

Tableau requis de l’objet `ordinal-ranking-dimensions`, qui indique la dimension selon laquelle classer les réponses. Cette dimension contient un **nom** et une propriété nommés **allowTie**, qui déterminent si un employé peut attribuer le même classement aux réponses.

##### réponses
<a name="crowd-text-ranking-attributes-responses"></a>

Tableau requis de l’objet `ordinal-ranking-dimensions`, qui indique la dimension selon laquelle classer les réponses. Cette dimension contient un **nom** et une propriété nommés **allowTie**, qui déterminent si un employé peut attribuer le même classement aux réponses.

##### name
<a name="crowd-text-ranking-attributes-name"></a>

Champ de chaîne requis qui identifie la réponse soumise par l’employé. Elle correspond à une clé du contrat de données de sortie de la soumission de l’employé.

Pour plus d’informations, consultez les rubriques suivantes.
+ [Étiquetage des données de formation à l'aide d'humains avec Amazon SageMaker Ground Truth](sms.md)
+ [Référence des éléments HTML crowd](sms-ui-template-reference.md)

### crowd-question-answer-generation
<a name="sms-ui-template-crowd-question-answer-generation"></a>

Un widget permettant aux employés de mettre en évidence des sections de texte et d’attribuer des paires de questions-réponses en fonction de vos instructions

Consultez un exemple interactif de modèle HTML utilisant cet élément HTML Crowd dans [CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/zxGmobo).

```
<script src="https://assets.crowd.aws/crowd-html-elements-v2.js"></script>

<crowd-form>
  <crowd-question-answer-generation
    name="questionAnswerGeneration"
    text='The Amazon rainforest (Portuguese: Floresta Amazônica or Amazônia; Spanish: Selva Amazónica, Amazonía or usually Amazonia; French: Forêt amazonienne; Dutch: Amazoneregenwoud), also known in English as Amazonia or the Amazon Jungle, is a moist broadleaf forest that covers most of the Amazon basin of South America. This basin encompasses 7,000,000 square kilometres (2,700,000 sq mi), of which 5,500,000 square kilometres (2,100,000 sq mi) are covered by the rainforest. This region includes territory belonging to nine nations. The majority of the forest is contained within Brazil, with 60% of the rainforest, followed by Peru with 13%, Colombia with 10%, and with minor amounts in Venezuela, Ecuador, Bolivia, Guyana, Suriname and French Guiana. States or departments in four nations contain "Amazonas" in their names. The Amazon represents over half of the planet's remaining rainforests, and comprises the largest and most biodiverse tract of tropical rainforest 
    in the world, with an estimated 390 billion individual trees divided into 16,000 species. For a long time, it was thought that the 
    Amazon rainforest was only ever sparsely populated, as it was impossible to sustain a large population through agriculture given the poor soil. 
    Archeologist Betty Meggers was a prominent proponent of this idea, as described in her book Amazonia: Man and Culture in a Counterfeit Paradise. 
    She claimed that a population density of 0.2 inhabitants per square kilometre (0.52/sq mi) is the maximum that can be sustained in the rainforest 
    through hunting, with agriculture needed to host a larger population. However, recent anthropological findings have suggested that the region was 
    actually densely populated. Some 5 million people may have lived in the Amazon region in AD 1500, divided between dense coastal settlements, such as that at
    Marajó, and inland dwellers. By 1900 the population had fallen to 1 million and by the early 1980s it was less than 200,000.'
    min-questions="1"
    max-questions="10"
    question-min-words="1"
    question-max-words="100"
    answer-min-words="1"
    answer-max-words="100"
    question-tags='[
      "tag1",
      "tag2",
      "tag3"
    ]'
    allow-custom-question-tags="true"
  >
    <short-instructions>
      <p>User instructions will be displayed here.</p>
    </short-instructions>
  </crowd-question-answer-generation>
</crowd-form>
```

#### Attributes
<a name="crowd-question-answer-generation-attributes"></a>

Les attributs suivants sont pris en charge par cet élément.

##### text
<a name="crowd-question-answer-generation-attributes-text"></a>

Le texte ou la référence S3 au texte à référencer lors du classement des réponses.

##### min-questions
<a name="crowd-question-answer-generation-attributes-min-questions"></a>

Entier facultatif qui indique le nombre minimum de questions qu’un employé devrait créer au cours de la tâche. Si ce n’est pas le cas, il vous sera demandé de rédiger au moins une paire de questions-réponses.

##### max-questions
<a name="crowd-question-answer-generation-attributes-max-questions"></a>

Entier facultatif qui indique le nombre maximum de questions qu’un employé peut créer au cours de la tâche.

##### question-min-words
<a name="crowd-question-answer-generation-attributes-question-min-words"></a>

Entier facultatif qui indique le nombre minimum de mots autorisés dans une question. Si ce n’est pas le cas, il vous sera demandé de fournir au moins un mot dans la question.

##### question-max-words
<a name="crowd-question-answer-generation-attributes-question-max-words"></a>

Entier facultatif qui indique le nombre maximum de mots autorisés dans une question.

##### answer-min-words
<a name="crowd-question-answer-generation-attributes-answer-min-words"></a>

Entier facultatif qui indique le nombre minimum de mots autorisés dans une réponse. Si ce n’est pas le cas, il vous sera demandé de rédiger au moins un mot dans la réponse.

##### answer-max-words
<a name="crowd-question-answer-generation-attributes-answer-max-words"></a>

Entier facultatif qui spécifie le nombre maximum de mots autorisés dans une réponse.

##### question-tags
<a name="crowd-question-answer-generation-attributes-question-tags"></a>

Un tableau de chaînes requis qui spécifie les balises possibles qu’un employé peut attribuer à une paire de questions-réponses. Si ce tableau est vide, le champ question-tags n’est pas visible.

##### allow-custom-question-tags
<a name="crowd-question-answer-generation-attributes-allow-custom-question-tags"></a>

Champ booléen requis qui indique si un employé peut spécifier une balise de question personnalisée.

##### name
<a name="crowd-question-answer-generation-attributes-name"></a>

Champ de chaîne requis qui identifie la réponse soumise par l’employé. Elle correspond à une clé du contrat de données de sortie de la soumission de l’employé.

Pour plus d’informations, consultez les rubriques suivantes.
+ [Étiquetage des données de formation à l'aide d'humains avec Amazon SageMaker Ground Truth](sms.md)
+ [Référence des éléments HTML crowd](sms-ui-template-reference.md)