Особенности Articulate Rise

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

Встроенный инструмент «Диалоговый тренажер». Эта функция значительно сокращает время на разработку в отличие от сборки тренажеров в Storyline, в котором диалоги нужно собирать вручную.

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

Ограниченный функционал. В редакторе нельзя реализовать любое техническое или визуальное решение.

Rise — облачная программа. Для работы нужен аккаунт на сайте rise.com и постоянный доступ к интернету.

Чтобы узнать больше об Articulate Rise, прочитайте наш материал, который подготовили менеджер проектов в LEVEL Илья Чебоненко и разработчик курсов Кира Гусева. В статье вы узнаете о всех преимуществах и ограничениях редактора, а также о трех этапах процесса разработки курсов в LEVEL.

Перейти в блог

Articulate Storyline vs Articulate Rise

Для создания электронного курса можно использовать не только Articulate Rise, но и многофункциональный редактор Articulate Storyline. Рассмотрим разницу между программами:

Функция;Storyline;Rise

Доступ к программе;Нужно установить десктопную версию программы, доступна только на Windows.;Нужен только интернет, ничего устанавливать не надо. Наличие исходника;Есть файл исходника, который можно передавать другим разработчикам или заказчику и хранить без подписки.;Нет файла исходника, редактировать курс можно только при наличии подписки. Формат курсов;Слайды с фиксированным разрешением экрана. Возможности дизайна не ограничены, но контент может быть не очень удобен в просмотре на мобильных устройствах.;Веб-страницы с вертикальной прокруткой. Контент автоматически перестраивается под мобильные устройства, но возможности дизайна ограничены. Добавление содержимого;Содержимое собирается из отдельных элементов (фигур, изображений и т.п.), как в PowerPoint.;Есть набор готовых блоков (текст, картинка, цитата, аккордеон, вопрос и т. п.), которые быстро добавляются, но имеют мало настроек. Возможность программирования;Есть триггеры, переменные и другие функции, с помощью которых можно программировать поведение элементов в курсе: изменить позу персонажа в случае правильного ответа на вопрос и т.п.;Нет Создание тренажеров программного обеспечения;Да;Нет Поддержка форматов SCORM, xAPI для интеграции курсов в СДО;Да;Да Выводы;Подходит для курсов со сложной для восприятия информацией, которую нужно подавать через нелинейные сценарии, нестандартные интерактивности.;Подходит для курсов с простой подачей информации, микрокурсов, тестирований.

Программы для разработки электронных курсов. Articulate Storyline

Одним из лидеров в разработке электронных курсов по праву считается приложение Storyline от компании Articulate.

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

Что умеет Articulate Storyline?

Итак, давайте подробнее рассмотрим, что «умеет» Articulate Storyline.

1. Импорт из PowerPoint. Если у вас уже есть готовые презентации, созданные в PowerPoint, вы можете буквально за пару кликов сделать из них электронные курсы в формате SCORM, xAPI, которые можно тут же разместить на учебном портале.

2. Работа со слайдами. Как и в PowerPoint вся информация размещается на слайдах. Это удобно, позволяет преподносить информацию порционно. Для того, чтобы настроить внешний вид, достаточно добавить все необходимые элементы на Мастер-слайды. Слайды могут быть информационными и содержащими тестовые задания, которые будут автоматически оцениваться и передавать результаты на специальный Result slide и в СДО (систему дистанционного обучения).

3. Работа со слоями. Слои — это невероятно удобный функционал, встречающийся только в Articulate Storyline, и позволяющий размещать объекты на одном слайде, но в разных слоях, и показывать их или скрывать. При этом слайд не будет перегружен объектами, в которых легко запутаться.

4. Анимация объектов и слайдов. Articulate Storyline поддерживает несколько стандартных видов анимации объектов и слайдов. При этом вы можете настроить и пользовательскую анимацию.

5. Различные состояния объектов. К примеру, вам требуется сделать карточки, где с одной стороны располагается текст, а с другой — изображение, или вы планируете сделать так, что при наведении курсора на объект, он меняет цвет или на нем появляется текст. Во всех этих и подобных ситуациях пригодятся состояния объектов. Программа предполагает несколько готовых состояний, но вы сможете настроить и свои.

6. Возможность добавлять и редактировать видео, аудио с синхронизацией субтитров.

7. Триггеры. Триггер (с английского: спусковой крючок, выключатель) — это некое действие, которое можно произвести с объектом. Например, сделать его видимым или невидимым, переместить, изменить его состояние; воспроизвести звук или видео; настроить переменную и многое другое.

8. Работа с переменными. Storyline позволяет использовать переменные, создаваемые самим пользователем. Они могут быть трёх видов:

• True/False — при определенных условиях переменная получает значение Правда/Ложь.
• Текстовые переменные. Значением переменной может быть любой текст или даже html-код.
• Числовые переменные. Переменная принимает целое или дробное значение.

9. Возможность внедрения JavaScript. Даже если функционала программы Articulate Storyline вам недостаточно, что бывает крайне редко, можно воспользоваться возможностями языка программирования JavaScript. К примеру, вы хотите вывести на экран дату и время, узнать имя пользователя на сайте, где выложен курс, и обратиться к нему лично. Всё это и многое другое можно сделать с помощью JavaScript.

10. Тренажёры программного обеспечения. Каждый из нас сталкивался с ситуацией, когда требуется изучить новую программу. При этом иногда такое изучение чревато проблемами: можно что-то стереть, испортить, внести ненужные изменения и т.д. Особенно это касается бизнес-приложений, например, 1С. С помощью Articulate Storyline вы сможете создать симулятор программного обеспечения, который обучит навыкам работы и не позволит ничего испортить.

11. Тесты, интерактивные задания. Какое обучение обходится без тестов, заданий, практических кейсов? Articulate Storyline позволяет вставлять в курс разнообразные тесты:

• С одним или несколькими вариантами ответов
• С возможностью вставить пропущенное слово или число
• Тесты, где нужно проранжировать слова, расставить в нужном порядке или соотнести друг с другом
• Тесты, где используются не слова, а изображения
• … и пр.

12. Поддержка HTML5. Готовый курс можно экспортировать в формате HTML5 и разместить на любом сайте.

13. Поддержка SCORM, xAPI (Tin Can API). Курс, созданный в Storyline, соответствует современным стандартам SCORM и xAPI, которые позволяют собирать статистику о прохождении курсов и тестов и формировать отчеты в системе дистанционного обучения.

14. Совместимость с мобильными устройствами. Благодаря формату HTML5 курсы, созданные в Storyline, отлично воспроизводятся не только на компьютере, но и на смартфонах и планшетах.

Сложно ли работать в программе?

Как вы смогли удостовериться, перечень возможностей программы весьма широк, так что даже возникает вопрос: а насколько сложно освоить работу в Storyline?

Для работы с приложением не требуется специальных знаний или навыков. Не нужно быть программистом или дизайнером. Достаточно знания компьютера на уровне офисного пакета. Как и основные его конкуренты, Articulate Storyline «вырос» из PowerPoint и унаследовал многие функции и даже внешний вид. Знакомясь с интерфейсом программы, вы наверняка заметите это.

Поэтому приложение может освоить абсолютно любой желающий. Кроме того, у Storyline есть обширное коммьюнити (e-learning heroes), которое готово ответить на любой возникающий вопрос (правда на английском языке). Каждую неделю компанией Articulate проводятся конкурсы среди пользователей, и лучшие работы (с исходниками) выкладываются в общий доступ!

Приложение Articulate Storyline платное. И это недешевое удовольствие. Лицензия Storyline 3 (пожизненная) обойдётся вам в 1000 долларов США.

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

• Storyline 360 — приложение для разработки курсов.
• Rise — онлайн редактор электронных курсов специально для мобильных устройств.
• Content Library — библиотека контента, в которой вы найдете множество шаблонов, заготовок, объектов, кнопок и всего, что пригодится для разработки.
• Articulate Review — сервис для сбора отзывов о ваших курсах.
• Articulate Live — вебинары и уроки от профессионалов и разработчиков, которые создают продукты Articulate.

Весь пакет будет стоить 999 долларов в год, т.е. порядка 84 долларов в месяц, что весьма неплохо для подобного инструмента.

Подробнее об отличиях версий Storyline 3 и 360 можно прочитать здесь.

Адаптивные курсы с помощью Articulate Storyline

У любимого многими средства для разработки электронных курсов Articulate Storyline есть одна проблема, которая давно решена в других elearning авторских средствах: нет поддержки разных размеров экранов. Да, в Articulate всячески пытаются решить эту проблему, но она пока что остаётся актуальной. А с учётом того, что обучение на мобильных устройствах становится всё более популярным, проблема становится всё острее и острее. В этой статье я расскажу, как с помощью Articulate Storyline разработать курс с поддержкой и десктопных и мобильных устройств.

Если перед вами стоит задача разработать курс с адаптивным дизайном при помощи Storyline, то в принципе можно создать 2 курса: первый для компьютеров, второй — для мобильных устройств и в начале курса предоставлять пользователю выбор версии. Но всё-таки хотелось бы, чтобы пользователю не нужно было выбирать, какой ему нужен дизайн. Решение в таком случае будет следующее: как и в первом варианте разработать 2 курса с десктопным и мобильным дизайном, а затем объединить их в единый пакет.

Причём мы сделаем так, чтобы сам SCORM-пакет автоматически определял тип экрана и запускал нужный нам курс. Удобство двух курсов в одном пакете ещё и в том, что LMS (СДО) будет определять оба курса как единое целое, что позволит начать курс на компьютере и потом завершить на мобильном устройстве. И это будет один курс!

Для реализации такого решения потребуется две версии курса. Рекомендую для начала полностью разработать десктопный вариант, а затем продублировать его и поменять Story size. Storyline в целом неплохо умеет ресайзить курсы, останется немного вручную расставить некоторые объекты, при необходимости переместить картинки и текстовые блоки.

Как это работает:

Когда пользователь запускает курс, созданный в Storyline 3/360:

• Он загружает в браузер файл index_lms.html.
• Этот файл запускает JavaScript, с помощью которого определяет среду, в которой запущен: это мобильное устройство? Это Android? Установлен ли Flash? И прочее.
• Как только получена информация об окружении, выбирается лучшая версия курса для этого окружения. (Здесь также роль играют настройки публикации курса).
• После этого index_lms.html загружает файл: index_lms_html5.html или index_lms_flash.html и настраивает ряд переменных в зависимости от выбранного файла.

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

1. В первую очередь, как я уже говорил, потребуется две версии курса.
2. Опубликуйте оба курса.
3. Создайте папку «mobile» в опубликованном десктопном варианте курса.
4. Скопируйте опубликованный мобильный вариант курса в эту папку.
5. Откройте файл index_lms.html (и/или story.html, если вы не используете LMS) в любом редакторе.
6. Замените строку 165 (202 в файле story.html), вставив следующий код:
   var folder = «»;
   var w = window.innerWidth;
   var h = window.innerHeight;
   if(h>w) folder = «mobile/»
   return folder + url;

Вот, собственно и всё! Код, который мы видим выше, сравнивает ширину и высоту экрана. Если экран в вышину больше, чем в ширину, код добавляет папку «mobile» в путь к файлу, с помощью которого запускается курс. Можно было бы усложнить код, добавив проверку, на каком именно устройстве запущен курс, но в большинстве случаев достаточно и того, что предлагаю я.

При подготовке материала использовались источники:
https://levellab.ru/letters/articulate-rise/

Программы для разработки электронных курсов. Articulate Storyline

Адаптивные курсы с помощью Articulate Storyline