crowd-instructions - Amazon SageMaker

crowd-instructions

Élément qui affiche des instructions sur les trois pages à onglets, Summary (Récapitulatif), Detailed Instructions (Instructions détaillées) et Examples (Exemples), lorsque l'employé clique sur un lien ou un bouton.

Consultez un exemple interactif d'un modèle HTML qui utilise cet élément HTML Crowd dans CodePen.

Voici un exemple de modèle Liquid qui a utilisé l'élément <crowd-instructions>. Copiez le code suivant et enregistrez-le dans un fichier avec l'extension .html. Ouvrez le fichier dans n'importe quel navigateur pour prévisualiser et interagir avec ce modèle.

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script> <crowd-form> <crowd-instructions link-text="View instructions" link-type="button"> <short-summary> <p>Given an image, write three words or short phrases that summarize its contents.</p> </short-summary> <detailed-instructions> <p>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.</p> </detailed-instructions> <positive-example> <p><img src="https://s3.amazonaws.com/cv-demo-images/highway.jpg"/></p> <p> <ul> <li>Highway</li> <li>Cars</li> <li>Gas station</li> </ul> </p> </positive-example> <negative-example> <p><img src="https://s3.amazonaws.com/cv-demo-images/highway.jpg"/></p> <p> These are not specific enough: <ol> <li>Trees</li> <li>Outside</li> <li>Daytime</li> </ol> </p> </negative-example> </crowd-instructions> <p><strong>Instructions: </strong>Given an image, write three words or short phrases that summarize its contents.</p> <p>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.</p> <p>View the instructions for detailed instructions and examples.</p> <p><img style="max-width: 100%; max-height: 100%" src="{{ task.input.taskObject | grant_read_access }}"></p> <crowd-input name="tag1" label="Word/phrase 1" required></crowd-input> <crowd-input name="tag2" label="Word/phrase 2" required></crowd-input> <crowd-input name="tag3" label="Word/phrase 3" required></crowd-input> </crowd-form>

Attributes

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

Texte à afficher pour ouvrir les instructions. La valeur par défaut est Click for instructions (Cliquez pour afficher les instructions).

Chaîne qui spécifie le type de déclencheur pour les instructions. Les valeurs possibles sont « link » (lien) (par défaut) et « button » (bouton).

Hiérarchie des éléments

Les éléments parents et enfants de cet élément sont les suivants :

  • Éléments parents: crowd-form

  • Éléments enfants : aucun

Régions

Les régions suivantes sont prises en charge par cet élément.

detailed-instructions

Contenu qui fournit des instructions spécifiques pour une tâche. Il s'affiche sur la page de l'onglet « Detailed Instructions » (Instructions détaillées).

negative-example

Contenu qui fournit des exemples de tâches mal réalisées. Il s'affiche sur la page de l'onglet « Examples » (Exemples). Plusieurs exemples peuvent être fournis au sein de cet élément.

positive-example

Contenu qui fournit des exemples de tâches bien réalisées. Il s'affiche sur la page de l'onglet « Examples » (Exemples).

short-summary

Bref résumé de la tâche qui doit être effectuée. Il s'affiche sur la page de l'onglet « Summary » (Récapitulatif). Plusieurs exemples peuvent être fournis au sein de cet élément.

Voir aussi

Pour plus d’informations, consultez les rubriques suivantes.