Бла-бла-бла-бла

lab2/report.tex

@@ -274,9 +274,9 @@
     \end{itemize}
     
     
-    \subsection{Задания для пользователя}
+    \subsection{Задание для пользователя}
 
-    Задания для пользователя формулируется следующим образом:
+    Задание для пользователя формулируется следующим образом:
     
     \begin{quote}
         «Создать простую разметку с использованием ограничивающих прямоугольников (bounding boxes) для нескольких изображений со светофорами и выгрузить результаты разметки в формате JSON».
@@ -338,7 +338,7 @@
 
     Для оценки удобства использования Label Studio пользователем-новичком был проведён анализ интерфейса системы на соответствие ключевым принципам эргономики интерактивных систем, установленным в серии стандартов ГОСТ Р ИСО 9241.
 
-    \subsection{Шаг 1. Открыть Label Studio и зарегистрироваться}
+    \subsection*{Шаг 1. Открыть Label Studio и зарегистрироваться}
 
     После открытия Label Studio перед пользователем появляется страница для входа в систему (см. Рис.~\ref{login}).
     
@@ -381,6 +381,329 @@
         \item Согласно пункту 4.4.4 ГОСТ Р ИСО 9241-110 система должна предоставить информацию об ожидаемом формате ввода данных. Однако Label Studio не выводит требования к почтовому адресу и паролю. По этой причине, мне не с первого раза удалось указать пароль, подходящий под все требования.
     \end{itemize}
 
+    \subsection*{Шаг 2. Создать новый проект и указать его название}
+
+    После успешной регистрации, пользователь попадает на стартовую страницу (см. Рис.~\ref{first-screen}). Для того, чтобы создать новый проект, достаточно нажать на кнопку "Create project" ("Создать проект"). После чего откроется страница для создания проекта (см. Рис.~\ref{create-project}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/create-project.png}
+       \caption{Страница создания проекта}
+       \label{create-project}
+    \end{figure}
+
+    На этой странице указываем название проекта в поле "Project name" ("Название проекта") и нажимаем на кнопку "Save" ("Сохранить"). После чего пользователь попадает на страницу проекта (см. Рис.~\ref{project-page}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/project-page.png}
+       \caption{Страница проекта}
+       \label{project-page}
+    \end{figure}
+
+
+    \newpage
+    \textbf{Соответствие требованиям ГОСТ:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.3.5 ГОСТ Р ИСО 9241-110: этапы диалога при создании проекта сведены к одному действию — вводу названия и нажатию кнопки сохранения. Лишние шаги отсутствуют, что соответствует требованию исключать ненужные этапы.
+        \item Соответствие пункту 4.7.2: на странице присутствует кнопка ``Cancel'', позволяющая отменить действие и вернуться назад, тем самым предоставляя пользователю альтернативный путь продолжения диалога.
+    \end{itemize}
+    
+    \textbf{Несоответствие требованиям ГОСТ:}
+    
+    \begin{itemize}
+        \item Несоответствие пункту 4.5.1: вся терминология на экране представлена на английском языке (``Project name'', ``Create project''), несмотря на русскоязычные настройки пользователя. Это делает терминологию менее понятной для пользователя-новичка.
+        \item Несоответствие пункту 4.3.4: система не предлагает типовых значений по умолчанию для проекта (например, шаблона разметки или типа данных). Пользователь должен полностью настраивать проект вручную на последующих шагах, что увеличивает когнитивную нагрузку.
+    \end{itemize}
+
+    \subsection*{Шаг 3. Загрузить исходные изображения со светофорами}
+
+    После того, как проект создан, пользователь попадает на страницу проекта (см. Рис.~\ref{project-page}). Для того, чтобы загрузить исходные изображения со светофорами, достаточно нажать на кнопку "Import" ("Импортировать"). После чего откроется страница для загрузки файлов (см. Рис.~\ref{upload-files}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/upload-files.png}
+       \caption{Страница загрузки файлов}
+       \label{upload-files}
+    \end{figure}
+
+    На этой странице пользователь может выбрать файлы для загрузки. Для этого нужно нажать на кнопку "Upload files" ("Загрузить файлы") и выбрать файлы с изображениями. Все загруженные файлы будут отображены списком, справа от них указывается их размер и прогресс загрузки. После завершения загрузки появится зелёная полоска (см. Рис.~\ref{upload-files-success}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/upload-files-success.png}
+       \caption{Страница загрузки после указания файлов}
+       \label{upload-files-success}
+    \end{figure}
+
+    Чтобы добавить файлы в проект, пользователю нужно нажать на кнопку "Import" ("Импортировать"). После чего файлы будут добавлены в проект и отображены на странице проекта (см. Рис.~\ref{project-page}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/project-page-with-files.png}
+       \caption{Страница проекта после загрузки файлов}
+       \label{project-page-with-files}
+    \end{figure}
+
+    \newpage
+    \textbf{Соответствие требованиям ГОСТ:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.4.4 --- система должна предоставить информацию об ожидаемом формате ввода данных.  
+        На странице загрузки файлов сразу отображается список поддерживаемых форматов изображений. Это позволяет пользователю-новичку заранее понять, какие файлы можно загружать, и снижает вероятность ошибки.
+
+        \item Соответствие пункту 4.4.1 --- информация, предоставляемая пользователю, должна помогать завершить диалог.  
+        В процессе загрузки система показывает прогресс-бар, размеры файлов и индикатор успешной загрузки. Наличие визуальной обратной связи облегчает понимание текущего состояния и способствует успешному выполнению задачи.
+    \end{itemize}
+
+    \textbf{Несоответствие требованиям ГОСТ:}
+
+    \begin{itemize}
+        \item Несоответствие пункту 4.7.2 --- пользователь должен иметь возможность выбора вариантов продолжения диалога.  
+        В интерфейсе отсутствует возможность удалить отдельный файл из списка загружаемых. Единственный вариант отмены --- сбросить весь список и начинать процесс заново.
+
+        \item Несоответствие пункту 4.8.2 --- система должна предупреждать о действиях, которые могут привести к отказу системы.  
+        При загрузке большого количества файлов или потенциально слишком крупных изображений система не сообщает о возможных ограничениях по размеру, количеству или доступному месту. Отсутствие подобных предупреждений может привести к неожиданным сбоям или неудачным загрузкам.
+
+    \end{itemize}
+
+    \subsection*{Шаг 5. Открыть настройки проекта и выбрать тип разметки}
+
+    После того, как файлы загружены, пользователь попадает на страницу проекта (см. Рис.~\ref{project-page-with-files}). Для того, чтобы открыть настройки проекта, достаточно нажать на кнопку "Settings" ("Настройки") в правом верхнем углу страницы. После чего откроется страница настроек проекта (см. Рис.~\ref{project-settings}). В меню настроек нужно выбрать пункт "Labeling Interface" ("Интерфейс разметки").
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/project-settings.png}
+       \caption{Страница настроек проекта}
+       \label{project-settings}
+    \end{figure}
+
+    Чтобы выбрать тип разметки, нужно нажать на кнопку <<Browse Templates>> ("Выбрать шаблоны"), после чего откроется страница с шаблонами разметки (см. Рис.~\ref{templates-page}), на которой сразу виден нужный шаблон "Object Detection with Bounding Boxes" ("Обнаружение объектов с ограничивающими прямоугольниками").
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/templates-page.png}
+       \caption{Страница с шаблонами разметки}
+       \label{templates-page}
+    \end{figure}
+
+    \newpage
+    Чтобы выбрать шаблон, нужно нажать на него левой кнопкой мыши, после чего откроется страница с настройками шаблона (см. Рис.~\ref{template-settings}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/template-settings.png}
+       \caption{Страница с настройками шаблона}
+       \label{template-settings}
+    \end{figure}
+
+    \subsection*{Шаг 6. В конфигурации разметки указать единственный класс — «Светофор»}
+
+    На странице с настройками шаблона можно увидеть раздел <<Labels>> ("Классы"). Программа автоматически добавила два класса для машин и самолётов, однако нам они не нужны. Поэтому их нужно удалить. Для этого достаточно навести мышь на ненужный класс и нажать на иконку мусорной корзины (см. Рис.~\ref{template-settings-labels}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=0.4\linewidth]{img/template-settings-labels.png}
+       \caption{Удаление ненужных классов, созданных по умолчанию}
+       \label{template-settings-labels}
+    \end{figure}
+
+    После удаления ненужных классов, можно добавить класс светофор. Для этого достаточно ввести слово <<Светофор>> в поле <<Add label names>> и нажать на кнопку <<Add>> ("Добавить"). После чего класс будет добавлен в список классов (см. Рис.~\ref{template-settings-labels-added}).
+    
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/template-settings-labels-added.png}
+       \caption{Добавление класса светофор}
+       \label{template-settings-labels-added}
+    \end{figure}
+
+    Осталось только сохранить шаблон, нажав на кнопку <<Save>> ("Сохранить"). Рядом с кнопкой сохранения появится зелёная надпись <<Saved!>> ("Сохранено!") (см. Рис.~\ref{template-settings-labels-saved}), в подтверждение того, что шаблон был сохранен успешно.
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=0.3\linewidth]{img/template-settings-labels-saved.png}
+       \caption{Кнопка сохранения шаблона}
+       \label{template-settings-labels-saved}
+    \end{figure}
+
+    \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.3.3 --- формат ввода и вывода должен соответствовать производственному заданию.  
+        Интерфейс выбора шаблонов разметки сразу предлагает вариант «Object Detection with Bounding Boxes», который полностью соответствует задаче выделения объектов прямоугольниками. Это помогает пользователю-новичку быстро выбрать корректный тип разметки.
+
+        \item Соответствие пункту 4.5.1 --- терминология должна соответствовать знаниям пользователя.  
+        На странице выбора шаблонов используется терминология, понятная пользователю: детекция объектов (object detection), ограничивающие прямоугольники (bounding boxes). 
+    \end{itemize}
+
+    \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Несоответствие пункту 4.7.4 --- пользователь должен иметь возможность отменить, по крайней мере, последний этап диалога.  
+        В настройках шаблона нет функции отмены последнего действия: если пользователь случайно удалит класс или внесёт ошибочные изменения в конфигурацию, вернуть состояние невозможно. Единственный вариант — создавать элементы заново.
+    \end{itemize}
+
+    \subsection*{Шаг 7. Перейти к первому изображению и изучить инструменты разметки}
+
+    После загрузки файлов и сохранения шаблона, можно приступить к разметке. Для этого достаточно нажать на первое изображение в списке файлов проекта (см. Рис.~\ref{project-page-with-files1}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/project-page-with-files.png}
+       \caption{Список файлов на странице проекта}
+       \label{project-page-with-files1}
+    \end{figure}
+
+    После нажатия открывается страница разметки, соответствующая выбранному шаблону (см. Рис.~\ref{labeling-page}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/labeling-page.png}
+       \caption{Страница разметки}
+       \label{labeling-page}
+    \end{figure}
+
+    На этой странице выводится само изображение, наш единственный класс <<Светофор>>. Слева выводится список изображений, которые мы загрузили ранее. Справа небольшой набор инструментов для приближения, отдаления и перемещения по картинке, при наведении на эти инструменты появляется подсказка с пояснением (см. Рис.~\ref{labeling-page-tools}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=0.5\linewidth]{img/labeling-page-tools.png}
+       \caption{Инструменты разметки с подсказками. <<Zoom In>> переводится как <<Приблизить>>. }
+       \label{labeling-page-tools}
+    \end{figure}
+
+    В правом нижнем углу расположена кнопка <<Submit>> ("Сохранить"), с помощью которой можно сохранить разметку.
+
+    \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.4.1 --- информация, предоставляемая пользователю, должна помогать завершить диалог.  
+        Все элементы интерфейса снабжены понятными иконками: масштабирование, перемещение изображения, кнопка сохранения. Это уменьшает неопределённость и помогает пользователю-новичку быстрее ориентироваться в интерфейсе.
+    
+        \item Соответствие пункту 4.6.3 --- система должна поддерживать пользователя при ознакомлении с диалогом.  
+        При наведении курсора на инструменты появляются всплывающие подсказки с пояснениями («Zoom In», «Zoom Out», «Move»), что облегчает первичное обучение работе с интерфейсом и снижает риск ошибочных действий.
+    
+        \item Соответствие пункту 4.6.4 --- обратная связь должна помогать формировать понимание системы.  
+        Активный инструмент визуально выделяется, а границы создаваемого прямоугольника отображаются сразу в процессе разметки. Такое поведение интерфейса делает действия пользователя предсказуемыми и усиливает ощущение контроля.
+    
+        \item Соответствие пункту 4.7.1 --- темп взаимодействия должен определяться пользователем.  
+        Страница разметки не содержит автоматических переключений или тайм-аутов: пользователь может спокойно изучать инструменты, масштабировать изображение и выполнять разметку в комфортном темпе.
+    \end{itemize}
+    
+    \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:}
+    
+    \begin{itemize}
+        \item Частичное несоответствие пункту 4.7.2 --- «пользователь должен иметь возможность выбора вариантов продолжения диалога».  
+        Несмотря на наличие кнопки сохранения («Submit») и списка изображений слева, отсутствует явная кнопка «Отмена» для отклонения результата разметки или возврата к исходному состоянию изображения без сохранения. Это снижает гибкость работы и может привести к необходимости вручную удалять ошибочно нанесённые прямоугольники.
+    \end{itemize}
+    
+
+    \subsection*{Шаг 8. Для каждого изображения выделить объекты «Светофор» с помощью ограничивающих прямоугольников}
+
+    Для того, чтобы выделить объекты «Светофор» с помощью ограничивающих прямоугольников, достаточно нажать на слово <<Светофор>>, а затем нарисовать прямоугольник в нужном месте изображения (см. Рис.~\ref{labeling-page-object}).
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=0.5\linewidth]{img/labeling-page-object.png}
+       \caption{Выделение светофора с помощью ограничивающего прямоугольника}
+       \label{labeling-page-object}
+    \end{figure}
+
+    Как уже было сказано ранее, на панели слева, выодится список загруженных изображений. С его помощью можно переключаться между ними. Остальные изображения размечаются аналогичным образом.
+
+
+    \subsection*{Шаг 9. Сохранить результаты для всех изображений}
+
+    После того, как все изображения размечены, нажимаем на кнопку <<Submit>> ("Сохранить"). После чего автоматически открывается страница со списком изображений. Слева у каждого изображения появляется галочка, которая подтверждает, что изображение размечено.
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=1\linewidth]{img/labeling-page-submit.png}
+       \caption{Страница со списком изображений после сохранения}
+       \label{labeling-page-submit}
+    \end{figure}
+
+    \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.5.2 --- «обратная связь должна соответствовать ожиданиям пользователя».  
+        Интерфейс предсказуемо реагирует на действие сохранения: данные не исчезают, состояние задач остаётся стабильным, отмеченные изображения остаются помеченными. Это укрепляет доверие пользователя к системе и помогает избежать повторного выполнения работы.
+
+        \item Соответствие пункту 4.7.3 --- «пользователь должен иметь возможность возобновить прерванный диалог».  
+        После закрытия и повторного открытия проекта состояние разметки сохраняется, и пользователь может продолжить работу с уже отмеченными как завершённые изображениями, не теряя прогресс.
+    \end{itemize}
+
+    \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Несоответствие пункту 4.8.10 --- «система должна предупреждать пользователя о действиях, которые могут иметь неблагоприятные последствия».  
+        Если пользователь случайно попытается закрыть вкладку или перейти на другую страницу, не сохранив разметку, система не выводит предупреждение о несохранённых данных. Это может привести к потере результатов разметки.
+
+        \item Частичное несоответствие пункту 4.8.8 --- «система должна обеспечивать валидацию данных до их ввода».  
+        Label Studio позволяет сохранить разметку даже в случае отсутствия аннотаций (например, если пользователь по ошибке не нарисовал прямоугольник).
+    \end{itemize}
+
+
+    \subsection*{Шаг 10. Выгрузить результаты разметки в формате JSON}
+
+    Чтобы выгрузить результаты разметки, нажмём на кнопку <<Export>> ("Экспорт") в правом верхнем углу страницы. После этого открывается окно с выбором формата выгрузки. Выбираем JSON и нажимаем на кнопку <<Export>> ("Экспорт") (см. Рис.~\ref{labeling-page-export}). В открывшемся окне проводника можно выбрать папку для сохранения файла.
+
+    \begin{figure}[h!]
+       \centering
+       \includegraphics[width=0.5\linewidth]{img/labeling-page-export.png}
+       \caption{Окно с выбором формата выгрузки}
+       \label{labeling-page-export}
+    \end{figure}
+
+    \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+        \item Соответствие пункту 4.3.3 --- «формат вывода должен соответствовать производственному заданию».  
+        На шаге экспорта пользователю сразу предлагается формат JSON, который полностью соответствует поставленной задаче выгрузки разметки. 
+
+        \item Соответствие пункту 4.4.1 --- «информация должна помогать завершению диалога».  
+        Окно экспорта содержит чёткие и однозначные элементы управления: выбор формата, кнопка подтверждения («Export»). Интерфейс не перегружен лишними опциями, что позволяет пользователю-новичку без труда завершить процесс.
+    \end{itemize}
+
+    \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:}
+
+    \begin{itemize}
+
+        \item Несоответствие пункту 4.3.1 --- пользователю должна быть предоставлена информация об успешном завершении производственного задания.  
+        После нажатия кнопки <<Export>> ("Экспорт") система не выводит явного уведомления об успешном завершении экспорта. Окно выбора директории появляется автоматически, однако после сохранения файла отсутствует какое-либо подтверждающее сообщение. Пользователь вынужден самостоятельно проверять наличие и корректность выгруженного JSON-файла, что снижает прозрачность завершения действия.
+    \end{itemize}
+
+    \section{Результаты анализа}
+
+    В целом система произвела позитивное впечатление: даже будучи полностью новым пользователем, ранее не работавшим с Label Studio, я смог достаточно быстро выполнить все шаги задания. Интерфейс в большинстве случаев интуитивен, а система предоставляет необходимую обратную связь, что соответствует ряду требований ГОСТ Р ИСО 9241-110.
+
+    Можно отметить, что по многим пунктам стандартов система действительно соответствует требованиям стандарта: пользователю предоставляется понятная информация о прогрессе действий, предлагаются шаблоны разметки, интерфейс поддерживается всплывающими подсказками, а сама структура диалога не перегружена лишними этапами.
+
+    Тем не менее, выявлены и существенные недоработки. Наиболее значимой является отсутствие русскоязычной локализации, что нарушает пункт 4.5.5 ГОСТ Р ИСО 9241-110 о соответствии интерфейса культурным и лингвистическим ожиданиям пользователя. Кроме того, в нескольких местах обнаружено нарушение пункта 4.7.2, связанного с отсутствием вариантов продолжения диалога и невозможностью отменить действие (например, отсутствие кнопки «Отмена» в интерфейсе разметки или невозможность откатить изменения в шаблоне).
+
+    Таким образом, несмотря на отдельные несоответствия, система в целом удобна, функциональна и подходит для работы даже пользователю-новичку, однако улучшения в области локализации и гибкости управления действиями значительно повысили бы её эргономичность.
+
+    \newpage
+    \section*{Заключение}
+    \addcontentsline{toc}{section}{Заключение}
+    В ходе работы был проведён анализ соответствия интерфейса Label Studio требованиям ГОСТ Р ИСО 9241-110 и ГОСТ Р ИСО 9241-210 на примере выполнения простого задания по разметке изображений bounding box-ами пользователем-новичком. В целом система продемонстрировала хорошую пригодность к задаче: базовые шаги — создание проекта, настройка разметки, работа с инструментами и экспорт результатов — выполняются интуитивно, а интерфейс предоставляет необходимую обратную связь и не перегружен лишними действиями.
+
+    При этом были отмечены и отдельные несоответствия, наиболее значимые из которых связаны с отсутствием русскоязычной локализации и ограниченной контролируемостью некоторых действий (ограниченные варианты отмены, отсутствие альтернативных путей продолжения диалога). Несмотря на эти недостатки, Label Studio в целом подходит для использования начинающими пользователями, а устранение выявленных проблем могло бы существенно повысить эргономичность системы.
+
+    \newpage
+    \begin{thebibliography}{9}
+    
+    \bibitem{gost1}
+    ГОСТ Р ИСО 9241-1--2007. Эргономические требования к проведению офисных работ с использованием видеодисплейных терминалов (VDTs). Часть 1. Общее введение. -- Введ. 2008-06-01. -- М.: Стандартинформ, 2008. -- 20~с.
+    
+    \bibitem{gost110}
+    ГОСТ Р ИСО 9241-110--2016. Эргономика взаимодействия человек--система. Часть 110. Принципы организации диалога. -- Введ. 2017-12-01. -- М.: Стандартинформ, 2016. -- 23~с.
+    
+    \bibitem{gost210}
+    ГОСТ Р ИСО 9241-210--2016. Эргономика взаимодействия человек--система. Часть 210. Человеко-ориентированное проектирование интерактивных систем. -- Введ. 2017-12-01. -- М.: Стандартинформ, 2016. -- 29~с.
+    
+    \end{thebibliography}