|
@@ -172,6 +172,87 @@ Google Photos [2],
|
|
|
платформа браузера, на которой исполняется код, предоставляет
|
|
|
много возможностей в плане разработки интерфейса.
|
|
|
|
|
|
+3 Разработка пользовательского интерфейса информационной системы
|
|
|
+
|
|
|
+Пользовательский интерфейс разработан с помощью веб-технологий,
|
|
|
+таких как:
|
|
|
+
|
|
|
+- HTML;
|
|
|
+
|
|
|
+- CSS;
|
|
|
+
|
|
|
+- JavaScript.
|
|
|
+
|
|
|
+Типичный сценарий взаимодействия пользователя с системой:
|
|
|
+
|
|
|
+1 Подойти к устройству, на котором развёрнут интерфейс.
|
|
|
+Пользователю будут представлены краткие инструкции по
|
|
|
+работе с системой и кнопка «Начать» (рис. 2). Кнопка «Нажать»
|
|
|
+проверит, подключено ли внешнее хранилище, и, в случае если
|
|
|
+хранилище не подключено, выдаст ошибку с соответствующим
|
|
|
+сообщением (рис. 3). Проверка выполняется с помощью
|
|
|
+отправки HTTP запроса на API, работающее на том же
|
|
|
+устройстве, что и общий интерфейс. API собирает все
|
|
|
+устройства, подключенные к системе, имеющие тип «disk»,
|
|
|
+а так же имеющие атрибут «removable» с помощью библиотеки
|
|
|
+pyudev и функции list_devices [6]. Затем, выполняется поиск
|
|
|
+всех разделов на этом устройстве, вычисляется точка
|
|
|
+монтирования. Если какой-либо шаг в этой
|
|
|
+последовательности был провален, система выдаёт
|
|
|
+ошибку подключения хранилища;
|
|
|
+
|
|
|
+[-- Image: Image4 --]Рисунок 2 — Начальная страница системы
|
|
|
+
|
|
|
+[-- Image: Image5 --]Рисунок 3 — Ошибка, сообщающая о том, что
|
|
|
+необходимо подключить внешнее хранилище
|
|
|
+
|
|
|
+2 Подключить внешнее хранилище;
|
|
|
+
|
|
|
+3 Сфотографироваться;
|
|
|
+
|
|
|
+4 Ждать процесса распознавания;
|
|
|
+
|
|
|
+Распознавание занимает меньше двух секунд при тестовой выборке
|
|
|
+из 1000 фотографий. Но, в случае если ожидание окажется
|
|
|
+слишком долгим, интерфейс системы будет отображать экран
|
|
|
+загрузки с одним случайно выбранным интересным фактом о
|
|
|
+техникуме (рис. 5).
|
|
|
+
|
|
|
+Процесс распознавания заключается в расшифровке изображения,
|
|
|
+закодированного на предыдущем шаге. Изображение сохраняется
|
|
|
+во временный каталог системы, затем читается библиотекой
|
|
|
+face_recognition. После этого, библиотека ищет лица на
|
|
|
+фотографии. Если найдено больше или меньше одного
|
|
|
+лица, возвращается ошибка, в интерфейсе открывается экран с
|
|
|
+описанием ошибки (рис. 6). Экран позволяет
|
|
|
+перефотографироваться или вернуться на
|
|
|
+главный экран.
|
|
|
+
|
|
|
+Система затем десериализует и загружает данные всех известных
|
|
|
+кодировок лиц из базы данных в память. Кодировка лиц
|
|
|
+представляет собой 128-размерный массив [7]. Массив
|
|
|
+сериализуется в последовательность байтов для сохранения в
|
|
|
+базе данных, и десериализуется обратно в массив при запросе
|
|
|
+пользователя.
|
|
|
+
|
|
|
+Система проверяет кодировки лиц из базы данных с полученной,
|
|
|
+формирует выборку лиц, сортирует, выполняя поиск самого
|
|
|
+похожего лица. Далее, все фотографии, на которых это лицо
|
|
|
+было запечатлено, возвращаются в интерфейс для отображения
|
|
|
+и/или сохранения.
|
|
|
+
|
|
|
+[-- Image: Image6 --]Рисунок 5 — Экран ожидания результатов
|
|
|
+
|
|
|
+[-- Image: Image7 --]Рисунок 6 — Экран с описанием ошибки
|
|
|
+
|
|
|
+5 Просмотреть результат сборки фотографий. На этом экране
|
|
|
+система отображает количество фотографий, которое было
|
|
|
+найдено, а так же выборку из результата в размере не более 6
|
|
|
+фотографий (рис. 7). На экране расположены две кнопки: «На
|
|
|
+главную» и «Сохранить результат».
|
|
|
+
|
|
|
+[-- Image: Image8 --]Рисунок 7 — Экран просмотра результата
|
|
|
+
|
|
|
Список использованных источников
|
|
|
================================
|
|
|
|
|
@@ -199,6 +280,11 @@ https://github.com/ageitgey/face_recognition.
|
|
|
https://vuejs.org/. — Заглавие с экрана. — (Дата обращения:
|
|
|
02.05.2025).
|
|
|
|
|
|
+6 User guide — pyudev 0.21.0 documentation [Электронный ресурс]
|
|
|
+— Режим доступа:
|
|
|
+https://pyudev.readthedocs.io/en/latest/guide.html#id4. —
|
|
|
+Заглавие с экрана. — (Дата обращения: 04.05.2025).
|
|
|
+
|
|
|
приложение а
|
|
|
============
|
|
|
|