Storyline 360
Any course you can imagine, on any device imaginable
Responsive to every mobile device
Deliver interactive courses to every device—without tweaking a thing. You simply create your course in Storyline 360, then click publish. That’s it. Your course auto-magically plays everywhere, beautifully.
Optimized effortlessly
The new responsive player dynamically adapts to tablet and smartphone screens, providing an optimal view of your course on every device. Unlike Adobe Captivate, there’s no need to tweak your course for various device breakpoints. The responsive player does all the work, not you.
Mobile-friendly playback
Designed to deliver an ideal learner experience, the player hides sidebar menus, eliminates browser chrome, and delivers mobile-friendly playback controls optimized for every screen size and orientation.
Touchscreen gesture support
Invite deeper interaction with your courses. The responsive player supports touchscreen gestures, so learners can swipe, drag, and pinch-to-zoom on tablets and mobile devices.
Go zero to gorgeous in 60 seconds
Collaborate with your team
Make collaboration easy for your team. Create a collection of shared team slides that everyone can access right from Storyline 360. Upload branded project templates, share slides that need to be in every course, and give teammates access to reusable slide content.
Easy interactivity, without limits
Create virtually any interaction under the sun in minutes. Storyline 360 is simple enough for beginners, yet powerful enough for experts.
Build any interaction
If you can imagine an interaction, you can easily build it with the slide layers, triggers, and states in Storyline 360. Learners can click, hover over, or drag any object to trigger any action.
Get instant interactivity
Drop buttons, dials, sliders, markers, and hotspots on your slide to add interactivity in seconds. With just a few clicks, you’ll have an engaging interaction.
Personalize interactions
Respond to learners with dynamic, personalized content. With the variables in Storyline 360, you can customize interactivity to the max with minimal effort.
Show, don’t tell
Build a more immersive, engaging learner experience with video and simulations. Storyline 360 makes it fast and easy to give learners a visual tour.
Create screencasts
Show learners exactly what they need to know by recording your screen activity. Then easily add captions, characters, and pan-and-zoom effects.
Build software simulations
Add any video
Discover what learners know
Storyline 360 has everything you need to assess learners any way you want. Create insightful assessments quickly by using 25 different question types and importing existing questions.
Pool and randomize questions to keep content fresh and learners on their toes. And turn objects into drag-and-drop and other decision-making activities in minutes.
You can even discourage guessing with negative scoring, test throughout your course to get a clear view of performance, and combine results from multiple quizzes for a final score.
Articulate storyline 360 что это
Руководитель направления в отделе методологии обучения ПАО Сбербанк
Занимается сборкой электронных курсов, настройкой СДО и учебной аналитикой
Для создания электронного курса нужен подходящий инструмент. Понять через несколько часов или дней работы, что в выбранной среде идею реализовать не получится, — не самый приятный исход. Поэтому в LEVEL мы используем максимально функциональные инструменты, и самый популярный из них — Articulate Storyline. Для тех, кто только начинает изучать e-learning, справка:
Компания Articulate выпускает инструменты для разработки электронных курсов и считается одним из лидеров индустрии. Storyline 360 — это многофункциональный редактор, позволяющий создавать учебный и интерактивный контент: диалоговые тренажеры, тесты, симуляции и мини—игры.
1. Работа со слоями.
Все объекты можно разместить на одном слайде, но в итоге это его не перегрузит: показывать слои с объектами можно по мере необходимости.
2. Использование анимации и изменение состояния объектов с помощью триггеров.
Например, при наведении курсора объект будет менять цвет, появляться или исчезать.
3. Добавление видео и аудио.
Полезная функция с базовым набором инструментов.
4. Доступ к стандартной медиабиблиотеке.
Там хранятся иконки, иллюстрации, кнопки, маркеры, счетчики и многое другое.
Если шаблонных решений недостаточно, будьте готовы собрать курс вручную. Ниже мы детально рассмотрим другие инструменты редактора.
1. Запись видео с экрана с возможностью выбора формата его вставки.
В Storyline есть инструмент, позволяющий за пару кликов сделать простой интерактивный тренажер по программному обеспечению. Этот же тренажер можно собрать и вручную, получив гибкий продукт, легко кастомизируемый под любой дизайн и дополнительный функционал.
2. Скрипты на JavaScript.
Еще большей уникальности курса можно добиться, дополняя стандартные инструменты небольшими (или большими) скриптами на JavaScript. Они позволяют взаимодействовать с веб-сервисами или веб-объектами за пределами редактора. Например, в самом Storyline нельзя сделать виртуальный 3D-тур, но его можно разработать отдельно, затем встроить на слайд в Storyline, а результат прохождения передать в курс с помощью JS.
JavaScript позволяет по результатам прохождения курса формировать лидерборды и записывать их в гугл-таблицу, выводить на экран дату или узнавать имя пользователя и многое другое.
Правда, тут не обойтись без знания языка программирования или помощи разработчика. Еще помощь специалиста потребуется, если в электронном курсе нужно использовать фирменный стиль компании: единообразные картинки, иллюстрации, иконки. Так, для каждого клиентского проекта в LEVEL выделяется один или несколько дизайнеров.
1. Как добавить в курс автоматический счетчик слайдов.
Многие разработчики делают нумерацию слайдов одним из двух способов:
2. Как опубликовать курс в виде мобильного приложения.
Иногда необходима возможность изучения курса без СДО и в офлайн-режиме, например, если это инструкции для курьеров или водителей. Один из вариантов — упаковать курс как мобильное приложение для Android или iOS (но с iOS сложнее, потому что размещать приложения можно только через App Store, а там довольно жесткие правила публикации). Для этого существует сервис Adobe PhoneGap. Он позволяет бесплатно конвертировать папку с курсом в файл мобильного приложения.
3. Как закрепить цветовую схему в палитре.
Как правило, при разработке курса есть определенная цветовая схема, например красный цвет у заголовков в тексте. В Storyline есть способ закрепить это в цветовой палитре, чтобы не уточнять каждый раз нужные коды цветов. Это можно сделать на вкладке Design > раздел Colors > Create New Theme Colors.
Вот несколько советов, которые будут полезны всем: и начинающим разработчикам, и методистам, и дизайнерам, и профессионалам, которым полезно освежить в памяти эти нюансы.
1. Не начинайте делать курс, пока не собрали материал полностью. Может получиться, что материал, пришедший позже, не впишется в уже начатый проект и его придется переделывать.
2. Верстайте курс в одной цветовой гамме, а еще лучше — в фирменных цветах компании: так он лучше воспринимается.
3. Если новые обучающие курсы внутри компании приходится делать регулярно, то заведите универсальный шаблон с единой структурой курсов, готовым дизайном слайдов и единым стилем объектов.
4. Используйте индикатор прохождения и интерактивную карту курса. Это поможет пользователю лучше ориентироваться и планировать время на обучение.
5. Диалоговые тренажеры — отличный способ закрепить большой объем теории по коммуникации. Они наглядно показывают, как ее можно применить на практике, и формируют желаемую модель поведения. Но тут нужно быть внимательным: для тренировки не коммуникативных навыков такой инструмент мало подходит.
6. Еще в диалоговых тренажерах полезно учитывать «тупиковую» ситуацию, когда обучающийся изначально не может достичь цели. Это делается для того, чтобы у него не сформировалось ложное мнение, что в жизни достичь результат так же легко, как в тренажере.
7. Не перебарщивайте с графикой. При оформлении курса важно сделать так, чтобы визуал помогал пользователю лучше воспринимать информацию, а был не просто «для красоты».
8. Используйте фото реальных сотрудников и реальных локаций компании, а в качестве сюжета — реальный рабочий опыт. Это нужно для повышения интереса и вовлеченности в курс.
Articulate Storyline
Введение
Articulate Storyline – это функциональный и надежный инструмент для создания онлайновых презентаций и обучающих курсов. Имеет аналогичную с MS PowerPoint идеологию работы, превосходя свой классический аналог в ряде параметров. Есть и переходы между слайдами, и анимация объектов, и интерактивность элементов… Можно даже импортировать PowerPoint презентацию в Storyline с сохранением всех особенностей оригинала. Что отличает Storyline от PowerPoint: результат можно опубликовать в формате HTML5 для размещения и просмотра всеми желающими на любом сайте в интернете; развитый функционал создания тестов, викторин, опросов с ведением статистики и визуализацией результатов тестирования.
Из чего состоит проект Storyline
Иерархическая структура объектов проекта в Storyline: проект состоит из сцен, сцена состоит из слайдов, слайд может состоять из слоев, слой содержит элементы, у элемента могут быть больше одного состояния.
В слайд/слой Storyline вставлять можно различные элементы: текст, таблицы, формы, изображения, аудио, видео, фрейм с интернет-страницей, кнопки и другие. Этими элементами можно манипулировать с помощью триггеров, о которых ниже. Как и в PowerPoint элементам можно задавать анимацию возникновения на слайде и исчезновения с него. Проигрывание медиа можно запускать, останавливать, ставить на паузу. Пример презентации с аудио.
Есть элементы, в которые изначально заложена интерактивность. Например, маркеры. Это иконки для подсказок. Во-первых, маркер так ненавязчиво и нераздражающе пульсирует своей обводкой. При наведении мыши на него появляется заголовок маркера. При клике на маркер открывается весь текст его описания. При повторном клике подсказка исчезает.
ИТОГО: 41 * 12 * 33 * 3 = 48 708 вариантов.
Одного и того же персонажа можно выводить на слайд в различных состояниях в зависимости от окружающих условий и событий. С персонажами очень удобно и наглядно получается создавать обучающие курсы. Пример теста с персонажами.
К любому элементу можно присовокупить его различные состояния. Например, для фигуры или кнопки это может быть другой цвет заливки, другая толщина обводки. Потом с помощью триггера можно менять одно состояние на другое как реакция на какое-то событие или действие.
Все элементы слайда также размещаются на шкале времени (Timeline), где их можно выделять, перемещать друг относительно друга, изменять период их присутствия на слайде.
Тесты
Слайд может являться отдельным вопросом теста. Есть 26 разновидностей вопросов. Чтобы добавить слайд-вопрос надо открыть панель SLIDES. Тип вопроса добавляется по одной из трех кнопок [Graded Question], [Survey Question] или [Freedom Question].
После выбора появляется новый слайд с заготовкой теста, состоящей, как правило, из вопроса и возможных ответов. При работе со слайдом-вопросом вы будете переключаться между двумя основными режимами: Form View и Slide View. Это работа с данными формы (задание логики, текстов, картинок, аудио. ) и конечным видом слайда. Переключение между формами происходит по соответствующим кнопкам на правой панели интерфейса.
Важно отметить, что если есть хотя бы один слайд-вопрос, то имеет смысл добавить слайд-статистику по тесту. Он добавляется по кнопке [Results]. В настройках этого слайда вы выбираете слайды, с которых будете собирать статистику, и оформляете его. Числовые данные на этом слайде выводятся с помощью переменных.
Триггеры
Сильный функционал, который позволяет создавать интерактивности, т.е., организовывать взаимодействие с пользователем. Принцип такой:
Объекты могут быть разного типа. Возможные события и возможные действия объектов разного типа тоже разные. Есть удобный мастер для создания и редактирования триггеров. Есть возможность задать дополнительные условия для срабатывания триггера, например, отображение того или иного слоя слайда с результатами теста в зависимости от того, сколько баллов набрал отвечающий.
Панель триггеров находится справа. При выделении объекта на слайде, у которого еще нет триггера, активна только кнопка создания нового триггера. При выделении существующего триггера в этой панели активизируются кнопки его редактирования, дублирования, удаления.
Пример работы с триггером.
Как назначить реакцию персонажа на Correct или Incorrect ответ на слайде-вопросе. После того, как вы создадите слайд-вопрос, появятся слои у слайда Base Layer, Correct и Incorrect. Вставьте на слой Base Layer персонажа с состоянием Neutral. Выделите слой Correct и нажмите кнопку создания нового триггера. В мастере триггера для объекта Correct при событии Timeline starts задайте для персонажа, например, Character 1, действие Change state of, например, Happy.
В мастере вам предложат ограниченное число возможных состояний. А на самом деле у каждого персонажа есть в несколько раз больше состояний и поз. Чтобы задействовать другое состояние можно создать для персонажа Состояние вручную: выделить персонаж, перейти на закладку States, нажать кнопку EDIT STATES, добавить или продублировать персонажа, на этот дубль назначить иное Expression или Pose (закладка меню CHARACTER TOOLS > DESIGN), дать имя этому состоянию. Тогда в мастере триггера это имя нового состояния появится в списке To State в подразделе Custom.
Переменные
Пользовательские переменные пользователь может добавлять и назначать им первоначальное значение в мастере, который открывается по кнопке [(x)] в блоке триггеров. Пользовательским переменным можно присваивать как произвольные значения в виде числа, строки или False/True, так и значение какого-нибудь поля на слайде.
Переменные часто используются при назначении условий к срабатыванию триггера. В мастере триггера есть кнопка SHOW CONDITIONS, по которой открывается мастер условий. Без знания программирования, просто на логике, пользователь сможет добавить условия и не одно.
Также переменные можно использовать в Javascript, код которого можно подключить куда угодно через механизм триггеров. Подробнее работа с переменными описана здесь.
Сравнение с ActivePresenter
Резюме по сравнению: обе программы имеют одинаковую философию работы, одинаково хорошо работают со слайдами, триггерами, переходами, тестами, анимациями. Обе программы имеют хорошие проигрыватели для веба. В ActivePresenter наблюдается некоторый уклон в сторону создания презентаций, в Storyline есть уклон в сторону дистанционного обучения.
Тонкости
В Storyline я создал пока что два проекта, и заметил некоторые не очевидные тонкости, которыми делюсь.
Спрайты. Это изображение образа/персонажа со множеством состояний этого образа, поз персонажа. Такое изображение следует создать заранее. Добавить эту картинку в слайд. Выделить ее и перейти на закладку STATES. Нажать кнопку EDIT STATES. Нажать на кнопку NEW STATE. Изменить состояние картики инструментом [Crop], находящемся на закладке FORMAT при выделенной картинке и ее новом состоянии. Нажать на кнопку DONE EDITING STATES. Теперь у картинки есть два разных состояния и отображение того или иного состояния можно менять вследствии какой-то назначенной вами интерактивности.
Publish может не проходить, если в это время перед этим опубликованная презентация открыта в браузере. Например, при просмотре браузером вызван аудиофайл и при публикации он не может быть удален для перезаписи, пока окно браузера, его вызвавшее, не закроется. В этом случае надо закрыть в браузере закладку с презентацией и повторить публикацию. Присутствие кнопок NEXT и PREV можно регулировать. Но они относятся не к слайду, а к слою слайда, поэтому надо нажать на шестеренку на слое в нижнем правом углу интерфейса.
Аудиофайлы можно копировать со слайда на слайд вместо того, чтобы каждый раз загружать по-новой. Кроме того, на слайдах-вопросах вместо того, чтобы залезать в Form View и в разделе Feedback назначать через кнопки разные аудио на Correct или Incorrect события, лучше на слои Correct и Incorrect такого слайда скопировать аудио дорожки с другого слайда. После этого иконки аудио автоматически появятся в разделе Feedback.
Размер слайдов можно менять по ходу работы над проектом. Например, вы в середине работы поняли, что предустановленный размер маловат, а ваша презентация предназначена для больших экранах, на которых ваши добавленные растровые картинки должны выглядеть качественно. Для этого на панели DESIGN надо для начала нажать самую левую кнопку [Story Size], в открывшемся окошке изменить размеры, при изменении рекомендую отметить радиобаттон Scale to fit, чтобы внешне ничего не изменилось, но ваши картинки после публикации имели бо́льший размер в пикселах.
Скачать, почитать, посмотреть
📥 Скачать Articulate Storyline 3. Это портабельная версия программы (инсталляции не требует, работает сразу после распаковки). Пароль для распаковки архива newart.ru (не забудьте). Проверял работоспособность на Windows 7×86 и Windows 10×64. Еще забудьте скопировать/переместить папку Articulate из архива в папку c:\Program Files\Common Files\ как написано в файле readme.txt.
📘 Скачать руководство пользователя (Getting Started with Articulate Storyline) на английском языке в формате PDF.
🔻 Скачать шаблоны Storyline и PowerPoint проектов на сайте компании-разработчика, а также дизайнерские наборы различных элементов для включения в ваши работы.
Articulate 360 FAQs: Storyline 360
Article Last Updated
This article applies to:
Articulate Storyline 360 lets you create any interactive e-learning course you can imagine, easily. See these FAQs for answers to common questions about Storyline 360.
What is Storyline 360?
Storyline 360 empowers you to create any interactive e-learning course you can imagine for any device imaginable, from desktop and laptop computers to tablets and smartphones.
Storyline 360 is part of Articulate 360, which has everything you need for the entire course authoring process. An annual subscription service, it’ll provide you with continuous feature updates to Storyline. Articulate 360 includes the latest version of Storyline, our new web-based responsive authoring tool called Rise 360, plus all of our other authoring tools. It also includes 8.3+ million course assets, an easy-to-use project review app, and live online training with industry experts.
Where can I find tutorials and user guides for Storyline 360?
Be sure to check out our exclusive, online webinars in Articulate 360 Training. It’s included with your Articulate 360 subscription.
And if you have any questions, post them in E-Learning Heroes. The largest e-learning community in the world is standing by, ready to help.
What are the system requirements for Storyline 360?
How do I install and update Storyline 360?
We made it super simple to install and update Storyline 360.
First, install the Articulate 360 desktop app and sign in with your Articulate ID email address and password. Then, click the Install button for each app you want to install, such as Storyline 360.
The Articulate 360 desktop app will notify you when updates are available. Just click the Update button for each app that has a new update.
Can I install Storyline 360 on my Mac?
Mac users with Intel processors can install Storyline 360 in Parallels Desktop, VMware Fusion, or Apple Boot Camp. If you have the Apple M1 chip, we have updates here.
See these best practices for using Articulate software in a virtual environment:
Is there a silent installer for Storyline 360?
Yes. We’ve prepared an MSI file and a detailed deployment guide for centrally-managed installations of Articulate 360 apps. Contact us for details.
How do I activate Storyline 360?
It’s easy. Just sign into the Articulate 360 desktop app with your Articulate ID email address and password.
If you have an active subscription, Storyline 360 will automatically work as expected. If your subscription has expired, Storyline will no longer work, but you can re-enable it by renewing your subscription.
Do I have to be connected to the internet to use Storyline 360?
Initially, you must be online to sign into the Articulate 360 desktop app, which allows you to install and use Storyline 360. Thereafter, you can use Storyline offline up to 99 days at a time (or 30 days for free trials).
If you’re offline longer than 99 consecutive days, Storyline will stop working. To re-enable it, simply connect to the internet and sign into Articulate 360.
As long as you’re online, you can use Storyline without interruption. If you go offline (for example, when you’re traveling), the 99-day clock begins, allowing you to use it offline. The 99-day clock resets each time you connect to the internet and sign into Articulate 360.
My organization doesn’t allow internet access at all. Can I use Articulate 360 offline?
Initially, you must be online long enough to sign into Articulate 360 and install the desktop-authoring apps, such as Storyline 360. Then you can use the apps offline up to 99 days at a time (or 30 days for free trials).
If you’re offline longer than 99 consecutive days, the apps will stop working. To re-enable them, you’ll need to connect to the internet long enough to sign into Articulate 360, which resets the 99-day offline clock.
Can Storyline 360 be installed on the same computer with previous versions of Storyline?
Yes. Storyline 360 can be installed side by side with Storyline 1, Storyline 2, and Storyline 3 on the same computer.
Can I upgrade my existing Storyline projects to Storyline 360?
Yes. Just open your existing Storyline 1, Storyline 2, and Storyline 3 projects with Storyline 360, then confirm that you want to upgrade them when prompted. It’s that easy.
And don’t worry. Backup copies of your original project files will automatically be created in case you need to go back later.
Can I edit Storyline 360 projects with previous versions of Storyline?
No. Storyline 360 projects can’t be opened, edited, or published with Storyline 1 or 2.
Can the same project file be opened with Storyline 360 and Storyline 3 interchangeably?
Storyline 3 project files can always be opened with Storyline 360, which is the latest version of Storyline.
Storyline 360 project files can be opened with Storyline 3 if they don’t have features that are exclusive to Storyline 360. See this article for details.
Can I collaborate with my team on Storyline 360 projects?
Members of your Articulate 360 Teams account can create a library of shared team slides that everyone can access right from Storyline 360. You can upload branded project templates, share slides that need to be in every course, and give teammates access to reusable slide content.
What happens to a user’s team slides when he or she is removed from the team?
When users are removed from the team, their shared slides remain available for the team to browse, download, rename, and organize in folders. Admins who have been assigned to user seats can also delete and restore team slides. Learn more about team slides permissions.
How do I make embedded Engage interactions work in HTML5 output when I upgrade to Storyline 360?
Storyline 1 and 2 supported Engage interactions in Flash output only, but Storyline 360 supports Engage interactions in HTML5 output.
To take advantage of HTML5 support when you upgrade existing courses to Storyline 360, click Edit in Engage on the Storyline ribbon for each embedded interaction, then simply click Save and Return to Storyline on the Engage ribbon. That’s it!
To learn more about upgrading courses to Storyline 360, see this article.
How does the responsive player work?
The all-new responsive player will automatically display when you view Storyline 360 HTML5 courses on tablets and smartphones. It adapts to the screen size and orientation of any mobile device for the best viewing experience—no extra work required. Just publish your course and let the player do all the work for you.
When you view the same Storyline 360 courses on desktop and laptop computers, the standard player will be used.
To learn more about the responsive player, see these FAQs.
