В то же время, если вы пользуетесь iSpring Suite 9 или Articulate Storyline, знаете, что там из размещенных на слайде различных объектов можно сделать упражнение на перетаскивание, указав, что будет «drag», а что – «drop».
![](https://static.tildacdn.com/tild6235-3834-4463-b061-623434343035/dnd_9.png)
Есть подобный объект и в CourseLab версии 3.1. Имеет он довольно длинное название «Многообъектное взаимодействие с распределением объектов по группам» и является прозрачным.
Чтобы его использовать, для начала подготовим объекты на слайде. В качестве наглядного упражнения я использовал распределение городов России, которые относятся к Европе или Азии. Одни надо перенести на поле «Запад», другие – на поле «Восток». Когда все города окажутся на этих частях, появится кнопка «Принять ответ».
![](https://static.tildacdn.com/tild3135-3636-4866-a133-323965656262/dnd_2.png)
В данном случае я взял две автофигуры (Запад и Восток) в качестве «баз». К примеру, в Articulate они бы имели название «Drop Target», а в iSpring – «Область назначения».
Роль «перетаскиваемых объектов» (iSpring) или «drag items» (Articulate) сыграют здесь стандартные текстовые блоки CourseLab, где они называются «элементами» баз. Им надо не забыть поставить галочку – «можно перетаскивать мышкой».
![](https://static.tildacdn.com/tild6339-3838-4738-b564-663336663938/dnd_3.png)
Ну и главный объект, который заставит взаимодействовать элементы с базами – это «Распределение». Находится он на полке библиотеки «Тестирование».
![](https://static.tildacdn.com/tild3364-6336-4534-a435-646161393030/dnd_5.png)
Как видно выше, выбираются две базы (ранее размещенные автофигуры) и в них указываются правильные элементы (текстовые блоки с названиями городов).
В контекстном меню выставляется расстояние между элементами и максимальное количество элементов, которое может разместиться на базе.
В основных настройках указывается тип привязки к базе (например, сверху вниз), вид завершения (текущее состояние), тип показа элементов (все сразу), количество попыток (1) и способ приема ответа (по нажатию на кнопку). Для последнего добавляем еще кнопку («Принять ответ»), роль которой сыграет текстовое поле, подобное перетаскиваемым «городам».
![](https://static.tildacdn.com/tild3437-3837-4730-b632-616564326161/dnd_7.png)
Настроим и обратную связь, добавив и указав в настройках «Распределения» соответствующие объекты с положительной и отрицательной реакцией.
Ну, вот и во всё, без строчки «действий» упражнение работает и проверяет правильность распределения перетаскиваемых объектов. Проверено в билде редактора от 08.06.2019, который можно скачать здесь.
Ниже представлена демонстрация положительного результата:
![](https://static.tildacdn.com/tild3866-3363-4730-a363-306535386661/da.gif)
А это отрицательный:
![](https://static.tildacdn.com/tild6564-3935-4131-b438-373234656138/net.gif)