К основному контенту
LIFEL
рекомендует

Course Editor — многофункциональный лонгрид со встроенным SCORM’ом и сторонним кодом

20.11.2022
Андрей Матюков
Обзор актуальных возможностей первого полноценного российского редактора интерактивных лонгридов
В 2020 году Сергей Замараев из ЦРММ анонсировал бета-версию самостоятельного инструмента по созданию ленточных обучающих электронных курсов — Course Editor. Тогда же на страницах lifel.ru появился первый обзор этого решения. Любопытство распирало!

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

Вся жизнь зависит от структуры

Эту фразу для названия раздела я позаимствовал из книги психиатра Эдварда Хэллоуэлла «Не отвлекайте меня». Значимость структуры нельзя переоценить и при создании обучающих материалов. И именно с её организации начинается создание лонгрида в редакторе Course Editor. На первом же экране создания/редактирования курса можно:

  1. Добавить лонгриды, тесты и разбить их на разделы.
  2. Наполнить лонгриды контентом.
  3. Продублировать типовые части курса.
  4. Изменить порядок курса.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Сквозной дизайн

В режиме редактирования лонгрида верхняя панель включает в себя кликабельные названия курса и лонгрида, под которой есть раскрывающая кнопка (5). Она позволяет настроить отображение шапки лонгридов (6).
Course Editor, Сергей Замараев, Курсометр, ЦРММ
Подбным образом можно настроить и нижнюю панель навигации.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Всё под рукой

Работать с блоками в Course Editor легко. Инструменты, которые всегда под рукой, позволяют:

7. Менять цвет фона.
8. Добавлять новые блоки.
9. Передвигать блоки.
10. Растягивать по ширине.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Массовый метод

Отдельно стоит выделить массовые действия над блоками. Если «Выбрать блоки» (11), проставив галочки напротив нужных (12), можно их скопировать (13) и затем вставить в другой лонгрид.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Индивидуальный подход

При этом контекстное меню некоторых блоков может иметь уникальные действия (14).
Course Editor, Сергей Замараев, Курсометр, ЦРММ

На стиле

Чего не хватало Course Editor два года назад, того теперь предостаточно! Детальная настройка индивидуального стиля отдельного лонгрида (15), с возможностью применить его ко всему курсу и сохранить для будущего использования. Вот, что можно кастомизировать:

  • тип текста (заголовки H1 и H2, основной текст и сноски),
  • шрифт (7 предустановленных с возможностью добавлять свои в формате: WOFF, OTF, TTF),
  • размер и цвет текста,
  • межстрочный интервал,
  • ширина контейнера (внедряется),
  • отступы между блоками (внедряется),
  • палитра курса (внедряется),
  • заливка фона (внедряется).
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Богатый выбор

«Палитра блоков» за эти годы в Course Editor стала называться «Библиотекой шаблонов». Но шире стало не только само название, но и ассортимент блоков (шаблонов).

Во-первых, появилась панель быстрого доступа к самым простым блокам (16), с которой настраивается и стиль (15).
Course Editor, Сергей Замараев, Курсометр, ЦРММ
Во-вторых, добавились более сложные. В 2020-м из интерактивов были только аккордеон и простой тест. А вот, чем может обогатить ваши лонгриды Course Editor в 2022-м.

Файл для скачивания

Course Editor, Сергей Замараев, Курсометр, ЦРММ

SCORM-пакет

Обратите внимание на настройку ниже. Понимаете, да? Если сделать импортируемый SCORM-блок обязательным, то пока он не будет успешно выполнен, дальше пройти будеть нельзя.

И тут уж хоть диалоговой тренажер туда вставляйте, хоть симулятор ПО, хоть интерактивное видео. Как говорится, CourseLab, iSpring и Articulate Storyline вам в руки и попутного ветра фантазии!
Course Editor, Сергей Замараев, Курсометр, ЦРММ

HTML/JS

И этот самодельный блок тоже можно сделать обязательным для прохождения.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

PDF для просмотра

С опцией обязательного «досмотра».
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Аудиокнига

А посмотрите, как можно настроить этот блок.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Карточки-перевёртыши

Course Editor, Сергей Замараев, Курсометр, ЦРММ

Макет диалога

Удобно делать наглядный обмен репликами между двумя ролями.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Кнопка

Course Editor, Сергей Замараев, Курсометр, ЦРММ
Кнопка? Интересна не она сама, а её настройки.
Course Editor, Сергей Замараев, Курсометр, ЦРММ
А это действия, которые можно совершить по нажатию на волшебную кнопку!
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Изображение с маркерами

И кстати, размер самого изображения можно менять, просто потянув за его правый нижний угол.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Видео

  • загрузка видео-файла (до 1 ГБ)
  • вставка с youtube
  • вставка с Rutube
  • вставка со стороннего хранилища
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Таблица с точными настройками

  • добавление заголовка
  • показ/скрытие рамки
  • добавление/удаление строк и столбцов
  • разделение ячейки по вертикали и горизонтали
  • изменение фона ячейки
  • выравнивание по вертикали и горизонтали
  • изменение стиля (точечная рамка и подсветка чётных строк)
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Вкладки

Course Editor, Сергей Замараев, Курсометр, ЦРММ

Опрос

Кроме обычного тестирования, появился блок опроса, который может состоять из нескольких вопросов и быть обязательным.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Упражнения

Можно в Course Editor теперь не только выбирать один или несколько вариантов, но и устраивать проверку знаний более сложными механиками.
Course Editor, Сергей Замараев, Курсометр, ЦРММ
Course Editor, Сергей Замараев, Курсометр, ЦРММ
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Под любым углом

Проверить адаптируемость свёрстанного курса можно в режиме просмотра на популярных экранах.
Course Editor, Сергей Замараев, Курсометр, ЦРММ
С панели просмотра можно передать ссылку, но не только на просмотр, но и на редактирование, если у получателя есть доступ в Course Editor.
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Все форматы

Вот, во что может экспортировать свои лонгриды Course Editor.
Course Editor, Сергей Замараев, Курсометр, ЦРММ
А ранние выгрузки он не только хранит в виде истории, но и поволяет их скачать!
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Гибкие настройки

Разработчики этого редактора позаботились не только о том, насколько детально можно настроить курс, но и о сохранении пользовательских настроек в отдельные профили под разного заказчика!
Course Editor, Сергей Замараев, Курсометр, ЦРММ

Впечатления

Мощно, не то слово! Потенциал этого редактора точно еще не раскрыт и наполовину!

И чисто по личным ощущениям, кроме всех его возможностей — в Course Editor удобно работать.
Понравилась статья? Нажми на Лайфика!
статьи по теме