Взаимодействие на стороне фронтеда

Для начала мы разработали главную страницу, в которой видно список добавленных датасетов. Рис.5

Рисунок 5. Главная страница

Далее, чтобы добавить новый датасет, в поле с надписью «Add Datasets» надо написать название нового датасета и нажать на кнопку «Add»

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

Для того, чтобы загрузить данные, нужно нажать на кнопку «Выберите файл», затем выбрать все изображения. И загрузить их. Рис.6

Рисунок 6. Страница загрузки изображений

Далее, после того как мы загрузили все наши изображения, мы их можем разметить. У нас есть 2 типа разметки – это классификация, и выделение объектов на изображении.

Для начала покажем классификацию. Для того, чтобы определить к какому классу относится наше изображение. Выбираем в верхнем меню «Разметка». Где выпадет список. Выбираем классификацию. Рис.7

Рисунок 7. Список возможной разметки

Далее выбираем датасет с которым будем работать. И идем дальше. Рис. 8

    Рисунок 8. Выбор из доступных датасетов

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

нам показывается новое изображение, а прошлое изображение загружается в хранилище данных с названием и меткой класса. Рис.9

Рисунок 9. Демонстрация работы классификации

Также мы можем выделять объекты на изображении. Для того, чтобы это сделать надо выбрать датасет с которым будем работать. Действия аналогичны, что и для классификации. За единственным исключением, на изображении мы можем выделить объект нашего класса. Рис. 10

Рисунок 10. Демонстрация работы классификации

За единственным исключением, что при отправке в хранилище, у нас кроме метки класса и названия файла, записываются координаты нашего выделения, а также высота и широта.