# План страницы — Практикум 1 «Подходит ли задача для ИИ?»

Источник: `Практикум_1_Подходит_ли_задача_для_ИИ.docx` (методический сценарий, 35–40 минут) + расширения под общий тайминг 90 минут.
Целевой файл: `web/praktikum_1.html`. Инфографика: `png/praktikum_1/` — **формат 16:9**, «флагманский» стиль по `reference/PROMPTY_INFOGRAFIKI.md`. Сгенерировано 2026-09-14 через KIE.AI (nano-banana-pro) скриптом `tools/gen_infographics.py`; все пять картинок приняты с первого раза.

Аудитория: инженеры и специалисты предприятия (слушатели ДПО-1), минимальный опыт работы с ИИ. Примеры — оборудование, регламенты, отчёты, служебные записки.

## 1. Что добавлено к исходному сценарию

| Добавление | Зачем | Где |
|---|---|---|
| Блок 0 «Инструмент дня: CloudPrompt» (6 мин) | По запросу заказчика: полезный инструмент для промптов с ссылкой на установку в самом начале | `#s0` |
| Тайминг-чипы на каждом разделе | Попадание в 90 минут без перерыва | все `.sec-head` |
| Блоки «🤫 Если зал молчит» с заготовками ответов и данными для ввода | По запросу заказчика: чем заполнить паузу, что вставить в демонстрацию | каждый кейс, вход, обобщение, exit ticket |
| Дополнительные промпты (по 2 на кейс + промпт для индивидуального задания + «Рамка запроса») | По запросу заказчика; показываются как готовые, конструкция не разбирается | `<details>` под демонстрационным промптом |
| Синтетические файлы для скачивания (01–06) | По запросу заказчика | `.dl-grid` в каждом кейсе, раздел `#dl` |
| Ключи преподавателя под замком `<details>` | Не сообщать правильную классификацию до голосования | каждый кейс |
| Кликабельный бейдж роли «откроется после голосования» | Тот же принцип на проекторе | `.case-meta` |
| Тренажёр «Какую роль дать ИИ?» с экспресс-раундом | Закрепление + резерв времени при опережении | `#s8`, `demo_tri_roli.html` |
| Мост к Практикуму 2 | Переход без перерыва | `#s9` |
| Ловушка в отчёте кейса 2: «38 %» в резюме против 34 % по таблице | Живая демонстрация «что проверяет человек» | `data/praktikum_1/02_*` |
| Строка ТЗ в таблице оборудования: вариант Б не проходит по производительности | Связка кейса 4 с переносом в Практикуме 2 | `data/praktikum_1/04_*` |

## 2. Структура страницы

| # | id | Секция | Минуты занятия | Картинка |
|---|----|--------|----------------|----------|
| — | `hero` | Хиро | — | 01 |
| 0 | `s0` | Инструмент дня: CloudPrompt | 0–6 | — (реальный продукт, логотипы не рисуем) |
| 1 | `s1` | Вход: какие задачи можно доверить ИИ (голосование) | 6–9 | — |
| 2 | `s2` | Три роли ИИ + три обязательных вопроса | 9–12 | 02 |
| 3 | `s3` | Кейс 1. Объяснение технической информации | 12–17 | — |
| 4 | `s4` | Кейс 2. Выжимка из отчёта | 17–22 | — |
| 5 | `s5` | Кейс 3. Черновик служебной записки | 22–26 | — |
| 6 | `s6` | Кейс 4. Сравнение оборудования | 26–31 | — |
| 7 | `s7` | Кейс 5. Инженерная задача | 31–36 | 03 |
| 8 | `s8` | Обобщение: формула, тренажёр, индивидуальное задание | 36–41 | 04 |
| 9 | `s9` | Exit ticket, мост к П2, таблица «что не разбираем», резерв | 41–43 | — |
| — | `dl` | Все файлы для скачивания | — | — |
| — | `checklist` | Чек-лист преподавателя (12 пунктов) | — | — |
| — | `quiz` | Квиз (6 вопросов) | — | — |
| — | `final` | Заключение (6 выводов) + ссылка на П2 | — | 05 |

## 3. Промпты для генерации инфографики (16:9, флагманский стиль)

Общие указания (обязательны в каждом промпте, ниже не повторяются): соотношение 16:9, не меньше 1672×941; светлый лавандово-белый фон; крупный жирный чёрный/тёмно-синий заголовок, синий/фиолетовый подзаголовок; скруглённые панели с тонкой синей обводкой, pill-заголовки секций индиго/тил; стеклянный светящийся 3D-мотив как центральный якорь; нижний степпер из пронумерованных кружков, соединённых пунктиром; все подписи по-русски с буквой «ё»; без водяных знаков и реальных логотипов.

### 01_hero_podhodit_li_zadacha.png

```
16:9 dense professional Russian infographic in the style of a modern data-journalism explainer poster (flat design with glossy 3D glass elements), light lavender-white background.

Bold black title top center: "Подходит ли задача для ИИ?"
Blue/purple subtitle beneath with arrow flow: "Задача → Роль ИИ → Результат → Человек"

Central large glowing 3D glass motif: a translucent glass funnel — many small icons of work tasks (document, table, gear, envelope, chart) fall into the top, and at the bottom they split into three glowing streams labelled with pill badges "1 · Исполнитель черновика" (indigo), "2 · Помощник" (sky blue), "3 · Консультант" (amber).

Left column, pill-shaped section header "Неправильный вопрос": a bordered panel with a large crossed-out speech bubble reading "Может ли ИИ сделать эту работу?" and a small icon of a coin flip (binary yes/no).

Right column, pill-shaped section header "Правильный вопрос": a bordered panel with three icon+label rows: "Какую часть поручить" (puzzle piece icon), "В какой роли" (three-figure icon), "Что проверить самому" (magnifying glass with checkmark).

Bottom horizontal stepper across the full width: five connected numbered circles with dotted line between them:
"1" icon of a document with a question mark — "Объяснить" — "техническую информацию";
"2" icon of a stack of pages with an arrow to one page — "Сжать" — "большой отчёт";
"3" icon of a pen over a memo — "Черновик" — "служебной записки";
"4" icon of three columns with a scale — "Сравнить" — "варианты оборудования";
"5" icon of a crane hook with a warning triangle — "Инженерная задача" — "высокая цена ошибки".

No watermarks, no real company logos, all text in correct Russian.
```

### 02_tri_roli_ii.png

```
16:9 dense professional Russian infographic, same house style, light lavender-white background, bold black title, blue subtitle, bordered panels with pill headers, glossy 3D glass icons, numbered bottom stepper.

Bold black title: "Три роли ИИ"
Blue subtitle: "Стажёр · Коллега-аналитик · Справочная — подписывает всегда человек"

Three vertical bordered panels side by side, each with a pill-shaped header, a glowing 3D glass icon, one metaphor line and two short lists:
1) Header "1 · Исполнитель черновой работы" (indigo pill): glass icon of a document being drafted by a robotic hand; metaphor line "Как стажёр: делает первый вариант"; list "Что делает ИИ": "выжимка отчёта", "черновик записки"; list "Что остаётся человеку": "проверка точности и полноты", "окончательное использование".
2) Header "2 · Помощник" (sky-blue pill): glass icon of two gears with a magnifier; metaphor line "Как коллега-аналитик: объясняет и сравнивает"; list "Что делает ИИ": "объяснение", "сравнительная таблица"; list "Что остаётся человеку": "постановка задачи", "критерии и решение".
3) Header "3 · Консультативный инструмент" (amber pill): glass icon of a signpost with a compass; metaphor line "Как справочная: подсказывает маршрут"; list "Что делает ИИ": "план решения", "точки ошибок"; list "Что остаётся человеку": "расчёт и экспертиза", "подпись и ответственность".

Above the three panels, a thin horizontal gradient bar from indigo (left) to amber (right) labelled at the ends "Больше работы делает ИИ" and "Больше проверяет человек", with a small arrow labelled "растёт цена ошибки".

Bottom horizontal stepper, three numbered circles connected by dotted line: "1" icon question mark — "Что поручить ИИ?"; "2" icon person with shield — "Что остаётся человеку?"; "3" icon toolbox — "Какая способность ИИ нужна?".

No watermarks, no real company logos, all text in correct Russian.
```

### 03_karta_pyati_keysov.png

```
16:9 dense professional Russian infographic, same house style, light lavender-white background.

Bold black title: "Пять кейсов на одной карте"
Blue subtitle: "Чем выше цена ошибки, тем меньше автономии у ИИ"

Central element: a large clean 2D chart panel with thin grid. Horizontal axis labelled "Цена ошибки →" (from "низкая" on the left to "высокая" on the right), vertical axis labelled "Доля работы, которую делает ИИ ↑" (from "10 %" at the bottom to "90 %" at the top). A soft glowing diagonal band goes from top-left to bottom-right. Five glossy 3D glass circular markers are placed on the band, each with an icon and a label card:
- top-left: icon of stacked pages → one page, label "Кейс 2 · Выжимка отчёта", small pill "Роль 1";
- upper-left: icon of a memo with a pen, label "Кейс 3 · Черновик записки", pill "Роль 1";
- middle: icon of a document with a lightbulb, label "Кейс 1 · Объяснение", pill "Роль 2";
- middle-right: icon of three columns with a scale, label "Кейс 4 · Сравнение оборудования", pill "Роль 2";
- bottom-right: icon of a crane hook with a warning triangle, label "Кейс 5 · Инженерная задача", pill "Роль 3".

Right side, a small highlighted rounded panel with a friendly white-and-blue robot mascot holding a clipboard, next to a callout "Ни в одном кейсе результат не используется без проверки".

Bottom horizontal stepper, four numbered circles: "1" — "Понять задачу" (target icon); "2" — "Оценить цену ошибки" (scale with ruble icon); "3" — "Выбрать роль ИИ" (three figures icon); "4" — "Решить, что проверит человек" (checklist icon).

No watermarks, no real company logos, all text in correct Russian.
```

### 04_formula_zadacha_rol_rezultat_chelovek.png

```
16:9 dense professional Russian infographic, same house style, modeled on a numbered process-stage layout.

Bold black title: "Формула практикума"
Blue subtitle with arrow flow: "Задача → Роль ИИ → Результат → Человек"

A horizontal glowing pill-shaped progress bar at the top with four numbered stage markers (1, 2, 3, 4) connected by a glowing line, labelled above each stage: "ЗАДАЧА", "РОЛЬ ИИ", "РЕЗУЛЬТАТ", "ЧЕЛОВЕК".

Four columns beneath, each a bordered panel under its stage number with a glossy 3D glass icon and a short list of questions:
Column 1 "Задача": glass icon of a target; list "Что нужно получить: понимание, черновик, сравнение, план?", "Какая цена ошибки?".
Column 2 "Роль ИИ": glass icon of three figures; list "Исполнитель черновика / помощник / консультант", "Какая способность нужна: текст, документ, анализ, поиск?".
Column 3 "Результат": glass icon of a document with a magnifier; list "Что ИИ сделает хорошо", "Где он додумает или ошибётся".
Column 4 "Человек": glass icon of a hand with a pen signing; list "Что проверить: цифры, факты, полноту", "Кто подписывает и отвечает".

Below the columns, a "До / После" comparison panel with a dotted purple arrow: left card with crossed-out text "Сначала выбрать нейросеть", right card with bold text "Сначала понять задачу".

Bottom banner ribbon, dark navy background, bold white text: "Не «может ли ИИ?», а «какую часть, в какой роли и что проверю сам»".

No watermarks, no real company logos, all text in correct Russian.
```

### 05_final_granica_otvetstvennosti.png

```
16:9 dense professional Russian infographic, same house style, warm concluding mood.

Bold black title: "Граница ответственности"
Blue subtitle: "ИИ делает работу — человек отвечает за результат"

Large central "До / После" comparison panel with a dotted purple arrow:
Left card, pill header "До практикума": a person figure looking at a big glowing question mark over a laptop, caption "«Может ли ИИ сделать это?»", small icons of a coin flip and a shrug.
Right card, pill header "После практикума": the same person at the laptop, now with a three-lane diagram — three horizontal glowing lanes labelled "ИИ делает" (indigo, longer), "Вместе" (sky blue) and "Человек проверяет и подписывает" (amber, ends with a signature icon); caption "«Какую часть, в какой роли, что проверю сам»".

Right side: a highlighted rounded panel (soft indigo-to-cyan gradient) with a friendly white-and-blue robot mascot handing a document to a human hand that holds a pen; small badge chips below: "Черновик — от ИИ", "Проверка — человек", "Подпись — человек".

Bottom full-width banner ribbon, dark navy background, bold white text: "Грамотно написано — ещё не значит достоверно. Проверка — часть работы, а не недоверие."

No watermarks, no real company logos, all text in correct Russian.
```

## 4. Технические требования

- Шаблон `assets/TEMPLATE_stranica.html` + расширения: `.n0` (бейдж блока 0), `.silent` («если зал молчит»), `.dl`/`.dl-grid` (скачивание), `.time-chip`, `.role-badge`, `.details-key`, `.tool-hero`, `.formula`.
- Ключ чек-листа в localStorage: `praktikum-1-checklist`. Префикс скачивания инфографики: `dpo1-praktikum1`.
- Встроенное демо: `web/demo_tri_roli.html`. Ссылка вперёд: `praktikum_2.html`; назад: `../index.html`.
- Тест: `tests/check_praktikum_1_page.py`.