Документ Word для диплома
Скачайте главу 4 в формате .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 Мбит/с |
Запуск сервиса
- Откройте веб-браузер.
- В адресной строке введите URL сервера (например, http://localhost:3000).
- Нажмите Enter.
- Дождитесь загрузки главной страницы VeriSight AI.
4.1.4 Выполнение программы
Ниже приведена пошаговая инструкция работы с веб-приложением — по аналогии с демонстрацией выполнения программы в методическом примере.
4.1.4.1 Запуск веб-приложения
Для начала работы пользователю необходимо:
- Открыть веб-браузер (Google Chrome, Яндекс.Браузер или любой другой).
- В адресной строке ввести URL-адрес: http://localhost:3000
- Нажать Enter — откроется главная страница сервиса.
На главной странице доступны кнопки «Войти», «Регистрация» и описание возможностей сервиса.
4.1.4.2 Авторизация (вход в систему)
Чтобы войти в аккаунт, пользователь должен:
- На главной странице нажать кнопку «Войти» или перейти по адресу /login.
- В форме авторизации заполнить поля «Email» и «Пароль».
- Нажать кнопку «Войти».
После успешного входа система перенаправляет пользователя на панель управления (/dashboard) с учётом его роли (пользователь, модератор, администратор).
4.1.4.3 Проверка медиаконтента
Для выполнения анализа медиафайла:
- Авторизоваться в системе под своей учётной записью.
- В боковом меню выбрать пункт «Проверка медиа».
- Загрузить файл (видео, аудио или изображение) или указать URL изображения.
- Нажать кнопку «Запустить верификацию».
Приложение выполнит мультимодальный анализ и отобразит отчёт: вердикт, уровень уверенности, heatmap и возможность скачать JSON-отчёт.
4.1.4.4 Работа с медиатекой
- В боковом меню нажать «Медиатека».
- Просмотреть карточки загруженных и проверенных файлов.
- При необходимости использовать фильтр по типу или поиск по имени.
- Нажать «Подробнее» для детального просмотра файла.
4.1.4.5 Просмотр профиля и статистики
- В боковом меню нажать «Профиль» или кликнуть по значку пользователя в шапке.
- На странице профиля просмотреть email, роль, дату регистрации и статистику проверок.
4.1.4.6 Панель модератора
- Войти под учётной записью с ролью «Модератор».
- В боковом меню выбрать «Модерация».
- Просмотреть файлы всех пользователей, отфильтровать по владельцу или типу.
4.1.4.7 Панель администратора
- Войти под ролью «Администратор».
- В боковом меню нажать «Администрирование».
- На вкладке «Пользователи» управлять ролями и блокировкой.
- На вкладке «Все файлы» просматривать контент всех пользователей.
4.1.5 Регистрация и первый вход
Регистрация
- На главной странице нажмите «Регистрация» (/register).
- Заполните email и пароль (не менее 6 символов).
- Подтвердите email кодом из письма (/verify-email).
- После подтверждения выполните вход.
| Поле | Описание | Пример |
|---|---|---|
| Для входа и восстановления доступа | ivan@example.com | |
| Пароль | Не менее 6 символов | MySecurePass123 |
Вход в систему
- Нажмите «Войти» на главной странице.
- Введите email и пароль.
- Нажмите «Войти» — откроется медиатека или панель управления.
При ошибке отображается сообщение «Неверный email или пароль».
4.1.6 Интерфейс медиатеки (главная страница)
| Элемент | Расположение | Назначение |
|---|---|---|
| Боковое меню | Слева | Навигация: Панель, Медиатека, Проверка, История, Профиль, Поддержка |
| Шапка | Сверху | Хлебные крошки, язык, тема, профиль |
| Фильтры | Над карточками | Тип файла и поиск по имени |
| Карточная сетка | Центр | 4/2/1 колонки в зависимости от экрана |
Карточка файла содержит превью-иконку, имя, дату, вердикт анализа и кнопки «Подробнее», «Скачать», «Отчёт».
4.1.7 Загрузка медиафайлов
- Перейдите в «Проверка медиа».
- Выберите вкладку «Локальный файл».
- Укажите файл или перетащите его в область загрузки.
- Нажмите «Запустить верификацию» и дождитесь отчёта.
| Категория | Форматы | Макс. размер |
|---|---|---|
| Изображения | jpg, png, gif, webp | 32 МБ (лимит сервера) |
| Аудио | mp3, wav, ogg | 32 МБ |
| Видео | mp4, avi, mkv, mov | 32 МБ |
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 Выход из системы
- В нижней части бокового меню нажмите «Выйти».
- Сессия завершится, произойдёт переход на главную страницу.
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, проверка при входе |