Методический модуль 7–8 класс · 13–14 лет 5 занятий × 45 мин

ЦИФРОВОЙ АТЛЕТ

Разработка электронного дневника тренировок на стыке информатики, биологии и физкультуры

Междисциплинарный проект, в котором ученики создают настоящее веб-приложение для отслеживания тренировок — осваивают HTML/CSS/JavaScript, Prompt Engineering, физиологию ЧСС и принципы здорового образа жизни.

5уроков
3предмета
6компетенций
0оценок
📋 О проекте

Формат, инструменты и система контроля

Все ключевые параметры методического модуля — на одном экране

🎯

Ведущий предмет

Информатика
Веб-разработка (HTML/CSS/JS), обработка данных, Prompt Engineering

🤝

Предметы-партнёры

Физкультура: тренировочные программы, нагрузки
Биология: физиология, ЧСС, пульсовые зоны

👥

Возраст

7–8 класс
13–14 лет

💻

Формат

5 занятий по 40–45 минут
Компьютерный класс с интернетом

🛠️

Инструменты

CodePen / Replit / JSFiddle
ИИ-чат-бот, современный браузер

📊

Система контроля

Безоценочная
Карта компетенций, чек-листы, Peer Review

📅 Поурочный план

Пять шагов от идеи до публикации

Каждый урок — законченный цикл: мотивация → работа с ИИ → практика → рефлексия

1
HTML

Анализ данных и каркас веб-страницы

Цель:

Спроектировать структуру данных с точки зрения биологии/физкультуры и создать HTML-каркас

  • Мотивация и ТЗ (10 мин): Разбор проблемы «Как правильно следить за здоровьем при занятиях спортом?»
  • Работа с ИИ (10 мин): Составление промпта для генерации базовой HTML-разметки
  • Практика (20 мин): Вставка кода в онлайн-редактор, редактирование тегов
  • Рефлексия (5 мин): Фиксация выполнения этапа в Карте компетенций
📝 Рабочий лист 1 →
2
CSS

Спортивный UI/UX-дизайн

Цель:

Оформить веб-страницу, сделать интерфейс удобным и наглядным

  • Теория и стиль (10 мин): Понятие пользовательского интерфейса (UI)
  • Работа с ИИ (10 мин): Генерация стилей с помощью промпт-инжиниринга
  • Практика (20 мин): Настройка CSS под свой проект, эксперименты с оттенками
  • Рефлексия (5 мин): Самопроверка по чек-листу внешнего вида
📝 Рабочий лист 2 →
3
JS + Биология

Алгоритмы, математика и физиология

Цель:

Добавить логику на сайт и запрограммировать расчёт биологических показателей

  • Разбор формулы (10 мин): Расчёт максимальной ЧСС (220 − возраст)
  • Практика с ИИ и JS (25 мин): Создание скрипта для расчёта пульсовой зоны
  • Тестирование (10 мин): Проверка работы формул на своих реальных данных
📝 Рабочий лист 3 →
4
AI + Безопасность

AI-тренер и индикация нагрузок

Цель:

Интегрировать ИИ для генерации рекомендаций и настроить динамическое подсвечивание данных

  • Программирование условий (15 мин): Добавление условия в JS для подсветки перегрузки
  • Модуль «ИИ-тренер» (20 мин): Запрос у ИИ индивидуальной разминки
  • Дебаггинг (10 мин): Поиск и исправление ошибок в коде с помощью ИИ
📝 Рабочий лист 4 →
5
Релиз

Публикация, Peer Review и презентация

Цель:

Опубликовать готовый продукт в сети, провести взаимопроверку и презентовать результат

  • Деплой проекта (10 мин): Публикация веб-страницы через онлайн-редактор
  • Peer Review (15 мин): Тестирование сайтов одноклассников
  • Презентация и рефлексия (20 мин): Демонстрация работы приложения, заполнение Карты компетенций
📝 Рабочий лист 5 →
🎯 Карта компетенций

Что освоит «Цифровой атлет»

Отмечайте освоенные навыки — статус сохраняется автоматически

МодульОсвоенный навык / Фича приложенияСтатус
HTML Я создал(а) форму ввода биологических данных и таблицу
CSS Я оформил(а) дневник в спортивном стиле, сделал(а) его читаемым
JS & Биология На сайте работает калькулятор пульсовых зон и добавление строк
JS & Безопасность Сайт предупреждает (подсвечивает), если пульс слишком высокий
AI Integration Я умею запрашивать у ИИ грамотный план разминки под свои задачи
Релиз Мой веб-дневник опубликован и открывается по ссылке

💬Peer Review — чек-лист обратной связи

1

Удобство (UX)

Легко ли заносить данные о тренировке?

2

Научность

Правильно ли считается пульсовая зона?

3

Красота и стиль

Приятно ли пользоваться visual-составляющей сайта?

🏆Итоговые статусы готовности проекта

🛠️

«Прототип»

Сверстана основа и проведены первые расчёты

⚡

«Рабочий дневник»

Сайт заносит тренировки, считает пульс и подсвечивает нагрузки

🚀

«Smart Fit App»

Полностью готовый веб-сервис с интеграцией ИИ-рекомендаций

👨‍🏫 Учителю

Готовый пакет методических материалов

Всё необходимое для проведения занятий — без дополнительных вопросов к автору

📦

Что входит в пакет

Шесть блоков готовых материалов для 5 занятий

  • Эталонные промпты для ИИ (HTML, CSS, JS, AI-тренер)
  • Примеры кода с комментариями
  • Ключи к рабочим листам ученика
  • Карта компетенций для печати
  • Чек-лист Peer Review
  • «Испорченный» код для практического кейса дебаггинга
📂 Открыть материалы

🚀 Готовы начать?

Превратите своих учеников в цифровых атлетов — создайте вместе с ними умный дневник тренировок!

📥 Скачать все материалы
✅ Готово