Документация Толоки

Попарное сравнение текста

Для такого проекта в Толоке есть пресет Сопоставление товаров.

Этот пресет позволяет сравнить два названия и определить, они относятся к разным товарам или одинаковым.

Посмотрите пример — он состоит из двух текстов и кнопок выбора ответа. В нем уже настроена валидация, горячие клавиши и внешний вид задания.

Из каких компонентов состоит этот пример
  • view.text — тексты, которые нужно сравнить;

    Показать код
    {
      "type": "view.text",
      "content": {
        "type": "data.input",
        "path": "text_1"
      }
    }
    
  • layout.columns — размещает тексты справа и слева друг от друга;

    Показать код
    {
      "type": "layout.columns",
      "items": []
    }
    
  • field.radio-group — кнопки вариантов ответа;

    Показать код
    {
      "type": "field.radio-group",
      "label": "Are the product names the same or different?",
      "options": [],
      "validation": {
        "type": "condition.required"
      },
      "data": {
        "type": "data.output",
        "path": "result"
      }
    }
    
  • condition.required — проверяет, что выбран хотя бы один вариант;

    Показать код
    {
      "type": "condition.required"
    }
    
  • plugin.toloka — настраивает внешний вид задания;

    Показать код
    {
      "type": "plugin.toloka",
      "layout": {
        "kind": "scroll",
        "taskWidth": 800
      }
    }
    
  • plugin.hotkeys — горячие клавиши.

    Показать код
    {
      "1": {
        "type": "action.set",
        "data": {
          "type": "data.output",
          "path": "result"
        },
        "payload": "equal"
      },
      "2": {
        "type": "action.set",
        "data": {
          "type": "data.output",
          "path": "result"
        },
        "payload": "different"
      },
      "type": "plugin.hotkeys"
    }
    

Что еще можно настроить

  • Чтобы добавить подробное описание к заданию, используйте компонент view.text.

    Показать код
    {
      "type": "view.text",
      "content": "Look at the texts and tell if they are the same or different."
    }
    

  • Чтобы исполнитель мог оставить комментарий к заданию или своему ответу, добавьте поле для ввода текста field.textarea.

    Показать код
    {
      "type": "field.textarea",
      "label": "Comments",
      "placeholder": "Enter text",
      "data": {
        "type": "data.output",
        "path": "comment"
      }
    }
    

Если вам не подходит этот пресет, посмотрите другие примеры в этом разделе.

Добавить оформление

Также вы можете цветом оформлять разные типы данных с помощью view.alert, чтобы исполнитель легче в них ориентировался. В этом примере исходный текст выделен синей рамкой, а кнопки — желтой.

Показать код
{
  "type": "view.alert",
  "theme": "info",
  "content": {
    "type": "view.text",
    "content": "Look at the texts and tell if they are the same or different."
  }
},
{
  "type": "view.alert",
  "theme": "warning",
  "content": {
    "type": "field.radio-group",
    "label": "Are the product names the same or different?",
    "options": [],
    "validation": {
      "type": "condition.required"
    },
    "data": {
      "type": "data.output",
      "path": "result"
    }
  }
}