Проект 2. Найти похожий объект в интернет-магазине
В этом проекте исполнители будут искать в интернет-магазине обувь, похожую на заданную. В качестве исходных изображений используйте результаты из первого проекта.
Создайте проект
Чтобы создать проект, откройте Яндекс.Толоку для заказчика.
Выберите шаблон:
Нажмите кнопку + Создать проект.
- Выберите шаблон Поиск фотографий товаров.
Заполните общую информацию:
В поле Название проекта введите
Найти такую же или похожую обувь в интернет-магазине
.В поле Описание введите
Зайдите в интернет-магазин и предоставьте ссылку и изображение такой же или похожей пары обуви.
.- По желанию добавьте Приватный комментарий.
- Нажмите кнопку Сохранить.
Отредактируйте Интерфейс задания и блок Спецификации.
Примечание. В этом туториале показано, как создать интерфейс задания в редакторе HTML/JS/CSS. Вы также можете попробовать создать интерфейс задания в Конструкторе шаблонов.Подготовьте Интерфейс задания: удалите шаблонный код из блока html, в блок html вставьте следующий код:
{{img src=image width="50%" height="400px"}} <div class='answers'> <p>Найти похожую <b>обувь</b> в интернет-магазине ASOS</p> {{field type="button-clicked" name="button" label="ASOS" href="https://www.asos.com" action=true}} <p>Обувь должна быть похожа по цвету, материалу, длине и стилю.</p> <p>Вставьте ссылку</p> {{field width="100%" type="input" name="found_link"}} <p>Загрузите изображение</p> <div> {{field width="100%" type="file-img" name="found_image" preview=true}} </div> </div>
В блоке js отредактируйте код, чтобы проверить корректность ссылки и изображения, предоставленных исполнителем. В 5-ой строке замените следующий код:
if (!solution.output_values.image && !solution.output_values.no_image) {
на
if (!solution.output_values.found_image) {
Внимание.Будьте внимательны при изменении кода. Если у вас возникли проблемы с предварительным просмотром, обратитесь в службу поддержки или сравните ваш код с кодом в приложении.
Удалите шаблонный код из блока css.
В блок css вставьте следующий код, отвечающий за установку пропорционального размера изображения..task { display: block; height: 500px; width: 800px; } .img { float: left; width: 50%; } .answers { float: left; width: 40%; margin: 5%; }
Отредактируйте входные и выходные данные в блоке Спецификации.
Нажмите кнопку
, чтобы переключить графический режим на формат JSON.
В поле Входные данные введите:
{ "image": { "type": "url", "hidden": false, "required": true } }
В поле Выходные данные введите:
Примечание.Если вы хотите выбрать другой интернет-магазин, измените строку с
"pattern": "https://www.asos.com/.*"
на"pattern": "your_store.*"
.{ "button": { "type": "boolean", "hidden": false, "required": true, "allowed_values": [ true ] }, "found_link": { "type": "string", "hidden": false, "pattern": "https://www.asos.com/.*", "required": true }, "found_image": { "type": "file", "hidden": false, "required": true } }
Подробнее о параметрах Спецификации читайте в разделе Входные и выходные данные.
Нажмите кнопку Предпросмотр.
В открывшемся окне проверьте работу опций задания.
Ответьте на вопрос.
В правом нижнем углу нажмите кнопку Отправить.
Выйдите из режима предпросмотра.
В нижнем левом углу нажмите кнопку Выйти.
В открывшемся окне нажмите кнопку Выйти.
В поле Инструкция введите инструкцию.
- Текст инструкции:
Посмотрите на одежду, в которую человек одет на фотографии. Перейдите в интернет-магазин ASOS и найдите такую же пару обуви. Она должна быть похожа по категории, стилю, цвету и длине.
Нажмите кнопку Завершить.
Подробнее о работе с проектом читайте в разделе Проект.
Нажмите кнопку + Создать проект.
В открывшемся окне выберите шаблон Поиск фотографий товаров, для этого наведите указатель на шаблон и нажмите кнопку Выбрать.
В открывшемся окне заполните параметры проекта.
В поле Название проекта введите
Найти такую же или похожую обувь в интернет-магазине
.В поле Описание введите
Зайдите в интернет-магазин и предоставьте ссылку и изображение такой же или похожей пары обуви.
.В поле Инструкция введите инструкцию.
Текст инструкции:
Посмотрите на одежду, в которую человек одет на фотографии. Перейдите в интернет-магазин ASOS и найдите такую же пару обуви. Она должна быть похожа по категории, стилю, цвету и длине.
Отредактируйте входные и выходные данные в блоке Спецификации.
Нажмите кнопку
, чтобы переключить графический режим на формат JSON.
В поле Входные данные введите:
{ "image": { "type": "url", "hidden": false, "required": true } }
В поле Выходные данные введите:
Примечание.Если вы хотите выбрать другой интернет-магазин, измените строку с
"pattern": "https://www.asos.com/.*"
на"pattern": "your_store.*"
.{ "button": { "type": "boolean", "hidden": false, "required": true, "allowed_values": [ true ] }, "found_link": { "type": "string", "hidden": false, "pattern": "https://www.asos.com/.*", "required": true }, "found_image": { "type": "file", "hidden": false, "required": true } }
Подробнее о параметрах Спецификации читайте в разделе Входные и выходные данные.
Подготовьте Интерфейс задания.
Удалите шаблонный код из блока html.
В блок html вставьте следующий код:
{{img src=image width="50%" height="400px"}} <div class='answers'> <p>Найти похожую <b>обувь</b> в интернет-магазине ASOS</p> {{field type="button-clicked" name="button" label="ASOS" href="https://www.asos.com" action=true}} <p>Обувь должна быть похожа по цвету, материалу, длине и стилю.</p> <p>Вставьте ссылку</p> {{field width="100%" type="input" name="found_link"}} <p>Загрузите изображение</p> <div> {{field width="100%" type="file-img" name="found_image" preview=true}} </div> </div>
В блоке js отредактируйте код, чтобы проверить корректность ссылки и изображения, предоставленных исполнителем. В 5-ой строке замените следующий код:
if (!solution.output_values.image && !solution.output_values.no_image) {
на
if (!solution.output_values.found_image) {
Внимание.Будьте внимательны при изменении кода. Если у вас возникли проблемы с предварительным просмотром, обратитесь в службу поддержки или сравните ваш код с кодом в приложении.
Удалите шаблонный код из блока css.
- В блок css вставьте следующий код, отвечающий за установку пропорционального размера изображения.
.task { display: block; height: 500px; width: 800px; } .img { float: left; width: 50%; } .answers { float: left; width: 40%; margin: 5%; }
Нажмите кнопку Предпросмотр.
В открывшемся окне проверьте работу опций задания.
Ответьте на вопрос.
В правом нижнем углу нажмите кнопку Отправить.
Выйдите из режима предпросмотра.
В нижнем левом углу нажмите кнопку Выйти.
В открывшемся окне нажмите кнопку Выйти.
В открывшемся окне нажмите кнопку Завершить редактирование.
Подробнее о работе с проектом читайте в разделе Проект.
Создайте пул
Чтобы создать пул:
Откройте страницу проекта с именем Найти такую же или похожую обувь в интернет-магазине.
Нажмите кнопку Добавить пул.
Укажите Название пула.
(опционально) Укажите Приватное описание.
Включите опцию Добавить приватное описание.
В поле Приватное описание введите описание пула. Эта информация доступна только вам.
В разделе Цена за страницу заданий в поле Цена в долларах США укажите
0.01
. Больше примеров ценообразования можно посмотреть здесь.В разделе Исполнители отфильтруйте исполнителей по языку:
Нажмите Добавить фильтр.
Найдите в списке блок Профиль исполнителя и выберите навык Языки.
В поле ? укажите
=
.В поле Значение укажите Русский.
В разделе Исполнители добавьте новый навык:
Нажмите кнопку Создать навык.
В открывшемся окне в поле Название введите
Found_shoes
.Нажмите кнопку Добавить.
В разделе Контроль качества задайте настройки контроля качества для пула:
Включите опцию Отложенная приёмка.
В поле Срок проверки укажите
7
.Нажмите Добавить блок контроля качества.
Найдите в списке блок Правила и выберите пункт Повторное выполнение отклонённых заданий.
Задайте правило для отклоненного задания: если задание становится отклоненным, то увеличить перекрытие на 1. А также включите опцию Открыть пул, если закрыт:
Добавьте еще один блок контроля качества. Нажмите Добавить блок контроля качества.
Найдите в списке блок Правила и выберите пункт Выполненные задания.
Задайте правило для выполненного задания: если отправленных страниц заданий больше или равно 1, то установить значение навыка Found_shoes равным 1.
Примечание.Если навык Found_shoes не отображается в списке, сохраните пул и откройте его заново для редактирования.
Контрольные задания и мнение большинства не используются для такого типа проектов, так как ссылки, предоставляемые исполнителями, должны совпадать (что практически невозможно). Подробнее о контроле качества читайте в разделе Контроль качества.
В разделе Перекрытие в поле Перекрытие укажите
3
.(опционально) В разделе Соотношение скорость/качество укажите какому проценту пользователей с лучшим рейтингом будет доступен указанный пул. Подробнее об это читайте в разделе Соотношение скорости и качества.
Нажмите кнопку Сохранить.
Подготовьте и загрузите TSV-файл с заданиями
Ознакомьтесь с примером в демонстрационном TSV-файле. Его можно найти на странице пула. В верхней части страницы слева есть ссылки на TSV-файл с обычными, контрольными и обучающими заданиями.
Откройте в редакторе текста или электронных таблиц файл, полученный после агрегации результатов в первом проекте.
Выберите изображения, подходящие для текущего проекта (значение OK или ваше значение, если вы изменили его для поля result).
Скопируйте столбец с выделенными ссылками на новый лист или в новый документ.
Задайте имя столбца
INPUT:image
. Если вы хотите задать другое имя, переименуйте столбец и в исходном файле с результатами.Сохраните файл в формате
tsv
.Загрузите получившийся TSV-файл.
Нажмите кнопку Загрузить. В открывшемся окне настройте параметры загрузки файла.
Выберите Указать вручную.
В поле Заданий на странице укажите
1
.Нажмите кнопку Загрузить.
В открывшемся окне выберите TSV-файл с заданиями для загрузки и нажмите кнопку Открыть.
В открывшемся окне проверьте количество заданий и нажмите кнопку Добавить.
Нажмите кнопку
, чтобы запустить пул.
Внимание.Поставленные задачи выполнят настоящие исполнители Яндекс.Толоки. Перепроверьте конфигурацию вашего проекта перед запуском пула.
Что дальше
- Создайте Проект 3 для сравнения исходного изображение с результатами из второго проекта.