# Веб-концепт «Навигационная песочница»

**Обновление 06.10.2026:** отдельно создана [полная ВП02](../vp02/index.html) с реальным ядром, расчётом, кодом и протоколом. [Методика](https://gitlab.astersky.ru/science/learncourses/-/blob/main/ИТЛН/Лабораторная_ВП02.md). Четыре исходных экрана этого каталога остаются демонстрационными; презентация ведёт также к рабочей лабораторной.

**Обновление 07.10.2026:** ВП02 переработана по методической ревизии. Концепт синхронизирован с ней: карточка «Одометрия» ведёт в рабочую лабораторную, а в макете одометрии появилась ссылка на неё. В блок «Логика занятия» добавлен шаблон занятия по ВП02: проблема и ролик → задание за минуту → три идеи → вариант → пять шагов → словарь. Новые ВП строить по этому шаблону. В плане разработки этап 1 отмечен как выполненный для ВП02, учебный пилот ещё впереди. Из концепта в лабораторную перенесены наложение сохранённого опыта для сравнения и пошаговый просмотр. Палитра и шрифты приведены к ВП02: светлый фон, синий цвет интерфейса, зелёный — только истина, оранжевый — только одометрия, фиолетовый — ориентиры; тёмные поля заменены светлыми; минимальный кегль поднят с 6–13 до 11–15,5 px. Карточка ВП02 выделена как рабочая.

Согласовано пользователем 06.10.2026: презентационная страница и четыре кликабельных макета — одометрия, EKF, частицы и планирование. Светлая презентация и светлое поле эксперимента (с 07.10.2026; ранее тёмное), русский интерфейс. Это демонстрация интерфейса, а не проверенные реализации навигационных алгоритмов.

## Состав

- `index.html` — презентация, логика занятия, карточки всех 11 лабораторных, связанных с Пр1–Пр11, и этапы разработки. В каждой карточке: схематичная иллюстрация, часы и лекции, статус (рабочая / демо-макет / концепт), ключевой вопрос, «что увидите» и три действия студента. Ссылка ведёт в лабораторную, в демо-макет или в раздел каталога. Содержание карточек кратко пересказывает [каталог](https://gitlab.astersky.ru/science/learncourses/-/blob/main/ИТЛН/Виртуальные_практические_занятия_ИТЛН.md).
- `stand.html` — общая оболочка четырёх макетов с выбором через `?mode=odometry|ekf|particles|planning`.
- `styles.css` — адаптивное оформление обеих страниц; системные шрифты, без внешних загрузок.
- `app.js` — демонстрационные данные, SVG-визуализация, переключение режимов, сценариев и слоёв, воспроизведение, параметры, сравнение и экспорт.

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

## Поведение и границы

Траектории и метрики рассчитаны из демонстрационных зависимостей. Воспроизведение показывает последовательность подготовленного опыта, не физический расчёт. Ползунки изменяют демонстрационную картину; Q/R не считаются реализацией EKF. Частицы не являются MCL, маршрут — результатом A*. Экспорт явно содержит статус `interface-demo`. Неизготовленные занятия доступны только как карточки плана; ссылок на отсутствующие стенды нет.

Доступны пауза, шаг 0,1 с, сброс, скорость просмотра, временная шкала, сценарии, слои, сохранение текущего опыта для сравнения, CSV и JSON. Переключение режима сбрасывает состояние. Изменение сценария или seed очищает прежнее сравнение; изменение параметров сохраняет исходную кривую. Сравнение показывает демонстрационные метрики при одинаковой позиции временной шкалы.

## План реализации и проверки

1. Создать презентацию: крупное превью, четыре входа в макеты, каталог и последовательность эксперимента.
2. Создать общую оболочку стенда с четырьмя наборами параметров и заданий.
3. Подключить демонстрационные слои, воспроизведение и экспорт; обеспечить доступность клавиатурой и адаптивность.
4. Проверить JavaScript, загрузку страниц, четыре режима, управление, экспорт и размеры экрана в браузере. Проверить отсутствие внешних зависимостей и битых локальных ссылок.
5. Добавить вход в `https://gitlab.astersky.ru/science/learncourses/-/blob/main/ИТЛН/README.md`, синхронизировать состав и роли файлов в `https://gitlab.astersky.ru/science/learncourses/-/blob/main/revision.md`.

## Как открыть

Открыть `index.html` в браузере двойным щелчком. Установка пакетов и сервер не нужны. Альтернатива для просмотра по локальной ссылке: из корня репозитория выполнить `python3 -m http.server 8080`, затем открыть `http://localhost:8080/ИТЛН/concept/`.

Светлая и тёмная темы — общий стиль виртуальной лаборатории из `../shared/` (`theme.css`, `theme.js`); переключатель в шапке, выбор запоминается для всех страниц лаборатории.

## Основа

[Каталог виртуальных занятий](https://gitlab.astersky.ru/science/learncourses/-/blob/main/ИТЛН/Виртуальные_практические_занятия_ИТЛН.md). Исследовательский интерфейс не подтверждает самостоятельную программную реализацию студентом; разработка корректного вычислительного ядра — следующий этап.