Разработка курсов в Articulate Storyline

Дата: 17-18 ноября 2016

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

Для кого этот курс

Курс предназначен для разработчиков электронных курсов, не желающих ограничивать свои знания использованием одного инструмента, а стремящихся уметь делать любые курсы под разные задачи.

Часть 1. Знакомство с интерфейсом, сцены — слайды — слои, мастер слайд.
Часть 2. Разрешение области проекта, стандартный плеер, создание своего плеера.
Часть 3. Работа с триггерами и переменными.
Часть 4. Создание тестов и заданий с проверкой, слайды обратной связи и результирующие слайды.
Часть 5. Способы публикации курса и их особенности.

Начальный. Для участия в курсе достаточно быть уверенным пользователем ПК.

Исполнительный директор eLearning center, профессиональный разработчик электронных курсов в Articulate Storyline и других авторских средствах. Автор тренинга по сборке электронных курсов в Articulate Storyline, ведущий вебинаров для разработчиков.

На обучении Вам понадобится ноутбук. Мы советуем всем брать собственный ноутбук, установив заранее программу Articulate Storyline. Если у Вас пока нет лицензии на Articulate Storyline достаточно будет демо-версии. Скачать ее можно здесь .

Формат: очный
Даты проведения: 17-18 ноября — 2 рабочих дня, с 10:00 до 18:00
Место проведения: уточняется
Стоимость: 32 500 рублей (НДС не облагается, в стоимость входят материалы, питание)
Способы оплаты: безналичная
Важно: вам потребуется ноутбук с установленной программой Articulate Storyline

Миниатюрные татуировки со смыслом http://www.tattoofotos.ru/ Разработка индивидуальных эскизов.

Елена, спасибо за тренинг! Получила то, за чем шла. Практически готовый план для документов и все рекомендации по разработке. Много интересного из практики. Еще раз убедилась, что нет ничего лучше, чем советы профи. Напишите нам книгу!

"Во время тренинга возникает столько новых идей, что не хватает страниц в блокноте! Большое спасибо за методику разработки работающих курсов для людей :-) "

"Отличный тренинг для тех, кто хочет научиться разрабатывать эффективные курсы. Данный курс подходит для тех, кто хоть немного, но уже работал в Articulate Storyline: в группе были люди, которые раньше его не открывали, что немного тормозило процесс. Очень понравилась подача и компоновка курса: понятная и доступная теория в тандеме с практикой."

"Кардинально новый взгляд на имеющийся функционал привычного CourseLab. Тренинг очень впечатлил, жду подобных в области геймификации и разработки курсов при помощи HTML5 вне сторонних редакторов курсов. Спасибо."

Articulate Storyline

средства разработки электронных курсов, articulate storyline 2, инструкция по разработке курсов

Ну, так как CourseLab 3 оказался полным фейлом, буду призывать уважающих себя разработчиков переходить на Articulate Storyline. Ощущения от работы с CL3 и миллион багов опишу как-нибудь в другой раз. Articulate, конечно, не идеален, но это хоть что-то. Говорить о том, что AS очень дорого стоит, нет cмысла (думаю, всем понятно, что программу можно юзать совершенно бесплатно, как фотошоп, 3D MAX и пр.).

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

Кстати, если же вы всё-таки решили продолжить использовать CL, но у вас не всё получается, можете заказать у меня дистанционную консультацию (форму для связи вы можете увидеть справа).

Коллеги, если у вас есть желание поделиться каким-нибудь уроком по AS (в любом виде), можете отправить его мне. Я опубликую его в этом разделе с указанием автора.

Articulate Storyline

Система StaffCop отслеживает запуск программ, приложений и веб-сайтов, перехватывает сообщения в ICQ, Skype, E-mail и любые нажатия клавиатуры, контролирует USB-устройства, позволяет делать снимки экрана и многое другое.

Скачать StaffCop бесплатно >>

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

Характеристики Articulate Storyline:

• Интуитивный интерфейс пользователя. Простой интерфейс позволяет создавать курсы с нуля или на основе шаблонов, не требуя дополнительного обучения пользователя. Логика и вид интерфейса схожи с Microsoft PowerPoint.
• Новые возможности редактирования текста и поддержка шрифтов позволяют разработчикам лучше управлять тем, как выглядят и воспринимаются их курсы. С помощью текстового редактора WYSIWYG можно совершенствовать свой текст, настраивая интервалы, выравнивание, размер и цвет, вставляя символы и буллиты пользовательских шрифтов.
• Интерактивность. Использование триггеров для определения, когда запускать те или иные действия. Работа со слоями слайдов для создания множества взаимодействий между компонентами на слайде. Генерация, редактирование и контроль взаимодействий объектов на слайдах.
• Подвижные панели. Разработчики курсов могут перемещать панели триггеров, слои слайда и прочее в любое место на рабочем столе или даже на другой монитор.
• Импорт видео любого типа и формата, включая записанные с помощью Storyline скрины.
• Интерфейс программы доступен на английском, китайском, французском, немецком и испанском языках.
• Шаблоны слайдов. Создание слайдов с нуля или с помощью шаблонов. Простая настройка параметров шаблонов. Возможность загружать дополнительные шаблоны курсов и слайдов с сайта E-Learning Heroes.
• Персонажи. Добавление в слайды до 47 000 комбинаций рисованных и фотоперсонажей, выражений лиц и поз.
• Интуитивная визуальная шкала позволяет добавлять объекты, анимацию и другие элементы в нужном месте в нужное время.
• Просмотр истории создания и изменения курса.
• Состояния и переменные. Возможность настройки объектов для реагирования на действия учащегося. Например, кнопки могут менять цвет при нажатии, персонажи – менять выражение лица при неверном действии и т. п. Динамическое представление содержимого на базе действий пользователя и заданных автором условий. Например, если учащийся отвечает неправильно, ему могут открываться слайды с дополнительными вопросами или с более простыми заданиями.
• Интерактивный «слайдер» позволит обучающимся оперировать данными, управлять объектами и навигацией и исследовать причинно-следственные связи между объектами.
• Набор тем для оформления курса. Возможность применять встроенные темы дизайна, которые включают различные цвета, шрифты и объекты. Можно использовать одну тему на протяжении всего курса или применять разные темы для разных слайдов.
• Запись происходящего на экране. Запись показывает учащимся, как необходимо работать с электронным курсом. Также включена возможность масштабирования, панорамирования, добавление надписей и символов в записи.
• Автоматическое восстановление файлов при сбое системы.
• Storyline 2 содержит 10 новых эффектов для старта и завершения курса и 15 новых эффектов для перехода между слайдами.
• Новые триггеры кнопок плеера.
• Новые траектории и триггеры помогают с легкостью создавать интерактивную анимацию, упражнения, игры и т.п.
• Использование проектов Articulate Studio, Storyline, Excel и PowerPoint.
• Возможность создавать анимационные эффекты и применять их к различным объектам.
• Запись происходящего на экране. Запись показывает учащимся, как необходимо работать с электронным курсом.
• Быстрое построение экзаменационного материала. С помощью более 25 типов вопросов и режима случайного порядка можно быстро провести тестирование. Кроме того, произвольные формы позволяют создавать вопросы с помощью любого объекта на слайде.
• Поддержка Drag-and-drop. Добавление объектов на слайд перетаскиванием.
• Симуляция ПО. Создание более точной симуляции программного обеспечения, демо-версий и тестов. После однократной записи экрана Storyline автоматически сегментирует запись на несколько пошаговых руководств. Запись легко редактируется – в случае ошибки ее не нужно создавать повторно. В результате учащиеся могут просматривать, как выполнять задания, а также проходить их в тестовом режиме.
• Поддержка технологий HTML5 и Flash, а также мобильных устройств. Публикация курсов в различных форматах на iPad, настольные ПК, ноутбуки, устройства под Android и т. п.
• Поддержка Section 508, написания языка справа налево, стандартов SCORM и AICC (в отчетности).
• Публикация совместимого с Tin Can API 1.0-, SCORM- и AICC- контента.
• Исправление ошибок, внесение правок и даже изменение начального и конечного кадра в записи без необходимости повторной записи. При этом исходный вариант видеофайла сохраняется.
• Возможность легко создавать, импортировать и редактировать видео, аудио и изображения без сложных преобразований или кодирования.
• Использование видео в несжатом формате, для того чтобы исключить возможность пропуска важной информации обучающимися, лучше понимать, как обучающиеся усвоили материал, и адекватно использовать видеоматериалы в обучении.
• Локализация курсов на другой язык, поддержка написания языка справа налево (арабский и иврит).
• Экспорт текста курса в Microsoft Word или формат XML, его перевод и импорт обратно с сохранением всего форматирования. Написание текста с помощью символов, необходимых для таких языков, как китайский, японский и корейский.

May 23, 2016 (Update 9—Build 1605.1919):

• Fixed issue where slide titles would overlap the separator line at the top of the notes tab in Flash output
• Fixed issue where you couldn't change your quiz responses before submitting them in HTML5 output
• Fixed issue where you couldn't select an answer choice in HTML5 output after seeing an "Invalid Answer" notification
• Fixed issue where the Submit button was missing when revisiting a question slide in HTML5 output

Операционная система:
• Windows 10 (32-bit or 64-bit)
• Windows 8 (32-bit or 64-bit)
• Windows 7 SP1 or later (32-bit or 64-bit)
• Windows Vista SP2 or later (32-bit or 64-bit)

Скачать программу Articulate Storyline 2.9.1605.1919 (291,2 МБ):

Зарегистрируйтесь, чтобы увидеть ссылки

Статьи - Articulate Storyline: электронное обучение со вкусом

17.12.2012 / Программы / Олег Буйлов

На Softkey.info уже не раз затрагивались продукты, предназначенные для разработчиков электронных курсов, например Adobe Captivate или CourseLab. Сегодня мы рассмотрим другой популярный в этой сфере продукт под названием Articulate Storyline. Он продолжает развитие пакета Articulate Studio, состоящего из трех утилит (Presenter, Quizmaker, Engage) и позволяет создавать обучающие курсы, презентации, тесты и многие другие виды контента в форматах Flash и HTML5, которые будут доступны для просмотра на iPad и могут быть интегрированы в системы дистанционного обучения. Характерной особенностью этой программы является простота в освоении, а также яркий визуальный стиль создаваемых проектов: ролики, выпущенные в продуктах линейки Articulate, выглядят намного более современно и динамично, чем в остальных e-learning-редакторах, особенно если сравнивать с лидирующим продуктом на российском рынке – программой CourseLab.

Как и другие программы в сфере e-learning, Articulate Storyline является достаточно дорогим продуктом: его цена составляет $1398. Вы можете скачать на официальном сайте компании пробную версию, которая будет работать в течение 30 дней. Дистрибутив занимает немногим более 200 Мб. Его установка происходит легко, а защита не слишком мешает работе. Однако поддержка русского языка, к сожалению, отсутствует, как и технические консультации на нем. Если цена и «неродной» интерфейс не являются для вас сдерживающими факторами, продукт может стать отличным инструментом в работе. Его возможности мы рассмотрим в двух частях обзора.

Articulate Storyline состоит из одной программы, являющейся полноценным самостоятельным редактором. В этом его отличие от пакета Articulate Studio или, например, похожего отечественного продукта iSpring Suite, которые являются надстройками для Microsoft PowerPoint. Как уже было сказано, освоиться здесь довольно легко. При создании нового проекта в Articulate Storyline не нужно выбирать его тип или указывать какие-то параметры, даже размер – все регулируется по ходу дела. Но тем не менее воспользоваться «быстрыми» действиями можно: это запись экрана, импорт слайдов из проектов PowerPoint или тестов из программы Quizmaker, входящей в состав Articulate Studio, а также возможность открыть шаблон оформления. Несколько стильных шаблонов предлагается скачать на сайте Articulate, нужно только зарегистрироваться.

Начальное меню Articulate Storyline

Программа имеет интерфейс в стиле Microsoft Office 2007, причем в качестве цветовой гаммы выбран серебристый вариант (к сожалению, сменить его на другой нельзя). Разработчики постарались сделать внешний вид максимально похожим на PowerPoint, чтобы он не требовал долгого привыкания. Сверху располагается классическая Ribbon-панель с группами команд Home, Insert, Design, Animations, View, Help. Под ней присутствует ряд вкладок, позволяющих переключаться между сценами. Основное пространство занимает текущий слайд. Под ним находится тайм-линия, слева – лента слайдов, справа – две дополнительные панели: триггеры и слои. Есть несколько вариантов переключения рабочей области, чтобы можно было просмотреть структуру проекта или подготовить слайд с помощью мастера. В окне слайда также возможно закрепить линейку, сетку и линии, обозначающие центр, – все это поможет выстроить объекты на слайде.

Главное окно программы

Подготовка роликов в Articulate Storyline основана на слайдах. Собственно, программа в этом не отличается ни от одного другого e-learning-редактора, да и сложно представить здесь что-то новое. Поэтому принципы работы те же, что и везде: нужно подготовить необходимую структуру слайдов, после чего расположить на них объекты и запрограммировать их на взаимосвязь друг с другом. Но в том, как это организовано, присутствуют некоторые отличия. Прежде всего в Articulate Storyline присутствует понятие «сцена». Сцена включает в себя набор слайдов, и при создании проекта вы можете обходиться как одной сценой, состоящей из необходимого количества слайдов, так и делать их несколько, разделяя по смыслу или по удобству (как в любом учебнике, состоящем из разделов). Вкладка Story View отображает схему проекта, отсюда можно открыть любую сцену и работать с ней на отдельной вкладке.

Структура проекта в Articulate Storyline

При добавлении нового слайда в проект программа требует указать его тип. Присутствует пять категорий, среди которых можно выбрать тип слайда: Templates, Basic Layouts, Quizzing, Screen Recordings, Import. Разберем их подробнее.

Добавление нового слайда

Templates (темы). Здесь предлагается загрузить шаблон оформления слайда с официального сайта продукта (этот процесс происходит автоматически, не обязательно скачивать темы через браузер, хотя в веб-галерее представлен более широкий выбор). Таким образом, доступны четыре категории шаблонов, среди которых есть доски со стикерами, записные книжки, персонажи возле белой доски и тому подобные офисные темы. Для проведения презентации или имитации учебного процесса в классе эти шаблоны могут очень пригодиться, тем более что нарисованы они достаточно стильно и качественно.

Basic Layouts (основные макеты). А это базовые шаблоны, которыми можно воспользоваться, если вы хотите оформить слайд с нуля. Здесь есть как абсолютно чистый бланк, так и другие пустые шаблоны, для удобства уже разграниченные определенным образом: с областью для размещения заголовка слайда, текстового содержания, вопросов или медиаконтента. Quizzing (тестирование пользователей). Как мы упоминали, Articulate Storyline поддерживает интеграцию с системами дистанционного обучения – ролики могут быть совместимы со спецификациями SCORM, AICC, Tin Can Api. Соответственно, результаты тестирования можно передать в использующуюся СДО, будь то Moodle или любой другой учебный движок. Впрочем, вы также можете провести тест и показать пользователю результаты без использования специальной системы, в рамках отдельного ролика.

Варианты тестирования пользователей

На скриншоте видно, что набор слайдов с различными вариантами проверки знаний достаточно большой – в других e-learning-редакторах (например, в Adobe Captivate) их меньше. Здесь есть «правда/ложь», выбор одного или нескольких вариантов ответа, самостоятельный ввод ответа в текстовую форму, щелчок по «горячей области», перетаскивание или выбор изображений и многое другое. При добавлении в проект слайда, содержащего вопрос, открывается окно редактора теста. В нем нужно ввести вопрос и варианты ответа, указать правильный ответ и выполнить прочие настройки. Сохранив тест, можно оформить обычным образом слайд, на котором он располагается, форма теста при этом тоже настраивается.

Помимо слайдов с вопросами вы можете добавить бланк с результатами тестирования, содержащий информацию о набранных баллах и необходимом минимуме. Если пользователь его достиг, он получит уведомление, что тест пройден, а если нет – сможет пройти еще раз. Вы можете отредактировать формулировку и задать параметры прохождения теста, куда, кстати, можно включить и отведенное на него время, по истечении которого тест будет считаться проваленным.

Screen Recordings (захват экрана). Данная функция является важной составляющей любого e-learning-редактора, и она присутствует как в Adobe Captivate и CourseLab, так и во многих других утилитах, например в Camtasia Studio. С ее помощью можно записать на экране последовательность действий в каком-либо приложении, чтобы обучить пользователя владению программой или веб-сервисом. Есть два режима записи: видео и «шаг за шагом». Если выбрать первое, будет сохранен простой видеоролик, который размещается и монтируется, как обычный медиафайл. В Articulate Storyline присутствует встроенный редактор звука и видео, который позволяет выполнить простейшие действия – обрезать, вырезать лишний участок, подправить громкость и т. п. Если же выбрать режим «шаг за шагом», программа вставит набор последовательных слайдов, на которых перемещения курсора будут отображены с помощью векторной анимации, а видео появится в виде отрывочных фрагментов лишь в те моменты, когда при записи был зажат курсор мыши (например, пользователь рисовал). Подобная комбинация существенно экономит размер ролика, однако подходит не во всех случаях.

Запись экрана в Articulate Storyline

При записи можно выбрать размер области захвата, а также микрофон, если он подключен. На размер здесь нет ограничений: даже если формат вашего проекта, например, составляет 800х600, вы можете записать ролик с разрешением 1280х920 – при вставке в проект он будет автоматически сконвертирован под нужные требования.

Articulate Storyline позволяет ярко оформить слайды благодаря множеству объектов, которые вы можете вставить как через собственную базу программы, так и самостоятельно. Прежде всего, конечно, нужно упомянуть типовые функции – вставка изображений, скриншотов, графических фигур, выносок и текстовых блоков. С графикой здесь связана интересная деталь: вы можете активировать функцию Zoom Picture и, если пользователь щелкнет по картинке, она плавно увеличится «во весь рост».

Эффект увеличения изображения

После этого можно упомянуть добавление кнопок, чекбоксов и радиокнопок: их присутствует не так много (по нескольку штук каждого вида), зато это компенсируется возможностью тонкой настройки с помощью специального инструмента Button Tools. Еще одна примечательная категория объектов – маркеры: это набор небольших иконок, включающих значки навигации, управления, цифры и многие другие обозначения. При наведении мыши на них отображается всплывающее меню, которое может содержать дополнительный контент (например, объяснение термина). Кроме того, и кнопки, и маркеры, и все остальные объекты можно запрограммировать на выполнение различных действий, но об этом поговорим позже.

Слева - пример маркера на слайде, справа - их доступный набор

Яркая фишка Articulate Storyline – большой набор персонажей, которые можно добавлять на слайды как помощников или консультантов, что довольно часто используется на сайтах или в промороликах. Здесь доступны двадцать нарисованных и одна фотомодель. Правда, мультяшные персонажи все на одно лицо, вернее, на два – мужское и женское, а отличаются они возрастом, цветом кожи и стилем одежды (офисная, домашняя, больничный халат и другие). Зато у каждой модели есть тридцать пять вариантов поведения – стоит, разводит руками, держит указку или листок, сидит за столом или в инвалидной коляске, а в придачу к этому есть двенадцать вариантов выражения лица в этот момент: улыбается, нахмурен, думает и т. д. И это еще не все: персонаж при этом может быть обращен в разные стороны – прямо, налево или направо. Итого умножаем 35*12*3, получаем 1260 вариантов поведения каждой модели. На сайте Articulate можно скачать еще большее количество персонажей за дополнительную плату.

Доступные персонажи. На дополнительных вкладках можно выбрать выражение лица и позу

Как и полагается, Articulate Storyline поддерживает вставку мультимедийного контента всех типов: видео, флеш, звук, веб-объекты. Импортируются все распространенные форматы видео (flv, avi, wmv, mov, mpeg, dv, 3g) и звука (mp3, wma, wav, m4a, aac, aiff, ogg), кроме того, можно вставить HTML-код ролика из Интернета или записать видео с веб-камеры, а звук – с микрофона. SWF-ролики тоже принимаются без проблем, что открывает практически неограниченные возможности по интеграции с проектами из других мультимедийных редакторов. Веб-страницы отображаются на слайде в виде фреймов, ими можно пользоваться, и это тоже существенно расширяет горизонты проектирования роликов.

Теперь рассмотрим уникальную функцию программы, придающую ей существенный вес перед аналогичными продуктами: она позволяет вставлять на слайды область прокрутки. Благодаря этому слайды можно использовать как обычные страницы, содержащие неограниченное количество информации. И если в плане обычных презентаций тот же PowerPoint может посоперничать с Articulate Storyline, то для подготовки электронных курсов, учебников и справок с большим количеством текста он явно не годится именно по причине своей одностраничности. То же самое можно сказать об Adobe Captivate.

Область прокрутки на слайде. Как видите, здесь может разместиться любое количество информации

Из еще не упомянутых объектов стоит перечислить следующие: область ввода, курсор мыши, горячая область. Первая позволяет пользователю вводить с клавиатуры текст или числа в форму, что может использоваться для самых разных целей, например для повторения действий на экране (скажем, имитируется процесс входа в программу под своей учетной записью), или чтобы представиться: пользователь введет свое имя и в дальнейшем эта переменная будет подставляться в форму обращения (в совокупности с использованием персонажей это еще более усиливает эффект живого общения). Курсор мыши на слайде имитирует ее передвижение по экрану. Вы можете выбрать иконку курсора, тип щелчка, задать конечную точку и направление движения, изменить траекторию (полукругом или прямо). Что касается горячей области (которая может быть в формате овала, прямоугольника или свободной формы), она используется исключительно для нужд программирования, которые мы рассмотрим в следующей части обзора.

И напоследок стоит упомянуть об эффекте увеличения области – он также относится к группе инструментов «Вставка». Данный эффект плавно увеличивает область экрана до заданной рамки и смотрится весьма приятно. Учитывая, как часто он используется пользователями при монтаже роликов в Camtasia Studio, можно понять, насколько он уместен и здесь.

Эффект увеличения области

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

Articulate Storyline для создания интерактивного мультимедийного контента

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

Конечно, на сегодняшний день удивить подобными эффектами никого нельзя, но нужно иметь в виду, что обычно для их применения нужно обладать хотя бы минимальными знаниями программирования, например в том же Adobe Flash, тогда как Articulate Storyline позволяет добавлять их совершенно легко. Более того – логика программы здесь настолько проста и интуитивно понятна, что превосходит все другие e-learning-редакторы, такие как Adobe Captivate и CourseLab. Благодаря этому можно сосредоточиться именно на качестве контента, а не на технической составляющей вопроса.

Триггеры можно «вешать» как на любой добавленный объект (кнопка, картинка и т. д.), так и на сам слайд в целом. Изначально на слайде уже закреплен один триггер, задача которого – по щелчку открыть следующий слайд, как в PowerPoint. Вы можете его отредактировать или добавить любые другие триггеры – все это проделывается на специальной панели, которая отображается справа от основной рабочей области. Главное, что нужно учитывать: если на один объект «повешать» несколько триггеров, первый может перекрывать последующие.

Рис. 1 Меню "Триггеры" в Articulate Storyline

Триггеры создаются с помощью мастера и имеют две составляющие: Action и When, то есть что делать и когда. Рассмотрим список команд Action.

Рис. 2. Действия триггеров в Articulate Storyline

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

Common. Команда Change state of позволяет изменить состояние других объектов: нажать, скрыть, отключить и так далее; кроме того, если в качестве объекта выбраны анимированные персонажи, то можно изменить выражение их лица – например, вместо нейтрального оно может стать грустным или веселым (последнее хорошо подходит для тестирования пользователей). Команды Show layer и Hide layer отображают и скрывают слои на слайде – об этом мы еще не упоминали, но каждый слайд может состоять из нескольких слоев, которые могут отображаться поверх основного. Jump to slide и Jump to scene – это переход к определенному слайду или сцене, причем можно выбрать как следующий или предыдущий, так и любой в проекте. И, наконец, последние команды в этом ряду – Lighthox slide и Close lightbox – могут открыть и закрыть во всплывающем окне другой слайд в проекте. Последнее довольно удобно с учетом того, что этот слайд можно заранее спроектировать как вспомогательный.

Рис. 3. Слайд в режиме Lighthox

Media. Команды Play, Pause и Stop позволяют управлять просмотром видео и аудио, добавленных на слайд. Их можно соотносить с тем или иным файлом. К сожалению, на флеш-файлы действие данных команд не распространяется.

Interaction. Триггер Submit interaction связан с проведением тестов и позволяет отправить результаты ответа на вопрос. Например, пользователь выбрал вариант ответа и может щелкнуть по картинке, чтобы перейти к следующему слайду.

Course. Команды Restart course и Exit course могут перезапустить курс с начала или закрыть его; правда, последнее будет работать только в том случае, если вы опубликуете проект в формате HTML5.

More. Команда Adjust variable позволяет настроить переменную. Переменные здесь используются в связке с объектом Data Entry (область ввода текста или чисел). Каждому такому объекту можно присвоить отдельную или одну и ту же переменную, которая будет иметь то значение, которое ввел пользователь с клавиатуры. А с помощью данной команды можно изменить это значение на любое другое или вообще подставить в область ввода значение из другой переменной. Например, пользователь ввел в одной форме свое имя, и оно тут же отобразится в другой.

Триггеры Jump to URL/file и Send email to выполняют довольно стандартные вещи – могут открыть ссылку на веб-страницу, файл или адрес электронного ящика. А команда Execute JavaScript может выполнить заданный JavaScript-код, что позволяет настроить взаимодействие с веб-сервером, однако требует соответствующих навыков для его написания.

Quiz. Все команды здесь связаны с тестированием пользователей. Команда Submit results позволяет отправить результаты тестирования, Review results – открыть слайд с результатами (если он был добавлен в проект), Reset results – сбросить результаты, а Print results – распечатать их.

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

Рис. 4. Условия для соблюдения действия

Click Events. Основное событие, по которому обычно происходит выполнение тех или иных действий на слайде, – клик мыши. Предусмотрен как простой, так и двойной щелчок и даже клик правой клавишей. Последнее особенно сильно расширяет возможности имитации программного обеспечения (если нужно имитировать вызов контекстного меню в программе), да и вообще может быть полезно во многих других случаях. Но, по понятным причинам, эта функция будет работать, только если вы экспортируете ролик в формате HTML5, а не во флеше. Еще одна функция – User click outside – означает щелчок за пределами объекта. Например, вы можете «повесить» на кнопку два триггера: если пользователь кликнет по ней, будет выполнено одно действие, а если мимо нее – другое. Жаль только, что здесь нет возможности анимации и передвижения объектов по слайду, иначе можно было бы составить даже небольшие игры. Timeline Events. Очень простые события – начало и конец тайм-линии. Самое очевидное: слайд закончился – произошел переход к следующему.

Drag Drop Events. А это очень интересная функция, связанная с перетаскиванием объектов. С ее помощью можно добавить возможность пользователю перетащить по слайду любой объект, будь то картинка, кнопка и т. д. Причем нужно выбрать не только объект, который будет перетаскиваться, но и тот, на который его следует перетащить (например, фотографию внутрь рамки). Здесь есть два варианта: Object dragged over означает, что нужно перенести и отпустить, а Object dropped on – только занести. Кроме того, для каждого объекта на слайде можно выбрать, будет ли он возвращаться в исходное положение при перетаскивании не в обозначенную область.

Рис. 5. Режим Drag Drop: объекты можно перетаскивать по слайду

Other Events. Все остальные события. User presses a key – использование пользователем горячих клавиш или просто нажатие определенной кнопки на клавиатуре. В комбинации можно задать связку Ctrl, Alt, Shift + любая другая клавиша. State – состояние объектов на слайде. Вы можете задать довольно сложную формулировку, при которой все/любой из/кроме выделенных объектов должны соответствовать/не соответствовать определенному состоянию: нормальное или объект скрыт, по нему осуществлен щелчок и т. п. Variable changes – это использование переменных, которые, как мы упоминали, связаны с объектом Data Entry. Вы можете выбрать переменную и задать условия: равно или не равно определенному значению или другой переменной, при этом регистр может как учитываться, так и нет. Например, в качестве необходимого условия можно задать, чтобы пользователь ввел «google» или «гугл». Стоит добавить, что подтверждение ввода можно выполнять и другими действиями – скажем, щелчком по кнопке. И, кроме того, вы можете вставить содержание переменных в тексте как символы или гиперссылки. Это крайне полезная возможность – в частности, с ее помощью можно персонализировать общение с пользователем: если он введет в форму свое имя, оно будет автоматически подставляться в последующих репликах.

Рис. 6. Пример использования переменных в проекте

Команда Mouse hovered over – наведение курсора над указанным объектом. Чаще всего они «вешаются» на такой объект, как «горячая область», которая сама по себе не имеет большого значения. Она может быть в виде овала, прямоугольника или свободной формы, причем ее можно выделять на экране или сделать невидимой. Media completes – еще одно «удобное» условие для выполнения действия: оно позволяет подождать, пока закончится воспроизведение указанного медиаобъекта (видео или аудио). И, наконец, Confrol loses focus. Эта команда работает в связке с областью ввода и позволяет активировать действие, когда пользователь щелкнет за пределами ее формы. Как видите, конструктор для создания триггеров в Articulate Storyline обладает достаточно широкими возможностями как в плане действий, так и в плане условий для выполнения. Комбинируя их, вы можете достичь самых разнообразных эффектов и воплотить в жизнь довольно много интересных идей. Теперь перейдем к другой части работы над проектом – рассмотрим возможности программы в плане дизайна и анимации.

Вкладка Design в программе содержит набор стилей, которые вы можете применить к проекту. Это касается фонового изображения, цветовой гаммы и шрифтов, используемых по умолчанию. Шаблонов здесь достаточно много, их можно редактировать и сохранять на компьютер, чтобы импортировать в дальнейшем. Собственно, ничего особенного в этом нет, и здесь программа ничем не отличается от Microsoft PowerPoint. Но главное – именно в этом разделе присутствует кнопка Story Size, отвечающая за формат ролика. Как мы уже говорили в прошлой части статьи, при создании он не указывается, и если вы хотите изменить разрешение, к примеру, с 1280х720 до 800х600, то это нужно делать именно здесь. При этом все объекты могут быть автоматически сдвинуты и обрезаны под новый размер.

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

Рис. 7. Эффект плавного появления объекта на слайде

Теперь поговорим о публикации проектов. Как мы говорили в самом начале, Articulate Storyline поддерживает экспорт в Flash и HTML5. Последняя возможность является трендом сезона и связана с нарастанием популярности данного формата, обусловленной широким распространением мобильных устройств, которые, как известно, не поддерживают флеш.

Рис. 8. Публикация ролика в Articulate Storyline

Более того, в AppStore присутствует специальное приложение от Articulate – мобильный плеер для iPhone и iPad, который позволяет с комфортом просматривать ролики, созданные в Articulate Storyline. При публикации вы можете поставить галочку, которая определит необходимость установки данного плеера, а также разрешить пользователям мобильных устройств загружать ролики для просмотра в офлайне.

Рис. 9 Приложение Articulate для iPad

В настройках можно изменить качество трех составляющих компонентов ролика – видео, аудио и изображений, а также настроить его оболочку – плеер для просмотра. Совсем отказаться от него нельзя, но вы можете свести элементы к минимуму, оставив только кнопки «Назад» и «Вперед». Изначально же в плеере отображается сайдабар, включающий в себя несколько разделов – меню, глоссарий, примечания и форму поиска, а также заголовок ролика, закладку «Ресурсы», кнопку громкости, панель управления просмотром.

Рис. 10 Шаблон плеера в исходном состоянии

Все это отключается, настраивается, сайдабар можно расположить как слева, так и справа. Вы можете наполнить и отредактировать такие разделы, как «Меню», «Глоссарий» и «Ресурсы», где отображаются структура курса, встречающиеся термины и ссылки на используемые/рекомендуемые материалы. Также изменяются цветовая тема, шрифты, надписи в плеере и прочие настройки. Стоит сказать, что в надписях присутствует большой набор языков, на которые можно легко переключиться, в том числе и русский (это автоматически сменит подпись NEXT на ДАЛЕЕ). Присутствует возможность сохранить настроенный плеер в формате XML, чтобы потом его импортировать.

Если вы собираетесь загружать ролик в систему дистанционного обучения (LMS), то можете выбрать соответствующий стандарт – SCORM 1.2, SCORM 1.4, AICC, Tin Can API – и заполнить его идентификационные данные. Кроме того, можно воспользоваться встроенной службой Articulate Online – это «облачная» LMS компании, однако доступ к ней стоит весьма дорого – от $199 в месяц. И, наконец, упомянем о том, что, кроме размещения в Вебе, вы можете опубликовать ролик для записи на CD или даже экспортировать его в Microsoft Word. В документе будут содержаться заголовки слайдов и их скриншоты, что неплохо подходит для распечатки сценария проекта.

Articulate Storyline является дорогой, качественной и простой в освоении программой для создания интерактивного мультимедийного контента, в первую очередь образовательного направления. Чаще всего ее сравнивают с Adobe Captivate, по сравнению с которой она имеет ряд как преимуществ, так и недостатков. Например, последняя умеет экспортировать ролики в формате видео для размещения на YouTube, имеет более широкие возможности по работе со звуком, обладает встроенной библиотекой объектов и др. А если говорить о более популярной в России программе CourseLab, там присутствует мощный встроенный язык программирования, с помощью которого даже можно составить игрушку типа тетриса. Однако если Articulate Storyline и уступает в некоторых деталях, то ей это можно простить за ряд уникальных фишек и, главное, яркий визуальный стиль роликов. Рекомендуем обратить внимание на эту программу всем специалистам e-learning, педагогам, маркетологам и людям других схожих специальностей.

Автор: Олег Буйлов.