Slider
Обзор актуальных возможностей первого полноценного российского редактора интерактивных лонгридов

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

Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Обзор актуальных возможностей первого полноценного российского редактора интерактивных лонгридов

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

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

 

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

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

1  - добавить лонгриды, тесты и разбить их на разделы,
2  - наполнить лонгриды контентом,
3  - продублировать типовые части курса,
4  - изменить порядок курса.

 

Course Editor

 

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

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

 

ce 22 2 ill

 

Подбным образом можно настроить и нижнюю панель навигации.

 

ce 22 6 ill

 

Всё под рукой

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

7  - менять цвет фона,
8  - добавлять новые блоки,
9  - передвигать блоки,
10  - растягивать по ширине.

 

Course Editor

 

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

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

 

ce 22 4 ill

 

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

При этом контекстное меню некоторых блоков может иметь уникальные действия (14).

 

Course Editor

 

На стиле

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

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

  

ce 22 7 ill

 

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

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

Во-первых, появилась панель быстрого доступа к самым простым блокам (16), с которой настраивается и стиль (15)

 

ce 22 8 ill

 

Во-вторых, добавились более сложные. В 2020-м из интерактивов были только аккордеон и простой тест. А вот, чем может обогатить ваши лонгриды Course Editor в 2022-м.

 

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

Course Editor

 

SCORM-пакет

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

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

 

Course Editor

 

HTML/JS

И этот самодельный блок тоже можно сделать обязательным для прохождения.

 

Course Editor 

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

С опцией обязательного «досмотра».

 

Course Editor

 

Аудиокнига

А посмотрите, как можно настроить этот блок.

 

ce 22 15

 

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

 

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

ce 22 26

  

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

Проверить адаптируемость свёрстанного курса можно в режиме просмотра на популярных экранах.

 

Course Editor

 

С панели просмотра можно передать ссылку, но не только на просмотр, но и на редактирование, если у получателя есть доступ в Course Editor.

 

ce 22 28 ill

 

Все форматы

Вот, во что может экспортировать свои лонгриды Course Editor.

 

Course Editor

 

А ранние выгрузки он не только хранит в виде истории, но и поволяет их скачать!

 

Course Editor

 

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

Разработчики этого редактора позаботились не только о том, насколько детально можно настроить курс, но и о сохранении пользовательских настроек в отдельные профили под разного заказчика!

 

ce 22 31 ill

 

Впечатления

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

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


Что почитать?

qr code

Lifel.ru