Бесплатная онлайн доска для учителей: как вести урок в классе и дистанционно
Онлайн доска — это холст в браузере, на котором учитель или ученик рисует фигуры, стрелки, пишет текст и вставляет картинки, чтобы объяснить мысль. Доска VITON13 SCHOOL бесплатна, не требует регистрации и не показывает рекламу. Она построена на Excalidraw — доске с открытым исходным кодом — и работает на компьютере, планшете и телефоне.
Учителя всегда объясняли рисунком: числовая прямая на доске, стрелка от причины к следствию, быстрый набросок клетки. Интерактивная доска онлайн сохраняет эту привычку, когда урок переходит на проектор, интерактивную панель или в видеозвонок. В этом руководстве — что умеет бесплатная доска VITON13 SCHOOL и чего она не умеет, как шаг за шагом провести на ней урок, что говорят исследования о рисовании и памяти и какие идеи подойдут для разных предметов.
Главные идеи
- Доска школы полностью бесплатна: без регистрации и рекламы, открывается в любом браузере на компьютере, планшете или телефоне.
- Рисунок сохраняется автоматически, но только в этом браузере; чтобы оставить копию, выгрузите PNG, SVG или файл .excalidraw.
- Совместного рисования в реальном времени на этой странице нет: покажите экран или отправьте файл.
- Рисование лучше всего помогает запоминать и понимать, когда ученикам чётко говорят, что именно рисовать.
Что такое онлайн доска и что умеет наша
Онлайн доска — это чистый холст в браузере, который заполняют фигурами, линиями, словами и картинками, а потом в любой момент двигают, увеличивают и правят. В отличие от мела, ничего не нужно стирать, чтобы освободить место: достаточно сдвинуть холст к пустому участку и продолжить. Доска VITON13 SCHOOL построена на Excalidraw — открытом проекте под лицензией MIT, а её интерфейс доступен на русском, английском, испанском и французском.
На панели инструментов есть прямоугольник, ромб, эллипс, стрелка, линия, карандаш для рисования от руки, текст, изображение и ластик. Ещё там лазерная указка, чтобы показать, куда смотреть, и фреймы, которые выделяют часть доски в отдельную область вроде слайда. По умолчанию фигуры выглядят нарисованными от руки; цвет, толщину линии и заливку можно менять. Есть масштаб и перемещение по холсту, тёмная тема, горячие клавиши, отмена и повтор действия — ошибка стоит одного щелчка.
Куда девается работа? Доска автоматически сохраняет рисунок в этом браузере, на этом устройстве. Это удобно, но после очистки данных браузера рисунок пропадёт, а на другом компьютере эта доска не появится. Чтобы сохранить копию, выгрузите доску картинкой PNG или SVG либо сохраните файл .excalidraw и откройте его позже. И одно честное ограничение: одновременного рисования нескольких человек на одной доске на этой странице нет.
Как провести урок на онлайн доске: по шагам
До урока откройте доску и подготовьте каркас: заголовок, пустые фреймы для каждого этапа и картинки, о которых пойдёт речь. В классе подключите компьютер к проектору или интерактивной панели и нажмите кнопку полноэкранного режима — доска займёт весь экран, на который смотрят ученики.
Объясняя, стройте мысль на глазах у класса, а не показывайте готовый слайд. Каждый шаг — в свой фрейм, причины и следствия — через стрелки, рядом с фигурами — короткие подписи вместо длинных фраз. Когда нужно, чтобы все посмотрели на одну деталь, включите лазерную указку: она показывает место, не меняя рисунок.
В конце урока сохраните доску. PNG подойдёт, если ученикам нужна просто картинка для повторения, SVG — если нужно чёткое изображение для печати, файл .excalidraw — если вы вернётесь к той же доске на следующей неделе. Отправьте картинку или файл классу тем способом, которым вы обычно раздаёте домашние задания.
На дистанционном уроке начните видеозвонок и покажите экран с открытой доской: ученики видят каждую линию, пока вы её рисуете. Если рисовать должен ученик, пришлите ему файл .excalidraw — он откроет его на своём устройстве, допишет свою часть и вернёт. Так здесь и работают вместе, потому что живого совместного рисования на этой странице нет.
Почему рисование помогает учиться
Рисунок — не просто украшение. В статье 2016 года о так называемом эффекте рисования Джеффри Уэммс, Мелисса Мид и Майра Фернандес сравнивали способы запоминать слова. Нарисовать значение слова оказалось полезнее для запоминания, чем много раз переписать само слово.
Обзор Логана Фиореллы и Ричарда Майера, вышедший в том же году, описывает восемь способов поддержать генеративное обучение — такое, при котором ученик сам осмысляет материал. Рисование, составление схем и объяснение входят в число занятий, которые помогают выстроить понимание. Авторы делают важную оговорку: рисование работает лучше всего, когда ученик получает подсказку, что именно рисовать.
На практике такая подсказка — работа учителя. «Нарисуйте круговорот воды» — слишком расплывчато, а «нарисуйте три прямоугольника — испарение, конденсация, осадки — и соедините их стрелками» точно говорит, что показать. Назовите части и связи, которые надо отметить, а иногда оставьте на доске пустой шаблон и попросите его заполнить. Ни одно из исследований не проверяло именно эту доску, так что считайте их доводом рисовать, а не обещанием от какого-либо приложения.
Идеи для уроков по предметам
На математике нарисуйте числовую прямую, разделите прямоугольник на доли или постройте график и сдвиньте одну точку, чтобы показать, что меняется. На естественных науках собирайте подписанную схему — пищевую цепь или простую электрическую цепь — по одной стрелке и просите учеников назвать каждую часть, прежде чем вы её подпишете. На иностранном языке поставьте слово в центр и вырастите вокруг него карту слов: синонимы с одной стороны, антонимы с другой, примеры фраз снизу.
На истории проведите длинную горизонтальную линию, отметьте фреймами периоды и привяжите к ним события стрелками — так ученики увидят и порядок, и расстояние во времени. Для группового проекта сделайте фреймы этапами и впишите в них задачи, имена и сроки: выгруженная картинка станет планом, который останется у всех. Родители на семейном обучении могут пользоваться той же доской на планшете за кухонным столом, а ученики — повторять тему сами, перерисовывая её по памяти.
Доска работает одинаково в школьном классе, на семинаре в колледже, на лекции в университете и в онлайн-школе, а попробовать её можно бесплатно. Откройте онлайн доску для уроков VITON13 SCHOOL, включите полноэкранный режим и нарисуйте первую мысль следующего занятия.
Простыми словами
Онлайн доска для уроков — это школьная доска, которая живёт в браузере: на ней рисуют, как на стене, но её можно увеличить, отменить ошибку и унести домой целиком в виде файла.
Попробуйте сами
Откройте бесплатную онлайн доску, нарисуйте три фрейма с подписями «До», «Во время» и «После» и соедините их двумя стрелками. Затем выгрузите доску в PNG.
Ожидаемый результат
Файл-картинка с тремя подписанными фреймами, соединёнными стрелками: он сохранён на вашем устройстве и готов к отправке ученикам.
Проверьте себя: Вы нарисовали план урока на доске в школе и хотите продолжить дома на другом компьютере. Что сделать перед уходом?
Сохранить доску файлом .excalidraw и взять его с собой или отправить себе. Автосохранение остаётся в школьном браузере, поэтому другой компьютер покажет рисунок, только когда вы откроете там этот файл.
Вопросы и ответы
Онлайн доска правда бесплатная?
Да. Она ничего не стоит, не требует регистрации и не показывает рекламу. Откройте страницу в браузере и начинайте рисовать.
Могут ли ученики рисовать на одной доске со мной одновременно?
На этой странице — нет: совместной работы в реальном времени здесь нет. Покажите экран в видеозвонке или отправьте ученикам картинку либо файл .excalidraw, чтобы каждый работал со своей копией.
Перед следующим уроком откройте доску VITON13 SCHOOL, подготовьте по фрейму на каждый шаг и в конце выгрузите доску, чтобы ученики ушли с картинкой.
Источники и дальнейшее чтение
- Excalidraw: open-source virtual whiteboard (GitHub, MIT licence) ↗Источники проверены:
- Wammes, Meade & Fernandes (2016). The drawing effect: Evidence for reliable and robust memory benefits in free recall ↗Источники проверены:
- Fiorella & Mayer (2016). Eight ways to promote generative learning ↗Источники проверены: