Архитектура подсистем¶
На этой странице описано разбиение платформы «ПрофНавигатор 62» на подсистемы и клиентские интерфейсы.
Принцип разбиения¶
Каждая подсистема — это функционально завершённый домен с собственной бизнес-логикой, который можно разрабатывать и развёртывать относительно независимо. Клиентские интерфейсы выделены отдельно как фронтондовая часть экосистемы — точки доступа к подсистемам.
Подсистемы¶
1. LED-медиаплатформа¶
Ядро системы. Всё, что происходит на большом LED-экране.
→ Подробное описание LED-медиаплатформы
2. Идентификация и регистрация¶
Инфраструктурный auth-сервис. Встраивается во все точки взаимодействия: терминалы, мобильные устройства, сенсорные стойки, LED. Выдаёт токены, проверяет credentials, обслуживает OAuth 2.0 через внешних провайдеров. Не имеет собственного клиентского фасада — его используют все подсистемы.
→ Детальное описание подсистемы
Функциональная область:
- OAuth 2.0 через Яндекс ID и VK ID
- Гостевой режим по QR-коду с возможностью привязки к профилю
- JWT-токены, централизованный API для всех подсистем
- Гостевой Wi-Fi для оффлайн-сценариев
3. Обратная связь¶
Модуль добровольной обратной связи и оценки качества. Встраиваемый модуль, который размещается в разных точках: на ПАК, в личном кабинете, как отдельное приложение на сенсорной стойке в зоне «Видеорезюме».
→ Подробное описание подсистемы
Администрирование:
→ Управление анкетами в CMS — создание, копирование, публикация, генерация QR-ссылок
Аналитика:
→ Просмотр ответов и статистики — количество прохождений, средние оценки, список ответов
4. Система администрирования¶
Единый портал для сотрудников с модулем управления контентом (CMS). Один вход, одна навигация с аналитикой, но внутри — функционально различные домены.
Структура CMS:
- Справочники — отрасли, направления, профессии, учебные заведения, работодатели
- Контент ПАК — викторина (вопросы и шаблоны сценариев), аватары профессий, видеосценарии «Профессии в действии»
- Анкеты — управление анкетами обратной связи
- Согласия — версионируемые согласия на обработку персональных данных
- Пользователи — учётные записи сотрудников и роли
- Журнал изменений — история всех изменений контента
Роли: Администратор, Контент-менеджер, Оператор, Просмотр отчётов
Взаимодействие:
- Поставляет контент в LED-медиаплатформу и ПрофСтарт
- Получает события от LED-медиаплатформы, ПрофСтарт, Обратной связи, внешних ПАК
- Обслуживает Административный портал
5. ПрофСтарт¶
Индивидуальный профориентационный тест школьника на сенсорной интерактивной панели и в веб-версии (личный кабинет). Собственный банк вопросов, генерация результатов тестирования. Работает автономно, но интегрируется с профилем и аналитикой.
→ Подробное описание подсистемы
Функциональная область:
- Банк вопросов (одиночный/множественный выбор, шкала согласия, выбор изображения, ранжирование, ситуационный кейс)
- Возрастные группы вопросов (12–14 и 15–17 лет)
- Динамическая сборка теста из вопросов выбранной возрастной группы
- Два интерфейса: киоск на сенсорной панели и веб-версия в личном кабинете
- Авторизация по QR-коду (на терминале) или через профиль (в веб-версии)
- Гостевой режим с обезличенным хранением результатов
Цифровой профориентационный портрет
Механика формирования портрета и расчёта результатов требует доработки.
Взаимодействие:
- Отправляет результаты теста в Цифровой профиль (при авторизации)
- Отправляет события в Аналитику
- Получает справочник вопросов из Системы администрирования
- Использует Идентификацию для привязки результата к профилю
6. Цифровой профиль и личный кабинет¶
Единый веб-портал (PWA) — личное пространство пользователя платформы. Агрегирует результаты всех активностей, формирует сводный профессиональный портрет, показывает прогресс и подбирает рекомендации по профессиям, учебным заведениям и работодателям.
→ Подробное описание подсистемы
Функциональная область:
- Сводный цифровой профиль (история сценариев, результаты тестов, выбранные профессии, компетенции)
- Личный кабинет: дашборд, каталог активностей, история, рекомендации, управление профилем
- Каталог активностей центра с отметками о прохождении (пройдено / не пройдено / частично)
- Рекомендательная модель по профессиям, учебным заведениям и работодателям (из справочников CMS)
- Управление профилем и согласиями (удаление, обезличивание)
- Гостевой режим с предложением авторизации на каждой странице
- PWA с установкой на устройство, без оффлайн-режима
Взаимодействие:
- Получает данные от LED-медиаплатформы, ПрофСтарт, Обратной связи
- Получает справочники из Системы администрирования (профессии, учебные заведения, работодатели)
- Использует Идентификацию для аутентификации
- Отправляет события в Аналитику
Клиентские интерфейсы¶
Клиентские интерфейсы — это фронтондовая часть экосистемы, точки доступа к подсистемам. Каждый интерфейс обслуживает одну или несколько подсистем.
1. Основное приложение LED-экрана¶
| Параметр | Значение |
|---|---|
| Платформа | Медиасервер, полноэкранный режим без системных окон |
| Обслуживает | LED-медиаплатформа |
| Пользователи | Посетители (групповые сценарии), оператор |
Полноэкранное приложение на медиасервере, выводящее контент на LED-экран. Три режима: заставка (видеоплейлист, «Профессии в действии», «Мой карьерный маршрут»), индивидуальная викторина, командная игра. Целевая частота 60 кадров/с.
→ Подробное описание интерфейса
2. Панель оператора¶
| Параметр | Значение |
|---|---|
| Платформа | Веб-интерфейс, планшет или ноутбук |
| Обслуживает | LED-медиаплатформа |
| Пользователи | Сотрудники ЦЗН (оператор) |
Веб-интерфейс для управления сценариями в реальном времени: запуск сессий, выбор сценарных пакетов, формирование команд, управление этапами (старт, пауза, продолжение), приём ответов, управление таймером, экстренный возврат LED в режим ожидания, технический статус компонентов.
3. Киоск «ПрофСтарт»¶
| Параметр | Значение |
|---|---|
| Платформа | Интерактивная сенсорная панель, полноэкранный киоск-режим |
| Обслуживает | ПрофСтарт |
| Пользователи | Школьники, посетители |
Полноэкранное приложение на сенсорной интерактивной панели для прохождения индивидуального профориентационного теста. Крупные сенсорные элементы, прогресс прохождения, отображение результатов.
→ Подробное описание интерфейса
Производительность: переход между вопросами — не более 500 мс, расчёт — не более 3 секунд.
4. Личный кабинет (веб-портал)¶
| Параметр | Значение |
|---|---|
| Платформа | Адаптивный веб-интерфейс (десктоп + мобильный) |
| Обслуживает | Цифровой профиль, LED-медиаплатформа (мобильный клиент), Обратная связь |
| Пользователи | Зарегистрированные пользователи, гости (по QR) |
Единый адаптивный веб-портал, выполняющий несколько ролей:
- Личный кабинет — цифровой профиль, история сценариев, результаты тестов, рекомендации по профессиям, учебным заведениям и работодателям
- Мобильный веб-клиент — участие в сценариях LED-платформы (голосования, ответы, выбор команды) по QR-коду или через авторизацию
- Анкета обратной связи — прохождение опросов и оставление отзывов
Неавторизованные посетители подключаются по QR-коду в гостевом режиме. Авторизованные пользователи получают доступ к полному профилю и истории.
5. Административный портал¶
| Параметр | Значение |
|---|---|
| Платформа | Веб-интерфейс, браузер сотрудника |
| Обслуживает | Система администрирования (CMS + Аналитика) |
| Пользователи | Администратор, контент-менеджер, оператор, аналитик, технический специалист |
Единый веб-портал для сотрудников с двумя модулями:
- Управление контентом — библиотека медиа, конструктор вопросов и сценариев, карточки профессий, версионирование, публикация
- Аналитика — дашборды, отчёты, выгрузка данных, мониторинг интеграций
→ Подробное описание интерфейса
Схема взаимодействия¶
┌─────────────────────────────────────────────────────────────────┐
│ КЛИЕНТСКИE ИНТЕРФЕЙСЫ │
├──────────┬──────────┬──────────┬──────────────┬────────────────┤
│ LED-экран│ Панель │ Киоск │ Личный │ Администр. │
│ (основное│ оператора│ ПрофСтарт│ кабинет │ портал │
│ прилож.) │ │ │ (веб-портал) │ (CMS) │
└────┬─────┴────┬─────┴────┬─────┴──────┬───────┴───────┬────────┘
│ │ │ │ │
▼ ▼ ▼ ▼ ▼
┌─────────────────────────────────────────────────────────────────┐
│ ПОДСИСТЕМЫ │
├──────────┬──────────┬──────────┬──────────┬──────────┬─────────┤
│ LED- │ Иденти- │ Обратная │ Система │ Проф │ Цифровой│
│ медиа- │ фикация │ связь │ администр│ Старт │ профиль │
│ платформа│ и регистр│ │ иование │ │ и ЛК │
└──────────┴──────────┴──────────┴──────────┴──────────┴─────────┘