«Массовые интерактивные онлайн курсы: опыт HTML Academy»

Массовые интерактивные онлайн-курсы: опыт HTML Academy

HTML Academy

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

Практическое задание

Задание: теория

Задание: задачи

Задание: редакторы

Задание: мини-браузер

Задание: исходное состояние

Задание: 1 задача выполнена

Задание выполнено!

Испытание

Испытание: процент выполнения

Испытание: образец

Испытание: пройдено

Испытание: различия

Испытание: пройдено идеально

Карта обучения

Сколько курсов? Уже готовы: 1. Базовый HTML и CSS: 14 из 16 2. Продвинутый HTML5 и CSS3: 2 из 10 Планируемые курсы: 3. “Сверстай свой сайт” 4. “Адаптивность” 5. “Сверстай адаптивный сайт” 6. Базовый JavaScript

Подробнее про формат Массовые интерактивные компетентностно-ориентированные онлайн-курсы

Компетентностно-ориентированные ● Понятны работодателю и обучаемому ● Ориентированы на потребности рынка ● Результатоцентрированность ● Испытательность

Результаты обучения и испытания ● В процессе обучения студент “прокачивает” какую-либо компетенцию ● Уровень “прокачки” отслеживается по результатам обучения ● Результаты обучения измеряются c помощью испытаний

Испытания ● проверяет способность решать задачи, встречающиеся в профессиональной деятельности (а не знание теории) ● близки к типовым рабочим задачам ● тесты, контрольные, экзамены - не то ● для каждой предметной области испытания будут отличаться

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

HTML Academy и компетенции 1. Испытательность 2. Упор на практику 3. Задачи, приближенные к реальным 4. Планирование учебной программы “от результатов” 5. Мегацель - готовить профессионалов, а не просто пропагандировать технологии

Интерактивность

Интерактивный тест - это всего лишь тест

Интерактивность: наш взгляд

Инструменты взаимодействия

Предметная область

Результат

Интерактивность: наш взгляд

Инструменты взаимодействия

Задания

Предметная область

Результат

Заданный результат

Интерактивность: пример Стандарты HTML и CSS реализуемые браузерным движком

Интерактивное обучение ● Образовательный процесс представляет управляемое экспериментирование с предметной областью ● Задания подбираются так, чтобы ученик сам нащупал и разобрался в поведении интересующего нас аспекта ● Такое экспериментирование очень похоже на игру

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

Массовые Массовость - хорошая штука, но добавляет проблем: 1. Нагрузки 2. Гарантия качества обучения или “как проверять испытания?”

3. Проблемы мотивации

Массовость и HTML Academy Наше спасение: Возможность полной автоматизации проверки заданий и испытаний Но, если понадобится поднять качество, то можно выстроить многоуровневую систему: 1. автоматическая проверка 2. проверка человеком того, что прошло автоматическую

Массовость и HTML Academy Проблемы мотивации пытаемся решать с помощью игровых механик

Игровые механики 1. Теория постепенной подачи информации 2. Принцип постепенного усложнения 3. Кратчайшая петля обратной связи 4. “Перфекционизм” 5. Сторителлинг 6. Достижения и очки 7. Рейтинги 8. Открытые профили

Постепенное усложнение Перед каждым испытанием существует серия заданий, которая готовит ученика к испытанию Сложность плавно растёт как внутри одного раздела, так и между разделами

Быстрая обратная связь ● Результат работы кода и проверки задач работают в режиме реального времени ● Не надо нажимать кнопку “Проверить” ● Задание дробится на несколько подзадач ● Ученик очень быстро видит результат и быстро понимает - прав он или нет ● Сближает обучение с игрой

Схожесть с игрой ●

Перфекционизм ●

Эффект перфекционизма Существенное повышение вовлечения в обучение Решение испытаний занимает: от 10 минут на простое прохождение до 6 часов на идеальное прохождение

Сторителлинг 1. Общая тематика разделов. Например, весь курс про селекторы посвящен биатлону 2. Либо общее оформление. Вес курс фоны про котиков 3. И так далее. Вплоть до настоящих историй: “Пишем твиттер для зомби”

Достижения и очки

Рейтинги

Открытые профили Эксплуатируют 3 механики: 1. Зависть 2. Тщеславие 3. “Раз они смогли, то и я смогу”

Статистика

Вывод про формат 1. Подходит не для всех предметных областей 2. Отлично подходит для инженернотехнических специальностей, особенно для IT 3. Достаточно трудоёмкий 4. Трудновоспроизводим на универсальных платформах 5. [?] хорошее качество обучения

Интенсив: еще один формат Море практики: интерактивная платформа

Теория: живые вебинары

Наставничество: персональные наставники

Спасибо за внимание

Александр Першин основатель HMTL Academy alexander@htmlacademy.ru