Руководство по тестированию

Слайд 2

Разметка Необходимо разметить как можно больше транспортных средств: автомобили, грузовые автомобили

Разметка

Необходимо разметить как можно больше транспортных средств: автомобили, грузовые автомобили (включая минивены),

двухколесные транспортные средства.
Каждое транспортное средство должно быть обведено в отдельный прямоугольник, границы выставлены по видимым границам объекта. 
Пересечение прямоугольников, обрамляющих объекты разрешено.
Каждому классу объектов задать свой цвет:
Автомобили – красный
Грузовые автомобили – зеленый
Двухколесные транспортные средства – синий
Толщина линии прямоугольника – 2px
Слайд 3

Пример разметки

Пример разметки

Слайд 4

Общая последовательность действий Установить плагин для Chrome Ссылка, см. инструкция слайды

Общая последовательность действий

Установить плагин для Chrome Ссылка, см. инструкция слайды 5-7
Скачать свою персональную картинку.

Ссылку для скачивания можно найти рядом со своим именем в таблице распределения задач - ссылка в общем чате Zoom конференции.
Переименовать картинку, например 0000000022.jpg в svetlana_petrova.jpg, латинскими буквами, регистр не имеет значения.
Откройте пустую вкладку в браузере Chrome. В правом верхнем углу нажмите на картинку пазл, выберете из списка установленный плагин – Awesome Screenshot, перейдите на вкладку Capture, и нажмите на Annotate Local & Clipboard Image.
Перетащите мышкой переименованую картинку в окно браузера. Картинка откроется в режиме аннотации.
Проаннотируйте как можно больше объектов, согласно заданию (правила разметки на слайде 2).
Загрузить переименнованный файл в папку по ссылке, ссылку взять из таблицы распределения задач . Таблицу можно открыть по ссылке в общем чате Zoom конференции.
Ура, вы справились с заданием! 
Слайд 5

Инструкция по установке плагина

Инструкция по установке плагина

Слайд 6

Инструкция по установке плагина

Инструкция по установке плагина

Слайд 7

Все готово к работе

Все готово к работе

Слайд 8

Использование плагина для аннотации Из выпадающего списка 1 выберете толщину линий

Использование плагина для аннотации

Из выпадающего списка 1 выберете толщину линий прямоугольника

– 2px
Из выпадающего меню 2 выберете цвет
Для создания прямоугольника (бокса) нажмите на 3. Курсор примет крестообразную форму. Удерживайте левую кнопку мыши, и нарисуйте прямоугольник вокруг объекта.
Чтобы отредактировать прямоугольник: кликнете по нему мышкой, тяните за углы для изменения формы.
Для отмены предыдущих действий или их возвращения обратно используйте стрелки 4.
Для увеличения и уменьшения изображения используйте 5.
Для перемещения картинки в окне используйте вертикальные и горизонтальные полосы прокрутки.
Для завершения аннотации нажмите на кнопку Done в правом верхнем углу
Возвращение к редактированию и скачка результата – слайд 9
Слайд 9

Возвращение к редактированию, скачка результата, загрузка результата Для возвращения к редактированию

Возвращение к редактированию, скачка результата, загрузка результата

Для возвращения к редактированию нажмите

1
Для скачки готовой картинки нажмите на стрелку 2
В окне, как на нижнем рисунке, нажмите 1 разрешить сохранение
Откроется стандартное окно сохранения.
Сохраните картинку на диск. Файл сохраниться с расширением .png
Откройте ссылку для загрузки из таблицы.
Выберете файл с диска, например svetlana_petrova.png
Инструкция по загрузке – слайд 10.