Как создать диалоговый тренажер для электронного курса

Вводная часть

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

Добавьте кнопку перехода к началу диалога. Важно, чтобы пользователь сам запустил диалог, когда изучит все условия и будет готов.

Важно: в диалоге с клиентом первую реплику обычно произносит продавец, он — инициатор беседы. Учитывайте это при создании тренажера.

Code basics

Code Basics — бесплатная автоматизированная платформа для изучения основ программирования, дочерний проект Hexlet с открытым исходным кодом.

Здесь вы найдете краткосрочные (8–24 часа) курсы по Python и JavaScript, HTML и CSS, Ruby и Racket, а также Elixir, Java, PHP. Акцент — на основы синтаксиса. 

Обучение идет небольшими итерациями: сначала теория на 1–2 тысячи знаков, потом практика в редакторе кода. Сразу же можно сравнить свое решение с решением преподавателя.

Тут нет преподавателей и менторов, но в «Обсуждениях» можно задать вопрос, уточнить условие задания — на помощь придет поддержка или другие пользователи Code Basics.

Codeacademy

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

В каталоге большой выбор программ: HTML & CSS, Python, JavaScript и Java, SQL, Ruby, C , R и не только. Еще есть большие карьерные программы вроде Computer Science или Data Analyst.

Базовые курсы, например, по HTML и JavaScript, доступны бесплатно, после регистрации и авторизации. Чтобы получить доступ к PRO-программам, реальным проектам, взаимной поддержке и получению сертификатов, нужно приобретать подписку от 15 $ в месяц.

Процесс обучения в CodeAcademy

Codebra

Codebra — практические онлайн-курсы по HTML и CSS, JavaScript, PHP, C , Python, Git, Bootstrap, jQuery.

Больше всего уроков по HTML и CSS (187) и JS (44) — по остальным языкам и технологиям их до 10. Поэтому ресурс больше подойдет все-таки начинающим веб-разработчикам.

Часть контента доступна бесплатно, за другую придется заплатить. Подписка стоит чисто символически: 96 рублей в месяц, 300 рублей за полгода или 720 рублей навсегда.

Пройти что-то на пробу можно даже без регистрации и авторизации.

Datacamp

Datacamp — интерактивное онлайн-обучение работе с данными. Проект хвастается аудиторией в 6 млн, включая сотрудников Uber, PayPal, Google и других известных компаний.

Формат: короткие видеоуроки практические упражнения тестирование. Есть как маленькие курсы, так и треки — для освоения целых профессий. В каталоге программы по Python, R, Excel, SQL, Tableau, Oracle, Power BI и не только. Помимо самостоятельного обучения, можно общаться с сообществом.

Вводные части курсов доступны бесплатно. А платный тариф открывает 350 курсов, десятки career и skill tracks, снимает ограничения на решение практических задач. Подписка стоит от 12 $ в месяц.

Из вводного курса по программированию R на Datacamp

Dataquest

DataQuest — еще одна образовательная платформа, специализирующаяся на работе с данными (что неудивительно, не зря говорят, что данные — вторая нефть). На главной странице уверяют, что в среднем специалисты, которые сертифицировались на DataQuest, в течение года повышают зарплату на 30 000 $.

В каталоге курсы по SQL, Python и R. Есть программы по основам языков, анализу и визуализации данных, очистке и парсингу, вероятностям и статистике, машинному обучению.

Бесплатному аккаунту, несмотря на бесплатность, доступны сотни уроков. Чтобы разблокировать весь контент и функционал платформы, нужно будет платить 24,5 $ в месяц. А просто попробовать учиться можно после регистрации/авторизации и прохождения небольшого опроса.

Это начало курса для новичков Programming in Python

Edabit

Edabit — обучение, построенное на решении небольших задач и игрофикации. 

Пока что есть учебники только по двум языкам программирования: JavaScript и Python. Но задачи (челленджи) есть и по C , и по Java, и по PHP. Всего их почти 12 000.

Авторы называют свой проект «Duolingo для изучения кода» и стараются помочь начинающим программистам, которые часто застревают между запоминанием синтаксиса и пониманием логики.

Проект некоммерческий, подписку покупать не надо.

Фрагмент урока из онлайн-учебника по Python от Edabit

Удачи и успехов в изучении программирования! А для обучения интернет-маркетингу — SEO, PPC, SMM, таргету, веб-аналитике, арбитражу трафика — приглашаем в CyberMarketing. Читайте статьи, смотрите вебинары, проходите видеокурсы — и диджитал не будет казаться rocket science!

Freecodecamp

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

В каталоге 7 000 учебных пособий по адаптивному веб-дизайну, алгоритмам и структурам данных JavaScript, визуализации данных, машинному обучению и не только. Авторы отмечают, что их ресурс — проверенный путь к трудоустройству в качестве разработчика, и уже 400 000 человек получили свою первую работу после обучения.

Можно практиковаться даже без регистрации и авторизации. Проект некоммерческий, то есть учиться программированию можно бесплатно.

Выполнение урока на freecodecamp.org/learn/data-visualization/

Hexlet

Hexlet — уже основной образовательный проект, где, в отличие от Code Basics, можно гораздо глубже научиться программированию, пройти весь путь от новичка до первого трудоустройства.

Есть как короткие курсы по JavaScript, PHP, Java, SQL, Ruby, Python, HTML и CSS, так и большие программы — профессии: «Фронтенд-разработчик», «Верстальщик», «PHP-разработчик» и другие.

Каждый урок Hexlet включает теорию в виде текста или видео, тест для проверки понимания и усвоения темы, а также упражнение в реальной среде разработки — «настоящей машине с базами данных, фреймворками, серверами и другими инструментами».

Чтобы получить доступ ко всем интерактивным курсам, нужно будет приобрести подписку от 3 900 руб. в месяц. Покупка более дорогих тарифов дает дополнительные услуги, например, код-ревью, поддержку наставника и помощь в трудоустройстве. Впрочем, в каталоге есть и бесплатные курсы: «Введение в программирование», «Логика», «Основы командной строки» и другие.

Так выглядит среда разработки Hexlet для решения практических задач по программированию

Html academy

HTML Academy — интерактивные онлайн-курсы для тех, кто хочет создавать современные веб-интерфейсы, начать карьеру в IT, получать новые знания и навыки и становиться востребованным специалистом.

Основатели выбрали одно направление — фронтенд — и разработали тренажеры по HTML, CSS, JavaScript и PHP, поскольку с самого начала решили учить работе с живым кодом, практике на реальных проектах. Как и Hexlet, в HTML Academy также есть профессиональные программы с наставниками — «Фронтенд-разработчик», «React-разработчик», «Бэкэнд-разработчик», «Фулстек-разработчик».

Первые восемь частей заданий в тренажерах доступны бесплатно, но чтобы открыть полный доступ (к 1 375 заданий и испытаний), нужна подписка. Можно купить ее на три месяца (за 1 770 руб.), год (за 4 590 руб.) или навсегда — разовым платежом в 18 990 руб. (Большие профессии, конечно, туда не входят, каждая такая программа стоит от 100 000 руб.).

Кстати, чтобы попробовать тренажеры, даже не обязательно регистрироваться.

Начало работы с тренажером HTML Academy

Interactive tutorials

Interactive Tutorials — целая экосистема интерактивных учебников по программированию. Есть обучающие сайты по Python, JS, C и еще 10 популярным языкам.

Идея: научиться программировать с помощью коротких и эффективных упражнений прямо в браузере. Чтобы сосредоточиться на обучении, а не на возне со средами разработки.

Проект бесплатный и с открытым исходным кодом. Чтобы попробовать, даже не нужна регистрация.

Такой вот минималистичный дизайн у сайтов Interactive Tutorials, проекта Рона Рейтера, старшего директора по инжинирингу в Oracle

Itvdn

ITVDN (IT Video Developers Network) — образовательный ресурс для IT-специалистов. Здесь есть разные форматы обучения: видеокурсы, занятия с тренером и интерактивный практикум. Есть тренажеры по C#, Java, Python, HTML и CSS, SQL, JavaScript, C .

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

Первый блок с заданиями доступен бесплатно и без регистрации. Чтобы получить полный доступ, нужна подписка. Она стоит от 9,99 $ в месяц. Тариф включает не только практикум, но и видеокурсы, тесты.

Начало работы с интерактивным практикумом ITVDN

Javarush

JavaRush — образовательный проект, который полностью посвящен изучению Java-программирования с нуля. Работает с 2023 года.

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

Еще тут есть мгновенная автоматическая проверка задач, подсказки и рекомендации к решениям, крупнейшее комьюнити и геймификация. Но доступ ко всем квестам, а также такие фишки, как непрерывное обучение, бонусные задачи или детальная информация о проверке, доступны только после подписки. Та в свою очередь стоит от 1 800 руб. в месяц.

Начать знакомство с языком программирования Java можно после прохождения небольшого опроса и регистрации по e-mail или социальные аккаунты.

Первое задание в курсе JavaRush

Pythontutor

PythonTutor — еще один специализированный онлайн-курс по изучению языка программирования без необходимости установки всякого ПО на компьютер или переключения между множеством вкладок в браузере.

В программе больше сотни задач разной сложности, по которым еще есть несколько вариантов решений. Сообщение об ошибках отладчик PythonTutor заботливо переведет на русский язык, чтобы было понятно самым новичкам, только входящим в IT.

Обучение на ПитонТьютор бесплатное. Призыв учиться сильный: «Проведём вас за руку через основные функции языка, закрепим теорию сотнями задач и пересадим вам мозг программиста».

Так выглядит интерактивный учебник от проекта ПитонТьютор

Scrimba

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

Особенность интерактивного обучения: необычное сочетание скринкаста и редактора кода в браузере — похоже на то, как преподаватель сидит рядом со студентом и показывает все на экране. Еще в качестве преимуществ авторы проекта называют первоклассных преподавателей и помощь/поддержку в чате Discord с 1 000 участниками.

В каталоге 60 курсов: Figma, JavaScript, Markdown, HTML, CSS, React и другие. Вводные курсы (30 штук) доступны бесплатно. Подписка с полным доступом будет стоить около 1 000 рублей в месяц.

Обучающий скринкаст совмещен с редактором кода — такой вот уникальный интерактивный формат в Scrimba

Sql academy

SQL Academy — онлайн-тренажер с упражнениями по SQL, языком для работы с базами данных. 

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

50 упражнений доступны бесплатно, а чтобы открыть все возможности проекта, нужно будет за 700 рублей купить премиум-аккаунт. Подписка действует не месяц, как это обычно бывает, а целых полгода. (Стоит не особо дороже предыдущего инструмента, но здесь гораздо более приятные дизайн и функциональность.)

Это выполнение практического задания по базовому синтаксису SQL-запроса после изучения теории в учебнике SQL Academy.

Stepik

Stepik — образовательная платформа и конструктор онлайн-курсов. Миссия проекта — сделать образование открытым и удобным.

В каталоге 700 программ от преподавателей, образовательных организаций и компаний: Excel, Golang, основы статистики, автоматизация тестирования, анализ данных в R и многое другое (например, мобильный маркетинг, русская орфография, психология подростков).

Помимо стандартных курсов с видеозаписями и тестами, есть тренажеры, где в специальном блоке можно писать и запускать код. Их можно найти среди программ по SQL, Python, HTML5 и CSS3. Возможно, интерактивная платформа не такая удобная и красивая, как у конкурентов, зато здесь много бесплатного или недорогого.

Еще на Stepik есть курсы, где учиться можно без денег, а платить — если только нужна сертификация, а также комплексные программы-профессии как у Hexlet или Skillbox. Например, 15-недельный «Математика для Data Science» стоит от 13 500 до 60 000 рублей. Чем больше дополнительных опций (встречи с преподавателями, сложные задачи для глубокого погружения), тем дороже тариф.

Так выглядит один из уроков адаптивного тренажера по Python на Stepik

Геймификация

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

Геймификация в диалоговом тренажере — это баллы за правильные ответы, разные персонажи и локации, разветвленный сюжет. Все это больше вовлекает в обучение.

Как в iSpring Suite назначить баллы за выбор верного варианта и оштрафовать при ошибке, подробно рассказано в видеоуроке:

Дополнительный материал по теме

Теперь вы знаете, как сделать полезный диалоговый тренажер. В следующем уроке мы расскажем о том, как создать тест для электронного курса.

Если вам понравилась статья, дайте нам знать — нажмите кнопку Поделиться.

А если у вас есть идеи как можно улучшить текст — расскажите нам. Мы будем рады доработать материал!

← Предыдущий урок         Следующий урок →

Обратная связь

Без обратной связи диалоговый тренажер — забавная интерактивная игрушка, а с обратной связью — серьезный образовательный продукт.

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

Чтобы сотрудник все же видел правильной ли дорогой идет, добавьте в тренажер эмоциональную шкалу. Тогда персонаж станет сердиться всякий раз при неверном ответе.

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

Реплики пользователя

Выбор вариантов ответа — ключевой момент в тренажере. От этого зависит развитие сюжета и развязка. Во время работы учитывайте четыре правила:

1. Оптимальное число ответов — три: один верный («ключ») и два неверных («дистракторы»).
2. Варианты не должны сильно различаться по длине, степени детализации и аргументированности. Правильный ответ не должен быть очевиден.
3. Замудрённый «ключ» на фоне простых «дистракторов» — это плохо. На него сразу кликнут, ведь люди склонны выбирать более «умные» ответы.
4. Избегайте слишком неформальных, шуточных фраз – их сразу определят как неверные. Дистрактор должен быть правдоподобным.

Реплики собеседника

Персонажи вашего диалога — не файлы .png, не декорации и не учебные образцы. Это люди. Они не должны всегда быть радостными, говорить учтиво и безупречно грамотно. По возможности реплики должны отражать мнения, эмоциональные состояния, предрассудки, страхи и стремления героев.

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

Чтобы усилить реализм, вставьте фотографии сотрудников вашей компании или запишите короткие видеоролики с реальными людьми, озвучьте реплики голосом. Как это сделать в iSpring Suite, смотрите здесь:

Шаг 1. решите, нужен ли диалоговый тренажер

Зачем вы хотите создать тренажер? «Для разнообразия» — плохой ответ.

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

Если цель курса – ознакомить с регламентом, ввести в должность, замотивировать на работу, тренажер лишний. Достаточно добавить в курс персонажа с репликами-подсказками или вопросами.

Но если вы хотите, к примеру, научить нового продавца грамотно презентовать продукт, диалоговый тренажер поможет достичь цели.

Шаг 2. подготовьте структуру и скрипт

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

Ментальные карты я создаю в XMind.

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

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

При работе над диалогом сперва я полностью прорабатываю идеальную ветку – как правильно. Затем уже смотрю, где могут быть ответвления, куда они приведут, можно ли пользователю вернуться на правильный путь и при каких условиях.

Важный момент: в начале диалога, как и в курсе, нужно рассказать о целях и задачах. Сотрудник поймет, на что обращать внимание и какой от него ждут результат.

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

Шаг 3. выберите тип диалога

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

Диалоговые тренажеры условно можно разделить на два типа:

1. Простые тренажеры помогают проверить или отработать один навык, например, алгоритм работы с возражениями. Такое упражнение можно разместить в курсе после блока теории, чтобы закрепить материал.
2. Сложные тренажеры моделируют сразу несколько навыков. Например, курс по проведению встречи с клиентом может быть одним большим тренажером, где учащийся отрабатывает разные техники: установление контакта, выявление потребностей, презентация, работа с возражениями и завершение сделки.

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

Шаг 5. протестируйте тренажер

Прежде чем назначать тренажер всем сотрудникам, отдайте его на проверку «тестеров». В нее можно включить заказчика и представителей целевой аудитории.

Внимательно отнеситесь к тому, кому отдаете диалог на проверку. Если, к примеру, вы тестируете электронный тренинг по основам деловых переговоров, то оценивать его должны новички, а не опытные сотрудники. Иначе выводы будут необъективны. Профи курс стартового уровня покажется легким, а новичок за время обучения может не раз «споткнуться».

«Тестировщики» помогут определить качество материала, устранить ошибки и сделать контент максимально полезным для сотрудников.

Яндекс.практикум

Яндекс.Практикум — сервис онлайн-образования с курсами для начинающих аналитиков данных, инженеров по тестированию, Python-разработчиков, менеджеров проектов и не только. 

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

Вводные части курсов — как правило, первые 20 уроков — бесплатные. Дальше стоимость зависит от конкретной программы. Например, полугодовой курс по дата-аналитике стоит 70 000 рублей, десятимесячный «Веб-разработчик» — 100 000 рублей, а обучение Data Science, которое длится больше года, уже 228 000 рублей.

Чтобы попробовать и решить, стоит продолжать или нет, достаточно авторизоваться через Яндекс, Google, VK или FB.

Так выглядит прохождение одного из бесплатных уроков «Аналитика данных»