safari_presentation

1.

ЗАЩИТА ПРОЕКТА • 2026
Сафари Звуков
Логопедическая WEB-игра для детей 5–7 лет
с интеграцией LLM (Groq API, Llama 3.3 70B)
Выполнила: Панфилова Дарья Валеьевна

2.

АКТУАЛЬНОСТЬ
Проблема: дефицит логопедических тренажёров
• Критическое окно развития речи — 3–7 лет: нетренируемые звуки закрепляются неправильно.
• Родители остаются один на один с проблемой: карточки и учебники скучны ребёнку.
• Барьер 1 — безопасность: нет контент-фильтра для детей.
• Барьер 2 — доступность: платные приложения и очереди к логопедам.
• Барьер 3 — вовлечение: статичные упражнения без геймификации.
• Итог: 3 барьера — 0 доступных решений.
Логопедический квест «Сафари Звуков»
2 / 12

3.

ПРОДУКТ
Решение: от звука до рассказа прямо в браузере
• Веб-игра: работает в браузере, не требует
установки.
• 6 персонажей, каждый «ведёт» свой звук: С,
З, Ш, Ж, Р, Л.
• ИИ генерирует задания на лету — каждая
сессия уникальна.
• 6 этапов: звук → слоги → слова → фразы →
предложения → рассказ.
• Три компетенции в одном MVP: prompt
engineering, анализ данных, fullstack.
Логопедический квест «Сафари Звуков»
3 / 12

4.

АРХИТЕКТУРА
Три уровня и fallback без сбоя
• Browser (HTML/CSS/JS, Web Speech API, localStorage) ⇄ Flask Groq LLM.
• SQLite хранит аналитику игровых событий.
• Fallback: если API недоступен, Flask подставляет статические задания — ребёнок не видит ошибку.
• Flask — единый шлюз: замена LLM-провайдера не требует правок фронтенда.
Логопедический квест «Сафари Звуков»
4 / 12

5.

ТЕХНОЛОГИИ
Стек: 0 ₽ эксплуатационных затрат
• Backend: Python 3.11 + Flask — open-source.
• LLM: Groq API (Llama 3.3 70B Versatile) — free tier.
• Frontend: HTML5 / CSS3 / JavaScript — open-source.
• Речь: Web Speech API — встроено в браузер.
• Данные: SQLite + localStorage — open-source.
• Итог: полный цикл разработки и деплоя — 0 ₽ в месяц.
Логопедический квест «Сафари Звуков»
5 / 12

6.

ИИ-КОМПОНЕНТ
Prompt engineering: двойной барьер безопасности
• Системный промпт: роль логопеда, возраст ребёнка 5–
7 лет, строгий JSON.
• Жёсткие правила: для звука [С] — без слов со звуками
Ш, Ж, Р, Л.
• response_format=json_object — структурно валидный
ответ модели.
• 4 типа генерации: разминка, задания этапов, проверка
ответа, поздравление.
• Валидация на сервере: 0 импровизаций вне правил.
Логопедический квест «Сафари Звуков»
6 / 12

7.

РЕЧЕВЫЕ ТЕХНОЛОГИИ
Аудио не покидает браузер
• Микрофон → SpeechRecognition: аудио превращается в текст прямо в браузере.
• На сервер уходит только распознанный текст — 0 байт аудио.
• SpeechSynthesis озвучивает задания и похвалу голосом героя.
• Почему не Whisper: без загрузки аудио, мгновенный отклик, нулевой трафик.
Логопедический квест «Сафари Звуков»
7 / 12

8.

UX И ГЕЙМИФИКАЦИЯ
Эскалация наград удерживает фокус
• Монеты: +2 за упражнение, +5 за задание, +20 за этап, +50 за тропинку.
• Анимации героя и конфетти на каждую победу.
• Замкнутый цикл: карта → звук → разминка → задания → награда → карта.
• Прогресс и монеты хранятся в localStorage — результат не теряется.
Логопедический квест «Сафари Звуков»
8 / 12

9.

ДЕМОНСТРАЦИЯ
Пять экранов замыкают цикл
• Карта сафари: выбор героя и звука.
• Разминка: артикуляционная гимнастика с таймером.
• Задания этапа: карточки с целевым звуком.
• Проверка голосом: кнопка микрофона (Chrome).
• Финал: награда +50 и конфетти.
• Живая демонстрация: python app.py → http://127.0.0.1:5000
Логопедический квест «Сафари Звуков»
9 / 12

10.

АНАЛИЗ ДАННЫХ
SQLite-метрики: от события до графика
• Таблица событий: sound, stage, is_correct, mic_activated, duration.
• success_rate — % успеха по звукам и этапам: выявляет трудные звуки.
• mic_usage — % ответов через микрофон: оценка вовлечённости.
• avg_duration — время этапа: оптимизация сложности и UX.
• SQL-инструменты: COUNT, AVG, SUM, GROUP BY.
Логопедический квест «Сафари Звуков»
10 / 12

11.

ДЕПЛОЙ
Развёртывание: Docker + Render.com
• Локально: python app.py → http://127.0.0.1:5000.
• Dockerfile: python:3.11-slim, автоматическая сборка.
• Render.com: автодеплой по git push, бесплатный тариф.
• HTTPS (Let's Encrypt) обязателен: Web Speech API работает только в защищённом контексте.
Логопедический квест «Сафари Звуков»
11 / 12

12.

ИТОГИ
MVP масштабируется в платформу
• Мультимодальный ИИ: оценка произношения напрямую из аудио ребёнка.
• A/B-тесты промптов на основе собранных SQLite-метрик.
• Мобильное приложение и интеграция с кабинетами логопедов.
• Итог: prompt engineering + анализ данных + fullstack за один спринт.
Логопедический квест «Сафари Звуков»
12 / 12