PWA_FIREALARM/SCENARIY.md

Сценарий PWA «Пожарная сигнализация»

Тематика: п. 1 — ТЗИ; п. 1.2 — принцип работы прибора и интерактивная модель (пожарная сигнализация). Формат: одностраничное локальное PWA; навигация по «Сценам»; каждая сцена — один экран. Время прохождения: 6–10 минут. Тест: 9 вопросов.

Общие элементы на всех сценах (шапка): ☰ меню сцен (переход к пройденным, сброс прогресса), 💡 подсказка по сцене, ↺ сброс сцены, ⛶ полный экран, 🔊 звук.

Правило навигации: кнопка «Далее →» активна только после выполнения задания сцены (условие указано в поле «Условие перехода»).

---

Сцена 1. Старт

Элементы: анимированная заставка (canvas — «видео» горящей комнаты), заголовок, описание курса, кнопка «▶ Начать курс», подсказка про звук, кнопка звука 🔊 в шапке. Действия:

• «Начать курс» — включает аудио-контекст, звук подтверждения, переход к Сцене 2.
• 🔊 — включить/выключить весь звук (состояние запоминается). Условие перехода: нет (одна кнопка).

Сцена 2. Как развивается пожар

Элементы: canvas-анимация комнаты с дымом и пламенем; ползунок «Развитие пожара» 0–100 %; индикаторы «Дымовой Д», «Тепловой Т», «Пламени П»; строка стадии; пояснение; мини-вопрос. Действия:

• Двигать ползунок: растут дым, потом пламя; индикаторы загораются на порогах 18 % (дым), 55 % (тепло), 70 % (пламя), звучит сигнал, в пояснении — какой извещатель и почему сработал.
• Ответить на мини-вопрос о первом сработавшем извещателе (верный ответ — «Дымовой»). Условие перехода: ползунок ≥ 75 % и верный ответ на мини-вопрос.

Сцена 3. Оптический дымовой извещатель (модель прибора)

Элементы: SVG-схема дымовой камеры (ИК-светодиод, луч, поглотитель, фотодиод, частицы, индикатор тревоги); кнопки источников «Чистый воздух», «Тление (дым)», «Пар из ванной», «Строительная пыль»; ползунок плотности частиц; шкала сигнала фотодиода с красной меткой порога; окно пояснений; мини-вопрос. Действия:

• Выбор источника / ползунок — меняется число частиц; частицы в луче рассеивают свет на фотодиод (рисуются лучи), растёт сигнал.
• Сигнал ≥ порога дольше 0,7 с — тревога: мигает индикатор, звучат писки.
• Тление → «верная тревога»; пар/пыль → «ложная тревога» с объяснением.
• После обеих тревог появляется мини-вопрос об устройстве камеры. Условие перехода: получены верная и ложная тревоги + верный ответ.

Сцена 4. Тепловые извещатели (модель прибора)

Элементы: график температуры во времени (canvas) с порогом 70 °C; кнопки «☀ Солнечный день» и «🔥 Пожар»; лампы «Максимальный (≥ 70 °C)» и «Дифференциальный (≥ 8 °C/мин)»; табло T / скорость / время; пояснение; мини-вопрос. Действия:

• «Солнечный день» — медленный нагрев (2 °C/мин): максимальный даёт ложную тревогу, дифференциальный молчит.
• «Пожар» — быстрый нагрев (14 °C/мин): дифференциальный срабатывает почти сразу, максимальный — позже.
• После обоих запусков — мини-вопрос. Условие перехода: запущены оба сценария + верный ответ.

Сцена 5. Подбери извещатель

Элементы: 5 карточек помещений (серверная, кухня, склад ЛВЖ, коридор общежития, сауна); у каждой кнопки «Дымовой / Тепловой / Пламени»; счётчик верных ответов; пояснения. Действия: выбрать тип извещателя — мгновенная обратная связь (✔/✖ и объяснение), карточка блокируется. Условие перехода: отвечены все 5 карточек (оценка не влияет на допуск).

Сцена 6. Пожарный пост: ППКП (интерактивная модель прибора)

Элементы: 4 помещения (Кухня, Серверная, Склад ЛВЖ, Коридор) с кнопкой «🔥 Поджечь»; ЖК-экран ППКП; лампы зон 1–4; кнопки «🔕 Квитировать», «♻ Сброс», «🧯 Ручной извещатель»; журнал событий. Действия:

• «Поджечь» — в помещении появляется пламя; через задержку, зависящую от типа извещателя (пламени 0,7 с, дымовой 1,3–1,5 с, тепловой 2,4 с), срабатывает извещатель: красная рамка, лампа зоны, надпись на ЖК, сирена и голос «Внимание! Пожар!».
• «Квитировать» — заглушить сирену, статус «квитировано».
• «Сброс» — вернуть ППКП в дежурный режим.
• «Ручной извещатель» — мгновенная тревога в зоне «Коридор». Условие перехода: тревога минимум в двух зонах + выполнено квитирование.

Сцена 7. Порядок действий при тревоге

Элементы: перемешанные 6 шагов; поле «Твоя последовательность»; строка статуса. Действия: нажимать шаги по порядку; верный — переходит в список; неверный — встряхивается с подсказкой. Условие перехода: все 6 шагов расставлены верно.

Сцена 8. Финал

Элементы: заголовок, текст, лучший прошлый результат, кнопка «📝 Итоговое Тестирование». Действия: «Итоговое Тестирование» — переход к Сцене 9.

Сцена 9. Итоговое тестирование (9 вопросов)

Элементы: счётчик вопросов, полоса прогресса, вопрос с 4 вариантами, пояснение, кнопка «Следующий вопрос». Действия: выбрать вариант — сразу показывается верный ответ и пояснение; перейти к следующему. Итог: результат «N / 9», оценка (≥ 90 % — 5; ≥ 75 % — 4; ≥ 55 % — 3; иначе 2), разбор ошибок, кнопки «Пересдать» и «Повторить курс». Лучший результат сохраняется в localStorage.

Ключевые знания, проверяемые тестом

1. Принцип оптического дымового извещателя — рассеяние света (эффект Тиндаля).
2. Почему фотодиод вынесен из линии луча.
3. Максимальный тепловой извещатель — по порогу температуры.
4. Дифференциальный — по скорости роста температуры.
5. Выбор извещателя для кухни (тепловой).
6. Выбор для склада ЛВЖ (пламени).
7. Назначение ППКП.
8. Причины ложных тревог оптического извещателя (пар, пыль).
9. Смысл «квитирования».