Elemen HTML Crowd AI Augmented

Elemen HTML Crowd berikut hanya tersedia untuk tugas alur kerja manusia Amazon Augmented AI.

Widget untuk mengaktifkan tinjauan manusia terhadap hasil analisis dokumen Amazon Textract.

Atribut

Atribut berikut didukung oleh elemen ini.

header

Ini adalah teks yang ditampilkan sebagai header.

src

Ini adalah tautan ke gambar yang akan dianalisis oleh pekerja.

initialValue

Ini menetapkan nilai awal untuk atribut yang ditemukan di UI pekerja.

Berikut ini adalah contoh initialValue input:


[
            {
                "blockType": "KEY_VALUE_SET",
                "confidence": 38.43309020996094,
                "geometry": {
                    "boundingBox": {
                        "width": 0.32613086700439453,
                        "weight": 0.0942094624042511,
                        "left": 0.4833833575248718,
                        "top": 0.5227988958358765
                    },
                    "polygon": [
                        {"x": 0.123, "y": 0.345}, ...
                    ]
                }
                "id": "8c97b240-0969-4678-834a-646c95da9cf4",
                "relationships": [
                    {
                        "type": "CHILD",
                        "ids": [
                            "7ee7b7da-ee1b-428d-a567-55a3e3affa56",
                            "4d6da730-ba43-467c-a9a5-c6137ba0c472"
                        ]
                    },
                    {
                        "type": "VALUE",
                        "ids": [
                            "6ee7b7da-ee1b-428d-a567-55a3e3affa54"
                        ]
                    }
                ],
                "entityTypes": [
                    "KEY"
                ],
                "text": "Foo bar"
            },
]

blockTypes

Ini menentukan jenis analisis yang dapat dilakukan pekerja. Hanya saat KEY_VALUE_SET ini didukung.

keys

Ini menentukan kunci baru dan nilai teks terkait yang dapat ditambahkan pekerja. Nilai masukan untuk keys dapat mencakup elemen-elemen berikut:

importantFormKeymenerima string, dan digunakan untuk menentukan satu kunci.
importantFormKeyAliasesdapat digunakan untuk menentukan alias yang merupakan alternatif yang dapat diterima untuk kunci yang disediakan. Gunakan elemen ini untuk mengidentifikasi ejaan alternatif atau presentasi kunci Anda. Parameter ini menerima daftar satu atau lebih string.

Berikut ini adalah contoh input untukkeys.


[
      {
        importantFormKey: 'Address',
        importantFormKeyAliases: [
          'address',
          'Addr.',
          'Add.',
        ]
      },
      {
        importantFormKey: 'Last name',
        importantFormKeyAliases: ['Surname']
      }
]

tanpa kunci-edit

Ini mencegah pekerja mengedit kunci anotasi yang dilewatiinitialValue. Ini mencegah pekerja mengedit kunci yang telah terdeteksi pada dokumen Anda. Ini wajib diisi.

tanpa geometri-edit

Ini mencegah pekerja mengedit poligon anotasi yang dilewatkan. initialValue Misalnya, ini akan mencegah pekerja mengedit kotak pembatas di sekitar kunci yang diberikan. Ini wajib diisi.

Hirarki Elemen

Elemen ini memiliki elemen induk dan anak berikut.

Elemen induk - bentuk kerumunan
Elemen anak —instruksi lengkap, instruksi singkat

Wilayah

Daerah berikut didukung oleh elemen ini. Anda dapat menggunakan kode HTML dan CSS khusus dalam wilayah ini untuk memformat instruksi Anda kepada pekerja. Misalnya, gunakan short-instructions bagian ini untuk memberikan contoh yang baik dan buruk tentang cara menyelesaikan tugas.

instruksi lengkap

Instruksi umum tentang cara bekerja dengan widget.

instruksi singkat

Instruksi khusus tugas penting yang ditampilkan di tempat yang menonjol.

Contoh Template Pekerja Menggunakan Elemen kerumunan

Contoh template pekerja menggunakan elemen kerumunan ini akan terlihat seperti berikut.


<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>
{% capture s3_uri %}http://s3.amazonaws.com/{{ task.input.aiServiceRequest.document.s3Object.bucket }}/{{ task.input.aiServiceRequest.document.s3Object.name }}{% endcapture %}

<crowd-form>
  <crowd-textract-analyze-document
    src="{{ s3_uri | grant_read_access }}"
    initial-value="{{ task.input.selectedAiServiceResponse.blocks }}"
    header="Review the key-value pairs listed on the right and correct them if they don't match the following document."
    no-key-edit
    no-geometry-edit
    keys="{{ task.input.humanLoopContext.importantFormKeys }}"
    block-types="['KEY_VALUE_SET']"
  >
    <short-instructions header="Instructions">
      <style>
        .instructions {
          white-space: pre-wrap;
        }
        .instructionsImage {
          display: inline-block;
          max-width: 100%;
        }
      </style>
      <p class='instructions'>Click on a key-value block to highlight the corresponding key-value pair in the document.

If it is a valid key-value pair, review the content for the value. If the content is incorrect, correct it.

The text of the value is incorrect, correct it.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/correct-value-text.png" />

A wrong value is identified, correct it.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/correct-value.png" />

If it is not a valid key-value relationship, choose No.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/not-a-key-value-pair.png" />

If you can’t find the key in the document, choose Key not found.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/key-is-not-found.png" />

If the content of a field is empty, choose Value is blank.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/value-is-blank.png" />

<b>Examples</b>
Key and value are often displayed next or below to each other.

Key and value displayed in one line.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/sample-key-value-pair-1.png" />

Key and value displayed in two lines.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/sample-key-value-pair-2.png" />

If the content of the value has multiple lines, enter all the text without line break. Include all value text even if it extends beyond the highlight box.
<img class='instructionsImage' src="https://assets.crowd.aws/images/a2i-console/multiple-lines.png" /></p>
    </short-instructions>

    <full-instructions header="Instructions"></full-instructions>
  </crowd-textract-analyze-document>
</crowd-form>

Output

Berikut ini adalah contoh output dari elemen ini. Anda dapat menemukan penjelasan rinci tentang output ini di dokumentasi Amazon Textract AnalyzeDocumentAPI.


{
  "AWS/Textract/AnalyzeDocument/Forms/V1": {
    blocks: [
      {
        "blockType": "KEY_VALUE_SET",
        "id": "8c97b240-0969-4678-834a-646c95da9cf4",
        "relationships": [
          {
            "type": "CHILD",
            "ids": ["7ee7b7da-ee1b-428d-a567-55a3e3affa56", "4d6da730-ba43-467c-a9a5-c6137ba0c472"]
          },
          {
            "type": "VALUE",
            "ids": ["6ee7b7da-ee1b-428d-a567-55a3e3affa54"]
          }
        ],
        "entityTypes": ["KEY"],
        "text": "Foo bar baz"
      }
    ]
  }
}

Widget untuk mengaktifkan tinjauan manusia terhadap hasil moderasi gambar Amazon Rekognition.

Atribut

Atribut berikut didukung oleh elemen ini.

header

Ini adalah teks yang ditampilkan sebagai header.

src

Ini adalah tautan ke gambar yang akan dianalisis oleh pekerja.

kategori

Ini mendukung categories sebagai array string atau array objek di mana setiap objek memiliki name bidang.

Jika kategori masuk sebagai objek, berikut ini berlaku:

Kategori yang ditampilkan adalah nilai name bidang.
Jawaban yang dikembalikan berisi objek lengkap dari setiap kategori yang dipilih.

Jika kategori masuk sebagai string, berikut ini berlaku:

Jawaban yang dikembalikan adalah array dari semua string yang dipilih.

pengecualian kategori

Dengan menyetel atribut ini, Anda membuat tombol di bawah kategori di UI.

Ketika pengguna memilih tombol, semua kategori tidak dipilih dan dinonaktifkan.
Memilih tombol lagi mengaktifkan kembali kategori sehingga pengguna dapat memilihnya.
Jika Anda mengirimkan setelah memilih tombol, ia mengembalikan array kosong.

Hirarki Elemen

Elemen ini memiliki elemen induk dan anak berikut.

Elemen induk - bentuk kerumunan
Elemen anak —instruksi lengkap, instruksi singkat

AWS Daerah

AWS Daerah berikut didukung oleh elemen ini. Anda dapat menggunakan kode HTML dan CSS khusus dalam Wilayah ini untuk memformat instruksi Anda kepada pekerja. Misalnya, gunakan short-instructions bagian ini untuk memberikan contoh yang baik dan buruk tentang cara menyelesaikan tugas.

instruksi lengkap

Instruksi umum tentang cara bekerja dengan widget.

instruksi singkat

Instruksi khusus tugas penting yang ditampilkan di tempat yang menonjol.

Contoh Template Pekerja dengan Elemen kerumunan

Contoh template pekerja menggunakan elemen kerumunan akan terlihat seperti berikut ini.


<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>
{% capture s3_uri %}http://s3.amazonaws.com/{{ task.input.aiServiceRequest.image.s3Object.bucket }}/{{ task.input.aiServiceRequest.image.s3Object.name }}{% endcapture %}

<crowd-form>
  <crowd-rekognition-detect-moderation-labels
    categories='[
      {% for label in task.input.selectedAiServiceResponse.moderationLabels %}
        {
          name: "{{ label.name }}",
          parentName: "{{ label.parentName }}",
        },
      {% endfor %}
    ]'
    src="{{ s3_uri | grant_read_access }}"
    header="Review the image and choose all applicable categories."
  >
    <short-instructions header="Instructions">
      <style>
        .instructions {
          white-space: pre-wrap;
        }
      </style>
      <p class='instructions'>Review the image and choose all applicable categories.
If no categories apply, choose None.

<b>Nudity</b>
Visuals depicting nude male or female person or persons

<b>Graphic Male Nudity</b>
Visuals depicting full frontal male nudity, often close ups

<b>Graphic Female Nudity</b>
Visuals depicting full frontal female nudity, often close ups

<b>Sexual Activity</b>
Visuals depicting various types of explicit sexual activities and pornography

<b>Illustrated Nudity or Sexual Activity</b>
Visuals depicting animated or drawn sexual activity, nudity or pornography

<b>Adult Toys</b>
Visuals depicting adult toys, often in a marketing context

<b>Female Swimwear or Underwear</b>
Visuals depicting female person wearing only swimwear or underwear

<b>Male Swimwear Or Underwear</b>
Visuals depicting male person wearing only swimwear or underwear

<b>Partial Nudity</b>
Visuals depicting covered up nudity, for example using hands or pose

<b>Revealing Clothes</b>
Visuals depicting revealing clothes and poses, such as deep cut dresses

<b>Graphic Violence or Gore</b>
Visuals depicting prominent blood or bloody injuries

<b>Physical Violence</b>
Visuals depicting violent physical assault, such as kicking or punching

<b>Weapon Violence</b>
Visuals depicting violence using weapons like firearms or blades, such as shooting

<b>Weapons</b>
Visuals depicting weapons like firearms and blades

<b>Self Injury</b>
Visuals depicting self-inflicted cutting on the body, typically in distinctive patterns using sharp objects

<b>Emaciated Bodies</b>
Visuals depicting extremely malnourished human bodies

<b>Corpses</b>
Visuals depicting human dead bodies

<b>Hanging</b>
Visuals depicting death by hanging</p>
    </short-instructions>

    <full-instructions header="Instructions"></full-instructions>
  </crowd-rekognition-detect-moderation-labels>
</crowd-form>

Output

Berikut ini adalah contoh output dari elemen ini. Untuk detail tentang keluaran ini, lihat dokumentasi Amazon DetectModerationRekognition Labels API.


{
  "AWS/Rekognition/DetectModerationLabels/Image/V3": {
    "ModerationLabels": [
        { name: 'Gore', parentName: 'Violence' },
        { name: 'Corpses', parentName: 'Violence' },
    ]
  }
}

Awas Javascript dinonaktifkan atau tidak tersedia di browser Anda.

Untuk menggunakan Dokumentasi AWS, Javascript harus diaktifkan. Lihat halaman Bantuan browser Anda untuk petunjuk.

Konvensi Dokumen

SageMaker Crowd Elemen HTML

Augmented AI