crowd-instructions - アマゾン SageMaker

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

crowd-instructions

ワーカーがリンクまたはボタンをクリックしたとき、3 つのタブ付きページ [Summary] (概要)、[Detailed Instructions] (詳細な手順)、および [Examples] (例) に手順を表示する要素。

この Crowd HTML 要素を使用する HTML テンプレートのインタラクティブな例については、「CodePen」を参照してください。

<crowd-instructions> 要素を使用する Liquid テンプレートの例を次に示します。次のコードをコピーし、拡張子 .html でファイルに保存します。任意のブラウザでファイルを開き、このテンプレートをプレビューして操作します。

<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>

属性

次の属性が、この要素でサポートされています。

手順を開くための表示テキスト。デフォルトは [Click for instructions] (クリックして手順をご覧ください) です。

手順のトリガータイプを指定する文字列。指定できる値は "link" (デフォルト) と "button" です。

要素の階層

この要素には、以下の親および子要素があります。

リージョン

この要素では、次のリージョンがサポートされています。

detailed-instructions

タスクの具体的な手順を示すコンテンツ。これは [Detailed Instructions] (詳細な手順) タブのページに表示されます。

negative-example

不適切なタスクの完了例を示すコンテンツ。これは [Examples] (例) タブのページに表示されます。複数の例がこの要素内で提供されることがあります。

positive-example

適切なタスクの完了例を示すコンテンツ。これは [Examples] (例) タブのページに表示されます。

short-summary

完了するタスクの概要を示す簡単な記述。これは [Summary] (概要) タブのページに表示されます。複数の例がこの要素内で提供されることがあります。

以下の資料も参照してください。

詳細については、以下を参照してください。