기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

# SageMaker AI Crowd HTML Elements
<a name="general-topiclist"></a>

다음은 사용자 지정 템플릿의 빌드를 더욱 쉽게 만들고 작업자에게 친숙한 UI를 제공하는 군중 HTML 요소 목록입니다. 이러한 요소는 Ground Truth, Augmented AI 및 Mechanical Turk에서 지원됩니다.

## Crowd HTML Elements V2
<a name="elements-v2"></a>

Crowd HTML V2 Elements는 GenAI 모델 훈련 사용 사례에 맞게 조정된 새로운 기능을 통해 작업자를 지원하도록 설계된 향상된 레이블링 기능을 제공합니다. 이러한 V2 요소는 Crowd HTML Elements의 crowd-form, short-instructions, crowd-button, crowd-tabs 및 crowd-tab과 호환됩니다. V2 요소와 함께 다른 요소를 사용하는 경우 주석 애플리케이션이 제대로 작동하지 않습니다.

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

작업자가 지정한 차원에 따라 다양한 텍스트 입력을 슬라이딩하고 순위를 매길 수 있는 위젯입니다.

[CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/ZYGqBPQ)에서 이 Crowd HTML 요소를 사용하는 HTML 템플릿의 대화형 예제를 참고해 보세요.

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

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

이 요소는 다음 속성을 지원합니다.

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

응답의 순위를 매길 때 참조할 텍스트에 대한 텍스트 또는 S3 참조입니다.

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

응답의 순위를 매길 차원을 지정하는 `ordinal-ranking-dimensions` 객체의 필수 배열입니다. 이 차원에는 작업자가 응답에 동일한 순위를 부여할 수 있는지 여부를 결정하는 **name**과 **allowTie**라는 속성이 포함되어 있습니다.

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

응답의 순위를 매길 차원을 지정하는 `ordinal-ranking-dimensions` 객체의 필수 배열입니다. 이 차원에는 작업자가 응답에 동일한 순위를 부여할 수 있는지 여부를 결정하는 **name**과 **allowTie**라는 속성이 포함되어 있습니다.

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

작업자가 제출한 답변을 식별하는 필수 문자열 필드입니다. 작업자 제출의 출력 데이터 계약의 키와 일치합니다.

추가 정보는 다음을 참조하세요.
+ [Amazon SageMaker Ground Truth를 사용하여 인간을 사용하여 데이터 레이블 지정 훈련](sms.md)
+ [군중 HTML 요소 참조](sms-ui-template-reference.md)

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

작업자가 텍스트 섹션을 강조 표시하고 지침에 따라 질문 및 답변 쌍을 할당할 수 있는 위젯

[CodePen](https://codepen.io/sagemaker_crowd_html_elements_2/pen/zxGmobo)에서 이 Crowd HTML 요소를 사용하는 HTML 템플릿의 대화형 예제를 참고해 보세요.

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

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

이 요소는 다음 속성을 지원합니다.

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

응답의 순위를 매길 때 참조할 텍스트에 대한 텍스트 또는 S3 참조입니다.

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

작업자가 태스크 중에 생성해야 하는 최소 질문 수를 지정하는 선택적 정수입니다. 제공되지 않은 경우 하나 이상의 질문과 답변 쌍을 작성하라는 메시지가 표시됩니다.

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

작업자가 태스크 중에 생성할 수 있는 최대 질문 수를 지정하는 선택적 정수입니다.

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

질문에 허용되는 최소 단어 수를 지정하는 선택적 정수입니다. 제공되지 않은 경우 질문에 하나 이상의 단어를 입력하라는 메시지가 표시됩니다.

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

질문에 허용되는 최대 단어 수를 지정하는 선택적 정수입니다.

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

답변에 허용되는 최소 단어 수를 지정하는 선택적 정수입니다. 제공되지 않은 경우 답변에 하나 이상의 단어를 작성하라는 메시지가 표시됩니다.

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

답변에 허용되는 최대 단어 수를 지정하는 선택적 정수입니다.

##### 질문-태그
<a name="crowd-question-answer-generation-attributes-question-tags"></a>

작업자가 질문-답변 쌍에 할당할 수 있는 가능한 태그를 지정하는 필수 문자열 배열입니다. 이 배열이 비어 있으면 질문 태그 필드가 표시되지 않습니다.

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

작업자가 사용자 지정 질문 태그를 지정할 수 있는지 여부를 나타내는 필수 부울 필드입니다.

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

작업자가 제출한 답변을 식별하는 필수 문자열 필드입니다. 작업자 제출의 출력 데이터 계약의 키와 일치합니다.

추가 정보는 다음을 참조하세요.
+ [Amazon SageMaker Ground Truth를 사용하여 인간을 사용하여 데이터 레이블 지정 훈련](sms.md)
+ [군중 HTML 요소 참조](sms-ui-template-reference.md)