План демонстрационного интерфейса

Цель демонстрации

Заказчик должен пройти основные действия и дать обратную связь по навигации, формам, карточкам и представлению результатов. Интерфейс демонстрирует будущий процесс; он не обслуживает реальные конкурсы и студенческие данные.

Минимальный объём

Переключатель ролей: студент, эксперт, организатор/ОСО, проректор.
Портфолио: список, карточка, форма нового достижения, прикрепление тестового файла, исправление и статусы.
Эксперт: очередь, просмотр, подтверждение, возврат, отклонение и комментарий.
Кампании: две тестовые кампании, выбор достижений, предварительные баллы, отправка заявки, рассмотрение и результат.
Рейтинги: поиск, период, направление, переход к студенту и расшифровка.
Зелёная миля: карточки запросов на поездки, портфолио кандидата, решение с комментарием, история.
Обратная связь: замечание с привязкой к экрану, сохранение в браузере и скачивание замечаний.
Документация и открытые вопросы доступны из общей навигации.

Данные и сохранение

Восемь вымышленных студентов, восемнадцать достижений по шести направлениям, две кампании, три запроса на поездки. Включить подтверждённые, ожидающие проверки и возвращённые записи; пример публикации с соавторами, систематических участий и учебных результатов за два периода.

Все роли работают с одним демонстрационным состоянием данного браузера. Сохранение через localStorage; есть кнопка сброса. Для файла показывается имя и локальный предпросмотр; настоящая серверная загрузка не требуется. Правила и числа помечаются как демонстрационные. Работа приложения не зависит от производственных API.

Технический подход

Самый короткий путь — статический интерфейс HTML/CSS/JavaScript, публикуемый рядом с документацией в prototype/. Разрешены небольшие локальные библиотеки, если они уже доступны и ускоряют работу. Не добавлять серверный контур, сложную авторизацию или инфраструктуру обмена ради демонстрации.

Использовать оформление YearReport: фон #f5f6f9, акцент #173eac, белые поверхности, умеренные границы, TT Runs для заголовков, Verdana для текста. Перенести необходимые локальные бренд-ресурсы, адаптировать боковую навигацию под телефоны. Показывать метку «Демонстрационный интерфейс».

Проверка перед показом

Открыть документацию и прототип по HTTPS. Один раз пройти добавление достижения, экспертное решение, отправку заявки, фильтр рейтинга и решение по поездке. Проверить сохранение после обновления, сброс демо и узкий экран. Исправить обнаруженные ошибки; не строить большой тестовый набор и не проводить нагрузочные испытания.

Обратная связь заказчика

Обсуждать названия и порядок разделов, удобство форм и экспертной проверки, понятность расшифровки баллов, подбор документов для заявки, видимость решений и экран «Зелёной мили». Замечания по правилам переносить в «Открытые вопросы», ответы — в принятые решения.