# План опорного конспекта — Урок 1 «Как устроен современный ИИ»

Целевые страницы: `index.html` (главная для преподавателя), `web/konspekt_urok1.html` (конспект), `web/tayming.html` (таймер).
Образец формата: сайт практикумов https://smool-g.github.io/ii-praktikum-1-2/ — тайминг со ссылками на разделы, реплики, «если зал молчит», ключи преподавателя, промпты для копирования, файлы для скачивания.
Глубина пояснений: исходная Notion-страница урока — «суть в одном предложении», «простая аналогия», примеры «до/после», «простыми словами» и интересные факты.

## Источники содержания

| Источник | Что взято |
|---|---|
| Страница урока, версия 2 — https://smit1980.github.io/PDO-1_1Urok/web/kak_ustroen_ii.html | Порядок блоков, формулировки, 20 интерактивов, квиз из 10 вопросов, чек-лист, ДЗ |
| Notion-страница урока (выгрузка `Docs/urok1_istochnik_notion.md` в репозитории урока) | Пояснения: 11 вех истории, шаги трансформера, пример с биографией, телеграмма и шеф-повар, рабочий стол мастера, автопарк, слепая дегустация, светофор данных |
| Конспект преподавателя версии 1 (`web/konspekt_prepodavatelya.html` в репозитории урока) | Опорные тайминги, вопросы группе, частые вопросы слушателей |

## Структура конспекта

| id | Блок | Минуты | Демо вживую | Резерв |
|---|---|---|---|---|
| `cel` | Главная мысль, результат урока, как читать блок | — | — | — |
| `s0` | Перед занятием: чек-лист подготовки | за 15 мин | — | — |
| `s1` | Открытие | 0–2 | — | — |
| `s2` | История ИИ | 2–14 | Лента истории | Сбор и очистка данных |
| `s3` | Трансформер | 14–21 | Карта смыслов, Слово в контексте, Механизм внимания | Порядок слов |
| `s4` | Генератор вероятностей | 21–27 | Как LLM досочиняет ответ, Бросок кубика | Рычаги генерации, Обучение ассистента |
| `s5` | Форматы задач | 27–31 | Тренажёр инструментов (2 задачи) | остальные задачи |
| `s6` | Промпт и токены | 31–42 | Токенизатор, Словарь BPE, Конструктор, Система 1 и 2 | — |
| `s7` | Контекстное окно | 42–54 | Три состояния окна, Потеря в середине | — |
| `s8` | Выбор нейросети | 54–65 | Алгоритм выбора | справочник сервисов |
| `s9` | LLM Arena | 65–74 | Слепое сравнение | arena.ai |
| `s10` | Итоги и ДЗ | 74–84 | Светофор данных (3–4 карточки) | — |
| `s11` | Квиз и финал | 84–90 | Вопросы 1, 8, 10 | — |
| `rezerv` | Если опережаете или отстаёте | — | — | — |
| `faq` | Частые вопросы слушателей | — | — | — |
| `files` | Файлы | — | — | — |

## Состав каждого блока

1. Номер, заголовок, чип времени, ссылка на блок урока.
2. 🎯 Суть в одном предложении.
3. 💡 Простая аналогия.
4. 📖 Пояснение для преподавателя — класс `.more`, скрывается в режиме «Кратко».
5. 💬 Рекомендуемая реплика.
6. 🖥️ Что показать — шаги и ссылки на демо с пометками «вживую» / «резерв».
7. ❓ Вопросы аудитории.
8. 🤫 Если зал молчит.
9. 🔒 Ключ преподавателя.
10. ⚠️ Где не перегибать.
11. Переход к следующему блоку.

## Решения

- Демо не встраиваются в конспект через iframe: конспект читают на втором экране и печатают, демо показывают со страницы урока.
- Промпты — единый источник `tools/build_data.py`; пять из них дословно совпадают с блоками на странице (проверяется тестом).
- Ловушки в синтетических файлах вынесены из самих файлов в ключ блока 10 и в сценарий, чтобы слушатели не вставили подсказки в запрос.
- Состояние чек-листа подготовки, режима и таймера хранится в localStorage с ключами `dpo1-konsp-urok1-*`.