draw Интерактивная доска

Онлайн-доска для урока Мел, который не стирается

Открыли ссылку — и рисуете: от руки, фигурами, стрелками, поверх картинки. Для геометрии есть лист в клетку, координатная плоскость и настоящие инструменты: положили линейку — карандаш идёт строго по её кромке, убрали — остался ровный чертёж. Ставить нечего, регистрироваться негде, рисунок не уходит с вашего компьютера.

draw Открыть доску Бесплатно, без регистрации arrow_forward gesture Порисовать здесь
0 Установок
∞ Размер холста
📐 Линейка и транспортир
🖐️
Мышь, палец, стилус
Доска — разбор задачи
Что дано Что найти формулу подберём вместе
touch_app Стенд

Нарисуйте — и подвиньте нарисованное

Три инструмента рисуют, четвёртый двигает. Обратите внимание на линии: они намеренно неровные, поэтому набросок выглядит наброском, а не кривым чертежом, — и его не стыдно показать классу. А главное, любую фигуру можно взять и перенести: на доске не пиксели, а объекты.

Стенд требует JavaScript. Сама доска открывается кнопкой выше и работает так же.

Здесь урезанный стенд: перо, три фигуры, четыре цвета и шестьдесят объектов. В самой доске к этому добавляются текст, картинки, стрелки с привязкой к фигурам, бесконечный холст, выгрузка в PNG и SVG — и панель «Учителю»: лист в клетку, координатная плоскость, линейка, транспортир, угольники, точные фигуры по числам и измерение длин и углов.

auto_awesome Возможности

Что умеет доска

✏️

Рисование от руки

Набросок, а не кривой чертёж

  • перо, ластик и лазерная указка
  • прямоугольник, овал, ромб, линия, стрелка
  • текст на холсте и подпись внутри фигуры
  • картинка с диска или из буфера обмена
🧲

Всё остаётся объектом

Двигать, а не стирать

  • стрелка прилипает к фигуре и тянется за ней
  • карандаш прилипает к кромке линейки и угольника
  • цвет, толщина и характер линии — после того, как нарисовано
  • отмена и повтор на любой шаг
🖐️

Мышь, палец, стилус

Работает на том, что есть в классе

  • интерактивная панель и проектор
  • планшет и телефон — тем же пальцем
  • бесконечный холст: место не кончается
  • тёмная тема для вечернего занятия
📐

Геометрия и лист

Панель «Учителю» — то, чего нет у обычной онлайн-доски

  • линейка и угольники ВЕДУТ карандаш: линия идёт по кромке
  • циркуль чертит дугу заданного раствора, вращаясь вокруг иглы
  • транспортир: дуга по шкале и отметка градуса
  • конструктор разлиновки: клетка, косая линейка, миллиметровка
💾

Забрать результат

Картинкой, файлом или в презентацию

  • PNG — вставить в презентацию или отправить классу
  • SVG — напечатать в любом размере без потери качества
  • файл доски — «Сохранить как…», открыть завтра и продолжить
  • библиотека фигур: свои заготовки под рукой
photo_library Как это выглядит

Не рисунок, а рабочий экран

Снимки сделаны с нашей сборки. Интерфейс русский целиком: штатный словарь редактора плюс 56 строк, которых в нём не было — виды стрелок, «Вписать всё в экран», поиск по холсту и подсказки, — их перевели мы.

Доска с разбором задачи по физике: блоки «Дано: v и t» и «Найти: S», стрелка между ними, красная обводка искомого и зелёный блок с формулой
Обычный разбор задачи. Всё нарисовано за минуту прямо на уроке: блоки, стрелки и подписи. Неровные линии — не дефект, а стиль: рисунок выглядит наброском на доске, а не неудачной попыткой начертить.
Панель «Учителю» справа, координатная плоскость с осями, транспортир, приложенный к вершине угла, и строка внизу: «Две прямые — угол между ними 35,7° и 144,3°»
Панель «Учителю»: лист в клетку и координатная плоскость, линейка, транспортир и угольники. Транспортир прикладывают к углу, как настоящий, — а точное значение снизу считает сама доска: угол, длины, периметр и площадь, в сантиметрах и клетках.
Панель свойств слева: цвет обводки, фон, толщина и стиль штриха, скруглённость краёв, прозрачность, слои и действия
Выделили фигуру — слева открылась панель. Цвет, фон, толщину, характер штриха и скруглённость краёв можно менять после того, как нарисовано, а не выбирать заранее.
Окно «Экспортировать изображение»: предварительный просмотр рисунка, переключатели фона и тёмной темы, масштаб и кнопки PNG и SVG
Забрать результат: PNG в презентацию или в чат класса, SVG на печать любого размера. Рядом — прозрачный фон, тёмная тема и масштаб до трёх крат.
lightbulb О проекте

Зачем доска, если есть настоящая

Затем же, зачем тетрадь при учебнике: настоящая стирается, а эта — нет

history

Разбор не пропадает

Всё, что разобрали у доски, обычно живёт до звонка, а потом стирается тряпкой. Здесь схема остаётся файлом: её можно выгрузить в PNG и выложить классу, открыть на следующем уроке и продолжить с того же места или показать тому, кто болел. Тот же разбор, но с продолжением.

Без установкиБез регистрацииБесплатно
draw

Рисовать быстрее, чем объяснять

Схема из трёх прямоугольников и двух стрелок объясняет устройство задачи лучше абзаца. На доске она рисуется за полминуты — а на слайде её пришлось бы готовить накануне и потом не менять по ходу урока

devices

Ничего не нужно ставить

ActivInspire и Smart Notebook требуют установки, лицензии и админа с правами. Здесь — ссылка. Она открывается на школьной панели, на домашнем ноутбуке и на планшете одинаково

lock

Рисунок остаётся у вас

Ни учётной записи, ни облака, ни «войдите через Google». Доска живёт в браузере учителя: наш сервер отдаёт файлы приложения и на этом заканчивает

memory Как устроено

Где что считается

Доска устроена так, что содержимое рисунка серверу недоступно: он отдаёт файлы приложения и на этом заканчивает.

devices

Браузер учителя

Всё здесь
  • Хранит доски и картинки — в памяти этого браузера на этом компьютере
  • Рисует холст, считает попадания указателя и перерисовку
  • Собирает файлы на выход: PNG, SVG и файл доски
  • Разбирает вставленные картинки и открытые файлы
  • Помнит вашу библиотеку фигур
dns

Наш сервер

Почти ничего
  • Отдаёт страницу и файлы приложения — один раз при открытии
  • Не хранит доски: их у него попросту нет
  • Не знает, что вы нарисовали, и не может узнать
  • Не требует и не заводит учётных записей
  • Не тянет приложение с чужих серверов — ни библиотек, ни шрифтов со стороны

Обратная сторона того же устройства: доска привязана к браузеру. Чтобы продолжить работу на другом компьютере или отдать рисунок коллеге, сохраните файл доски и откройте его там — так же, как поступают с документом. Совместного режима, когда двое рисуют на одном холсте одновременно, сейчас нет: он потребовал бы сервера-посредника, а его появление будет отдельным и заметным решением. И отдельно, чтобы не вводить в заблуждение: на странице, как на всех тренажёрах портала, стоит счётчик посещений Яндекс.Метрики — он считает визиты и время работы, но содержимое доски ему недоступно.

rocket Начать

Как провести урок у доски

1

Откройте доску на панели или проекторе

Ссылка одна и та же на любом устройстве. Разверните окно во весь экран — панели по краям маленькие, холст занимает всё остальное

2

Рисуйте по ходу объяснения, а не заранее

Прямоугольник, стрелка, подпись — этого хватает для девяти схем из десяти. Заранее готовить нечего: смысл доски в том, что она растёт вместе с рассуждением класса

3

Двигайте, а не перерисовывайте

Схема не поместилась или ветка пошла не туда — возьмите блок и перенесите, стрелка потянется за ним. Это то, чего не умеет ни мел, ни маркер

4

Сохраните и раздайте

PNG уходит в чат класса или в презентацию, SVG — на печать, файл доски — вам, чтобы открыть на следующем уроке и продолжить

menu_book Справка

Онлайн-доска для урока: что это, чем заменить привычные программы и как ею пользоваться

Что такое онлайн-доска

Онлайн-доска (её же называют виртуальной доской, интерактивной доской, белой доской или на английский манер whiteboard) — это бесконечный холст в браузере, на котором рисуют от руки, ставят фигуры, стрелки, подписи и картинки. От графического редактора она отличается тем, что рассчитана на скорость и на объяснение, а не на точность: здесь нет слоёв в фотошопном смысле, зато прямоугольник рисуется одним движением и сразу связывается стрелкой с соседним.

От программ для интерактивных панелей — ActivInspire, Smart Notebook, Elite Panaboard — она отличается тем, что ничего не нужно устанавливать. Это же и главное ограничение честно назвать сразу: у нашей доски нет флипчартов на сотню страниц, шаблонов с клетчатым фоном и распознавания рукописного текста. Есть холст, инструменты рисования и выгрузка результата.

Чем заменить Jamboard

Google Jamboard закрыт: сервис перестал работать в конце 2024 года, а вместе с ним пропала привычка «кинуть ссылку на джемборд». Учителя, которые на него опирались, ищут замену по трём признакам: открывается ссылкой, ничего не требует от школьного компьютера и не просит завести учётную запись.

Наша доска закрывает все три. Разница с Jamboard одна и существенная: у нас нет совместного режима — двое не рисуют на одном холсте одновременно. Взамен нет и обратной стороны облака: рисунок не уезжает на чужой сервер, не привязан к аккаунту и не исчезнет вместе с сервисом. Для урока «учитель рисует, класс смотрит» этого достаточно; для «класс рисует вместе» — нет, и делать вид, что достаточно, мы не будем.

Чем это отличается от Miro

Miro и подобные ему сервисы — это про командную работу: доска живёт в облаке, к ней приходят участники, у неё есть история, комментарии и права доступа. За это платят двумя вещами: регистрацией каждого участника и ограничениями бесплатного тарифа (в Miro это три доски).

Здесь другой обмен. Досок сколько угодно, регистрации нет вовсе, но и облака нет: доска лежит в вашем браузере. Для урока это чаще плюс — не нужно объяснять тридцати ученикам, как завести аккаунт, и не нужно думать, что будет с их данными.

Почему линии неровные и почему это правильно

Первое, что замечают на доске, — линии нарисованы будто от руки: они слегка дрожат, а каждая проведена дважды. Это не небрежность и не сбой, а осознанный приём, который придумали в инструменте Excalidraw, на движке которого построена наша доска.

Смысл приёма практический. Ровная линия обещает точность: если прямоугольник идеален, глаз ждёт, что и содержание выверено, — и всякая неточность в схеме читается как ошибка. Набросок ничего такого не обещает: он выглядит как мысль в процессе, к нему легко дорисовать и его не жалко переделать. Именно это нужно на уроке, где схема рождается при классе, а не показывается готовой.

Где доска работает лучше всего

Разбор задачи. «Что дано» и «что найти» двумя блоками, стрелка между ними, красным обведено то, к чему вернёмся. Схема растёт вместе с рассуждением, и её видно всему классу.

Объяснение алгоритма. Блок-схема из прямоугольников и ромбов рисуется быстрее, чем проговаривается, а неудачную ветку не нужно стирать — её можно передвинуть.

Работа поверх картинки. Вставьте скриншот, карту, схему из учебника или фотографию опыта и рисуйте прямо по ней: подписи, стрелки, обводки.

Дистанционный урок. Демонстрация экрана с доской заменяет камеру, направленную на тетрадь: видно чётко, и в конце можно отдать PNG вместо «перепишите с экрана».

Мозговой штурм и планирование. Не только с классом: планирование урока, разбор проекта, схема выступления — то же самое, но для взрослого.

Что доска не умеет

Честный список, чтобы не тратить ваше время. Нет совместного режима: одновременно на одном холсте рисует один человек. Нет облака и личного кабинета: доска привязана к браузеру, перенос — через файл. Нет распознавания рукописного текста и математических формул. Нет шторки, прожектора, таймера и кубика — той части набора ActivInspire, которая не про чертёж, а про ведение урока.

Что есть взамен: мгновенное открытие по ссылке, ноль установок, ноль учётных записей и рисунок, который остаётся на вашем компьютере.

quiz FAQ

Часто задаваемые вопросы

Нужно ли что-то устанавливать? expand_more
Нет. Доска работает в браузере: откройте ссылку — и можно рисовать. Ни программы, ни расширения, ни прав администратора на школьном компьютере не требуется.
Нужна ли регистрация? expand_more
Нет, и её негде пройти: учётных записей у доски не существует. Никаких имён, почт и паролей.
Это бесплатно? expand_more
Да, полностью и без ограничений: ни платных возможностей, ни лимита на количество досок, ни водяных знаков на выгруженных картинках.
Где хранится нарисованное и не пропадёт ли оно? expand_more
В памяти вашего браузера на этом компьютере. Доска сохраняется сама, поэтому переживает перезагрузку страницы и закрытие вкладки. Но она привязана к браузеру: очистка данных сайта или другой компьютер — и её там нет. Всё, что важно сохранить, выгружайте файлом или картинкой.
Можно ли рисовать вдвоём на одной доске? expand_more
Сейчас нет. Совместный режим требует сервера-посредника между участниками, а у доски сегодня нет бэкенда вовсе — в этом её главное свойство. Мы его рассматриваем, и если он появится, это будет заметное отдельное решение, а не тихое обновление.
Работает ли на интерактивной панели и на планшете? expand_more
Да. Доска рассчитана на мышь, палец и стилус одинаково, поэтому подходит и школьной панели, и планшету. На сенсорном экране щипком меняется масштаб, двумя пальцами двигается холст.
Чем заменить Jamboard после закрытия? expand_more
Этой доской, если вам нужно «открыть по ссылке и рисовать» без регистрации. Если нужен именно совместный режим, когда несколько человек рисуют одновременно, — нашей доски не хватит, и это стоит знать заранее.
Есть ли линейка и транспортир, как в ActivInspire? expand_more
Да, и они именно чертят, а не лежат картинкой. Положите линейку, возьмите карандаш и ведите у её кромки — линия пойдёт строго по ней, как ни дрожала бы рука; потом линейку просто убираете. Линейку можно повернуть — линия пойдёт под тем же углом. У транспортира ведение по шкале чертит дугу, а тычок ставит отметку градуса. Есть циркуль — его берут за грифель, игла стоит на месте, — и два угольника. Все размеры вводятся числом: длина линейки, радиус транспортира, катет угольника, раствор циркуля и угол поворота, потому что пальцем на панели рукояткой точное значение не выставить. Чего пока нет: шторки, прожектора, таймера и кубика — это не про чертёж, а про ведение урока.
Можно ли измерить угол или длину прямо на доске? expand_more
Да, и это надёжнее приложенного транспортира: выделите фигуру — внизу появится строка с длиной, углом к горизонтали, периметром и площадью. Выделите две прямые — покажет угол между ними. Всё в сантиметрах и клетках сразу.
Можно ли включить клетку или линовку? expand_more
Да, двумя разными способами, и разница важна. «Лист» из панели «Учителю» — часть рисунка: он попадёт в выгруженную картинку. «Сетка на экране» — бесконечная разметка для глаза, к рисунку не относится и в выгрузку не идёт, зато к ней прилипают фигуры.
А если нужна не клетка, а косая линейка для первого класса? expand_more
Есть готовая, а если нужна своя — есть конструктор разлиновки. Лист собирается из слоёв, у каждого свои шаг, сдвиг, угол, цвет, толщина и начертание: так получаются и двойная линовка, и косая с пунктиром посередине, и миллиметровка, и изометрия. Рядом предпросмотр, размер листа до A3, поле слева и оси координат.
В каком виде можно забрать рисунок? expand_more
PNG — вставить в презентацию или отправить классу. SVG — напечатать в любом размере без потери качества. Файл доски — открыть её обратно и продолжить работу.
Можно ли рисовать поверх картинки или скриншота? expand_more
Да. Картинку можно перетащить на холст или вставить из буфера обмена, а дальше рисовать прямо по ней — подписи, стрелки, обводки.
favorite Благодарности

На чьих плечах

Доска собрана из открытого кода, и это стоит назвать по имени

Excalidraw MIT

Движок холста и тот самый вид «от руки». Мы собрали свою обёртку вокруг их библиотеки: без учётных записей, без облака и без обращений к чужим серверам — всё, что нужно доске, лежит на нашем.

🖍️

Откройте доску и нарисуйте первую схему

Ссылка открывается на школьной панели, на ноутбуке и на планшете одинаково. Ставить нечего, регистрироваться негде, рисунок остаётся у вас.

rocket_launch Открыть доску open_in_new