интерактивные курсы это что такое
Как создать интерактивный онлайн-курс. Теория и практика
Цель этого руководства — помочь вам стать экспертами в области интерактивного обучения. Вы узнаете, зачем нужен интерактив в онлайн-курсах, что такое поток и кривая интереса и научитесь четырем способам создания интерактивных курсов при помощи iSpring Suite.
Не будем терять времени и перейдем сразу к делу: впереди нас ждет много интересной теории и увлекательной практики.
Что такое интерактив в онлайн-обучении?
Термин «интерактив» часто используют в связке с теорией активного обучения. Ключевая мысль теории: люди запоминают больше, когда применяют новые знания на практике, а не просто слушают и конспектируют лекции. Другими словами, лучше делать, чем смотреть.
Простейший пример интерактива — список вопросов в конце параграфа школьного учебника. Цель та же самая: помочь ребятам усвоить информацию и тут же применить в решении учебных задач.
При просмотре фильма, вы пассивный наблюдатель (поедание попкорна не в счет), но если вы играете в видеоигру, вы участвуете в происходящем
У электронных курсов есть одна важная особенность: их изучают асинхронно. Люди проходят материал не одновременно, а каждый в собственном ритме. Поэтому интерактивные заходы традиционного обучения, когда лектор обращается к аудитории: «Поднимите руку, если…» — в случае электронного обучения не работают. Курс не видит реакцию учеников, не отвечает на дополнительные вопросы и не шутит, если видит, что они заскучали.
К счастью, по мере развития технологий появились подходы и инструменты, которые помогают работать с учащимися даже в асинхронном формате. К этому мы еще вернемся, но сначала давайте поясним, почему вообще интерактив так важен для онлайн-курсов.
Польза интерактива в онлайн-обучении
Представьте, что вы уже два часа едете по шоссе. Знакомая дорога, заурядный пейзаж, взгляду не за что зацепиться. Такая ситуация таит опасность: монотонная езда снижает концентрацию водителя. Это приводит к серьезным последствиям. В фильмах ужасов, например, на дорогу неожиданно выскакивает олень.
С курсами также, хотя и не столь фатально. Монотонное перелистывание слайдов означает бесполезную трату ресурсов, повторение одних и тех же ошибок, а то и вовсе провал программы обучения.
Хорошая новость в том, что для вовлечения учеников продуманный интерактив работает одинаково эффективно. И неважно, с каким типом обучения вы имеете дело: традиционным, дистанционным или смешанным.
Монотонный пейзаж вызывает сонливость. То же самое касается обучения
Учитываем поток
Теорию потока изобрел Михаем Чиксентмихайи, американо-венгерский психолог. Поток — это особое эмоциональное состояние человека во время работы. Когда мы «в потоке», концентрация максимальна. Мы настолько увлечены делом, что не замечаем ничего вокруг. Вообразите результаты, которых мы могли бы достичь, если бы так учились.
При чем тут интерактив?
Чтобы учащиеся вошли в поток, нужно нащупать баланс между их способностями и сложностью обучения. Если задача слишком сложная, это вызовет разочарование, а если слишком легкая — скуку. Но когда задание удерживает на верхней границе способностей, обучение становится по-настоящему увлекательным.
Подстроить обучение под каждого учащегося в рамках электронного курса практически нереально, но продуманный интерактив в этом помогает. Он поддерживает высокий уровень вовлеченности и к тому же оставляет положительные впечатления от обучения.
Самый простой пример того, как отыскать баланс между сложностью задания и навыками — создать несколько вариантов сценария курса (начальный, средний, высокий уровень сложности) и предложить учащимся самим выбрать подходящий или провести предварительное тестирование. По такому принципу устроено изучение иностранных языков. Человека, владеющим английским на уровне upper-intermediate, бессмысленно помещать в группу, где у всех только elementary.
При помощи грамотно настроенного интерактивного сценария можно сделать так, чтобы учащийся автоматически направлялся на более сложный уровень, если покажет высокие знания, и наоборот. Об этом будет чуть дальше.
Кривая интереса
Другая сложная задача, с которой интерактив помогает справиться, — снижающаяся продолжительность концентрации внимания человека. Согласно исследованиям, за пятнадцать лет она сократилась на 3,75 секунды и к 2015 году составила 8,25 секунд. Именно поэтому важно не просто случайным образом вставлять интерактивные элементы в курс (чтоб было), а делать это с умом.
Чтобы удержать внимание пользователей, в индустрии видеоигр используют концепцию кривой интереса. Кривая интереса — это график, на котором зафиксированы ключевые моменты игры. По графику можно с высокой точностью предсказать, когда игра начнет надоедать, и добавить на проблемный участок что-нибудь захватывающее. Об этом подробно рассказывает Джесси Шелл в книге «Искусство геймдизайна: книга линз».
Как это использовать для обучения?
Хотя Шелл использовал кривую интереса для разработки игр, концепция подходит и для обучения.
Пример кривой интереса из книги «Искусство геймдизайна: книга линз»
При разработке интерактивного обучения важно уделить внимание четырем элементам кривой интереса:
Используя кривую интереса в качестве схемы для использования интерактива, вы можете быть уверены, что онлайн-курс удержит внимание учащихся от начала до конца. Такой подход требует больше усилий по планированию, но и результат намного лучше.
Четыре самых простых способа сделать интерактивный курс с iSpring Suite
Мы одолели теорию. Теперь перейдем к практике. Пришло время засучить рукава!
1. Разветвленные сценарии
Возможно, в 90-е годы вам попадалась книга-игра «Подземелья черного замка». Механика подобных книг проста: сюжетные повороты зависят от выбора читателя. Вот вы дошли до развилки в лесу; куда дальше? Повернете направо, читайте текст под номером 86, налево – номер 110. В зависимости от решения, продолжение истории будет отличаться. Такой прием называется ветвлением.
Пример ветвления в книгах — отечественная книга-игра «Подземелья черного замка», вышедшая в 1991 году
Из приключенческих книг прием перекочевал в онлайн-обучение. Смысл остался тем же: ветвление позволяет учащимся выбрать свою собственную траекторию в рамках курса и, таким образом, получить индивидуальный опыт обучения.
Простейшее ветвление — подстраивать уровень сложности курса под успехи учащихся. Допустили ошибки в тесте — отправляйтесь изучать дополнительную информацию по теме. Все легко получается — добро пожаловать в блок для продвинутых.
Деление по уровням сложности — не единственный способ ветвления в курсах. Можно создавать сценарии для разных типов личностей (например, экстравертов и интровертов) или с учетом различных подходов к решению задач.
Разработчики Новолипецкого металлургического комбината (НЛМК) использовали ветвление для курса по пылегазоочистным и водоочистным установкам. Это устройства, которые фильтруют выбросы вредных веществ в окружающую среду.
Задача курса — научить новых сотрудников правильно установить поломку и принять меры. Например, ученик видит, как из труб выходят черные клубы дыма. Нужно решить: сообщить об этом руководству или просто пройти мимо.
У пользователей есть выбор: действовать по инструкции или проигнорировать проблему. Каждое решение имеет свои последствия
Дополнительный бонус ветвления — учащиеся чувствуют себя исследователями. Им интересно узнать, чем же кончится дело, а не просто прокликать слайды до конца.
2. Тесты
Современные механики тестов далеко ушли от обычных списков вопросов с выбором ответа. К примеру, теперь вы можете предлагать интерактивные задания в стиле drag-n-drop: попросить рассортировать предметы или разместить их определенным образом, как в этом онлайн-курсе для мерчендайзеров:
3. Диалоговый тренажер
Диалоговый тренажер — интерактивное упражнение для отработки навыков общения и переговоров. С его помощью учащиеся воспроизводят разговор с виртуальными собеседниками — покупателями, клиентами или коллегами — чтобы затем в реальных ситуациях чувствовать себя подготовленными и уверенными.
Курс-тренажер по телефонным переговорам для сотрудников банка.
В диалоговом тренажере учащийся должен решить задачу, аналогичную той, которую предстоит выполнять на работе: презентовать продукт, дать обратную связь подчиненному или успокоить недовольного покупателя. За каждым выбранным ответом следует реакция виртуального собеседника, поэтому учащийся может увидеть последствия своих решений без риска сорвать сделку или поссориться с реальным клиентом.
Еще тренажер можно применять для тестирования, присуждая баллы за верные ответы, или использовать в курсах в качестве мини-игры, чтобы учащиеся могли сразу применять знания на практике.
Очень часто такой интерактив используют для отработки скриптов, но есть и более креативные варианты. Например, в демо-курсе «Дело Миллеров» вы играете за детектива и расследуете исчезновение пожилой пациентки из больницы.
Самое сложное и интересное работе над диалоговым тренажером — заставить учащихся поверить, что симуляция — не просто песочница с манекенами вместо людей. Главные принципы создания впечатляющих симуляций мы разобрали в статье «Как создать диалоговый тренажер».
4. Триггерные анимации и гиперссылки в PowerPoint
Да-да, не удивляйтесь! Эти стандартные встроенные функции не ограничиваются возможностью кликнуть мышкой, чтобы на слайде появилась новая строка текста. Можно создать всплывающее окно (поп-ап), выпадающий список или, шутки ради, спрятать в курсе пасхалку — секретное послание для самых внимательных. Триггерные анимации могут выглядеть весьма впечатляюще:
Вот несколько обучающих статей по созданию триггерных анимаций:
Если вы раньше не сталкивались с триггерами в PowerPoint, их настройка может показаться трудоемкой. Вот почему iSpring Suite включает 12 готовых интерактивных шаблонов для разных ситуаций, которые помогут курсу выглядеть профессионально и облегчат жизнь педдизайнеру.
Например, интерактивные вкладки помогут структурировать материал без использования пресловутых буллетов, а маркированные изображения отлично подходят для объяснения устройства сложных приборов.
Пример интерактивных шаблонов для онлайн-курсов в iSpring Suite
В заключение
Интерактив — это куда большее, нежели причудливые визуальные эффекты. Вот почему в этой статье мы постарались вооружить вас не только практическими инструментами («Как?»), но и подходами («Зачем?»). Сейчас у вас есть и веские причины использовать интерактив в курсах, и практические способы для его создания. Теперь дело за вами.
Система дистанционного обучения для бизнеса
Поставит на автопилот развитие сотрудников.
Быстрый старт онлайн‑обучения за 1 день.
Интерактивные электронные курсы. Кому они нужны и для чего?
Поделиться
Внедрение интерактивных форм обучения – одно из основных направлений совершенствования процесса образования. И несмотря на то, что новые взгляды на обучение воспринимаются еще не во всех учебных заведениях, нельзя игнорировать данные большого количества исследований по этой теме. Результаты этих исследований подтвердили, что использование активных подходов способствует более эффективному обучению студентов: они легче вникают, понимают и запоминают изучаемый материал.
Как всё устроено: разработка интерактивных онлайн-курсов
В нашем блоге мы уже писали о том, что не так с онлайн-курсами, и как это можно исправить. Сегодня мы продолжим тему и расскажем о том, как интерактивные онлайн-курсы по HTML и CSS разрабатываются в HTML Academy.
Кто придумывает курсы
Прежде всего стоит поговорить о том, какими профессиональными навыками должен обладать автор курсов (или члены команды их разработки). Ниже представлена наша версия списка таких качеств:
Кроме того, создание материалов, которые помогают людям расширить кругозор, освоить новую область знаний и даже изменить свою карьеру и жизнь (сейчас вёрстку изучают всё больше не-технических специалистов) — это просто хорошее и полезное дело.
Этапы разработки курса
Создание курса начинается с продумывания идеи — на этом этапе команда разработки решает, какой аспект технологий HTML и CSS она хотела бы осветить в этот раз, а также описывает то, как курс будет выглядеть в финальном варианте. У нас в Академии есть специальный документ, в который каждый член команды записывает появляющиеся идеи тем и вопросов, которые ещё не были затронуты в предыдущих курсах и могут нести в себе большую пользу для учеников.
Затем идёт разработка сценария курса. На этом этапе автор ищет метафоры, которые помогут объяснить теоретический материал, например: биатлонные мишени и колода карт для объяснения работы селекторов или битва котов за курочку для объяснения специфичности. Такие метафоры хороши в «теоретических» курсах, где изучаются новые свойства, но для более прикладных курсов лучше подходят не метафоры, а общая идея или легенда. Её мы называем «сеттингом» по аналогии с геймдевом.
В итоге получается сценарий курса, в котором задания объединены метафорой или легендой — это позволяет сделать процесс обучения интереснее.
Пример использования такой легенды — курс по анимациям (о котором мы писали в прошлом топике), в ходе которого ученик должен помочь человеческой цивилизации пройти путь от первобытного состояния до полётов в космос.
Ещё один курс с интересной сюжетной линией — это курс по трансформациям (изменение размеров блоков, повороты, искажения, перемещения). В нём нужные действия осуществляет маг, который сначала тренируется в выполнении базовых приёмов, а потом отправляется в приключение, где сражается с врагами и в итоге встречается с «мегабоссом».
Не всегда используются легенды, подразумевающие «экшн». Иногда добиться нужного результата можно и более «спокойными» методами. Например, основной сюжетной линией курса по плавным переходам свойств является викторина на тему HTML и CSS. Отвечая на её вопросы ученик узнает о том, как применять плавные переходы в интерфейсе на примере материального дизайна.
Что дальше
В дальнейшем происходит сбор имеющегося материала, который будет затем использован в курсе, и стартует «физическая» разработка заданий. Она происходит по принципу «от сложного к простому» — сначала работа идёт над финальными заданиями курса, объединяющими в себе весь материал, который ученики должны будут освоить за время обучения. И уже затем происходит разбиение этого участка на более мелкие подразделы, содержащие задания по конкретным вопросам курса.
Ниже представлен черновик одного из разрабатываемых в данный момент курсов — в нем ещё не прописаны конкретные цели и задания. В ходе разработки весь оформительский код будет вынесен во внешний файл сеттинга, будут созданы цели и написаны проверки.
Последним этапом перед окончательной «доводкой» курса является финальное ревью у членов команды, которые не занимались его разработкой — у непосредственных авторов за несколько месяцев работы над заданиями «замыливается глаз», и они не могут видеть очевидных недоработок или ошибок.
Когда все правки, появившиеся на последнем этапе, внесены, курс проходит «предпродажную подготовку» и выпускается. И тут же начинается сбор обратной связи от учеников, которые быстро находят различные ошибки и просто высказывают свои пожелания. Таким образом работа над курсом практически никогда и не заканчивается.
Не всё так просто
Выше описан идеальный процесс разработки курса. Однако в жизни всё редко проходит гладко, и на каждом из перечисленных этапов частенько возникают те или иные сложности.
Практически никогда не бывает так, чтобы первоначальная идея курса была реализована без изменений в конечном продукте — как правило, сама идея и сюжетная линия неоднократно меняются, иногда даже кардинально.
В разработке курсов мы в HTML Academy придерживаемся подхода Blizzard — эта компания может потратить кучу времени и денег на разработку игры, а потом не выпустить её, поскольку она не получилась такой, как им хотелось. В нашей практике также был опыт разработки курсов, от выпуска которых мы потом отказывались, потому что они по нашему собственному мнению не давали ученикам возможности качественно освоить материал.
Кроме того, курсы часто состоят из нескольких частей — сначала раскрываются базовые вещи и понятия, а затем идёт погружение в продвинутые техники. При начале работы над курсом по какой-то теме у автора больше свободы, что облегчает создание сюжета и проработку самих заданий. А при работе над «сиквелом» он уже находится в заданных ранее рамках — в таких условиях придумать по-настоящему интересную легенду и задания сложнее.
Технические сложности
Помимо чисто организационных сложностей, существует большой пласт и чисто технических проблем, с которыми сталкиваются разработчики курсов. Самая очевидная из них — при работе с CSS необходимо учитывать тот факт, что разные браузеры по-разному поддерживают те или иные стили и свойства, а иногда и хитро их интерпретируют. Даже поведение нескольких версий одного браузера Chrome в этом плане может сильно отличаться.
И это лишь разница в поведении самых популярных браузеров.
Решение было найдено в обратном преобразовании матрицы, с целью вычисления угла и значения перемещения.
Не всё просто было и при разработке курса по градиентам. Дело в том, что исторически сменилось несколько разных вариаций синтаксиса, прежде чем он окончательно устоялся. Плюс ко всему даже в самом актуальном синтаксисе есть разные способы задания одного и того же эффекта, а проверять в курсах нужно все возможные значения.
Ниже представлены некоторые варианты кода, дающие одинаковый результат:
Решить эту проблему нам удалось с помощью применения autoprefixer. Вариации самого актуального синтаксиса проверяются в браузере, если версия пользовательского браузера устарела (или конкретный ученик решил задание не предусмотренным в проверке способом), то ему нужно будет вручную нажать кнопку «Проверить», после чего его код будет проверен на сервере. Там код с помощью autoprefixer преобразуется в нужный для движка браузера формат. Мы знаем какая версия вебкита используется в фантоме и можем точно определить значения, в которые будет преобразован код.
Повышение вовлечённости
Для того, чтобы сделать процесс обучения ещё более захватывающим и интересным в курсах HTML Academy активно используется геймификация. Помимо стандартных «ачивок» за достижения, сами задания разрабатываются с применением конкретных игровых механик, о которых мы подробно рассказывали в этом топике.
Кроме того, интерес к обучению подогревается и наличием бонусных заданий — в тексте конкретной задачи часто можно встретить намёки на то, как можно открыть дополнительный «уровень» («фанаты» определённого курса очень ценят возможность, позаниматься им ещё). Всё это, опять же, геймифицировано — прохождение скрытых уровней даёт ученику дополнительные ачивки.
Вот пример одного из бонусных заданий: в блоке с целями появляется дополнительное задание, которое написано в общей форме, а не с конкретными значениями. Здесь ученику нужно поэкспериментировать, чтобы его выполнить и получить отдельно достижение и очки в рейтинге.
Кстати, у нас есть некоторые сюжетные элементы, которые связывают между собой много разнонаправленных курсов (как базовых, так и продвинутых). Например, в различных заданиях часто используется образ кота основателя Академии AlexPershin по имени Кекс.
Наличие такой общей «кошачей» сюжетной линии для всех курсов дополнительно увлекает пользователей, а также делает прохождение курса забавным и запоминающимся.
Хочу попробовать
Как видно, процесс создания курсов — не так прост, как это может показаться на первый взгляд, и для успешной работы в этом направлении нужна целая команда профессионалов.
Для разработки заданий и проверок понадобится сильный JavaScript-программист, также необходимо наличие сценариста, который будет придумывать сюжет, и дизайнера, который сможет его визуализировать (возможно, где-то есть профессионалы, объединяющие в себе эти качества), а созданием текстов заданий и описания сюжета должен заниматься специалист по контенту.
Найти таких специалистов непросто, к тому же они стоят дорого, а ведь курс ещё нужно окупить (и если сделать его очень дорогим, то никто не будет на нём обучаться).
Поэтому, если у вас нет знакомых специалистов, готовых заняться созданием обучающих курсов, но есть идеи по созданию обучающих материалов (и сюжетных линий), которые ещё не были представлены в Академии, напишите нам, и вполне возможно, ваша задумка будет реализована.