Дипломная работа

Глава 4. Ввод в эксплуатацию

Документ Word для диплома

Скачайте главу 4 в формате .docx для вставки в пояснительную записку

Скачать Word (.docx)

4.1.1 Назначение программы

Веб-сервис «VeriSight AI» (MediaMind UI) предназначен для загрузки, хранения, просмотра, анализа и управления медиаконтентом (изображения, аудио, видео). Система позволяет пользователям с разными ролями эффективно взаимодействовать с медиафайлами и обеспечивает разграничение прав доступа на уровне интерфейса.

  • Регистрация и авторизация пользователей.
  • Загрузка и проверка медиафайлов на признаки deepfake.
  • Просмотр списка файлов в виде карточной сетки (медиатека).
  • Фильтрация файлов по типу (изображения, аудио, видео).
  • Поиск файлов по имени.
  • Просмотр детальной информации о файле и отчёта анализа.
  • Скачивание файлов и отчётов (с учётом прав доступа).
  • Панель модератора для управления контентом всех пользователей.
  • Панель администратора для управления пользователями (назначение ролей, блокировка).

4.1.2 Категории пользователей и их права

РольОписаниеДоступные функции
Пользователь (User)Обычный зарегистрированный пользовательЗагрузка, просмотр и скачивание ТОЛЬКО своих файлов; редактирование профиля; просмотр своей статистики
Модератор (Moderator)Пользователь с правами контроля контентаВсе права пользователя + просмотр всех файлов; фильтрация по владельцу; скачивание любых файлов
Администратор (Admin)Полное управление системойВсе права модератора + список пользователей; изменение ролей; блокировка/разблокировка

4.1.3 Установка и запуск

Для работы с веб-сервисом не требуется установка дополнительного ПО на компьютер пользователя. Достаточно иметь современный веб-браузер.

КомпонентТребование
ОСWindows 10 / macOS 11 / Linux / Android 10 / iOS 14
БраузерChrome 90+, Firefox 88+, Safari 14+, Яндекс.Браузер 21+, Edge 90+
ОЗУ2 ГБ (рекомендуется 4 ГБ)
Диск100 МБ для кэша браузера
ИнтернетНе менее 10 Мбит/с

Запуск сервиса

  1. Откройте веб-браузер.
  2. В адресной строке введите URL сервера (например, http://localhost:3000).
  3. Нажмите Enter.
  4. Дождитесь загрузки главной страницы VeriSight AI.

4.1.4 Выполнение программы

Ниже приведена пошаговая инструкция работы с веб-приложением — по аналогии с демонстрацией выполнения программы в методическом примере.

4.1.4.1 Запуск веб-приложения

Для начала работы пользователю необходимо:

  1. Открыть веб-браузер (Google Chrome, Яндекс.Браузер или любой другой).
  2. В адресной строке ввести URL-адрес: http://localhost:3000
  3. Нажать Enter — откроется главная страница сервиса.
Рисунок 14 — Ввод адреса в браузереАдресная строка с URL http://localhost:3000
Рисунок 14 — Ввод адреса в браузере

На главной странице доступны кнопки «Войти», «Регистрация» и описание возможностей сервиса.

Рисунок 15 — Главная страница VeriSight AIЭкран с кнопками входа и регистрации
Рисунок 15 — Главная страница VeriSight AI

4.1.4.2 Авторизация (вход в систему)

Чтобы войти в аккаунт, пользователь должен:

  1. На главной странице нажать кнопку «Войти» или перейти по адресу /login.
  2. В форме авторизации заполнить поля «Email» и «Пароль».
  3. Нажать кнопку «Войти».
Рисунок 16 — Окно формы «Авторизации»Страница /login с полями email и пароль
Рисунок 16 — Окно формы «Авторизации»

После успешного входа система перенаправляет пользователя на панель управления (/dashboard) с учётом его роли (пользователь, модератор, администратор).

4.1.4.3 Проверка медиаконтента

Для выполнения анализа медиафайла:

  1. Авторизоваться в системе под своей учётной записью.
  2. В боковом меню выбрать пункт «Проверка медиа».
  3. Загрузить файл (видео, аудио или изображение) или указать URL изображения.
  4. Нажать кнопку «Запустить верификацию».
Рисунок 17 — Страница проверки медиаРаздел /check-media с формой загрузки
Рисунок 17 — Страница проверки медиа

Приложение выполнит мультимодальный анализ и отобразит отчёт: вердикт, уровень уверенности, heatmap и возможность скачать JSON-отчёт.

Рисунок 18 — Результаты анализа медиаконтентаОтчёт deepfake-анализа после проверки
Рисунок 18 — Результаты анализа медиаконтента

4.1.4.4 Работа с медиатекой

  1. В боковом меню нажать «Медиатека».
  2. Просмотреть карточки загруженных и проверенных файлов.
  3. При необходимости использовать фильтр по типу или поиск по имени.
  4. Нажать «Подробнее» для детального просмотра файла.

4.1.4.5 Просмотр профиля и статистики

  1. В боковом меню нажать «Профиль» или кликнуть по значку пользователя в шапке.
  2. На странице профиля просмотреть email, роль, дату регистрации и статистику проверок.
Рисунок 19 — Кнопка «Профиль» в менюПункт «Профиль» в боковой панели
Рисунок 19 — Кнопка «Профиль» в меню
Рисунок 20 — Профиль пользователяСтраница /profile со статистикой и сменой пароля
Рисунок 20 — Профиль пользователя

4.1.4.6 Панель модератора

  1. Войти под учётной записью с ролью «Модератор».
  2. В боковом меню выбрать «Модерация».
  3. Просмотреть файлы всех пользователей, отфильтровать по владельцу или типу.

4.1.4.7 Панель администратора

  1. Войти под ролью «Администратор».
  2. В боковом меню нажать «Администрирование».
  3. На вкладке «Пользователи» управлять ролями и блокировкой.
  4. На вкладке «Все файлы» просматривать контент всех пользователей.
Рисунок 21 — Пункт «Админ-панель» в менюРаздел «Администрирование» в sidebar
Рисунок 21 — Пункт «Админ-панель» в меню
Рисунок 22 — Админ-панельСтраница /admin с таблицей пользователей
Рисунок 22 — Админ-панель

4.1.5 Регистрация и первый вход

Регистрация

  1. На главной странице нажмите «Регистрация» (/register).
  2. Заполните email и пароль (не менее 6 символов).
  3. Подтвердите email кодом из письма (/verify-email).
  4. После подтверждения выполните вход.
ПолеОписаниеПример
EmailДля входа и восстановления доступаivan@example.com
ПарольНе менее 6 символовMySecurePass123

Вход в систему

  1. Нажмите «Войти» на главной странице.
  2. Введите email и пароль.
  3. Нажмите «Войти» — откроется медиатека или панель управления.

При ошибке отображается сообщение «Неверный email или пароль».

4.1.6 Интерфейс медиатеки (главная страница)

ЭлементРасположениеНазначение
Боковое менюСлеваНавигация: Панель, Медиатека, Проверка, История, Профиль, Поддержка
ШапкаСверхуХлебные крошки, язык, тема, профиль
ФильтрыНад карточкамиТип файла и поиск по имени
Карточная сеткаЦентр4/2/1 колонки в зависимости от экрана

Карточка файла содержит превью-иконку, имя, дату, вердикт анализа и кнопки «Подробнее», «Скачать», «Отчёт».

4.1.7 Загрузка медиафайлов

  1. Перейдите в «Проверка медиа».
  2. Выберите вкладку «Локальный файл».
  3. Укажите файл или перетащите его в область загрузки.
  4. Нажмите «Запустить верификацию» и дождитесь отчёта.
КатегорияФорматыМакс. размер
Изображенияjpg, png, gif, webp32 МБ (лимит сервера)
Аудиоmp3, wav, ogg32 МБ
Видеоmp4, avi, mkv, mov32 МБ

4.1.8 Управление файлами

Детальный просмотр

В медиатеке нажмите «Подробнее» — откроется страница с метаданными, вердиктом и ссылками на скачивание.

Скачивание

Кнопки «Скачать файл» и «Скачать отчёт» сохраняют медиа и JSON-отчёт в папку «Загрузки».

4.1.9 Фильтрация и поиск файлов

Фильтр «Все файлы / Изображения / Аудио / Видео» и строка поиска с задержкой 300 мс обновляют список без перезагрузки страницы.

4.1.10 Панель модератора

ФункцияОписание
Просмотр всех файловФайлы всех пользователей с указанием владельца
ФильтрацияПо типу и по email владельца через поиск
СкачиваниеЛюбого файла и отчёта

Модератор не может менять роли и блокировать пользователей.

4.1.11 Панель администратора

Вкладка «Пользователи»: ID, email, роль (select), статус, дата регистрации, кнопки «Сохранить роль» и «Заблокировать». Вкладка «Все файлы» — как у модератора.

  • Нельзя заблокировать самого себя.
  • Нельзя понизить роль последнего администратора.
  • Заблокированный пользователь не может войти в систему.

4.1.12 Профиль пользователя и настройки

РазделСодержимое
ИнформацияEmail, роль, дата регистрации, число проверок
Смена пароляТекущий пароль, новый пароль, подтверждение

4.1.13 Выход из системы

  1. В нижней части бокового меню нажмите «Выйти».
  2. Сессия завершится, произойдёт переход на главную страницу.

4.1.14 Возможные проблемы и пути их решения

ПроблемаПричинаРешение
Неверный email или парольОшибка ввода, блокировкаПроверьте данные, обратитесь к админу
Файл не загружаетсяФормат или размерПроверьте лимит 32 МБ и поддерживаемые форматы
OpenAI недоступен (403)Региональные ограниченияИспользуйте VPN из поддерживаемой страны
Нет админ-панелиРоль UserОбратитесь к администратору для повышения роли
Сессия истеклаИстёк cookie-токенВойдите заново

4.1.15 Рекомендации по эффективной работе

  • Используйте медиатеку с фильтрами при большом числе файлов.
  • Сохраняйте JSON-отчёты для архива проверок.
  • Регулярно меняйте пароль при работе с чужих устройств.
  • Выходите из системы на общих компьютерах.

4.2 Сопровождение программного продукта

Сопровождение веб-приложения «VeriSight AI» включает мониторинг сервера, поддержку базы данных, обновление компонентов и оперативное реагирование на запросы пользователей.

  • Мониторинг и устранение технических ошибок (логи сервера, API, хранилище).
  • Резервное копирование данных пользователей и загруженных файлов.
  • Обновление зависимостей (Next.js, React, OpenAI SDK).
  • Поддержка пользователей через раздел «Поддержка».

Планируемые доработки:

  • Расширенный личный кабинет с аналитикой.
  • Мобильное приложение.
  • Email- и push-уведомления о результатах проверки.
  • Нагрузочное тестирование и оптимизация хранилища.

4.2.1 Виды сопровождения

ВидОписаниеПериодичностьОтветственный
ТехническоеМониторинг сервера, БД, дискового пространстваЕжедневноСистемный администратор
ПрограммноеИсправление ошибок, обновление библиотекПо необходимостиРазработчик
ИнформационноеОбновление руководства оператораПри измененияхТехнический писатель
АдминистративноеПользователи, резервные копииЕженедельноАдминистратор
КонсультационноеПоддержка через тикетыРабочие дни 9:00–18:00Служба поддержки

4.2.2 Резервное копирование

КомпонентСодержимоеМетод
JSON-хранилище (.data/)Пользователи, сканы, тикетыЕжедневное копирование каталога
UploadsЗагруженные медиафайлыИнкрементное копирование еженедельно
Конфигурация.env.local, настройки деплояGit / секрет-хранилище
ЛогиЛоги Next.js и APIРотация, хранение 30 дней

4.2.3 Обеспечение безопасности

МераРеализация
Хеширование паролейbcrypt, пароль не хранится в открытом виде
СессииHTTP-only cookie с JWT (HS256), срок 7 дней
Разграничение доступаПроверка роли на API и в middleware
БлокировкаФлаг disabled, проверка при входе