- •«Московский технический университет связи и информатики»
- •Документация на разработку мультимедийной информационной системы «ImageHub»
- •1. Описание предметной области
- •2. Требования к системе
- •2.1. Требования к структуре и функционированию системы
- •2.2. Функциональные требования
- •2.3. Нефункциональные требования
- •База данных
- •3.1. Архитектура бизнес-процесса получения контента
- •3.2. Процедура авторизации
- •4. База данных
- •4.1. Сущности мультимедийной информационной системы
- •4.2. Атрибуты сущностей
- •4.3. Приведение таблицы к первой нормальной форме
- •4.4. Приведение таблицы ко второй нормальной форме
- •4.5. Приведение таблицы к третьей нормальной форме
- •4.6. Примеры запросов
- •5. Серверная часть системы
- •5.1. Основные компоненты
- •5.2. Ролевая модель и запросы
- •5.3. Приоритетная система очередей
- •5.4. Обработка запросов
- •5.5. Расчет максимальной нагрузки
- •5.6. Механизмы обработки ошибок
- •6. Пользовательский интерфейс
- •7. Результат работы
5.5. Расчет максимальной нагрузки
1. Теоретическая максимальная пропускная способность:
5 воркеров × (1 запрос / 0.8 сек) = 6.25 запросов/секунду = 375 запросов/минуту = 22,500 запросов/час
2. С учетом приоритетов и очередей:
• Системные запросы: обрабатываются мгновенно
• Админские: задержка до 5 секунд в пик
• Пользовательские: задержка 2-15 секунд в пик
5.6. Механизмы обработки ошибок
Ошибка валидации запроса → Немедленный ответ 400 Bad Request
Ошибка аутентификации → Ответ 401 Unauthorized
Ошибка авторизации → Ответ 403 Forbidden
Превышение таймаута → Ответ 408 Request Timeout
Ошибка сервера → Ответ 500 Internal Server Error
Перегрузка системы → Ответ 503 Service Unavailable
6. Пользовательский интерфейс
Пользовательский интерфейс мультимедийной информационной системы выполнен в современном минималистичном стиле с акцентом на визуальный контент и удобство навигации. Основной упор сделан на изображения, которые являются ключевым элементом системы. Цветовая гамма интерфейса преимущественно светлая, с использованием нейтральных оттенков (белый, светло-серый), что позволяет пользователю сосредоточиться на просматриваемом контенте. Яркие акцентные элементы (кнопки сохранения, публикации и навигации) выделены контрастным цветом, обеспечивая хорошую визуальную иерархию.
Интерфейс адаптирован для использования как на настольных устройствах, так и на мобильных платформах, что обеспечивает единый пользовательский опыт.
Основные элементы интерфейса
Верхняя навигационная панель
Верхняя часть интерфейса содержит основные элементы навигации и управления системой:
логотип приложения, расположенный в левой части панели, обеспечивающий быстрый переход на главную страницу;
строка поиска, расположенная в центральной части, предназначенная для поиска изображений по ключевым словам, категориям и тегам;
навигационное меню с категориями контента (например, интерьер, еда, мода, фотография), позволяющее быстро фильтровать отображаемые изображения;
иконки уведомлений, сообщений и профиля пользователя, расположенные в правой части панели;
кнопка создания контента («Create»), визуально выделенная цветом, что подчёркивает её значимость.
Основная область контента (Лента изображений)
Центральная часть интерфейса представляет собой динамическую ленту изображений, организованную в виде плиточной сетки. Такой способ отображения позволяет эффективно использовать пространство экрана и демонстрировать изображения различных форматов без потери визуальной целостности.
Каждая карточка изображения содержит:
превью изображения;
название или краткое описание пина;
информацию об авторе;
кнопку сохранения изображения в избранное, расположенную поверх изображения и выделенную контрастным цветом.
Карточки имеют скруглённые углы и мягкие тени, что создаёт визуальное ощущение «карточек» и повышает читаемость интерфейса.
Экран создания контента (Upload Image)
Экран создания нового пина выполнен в упрощённом и интуитивно понятном виде, ориентированном на быстрое добавление контента.
Основные элементы экрана:
кнопка загрузки изображения, представленная в виде крупной иконки камеры;
возможность выбора изображения из галереи устройства или загрузки по ссылке;
поле ввода названия пина;
поле для добавления тегов и описания;
кнопка публикации («Publish Idea»), выделенная акцентным цветом.
Элементы управления расположены вертикально, что обеспечивает удобство использования на мобильных устройствах и снижает когнитивную нагрузку на пользователя.
Мобильная версия интерфейса
Мобильный интерфейс системы адаптирован под сенсорное управление и меньший размер экрана. Основная навигация перенесена в нижнюю часть экрана и представлена в виде панели с иконками:
главная страница;
поиск;
создание контента;
уведомления;
профиль пользователя.
Карточки изображений масштабируются под размер экрана, сохраняя визуальное качество и читаемость.
Ниже представлен пример макета и пример интерфейса системы для WEB версии и мобильного приложения (рисунки 7-10).
Рисунок 7 – Макет приложения
Рисунок 8 – WEB страница
Рисунок 9 - Мобильное приложение
Рисунок 10 - Пример загрузки изображения
