diff --git a/frontend/teacher-guide.html b/frontend/teacher-guide.html new file mode 100644 index 0000000..0e76138 --- /dev/null +++ b/frontend/teacher-guide.html @@ -0,0 +1,1217 @@ + + + + + + Руководство для учителей — LearnSpace + + + + + + + +
+ +
+
+ +
+ + + + + +
+ + +
+
Руководство для учителей
+

Полное руководство по
LearnSpace

+

Пошаговые инструкции по всем возможностям платформы — от создания первого класса до проведения онлайн-уроков в реальном времени.

+
+ 10 глав + 60+ шагов + ~25 минут чтения + Интерактивно +
+
+ + +
+
+
+
+
Глава 1
+
Быстрый старт
+
+ Открыть +
+ +
+
1.1 Первый вход и настройка профиля
+
+
1
Откройте LearnSpace и войдите, используя email и пароль, выданные администратором.
+
2
После входа вы попадёте на Дашборд. Перейдите в раздел «Профиль» через боковое меню.
+
3
Укажите полное имя — ученики будут видеть его в классах и на уроках.
+
+
Подсказка
Аватар генерируется автоматически из инициалов. Загрузить своё фото можно в настройках профиля.
+
+ +
+
1.2 Знакомство с интерфейсом
+

Боковое меню (sidebar) — доступ ко всем модулям. Учительские разделы (Аналитика, Банк вопросов, Live-квиз, Журнал) видны только при роли «Учитель».

+
+ Ctrl + KБыстрый поиск по урокам, вопросам, файлам + ←Свернуть боковое меню (кнопка-шеврон вверху sidebar) +
+
Мобильная версия
На мобильных sidebar открывается кнопкой в нижней панели навигации.
+
+ +
+
1.3 Ваш первый класс за 5 минут
+
+
1
Перейдите в раздел «Классы» через боковое меню.
+
2
Нажмите кнопку «+» в верхнем правом углу списка классов.
+
3
Заполните название, выберите предмет, добавьте описание (необязательно). Нажмите «Создать».
+
4
Скопируйте код приглашения и отправьте ученикам.
+
+
Готово!
Ученики смогут вступить в класс, введя код на своём дашборде в кнопке «Вступить в класс».
+
+ +
+
1.4 Контрольный список готовности
+

Отметьте выполненные шаги — прогресс сохраняется автоматически.

+
+
+
Чеклист нового учителя
+
0 / 6
+
+
+
+ + + + + + +
+
+
+ +
+ +
+
+ + +
+
+
+
+
Глава 2
+
Управление классами
+
+ Классы +
+ +
+
2.1 Создание класса
+
+
1
Откройте раздел «Классы» → нажмите «+» в левой панели.
+
2
Введите название, выберите предмет из выпадающего списка, добавьте описание.
+
3
Нажмите «Создать». Класс появится в списке слева.
+
+
Подсказка
Название видят ученики — используйте понятные: 8-Б Биология или Физика 10 класс.
+
+ +
+
2.2 Приглашение учеников
+
+
1
Выберите класс из списка слева → в детальной панели найдите блок с кодом приглашения.
+
2
Нажмите на код — он автоматически скопируется в буфер обмена.
+
3
Отправьте код ученикам (мессенджер, на доске). Ученики вводят его через «Вступить в класс» на своём дашборде.
+
+
Ссылка-приглашение
Кнопка «Копировать ссылку» рядом с кодом — ученик перейдёт по ней и автоматически вступит в класс.
+
+ +
+
2.3 Просмотр состава и удаление ученика
+
+
1
Откройте класс → вкладка «Ученики». Таблица: имя, email, средний балл, дата вступления.
+
2
Для удаления — нажмите кнопку «X» справа от имени ученика и подтвердите.
+
+
Внимание
Удалённый ученик потеряет доступ к заданиям и материалам класса. Его результаты сохранятся в аналитике.
+
+ +
+
2.4 Обновление кода приглашения
+
+
1
В детальной панели класса нажмите «Обновить код».
+
2
Старый код станет недействительным, новый будет сгенерирован и скопирован.
+
+
Внимание
Все ранее отправленные ссылки и коды перестанут работать. Убедитесь, что нужные ученики уже вступили.
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 3
+
Банк вопросов
+
+ Банк вопросов +
+ +
+
3.1 Создание вопроса
+
+
1
Нажмите «Создать вопрос» в правом верхнем углу страницы.
+
2
Выберите тип вопроса (см. раздел 3.2 ниже).
+
3
Введите текст вопроса. LaTeX-формулы — оборачивайте в $...$ или $$...$$.
+
4
Добавьте варианты ответов и отметьте правильные.
+
5
Укажите предмет и тему. Нажмите «Сохранить».
+
+
+ +
+
3.2 Типы вопросов
+
+
+
+ single + Один правильный ответ + Радиокнопки + +
+

Ученик выбирает один вариант из нескольких предложенных. Используйте для вопросов с однозначным ответом.

  • Минимум 2 варианта, один правильный
  • Можно добавить изображение к вопросу
+
+
+
+ multiple + Несколько правильных ответов + Чекбоксы + +
+

Ученик отмечает все правильные варианты. Частичное попадание засчитывается пропорционально.

  • Минимум 2 правильных варианта
  • Балл = доля правильно отмеченных
+
+
+
+ text + Свободный текстовый ответ + Поле ввода + +
+

Ученик вводит текст. Проверяется точное совпадение (регистр не учитывается).

  • Укажите эталонный ответ и допустимые синонимы через запятую
+
+
+
+ number + Числовой ответ + С погрешностью + +
+

Ученик вводит число. Вы задаёте правильный ответ и допустимую погрешность.

  • Пример: ответ 9.8, погрешность ±0.1 — принимает 9.7–9.9
+
+
+
+ order + Расположи в порядке + Drag & Drop + +
+

Ученик перетаскивает элементы в правильном порядке (хронология, последовательность реакций и т.д.).

+
+
+
+ match + Сопоставление + Два столбца + +
+

Ученик соединяет элементы левого столбца с правым. Идеально для терминов и определений, органов и функций.

+
+
+
Совет
Комбинируйте разные типы в одном тесте — это даёт более объективную оценку знаний.
+
+ +
+
3.3 Дублирование и импорт CSV
+

Дублировать — нажмите кнопку копирования рядом с вопросом. Откроется редактор с копией — измените текст или варианты и сохраните.

+
+

Импорт из CSV:

+
+
1
Подготовьте CSV в кодировке UTF-8, разделитель — точка с запятой ;. Формат: тип;вопрос;варианты;ответ;предмет;тема
+
2
Нажмите «Импорт CSV» в шапке страницы, выберите файл.
+
3
Система покажет превью. Подтвердите импорт.
+
+
Внимание
Обязательно UTF-8, иначе кириллица отобразится некорректно. При ошибке используйте Excel «Сохранить как → CSV UTF-8».
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 4
+
Задания и тесты
+
+ Классы +
+ +
+
4.1 Создание задания
+
+
1
Перейдите в «Классы» → выберите класс → вкладка «Задания».
+
2
Нажмите «Создать задание», введите название.
+
3
Добавьте вопросы из банка — используйте поиск и фильтры по предмету/теме.
+
4
Настройте параметры (дедлайн, время, попытки) → нажмите «Опубликовать».
+
+
+ +
+
4.2 Параметры задания
+
+
—
Дедлайн — дата и время, после которых задание нельзя начать. Оставьте пустым для бессрочного задания.
+
—
Время на прохождение — лимит в минутах. Таймер начинается при открытии теста учеником.
+
—
Количество попыток — сколько раз ученик может пройти тест. По умолчанию — 1.
+
+
Рекомендация
Для домашних работ — 2–3 попытки без ограничения времени. Для контрольных — 1 попытка с таймером.
+
+ +
+
4.3 Результаты и статистика
+

Откройте задание из вкладки «Задания» → таблица: ученик, балл (%), дата сдачи, номер попытки.

+

Нажмите на ученика для детализации — ответы по каждому вопросу, время выполнения.

+
Статистика по вопросам
Процент правильных ответов по каждому вопросу. Вопросы с низким процентом подсвечены красным — они требуют дополнительного объяснения на уроке.
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 5
+
Онлайн-урок
+
+ Онлайн-урок +
+ +
+
5.1 Запуск и завершение урока
+
+
1
Перейдите в «Онлайн-урок» → нажмите «Начать урок».
+
2
Выберите класс. Урок запущен — ученики из класса получат уведомление и смогут присоединиться.
+
3
Для завершения — красная кнопка «Завершить урок» в шапке. Урок сохранится в архиве.
+
+
Архив уроков
Все прошедшие уроки с доской, чатом и посещаемостью доступны в разделе «Архив уроков».
+
+ +
+
5.2 Инструменты доски
+
+
Карандаш
Свободное рисование
+
Маркер
Полупрозрачное выделение
+
Лазер
Указка, не сохраняется
+
Ластик
Стирает штрихи
+
Фигуры (11)
Прямоугольник, круг, стрелка и др.
+
Коннектор
Линия между объектами
+
Стикер
Цветная заметка
+
Текст
Текстовый блок
+
Изображение
Загрузка картинки
+
Формула LaTeX
Математические формулы
+
Таблица
Интерактивная таблица
+
Координатная ось
Система с графиками
+
Числовая прямая
Прямая с делениями
+
Циркуль
Дуги и окружности
+
+
+ Ctrl+ZОтменить + Ctrl+YПовторить + Ctrl+C / Ctrl+VКопировать / Вставить объект + DelУдалить выделенный объект + Ctrl+AВыделить всё на странице +
+
+ +
+
5.3 Страницы, шаблоны и экспорт
+
+
1
Нажмите «+» в панели миниатюр слева → выберите шаблон: Пустая, Клетка, Линейка, Точки, Координатная плоскость.
+
2
Переключайтесь между страницами кликом по миниатюре. Ученики видят текущую страницу учителя в реальном времени.
+
3
Экспорт в PNG — кнопка с иконкой загрузки в шапке. Текущая страница сохраняется как изображение.
+
+
Подготовка заранее
Создайте несколько страниц с нужными шаблонами до начала урока — это сэкономит время во время объяснения.
+
+ +
+
5.4 Zoom, Pan и темы доски
+
+ Колесо мышиZoom in / out к курсору + Ctrl+0Сбросить масштаб + Space + dragПрокрутка (pan) доски +
+

При zoom > 1 в правом нижнем углу появляется минимап — кликните или перетащите для навигации по доске.

+

Темы доски (переключение через меню настроек): Chalkboard (зелёная меловая), Blackboard (чёрная), Corkboard (пробковая), Whiteboard (белая маркерная).

+
+ +
+
5.5 Чат, видеосвязь и управление учениками
+

Чат — правая панель, сообщения в реальном времени. Ученики видят сообщения учителя и других учеников.

+
+
—
Видеосвязь (WebRTC) — нажмите кнопку камеры/микрофона в шапке. Браузер запросит разрешение при первом включении.
+
—
Поднятая рука — уведомление в шапке при поднятии руки учеником. Нажмите для ответа.
+
—
Разрешить рисование — в списке участников переключите тогл рядом с именем ученика.
+
+
Видеосвязь
Требует разрешения браузера на камеру и микрофон. Для стабильной связи за NAT рекомендуется использование TURN-сервера.
+
+ +
+
5.6 Гостевая ссылка и Live-квиз
+

Гостевая ссылка — нажмите «Гостевая ссылка» в шапке урока. Любой человек по ссылке увидит доску в режиме просмотра без регистрации. Удобно для открытых вебинаров.

+
+

Live-квиз во время урока:

+
+
1
Нажмите кнопку «Live-квиз» в шапке урока.
+
2
Выберите вопросы из банка, настройте время на вопрос.
+
3
Запустите — ученики увидят вопросы на своих экранах. Результаты отображаются в реальном времени.
+
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 6
+
Библиотека материалов
+
+ Библиотека +
+ +
+
6.1 Загрузка файлов
+
+
1
Нажмите «Загрузить» в шапке страницы.
+
2
Выберите файл(ы). Поддерживаются: PDF, DOCX, PPTX, изображения, видео.
+
3
Опционально выберите класс(ы) для предоставления доступа прямо при загрузке.
+
+
+ +
+
6.2 Папки и управление доступом
+
+
1
Новая папка — нажмите «Новая папка», введите название. Перетаскивайте файлы в папки.
+
2
Доступ по классу — нажмите на файл/папку → «Доступ» → выберите классы.
+
+
Приватность
Файлы без назначенного класса видны только вам. Ученики видят только те материалы, к которым им выдан доступ.
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 7
+
Редактор уроков
+
+ Мои уроки +
+ +
+
7.1 Создание урока
+
+
1
Перейдите в «Мои уроки» → нажмите «Создать урок».
+
2
Введите название, выберите предмет и тему.
+
3
Добавляйте блоки контента кнопкой «+» между блоками.
+
4
Нажмите «Опубликовать» → выберите класс(ы). Урок появится в «Теории» у учеников.
+
+
+ +
+
7.2 Типы блоков
+
+
ТекстПараграф

Форматированный текст с поддержкой жирного, курсива, подчёркивания. Оптимально для основного содержания урока.

+
H2/H3Заголовок

Структурные заголовки второго и третьего уровня. Используйте для разделения темы на подтемы.

+
ИзображениеКартинка

Загрузка файла или вставка URL. Поддерживаются JPG, PNG, GIF, SVG. Подпись необязательна.

+
ВидеоВидео

Вставка YouTube/Vimeo по URL или загрузка видеофайла. Поддерживает embed с плеером.

+
LaTeXФормула

Блок формулы с live-превью через KaTeX. Введите LaTeX-код — формула отобразится в реальном времени.

+
ТестВстроенный тест

Встроенный мини-тест из банка вопросов прямо в теле урока. Ученик проходит его не выходя из урока.

+
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 8
+
Аналитика
+
+ Аналитика +
+ +
+
8.1 Дашборд аналитики
+
+
1
Перейдите в «Аналитика» → выберите класс из выпадающего списка в шапке.
+
2
Сводные карточки: средний балл, количество учеников, выполненных заданий, активность за неделю.
+
3
Графики успеваемости по времени и распределение оценок по диапазонам.
+
+
+ +
+
8.2 Профиль ученика и слабые темы
+

Нажмите на имя ученика в таблице — откроется детализация: результаты по каждому заданию, динамика прогресса, слабые темы.

+
Слабые темы
Система автоматически выделяет темы с наименьшим процентом правильных ответов. Создайте дополнительное задание по ним или уделите время на объяснение.
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 9
+
Журнал оценок
+
+ Журнал +
+ +
+
9.1 Чтение таблицы и экспорт
+

Перейдите в «Журнал» → выберите класс. Строки — ученики, столбцы — задания.

+

Цветовая кодировка ячеек:

+
+
✓
Зелёный — выше 70%. Отличный результат.
+
~
Жёлтый — 40–70%. Удовлетворительно, требует внимания.
+
!
Розовый — ниже 40%. Тема не усвоена.
+
+
+
→
Экспорт CSV — нажмите кнопку в шапке журнала. Откройте в Excel или Google Sheets для дальнейшей обработки.
+
+
+ +
+ + +
+
+ + +
+
+
+
+
Глава 10
+
Live-квиз
+
+ Live-квиз +
+ +
+
10.1 Создание и запуск сессии
+
+
1
Перейдите в «Live-квиз» → нажмите «Создать сессию».
+
2
Выберите вопросы из банка, настройте время на вопрос (по умолчанию 30 сек.).
+
3
Нажмите «Запустить». Ученики, находящиеся в классе, автоматически подключатся.
+
+
+ +
+
10.2 Управление в реальном времени
+

На экране — текущий вопрос и таймер. Счётчик ответивших учеников обновляется в реальном времени.

+
+
→
Переходите к следующему вопросу вручную (кнопка «Далее») или автоматически по истечении времени.
+
→
После каждого вопроса — мгновенная статистика: сколько % ответили правильно, распределение ответов.
+
→
После завершения — таблица лидеров и полная статистика по всем вопросам.
+
+
Поздравляем!
Вы прошли всё руководство. Теперь вы знаете все возможности LearnSpace. Удачных уроков!
+
+ +
+ + +
+
+ +
+
+
+
+ + + + + + + + + diff --git a/js/sidebar.js b/js/sidebar.js index 00872ee..f7334f6 100644 --- a/js/sidebar.js +++ b/js/sidebar.js @@ -49,6 +49,7 @@ ${L('/dashboard', 'home', 'Дашборд')} ${L('/sitemap', 'map', 'Путеводитель')} + ${L('/teacher-guide', 'book-marked', 'Руководство', { cls: 'sb-teacher-only', hidden: !isTch })} ${L('/board', 'layout-dashboard', 'Доска', { id: 'btn-board', hidden: true })} ${L('/classes', 'graduation-cap', 'Классы', { id: 'btn-classes', hidden: !isTch })} ${L('/library', 'book-open', 'Библиотека')}