Войдите в CodeBoard
Откройте адрес платформы, который выдала ваша школа, учебный центр или администратор курса. Войдите по email и паролю.
Справка для учителей CodeBoard
Практическая документация по проведению уроков программирования: создание комнат, подключение нескольких учеников, управление доступом, файлы, материалы, запуск Python, Turtle, шаблоны, снимки и типовые проблемы.
Первый урок за 5 минут
Сквозной сценарий для первого занятия: от входа учителя до запуска кода учеником.
Создайте комнату
В кабинете нажмите «Комнаты», введите название урока и создайте базовую комнату. Если оставить название пустым, CodeBoard подберёт нейтральное забавное название сам. Если нужен готовый стартовый код, откройте «Шаблоны» и создайте комнату из шаблона.
Подготовьте задание
В комнате откройте «Задание» и проверьте текст. При необходимости нажмите «Редактировать», измените заголовок и условие, затем сохраните.
Пригласите учеников
Нажмите «Копировать приглашение» в верхней панели комнаты и отправьте ссылку ученикам. Все ученики подключаются по одной ссылке.
Дайте доступ и запустите код
Откройте «Ученики», выберите активного ученика и нажмите «Выдать доступ». Ученик пишет код и нажимает «Запустить», результат появляется во вкладке «Вывод» или «Turtle».
Сделайте снимок итогов
Когда решение разобрано, нажмите «Снимок» в верхней панели. CodeBoard сохранит задание, код, вывод и Turtle-результат, чтобы к ним можно было вернуться после урока.
Вход и доступ
Учитель работает из своего аккаунта. Ученик обычно подключается по ссылке-приглашению в конкретную комнату.
Откройте страницу платформы
Перейдите на основной адрес CodeBoard, который выдала ваша организация. Если адрес неизвестен, запросите его у администратора курса или у внутренней поддержки.
Если аккаунта ещё нет
Попросите администратора или координатора курса выдать ссылку приглашения учителя. Без приглашения или заранее созданного аккаунта войти как учитель нельзя.
Настройте интерфейс
В верхней панели можно переключить язык и тему «Тёмная / Светлая». Настройка темы сохраняется в браузере.
Роли и права
В уроке есть учитель, ученики с правом редактирования и ученики в режиме просмотра.
| Роль / режим | Что доступно | Что недоступно |
|---|---|---|
| Учитель | Создаёт комнаты, редактирует задание, пишет код, рисует аннотации, запускает Python, загружает файлы и материалы, создаёт снимки, копирует приглашение, переименовывает учеников и управляет доступом. | Не может войти без учительского аккаунта или приглашения. |
| Ученик с доступом | Редактирует код, видит задание и материалы, запускает Python, вводит данные через input(), смотрит вывод и Turtle. |
Не загружает файлы и материалы, не меняет задание, не создаёт снимки, не управляет участниками. |
| Ученик read-only | Видит код, задание, материалы, вывод, Turtle и состояние комнаты. | Не редактирует код, не рисует аннотации, не запускает программу, не загружает файлы. |
Кабинет учителя: вкладки
После входа открывается рабочий кабинет. В верхней части есть вкладки, фильтры и основные действия.
| Вкладка | Куда нажимать | Что находится внутри | Когда использовать |
|---|---|---|---|
Комнаты |
Нажмите вкладку «Комнаты», затем «Создать комнату» или строку существующей комнаты. | Список уроков, поиск, фильтр по статусу, открытие комнаты, выбор нескольких комнат и удаление одной или нескольких комнат. | Каждый раз, когда нужно начать урок, вернуться к прошлому занятию или очистить список. |
Шаблоны |
Нажмите «Шаблоны», выберите семейство заданий, сложность и формат. | Каталог заготовок уроков: вводные, базовые, продвинутые, для занятия с учителем или самостоятельной практики. | Когда нужно быстро создать комнату с готовым стартовым кодом и текстом задания. |
Аккаунт |
Нажмите «Аккаунт». | Данные текущего пользователя, смена пароля, выход из системы. | Когда учитель меняет пароль или завершает работу на общем компьютере. |
Шаблоны уроков
Шаблоны помогают быстро подготовить комнату с готовым условием, стартовым кодом и типом занятия.
| Что можно сделать | Куда нажимать | Что важно знать |
|---|---|---|
| Просмотреть библиотеку | Кабинет → «Шаблоны». | Шаблоны сгруппированы по семействам. Можно искать по названию, ключу, описанию и тексту задания. |
| Отфильтровать задания | Используйте фильтры сложности и формата. | Сложность: вводный, базовый, продвинутый. Формат: урок с учителем или самостоятельная практика. |
| Посмотреть содержимое | Нажмите карточку шаблона. | Справа показываются условие, семейство, сложность, формат и начальный код. |
| Создать урок из шаблона | Введите название урока и нажмите «Создать из шаблона». | Комната получит стартовое задание и код из выбранной заготовки. Их можно изменить уже внутри комнаты. |
Как создать урок
Откройте «Комнаты»
В кабинете учителя нажмите «Комнаты». Введите название занятия, например «8 класс — циклы», или оставьте поле пустым для автоматического названия.
Создайте пустую комнату или комнату из шаблона
В «Комнатах» создаётся базовая комната. Во вкладке «Шаблоны» можно создать комнату с готовым условием и стартовым кодом.
Откройте комнату
После создания нажмите «Открыть» в списке комнат. Внутри можно обновить задание, загрузить файлы, создать снимки и скопировать ссылку ученикам.
Комната урока
Комната состоит из редактора кода, верхней панели урока, кнопок запуска и правой панели с вкладками. Учитель управляет заданием, материалами, файлами, снимками и участниками.
main.py
1 name = input("Имя ученика: ")
2 print(f"Привет, {name}!")
3 for number in range(1, 4):
4 print("Шаг", number)
Панель урока
Задание
Материалы
Снимки
Файлы
Вывод
Turtle
Ученики
Что здесь делает учитель
Открывает условие, добавляет материалы, загружает рабочие файлы, смотрит вывод программы, проверяет Turtle-графику, создаёт снимки и управляет доступом учеников.
Python runtime готов
Учитель редактирует · ученики синхронизируются
Редактор, запуск и аннотации
| Функция | Где находится | Как работает |
|---|---|---|
| Режим «Код» | Над редактором, переключатель «Код / Аннотации». | Обычное редактирование Python-кода. Если у ученика нет права редактирования, редактор становится read-only. |
| Режим «Аннотации» | Над редактором, кнопка «Аннотации». | Позволяет делать визуальные пометки поверх кода во время объяснения. Доступны marker, line и arrow, три цвета, undo и clear. Аннотации синхронизируются участникам и сохраняются в комнате; read-only ученик видит их, но не рисует. |
| Запуск | Кнопка «Запустить» справа над редактором. | Запускает текущий код в локальном браузерном Python runtime. При запуске автоматически открывается «Вывод» или «Turtle», если программа рисовала turtle-графику. |
| Сброс runtime | Кнопка «Сбросить» рядом с запуском. | Перезапускает Python runtime, если он завис, накопил состояние между запусками или закончилась память. |
| Индикатор доступа | Над редактором. | Показывает, можно ли текущему пользователю редактировать код. Для ученика без доступа кнопка запуска также недоступна. |
Вкладки комнаты: что внутри
| Вкладка | Как открыть | Что можно делать |
|---|---|---|
Задание |
Нажмите вкладку «Задание» справа. | Посмотреть условие, изменить заголовок и текст задания, сохранить обновление для всех участников. Изменение задания не удаляет код. |
Материалы |
Нажмите «Материалы». | Загрузить PDF или изображение, выбрать материал из списка, открыть предпросмотр, вставить/перетащить файл или удалить материал. |
Снимки |
Нажмите «Снимки». | Посмотреть историю снимков, удалить лишний снимок, скопировать заметки, скопировать prompt для PDF-итогов, скачать markdown или распечатать итоги. |
Файлы |
Нажмите «Файлы». | Импортировать рабочие файлы для кода, сохранить текущий код как файл, скачать или удалить файл. Файлы можно перетащить, вставить из буфера или выбрать через кнопку загрузки. |
Вывод |
Открывается после запуска кода или вручную через «Вывод». | Смотреть stdout, ошибки, запросы ввода и метрики запуска: длительность и примерный объём ресурсов. |
Turtle |
Откройте «Turtle» или запустите код с turtle-командами. | Смотреть графический результат turtle-программы. Если turtle-команд нет, будет пустое состояние. |
Ученики |
Нажмите «Ученики». | Видеть участников комнаты, статусы онлайн/редактирует, переименовывать ученика, копировать ссылку-приглашение, выдавать и отзывать право редактирования. |
Файлы и материалы
В платформе есть два разных типа загрузок: рабочие файлы для программы и учебные материалы для просмотра.
| Тип | Где загружать | Поддерживаемые форматы | Ограничения и поведение |
|---|---|---|---|
| Рабочие файлы | Комната → «Файлы» → «Загрузить файлы», drag-and-drop или вставка из буфера. | .py, .txt, .csv, .json |
До 20 MB на файл и до 20 MB суммарно на рабочие файлы комнаты. Файл .py становится источником кода main.py; повторная загрузка Python-файла заменяет текущий код. .txt, .csv, .json доступны программе как файлы в рабочей папке. |
| Материалы урока | Комната → вкладка «Материалы» → «Загрузить» или drag-and-drop. | .pdf, .png, .jpg, .jpeg, .webp, .gif |
До 20 MB на материал. PDF и изображения доступны участникам комнаты для просмотра. Ученики не могут загружать или удалять материалы. |
Важно: загрузка файла
.py заменяет текущий код редактора main.py. Если нужно сохранить текущую версию перед заменой, сначала создайте снимок урока или скачайте код.
Вкладка «Файлы» также содержит действие «Сохранить код как файл»: оно создаёт или обновляет
main.py из текущего редактора.
Если загрузка не проходит, проверьте расширение, размер и роль пользователя. Загрузка доступна учителю, а не ученику.
Ученики и доступ
Скопируйте ссылку
Нажмите «Копировать приглашение» в верхней панели комнаты или откройте «Ученики» и скопируйте ссылку там. Отправьте ссылку классу.
Ученик открывает ссылку
Если нужно, ученик вводит имя. После подключения он появляется во вкладке «Ученики».
Управляйте несколькими учениками
Во вкладке «Ученики» видны все участники. Для каждого ученика можно нажать «Выдать доступ» или «Отозвать», а также переименовать ученика.
Учитель всегда может редактировать код. Среди учеников активным редактором может быть один ученик; остальные находятся в read-only. Если к комнате подключился один ученик, CodeBoard может назначить его активным автоматически. Для группы управляйте доступом вручную во вкладке «Ученики».
Совместное редактирование синхронизируется в реальном времени. Учитель видит участников, статусы и курсоры. Если соединение нестабильно или доступ ученика отозван, интерфейс может временно перевести ученика в read-only и синхронизировать актуальную версию кода.
Запуск Python
Python выполняется в браузере через WebAssembly runtime. Это покрывает базовые учебные сценарии без установки Python на компьютер ученика.
Обычный вывод
Нажмите «Запустить». Результаты print(), возвращаемое значение последнего выражения и ошибки появятся во вкладке «Вывод».
Ввод данных
Если программа вызывает input(), вкладка «Вывод» попросит отправить строку или EOF. Максимальный размер одной строки ввода — 64 KB.
Turtle
Если код использует import turtle, графика появится во вкладке «Turtle» после запуска.
Runtime живёт в браузере. Если программа потребляет слишком много памяти, зависает или ведёт себя странно после нескольких запусков, нажмите «Сбросить».
Проверка вывода и ввода
name = input("Как тебя зовут? ")
print(f"Привет, {name}!")
for number in range(1, 4):
print("Шаг", number)Проверка Turtle
import turtle
t = turtle.Turtle()
for _ in range(4):
t.forward(100)
t.right(90)Модули Python и ограничения runtime
CodeBoard запускает Python через Pyodide. Большинство стандартных учебных задач работает без установки Python, но есть ограничения браузерной среды.
| Возможность | Как использовать | Ограничения |
|---|---|---|
| Стандартные модули | Пишите обычный import math, import random, import json и другие импорты стандартной библиотеки. |
Модули, которые зависят от локальной ОС, сетевых сокетов, GUI или системных файлов, могут не работать в браузере. |
| Pyodide-пакеты | Добавьте import в код. Runtime пытается автоматически загрузить доступные Pyodide-пакеты из импортов. |
Работают только пакеты, доступные в окружении Pyodide и доступные из браузера. Если пакет недоступен, ошибка появится во вкладке «Вывод». |
| Свои файлы | Загрузите .py, .txt, .csv или .json во вкладке «Файлы». |
Перед запуском runtime записывает рабочие файлы в текущую папку. Старые файлы, кроме main.py, очищаются и заменяются актуальным списком из комнаты. |
| Установка через pip | Отдельной кнопки установки пакетов в интерфейсе нет. | Если урок требует нестандартную библиотеку, сначала проверьте её в CodeBoard. Для неподдерживаемого пакета лучше подготовьте альтернативное задание или оформите запрос на поддержку библиотеки. |
| Turtle | Используйте import turtle и базовые команды перемещения, цвета, толщины, окружностей, точек и заливки. |
Это браузерная совместимость для учебной графики, а не полноценное desktop-окно turtle. Клавиатурные/мышиные обработчики и диалоги могут быть заглушками. |
Быстрая практическая проверка: если модуль импортируется и код запускается в CodeBoard, его можно использовать на уроке.
Если импорт падает, проверьте пакет в официальном списке
Packages built in Pyodide
для версии Pyodide 0.29.3 или подготовьте альтернативу без этой зависимости.
Снимки урока и итоги
Снимок сохраняет состояние урока: задание, код, вывод, turtle-команды и время создания. Это удобно для подведения итогов, фиксации промежуточных решений и передачи домашней работы.
Откройте «Снимки»
Перейдите во вкладку «Снимки» в правой панели комнаты.
Создайте снимок
Нажмите «Снимок» в верхней панели в момент, когда состояние кода и вывода нужно зафиксировать.
Переходите дальше или экспортируйте итоги
Кнопка «Снимок и дальше» сохраняет текущее состояние и открывает редактирование следующего задания. Во вкладке «Снимки» можно скопировать заметки, скопировать prompt для подготовки PDF-итогов, скачать markdown или открыть печать.
«Следующее задание» не берётся из отдельной очереди автоматически. После нажатия «Снимок и дальше» CodeBoard сохраняет текущий этап, открывает вкладку «Задание» в режиме редактирования и очищает черновик заголовка/условия, чтобы учитель ввёл следующий шаг урока.
FAQ
Нужно ли ученикам устанавливать Python?
Нет. Базовый Python запускается прямо в браузере. Нужен современный браузер и стабильный интернет.
Почему ученик не может загрузить файл?
Загрузка рабочих файлов и материалов доступна учителю. Ученик работает с тем, что подготовил преподаватель.
Можно ли подключить несколько учеников к одной комнате?
Да. Отправьте одну ссылку-приглашение нескольким ученикам. Во вкладке «Ученики» появится список участников, и для каждого можно управлять правом редактирования.
Можно ли дать редактирование только одному ученику?
Да. Откройте «Ученики» и отзовите доступ у тех, кто должен только смотреть. Нужному ученику нажмите «Выдать доступ».
Что делать, если ссылка ученика не открывается?
Скопируйте ссылку заново из вкладки «Ученики», убедитесь, что ученик открывает полный URL, и попросите обновить страницу.
Можно ли заменить стартовый код файлом?
Да. Загрузите файл .py во вкладке «Файлы». Он станет текущим main.py и заменит код, который уже был открыт в редакторе. Если текущий код нужно сохранить, сначала сделайте снимок урока или скачайте файл.
Какие материалы лучше прикреплять к уроку?
Для условий и теории используйте PDF. Для схем, скриншотов и иллюстраций используйте PNG, JPG, WEBP или GIF.
Как подключить модуль Python?
Напишите обычный import в коде. Стандартные модули работают как обычно, а доступные Pyodide-пакеты runtime пытается загрузить автоматически. Если пакет недоступен, ошибка будет во вкладке «Вывод».
Какие Python-пакеты точно стоит проверять заранее?
Стандартные учебные модули вроде math, random, json, statistics обычно подходят. Библиотеки с системными зависимостями, GUI, сетью, локальными процессами или неподдержанными бинарными расширениями нужно проверять заранее по официальному списку Packages built in Pyodide и пробным запуском в комнате.
Почему после нескольких запусков программа ведёт себя странно?
Runtime может сохранять состояние между запусками. Нажмите «Сбросить», чтобы перезапустить Python runtime и очистить накопленное состояние.
Проблемы и быстрые проверки
| Ситуация | Что проверить | Что отправить поддержке |
|---|---|---|
| Код не запускается | Откройте «Вывод», прочитайте текст ошибки, проверьте синтаксис, импортируемые модули и рабочие файлы. | Ссылку на комнату, текст ошибки из «Вывод», пример кода. |
| Не загружается файл | Проверьте расширение, размер до 20 MB и что загрузку выполняет учитель. | Название файла, размер, расширение, вкладку загрузки: «Файлы» или «Материалы». |
| Ученик не видит изменения | Попросите обновить страницу, проверить интернет, открыть правильную ссылку комнаты и посмотреть статус во вкладке «Ученики». | Время проблемы, имя ученика в комнате, ссылку комнаты. |
| Модуль не импортируется | Проверьте, что это стандартный модуль или доступный Pyodide-пакет. Для локальных файлов проверьте, что файл загружен во вкладке «Файлы». | Название модуля, текст ошибки импорта, код с import, ссылку на комнату. |
| Ученик не может редактировать | Откройте «Ученики» и проверьте, выдан ли этому ученику доступ. Если нет, нажмите «Выдать доступ». | Имя ученика в комнате, скриншот вкладки «Ученики», ссылку на комнату. |
| Turtle пустой | Убедитесь, что код реально выполняет turtle-команды после import turtle. |
Код программы и скриншот вкладки «Turtle». |
Канал поддержки зависит от вашей организации: используйте чат, почту или форму, которую выдали вместе с доступом к CodeBoard.
Если канала нет, обратитесь к координатору курса или администратору, который выдал учительский аккаунт.
| Минимальный шаблон обращения | Что приложить |
|---|---|
Тема: Ссылка на комнату: Кто столкнулся с проблемой: Что нажали: Что ожидали: Что произошло: Текст ошибки: |
Скриншот, текст ошибки из «Вывод», имя ученика, название файла и его размер, браузер и примерное время проблемы. |