Нейросети уже вошли в повседневную практику учителей и репетиторов: от создания картинок до подготовки содержимого уроков. Это значит, CHATTERN должен поспевать за развитием и предоставлять возможность использовать результаты работы нейросетей на онлайн-доске.
При этом у нас есть пользователи, которые не ограничены в выборе нейросетей (например, репетиторы). А есть преподаватели школ, которые должны использовать только отечественные решения.
Поэтому мы придумали решение, которое даёт вам свободу использовать любую текстовую нейросеть. DeepSeek — пожалуйста. ChatGPT — тоже можно. Вынуждены использовать Алису или GigaChat — тоже работает. Лишь бы нейросеть умела писать текст.
То, что описано в этой статье, можно посмотреть на вебинаре.
Как работать с нейросетями на доске Chattern?
Небольшое отступление, чтобы вы поняли принцип работы. Разница между растровыми и векторными изображениями (очень коротко)
Вы все работаете с картинками: JPG, PNG. Они состоят из маленьких точек — пикселей. Увеличиваете такую картинку — появляются квадратики, качество падает. Это растровые изображения.
А существуют ещё векторные изображения — SVG. Внутри такого файла нет готовой картинки. Там лежит инструкция, как рисовать эту картинку: линии, круги и даже текст. Компьютер читает инструкцию и рисует запрограммированную картинку.
И написаны эти инструкции просто текстом. То есть внутри SVG-файла, какая бы сложная картинка там ни была заложена, находится обычный текст.
А кто у нас прекрасно работает с текстом? Правильно, текстовые нейросети! Мы подумали: любая текстовая нейросеть может написать в SVG-формате что угодно, в том числе и содержимое урока.
И мы внедрили возможность загружать SVG-файлы прямо на доску CHATTERN. Подготовить урок (и не только) вы можете в любой нейросети — попросите её сделать это в SVG-формате, а потом загрузите на доску.
Но самое крутое не в этом. Самое крутое — когда вы загружаете SVG-файл в CHATTERN правильным способом, он не становится просто картинкой. Он распадается на части:
- Текст становится текстом — его можно править.
- Фигуры становятся фигурами — их можно перекрасить.
Всё можно двигать, менять, разбирать. То есть вы получаете не готовую картинку от нейросети, а конструктор урока, который вы можете доделать под себя.
Теперь по шагам рассмотрим механику применения нейросетей на доске.
Шаг 1 – Задание контекста
Нейросеть не знает, кто вы и какая у вас задача. Кроме того, на момент написания статьи только ChatGPT умеет работать и с картинками, и с текстом. Поэтому если вы просто попросите нейросеть нарисовать что-либо (например, параболу), она скажет: «Я не умею рисовать, я текстовая нейросеть».
Поэтому взаимодействие с любой нейросетью, любой новый диалог надо начинать с задания контекста! Первое сообщение в новом диалоге — самое важное. Нейросеть запоминает его и дальше в этом разговоре опирается на него.
Что обязательно написать в начале:
- Кто вы — учитель, репетитор, какой предмет.
- Что вам нужно — урок, задание, схема, игра.
- Самую главную фразу: «SVG — это текстовый файл». Когда нейросеть слышит это, она перестаёт говорить «я не умею рисовать». Она понимает: от неё не требуют картинку, от неё требуют текст. А текст она писать умеет.
Вот пример хорошего первого запроса (промпта):
«Я учитель математики. Готовлю урок по квадратным уравнениям. SVG — это текстовый файл. Напиши мне содержимое урока в формате SVG».
Важно: этот контекст работает только в рамках одного диалога (одной ветки). Если вы откроете новый чат — нейросеть всё забудет. Придётся написать всё заново. Это нормально, так устроены все нейросети.
Запомните: потратили 30 секунд на контекст в начале — получили правильный результат без переделок. Не написали контекст — нейросеть будет гадать, а вы будете ругаться, что она глупая.
Шаг 2 – Сохранение результата в файл SVG
После того как нейросеть выдала вам результат в виде кода, его необходимо сохранить как SVG-файл.
DeepSeek даёт возможность сразу скачать результат файлом.
В других нейросетях надо скопировать результат, перенести в текстовый редактор (например, Блокнот в Windows) и сохранить файл с расширением .svg.
Важно: обязательно убедитесь, что имя вашего файла заканчивается на .svg, а не на .txt.
Важно: не копируйте предисловие, которое может выдать ИИ. Внутренности вашего SVG-файла должны обязательно начинаться с открывающего тега <svg>, а заканчиваться </svg>. То есть из ответа, выданного ИИ, надо скопировать от <svg> до </svg> включительно.
Шаг 3 – Загрузка SVG на доску
- Зайдите на доску CHATTERN.
- Нажмите на меню «Папка» в левом верхнем углу доски.
- Выберите «Импортировать объекты из файла SVG».
- Найдите ваш файл и загрузите его.
- Разгруппируйте объекты, чтобы каждый можно было редактировать и передвигать по доске отдельно.
Самая прелесть: после такого импорта объекты SVG становятся объектами доски Chattern. Их можно редактировать и править по своему усмотрению.
Шаг 4 – Сохранение урока на будущее
Вряд ли вы будете готовить урок прямо перед учеником. Всё-таки вы все профессионалы и готовитесь к урокам заранее. Поэтому после того как вы сделали урок, вам его надо сохранить для будущего использования.
Для этого:
- Нажмите на меню «Папка» в левом верхнем углу доски.
- Выберите «Сохранить доску в формате chtrn».
После этого файл доски можно использовать на будущих уроках и не один раз. У вас навсегда есть готовый урок по теме.
Один пример: пингвин для урока английского
Допустим, вы учитель английского и вам нужен игровой урок по теме «Зима». Вы открываете нейросеть, сначала задаёте контекст (кто вы, и говорите, что «SVG — это текстовый файл»).
Первый запрос (промпт):
«Нарисуй схематично пингвина в детском мультяшном стиле, используя только три цвета: #2799b1, белый и чёрный, в формате SVG».
Второй запрос (промпт):
«Сделай мне урок по английскому языку по теме "зима". Нарисуй 10 таких пингвинов, чтобы в крыльях они держали слова, связанные с зимой: snow, ice, icicle, snowbank и т.д. Всё это в SVG-формате».
Нейросеть выдаёт код. Вы сохраняете его как SVG-файл, загружаете на доску через «Импорт» и получаете:
- 10 пингвинов, которых можно двигать по одному.
- Каждое слово — отдельный текстовый объект (ошибку можно исправить прямо на доске).
- Возможность добавить русский перевод слов и сделать игру — «перенеси пингвина к правильному русскому слову».
Урок готов за 5 минут!
Выгода
Свобода выбора: вы не привязаны к одной нейросети. Работаете с тем, к чему привыкли. И всё, что генерирует нейросеть, становится редактируемыми объектами доски.
Никакой возни с перерисовыванием: если нейросеть ошиблась, вы правите прямо на доске.
Уроки готовятся за минуты, а не за часы.
Попробовать можно бесплатно и без регистрации
Откройте chattern.ru/duo. Зайдите в любую текстовую нейросеть, задайте контекст и попросите что-то простое. Сохраните и импортируйте через меню SVG.
Удачных уроков с Chattern!