7. Заключение
В заключение можно отметить, что модель Model_PerfectFlood корректно вычисляет площадь и радиус в пикселях и строит описанный квадрат, что подтверждают юнит-тесты, а механизм сохранения матрицы высот гарантированно записывает и читает двумерный массив без потерь данных. Загрузка карты и сбор высот через WebView2 и JavaScript-инъекции, хоть и нестандартна по сравнению с REST API, позволяет обойтись без покупки API-запросов, но требует тесной привязки к структуре страницы Leaflet.
ЛАБОРАТОРНАЯ РАБОТА № 4 РАЗРАБОТКА МОДЕЛИ ЧЕЛОВЕКО-МАШИННОГО ВЗАИМОДЕЙСТВИЯ
1. Цель работы
Приобретение навыков модели человеко-машинного взаимодействия для интероперабельного программного модуля.
2. Задание
Согласно своему варианту выполнить разработку модели человеко-машинного взаимодействия для интероперабельного программного модуля.
3. Диаграмма User Flow
Рис.6. Диаграмма User Flow
4. Описание дизайна GUI
Внешний вид окна приложения содержит только самое необходимое. Геоинформационная карта встроена через компонент WebView2 и отображает топографическую
Под картой простирается узкая горизонтальная полоса, разбитая на четыре условных панели, каждая из которых имеет собственную функциональную спецификацию и визуально отделена лёгкой светло-серой рамкой. Все четыре панели расположены на одном уровне по вертикали, занимая оставшуюся четверть высоты окна, и демонстрируют единообразное оформление: фон выполнен в тёмно-сером цвете, а текст элементов управления и меток — в светло-сером или белом оттенке, что обеспечивает необходимый контраст и подчёркивает деление областей функциональности.
Первая, наиболее левостоящая панель предназначена для выполнения основных операций с данными: загрузки изображений, загрузки и сохранения матрицы высот, а также активации режимов измерения. В пределах этой области сгруппированы кнопки, каждая из которых занимает большую часть ширины панели и пронумерована сверху вниз в последовательном порядке. При появлении количества кнопок, превышающего видимый объём панели, активируется вертикальная полоса прокрутки, позволяющая получить доступ к всем имеющимся элементам. Нажатие на каждую из кнопок инициирует соответствующий бизнес-процесс: открытие диалогового окна выбора файловых ресурсов, переход в интерфейс измерения расстояний или площадей, выполнение операций по сохранению текущего состояния матрицы высот в формате JSON, а также скрытие ранее добавленных обозначений на карте.
Следующая, вторая слева панель носит обозначение «Обозначения» и, помимо заголовка, содержит две кнопки — «Добавить обозначение» и «Добавить автоматические обозначения» — размещённые одна под другой. После этих кнопок располагается пустая область, предназначенная для отображения списка активных меток, которые добавляются пользователем либо автоматически генерируются программой. В случае, если количество обозначений превышает доступную высоту панели, появляется собственная полоса прокрутки.
Третья панель, именуемая «Настройка разлива», содержит единственную кнопку «Добавить разлив», расположенную по центру панели непосредственно под её заголовком. В интерфейсе отсутствуют другие видимые компоненты, однако нажав эту кнопку, пользователь инициирует последовательность действий, включающую отображение модального окна для ввода параметров моделирования: объёма сброса, длительности симуляции, типа жидкости и температуры. После подтверждения введённых величин система переводит веб-компонент в режим ожидания клика на карте.
Четвёртая панель, находящаяся в правой части нижней зоны, носит название «Показатели» и представляет собой табличный блок, состоящий из четырёх строк по две колонки в каждой. В левой колонке каждой строки располагаются текстовые метки: «Площадь:», «Расстояние:», «Площадь разлива:» и «Высота:». В правой колонке расположены текстовые поля, предназначенные исключительно для отображения вычисленных значений, причём поля сделаны недоступными для ввода. По мере изменения состояния приложения, вызванного выполнением операций измерения или расчетов, соответствующие поля автоматически заполняются — измеренная площадь появляется в первому поле, измеренное расстояние отражается во втором, рассчитанная моделью площадь разлива заполняет третье, а значение высоты в выбранной точке обновляется в четвёртом. Такое структурное решение позволяет оператору постоянно иметь под рукой актуальные численные результаты без необходимости перемещаться по различным меню или всплывающим диалогам.