5 мин. на чтение (слов - 1083)

Как создать простые интерактивные карточки в ActivePresenter

Карточки для запоминания обычно состоят из 2 сторон: ключ или понятие на лицевой стороне и объяснение на обратной стороне. Обучающиеся могут взаимодействовать с карточкой, нажав на одну сторону, после чего появится другая сторона. Ниже приведен пример простой интерактивной карточки.

Создание одной простой интерактивной карточки

Давайте создадим карточку с формулой по физике. Это простая карточка с термином «Средняя скорость» на лицевой стороне и определением и формулой на обратной. Чтобы сделать эту карточку, требуются такие функции ActivePresenter, как фигуры, состояния объектов, уравнения, переменные, события и действия.

Создание двух сторон карточки

Ниже приведены две стороны интерактивной карточки.

Добавление интерактивности к карточке

Основным этапом создания карточки для запоминания является настройка для нее событий и действий.

Создание переменных

Создадим переменную ИСТИНА/ЛОЖЬ, которая может принимать одно из двух значений: правильно/неправильно, нажата/не нажата, посещено/не посещено и так далее. В этом примере используются только 2 события для карточки, которые могут произойти – отображение лицевой и обратной стороны.

Чтобы добавить переменную, на вкладке «Главная» > «Переменные» > нажмите кнопку «Добавить» (зеленый крестик). Например, создадим переменную со значением true и назовем ее state. Дополнительные сведения см. Введение в переменные ActivePresenter 7 и Добавление и использование переменных.

Настройка событий и действий для переворачивания карточки

Сначала используем событие По щелчку, чтобы обучающиеся могли щелкнуть карточку. Чтобы добавить событие, выберите «Карточка > панель «Свойства» > вкладка «Взаимодействия» > «События и действия» > «Добавить событие» > функция По щелчку.

Для каждой стороны карточки используем одно и то же действие «Изменить состояние объекта».

Добавить действие (1) > «Изменить состояние объекта» > «Нажмите, чтобы изменить» > «Карточка > «Обратная сторона».

Добавить действие (1) > «Изменить состояние объекта» > «Нажмите, чтобы изменить» > «Карточка > «Обычный (по умолчанию)».

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

Добавить условие (2) > Если state равно значению True.

Добавить условие (2) > если state равно значению False.

Далее нужно добавить действие «Настроить переменную» для изменения состояния объекта в зависимости от манипуляций ученика.

Добавить действие > «Настроить переменную» > «Нажмите, чтобы изменить» > выберите переменную state и оператор «Переключение».

Оператор переключения изменяет значение переменной с true на false, и наоборот. В ActivePresenter действия выполняются в порядке добавления. В результате карточка перевернется, если щелкнуть по какой-либо ее стороне.

События и действия перевернут карточку.

Дополнительные сведения см. Использование событий и действий в ActivePresenter 7.

Итак, мы создали простую интерактивную карточку для запоминания информации. Теперь можно просмотреть свою работу (на вкладке «Главная» > «Предпросмотр HTML5»).

Создание набора простых интерактивных карточек

Если хотите создать набор простых интерактивных карточек, которые используют одни и те же события и действия, пришло время поговорить о расширенных действиях в ActivePresenter. Эта функция сэкономит много времени. Причина в том, что вы сможете использовать вновь созданное действие (расширенное действие) для многих карточек вместо добавления одних и тех же событий и действий для каждой карточки по отдельности. После добавления и форматирования стилей для карточек, продолжим создавать расширенное действие, чтобы перевернуть эти карточки. Ниже приведены подробные шаги для этого.

Создание и применение расширенного действия к событию

Чтобы создать новое расширенное действие, перейдите на вкладку «Взаимодействия» > «Расширенные действия». Давайте по очереди добавим значения для 3 разделов в диалоговом окне расширенного действия:

  • Назовите расширенное действие «1».
  • Добавьте 4 параметра с соответствующими типами. Эти параметры будут использоваться в качестве ссылок в следующей части.
  • Добавьте 3 действия и условия, используя параметры, созданные выше. Первое действие – изменение состояния объекта с помощью параметра Состояние 1.

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

Кроме того, добавьте второе действие для изменения состояния объекта в Состояние 2, но установите значение false для переменной state. Наконец, добавьте действие «Настройка переменной» для переключения 2 состояний.

Итак, мы только что создали расширенное действие. Нажмите кнопку «Сохранить и закрыть», чтобы сохранить расширенное действие и закрыть диалоговое окно.

После успешного создания расширенного действия применим его к карточкам. Сначала выберите карточку и перейдите на панель «Свойства» > «Взаимодействия» > «События и действия». Здесь добавим событие По щелчку и применим расширенное действие «1» и его условия, как показано на рисунке ниже:

Выполните описанные выше действия, чтобы применить расширенное действие к другим карточкам.

Дополнительные сведения см. Как использовать расширенные действия.

Добавление кнопок навигации и номеров карточек

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

Добавление кнопок навигации

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

Шаг 1: вставьте 2 фигуры («Аннотации» > «Фигуры» > выберите одну фигуру из списка).

Шаг 2: добавьте события и действия для кнопок «Вперед» и «Назад»:

  • Для кнопки «Вперед»: добавьте действие «Перейти вперед» событию По щелчку, чтобы при нажатии обучающимися кнопки, она открывала следующую карточку.
  • Для кнопки «Назад»: добавьте действие «Вернуться назад» событию По щелчку, чтобы при нажатии обучающимися кнопки, она открывала предыдущую карточку.

Шаг 3: показать кнопки навигации на всех слайдах. Для этого выберите 2 кнопки > щелкните их правой кнопкой мыши и выберите «Показывать на нескольких слайдах».

Добавление номера карточки

Чтобы отобразить номер карточки из общего количества карточек на слайдах, выполните следующие действия:

Шаг 1: вставьте текстовую надпись («Аннотации» > «Текстовая надпись»).

Шаг 2: добавьте ссылку в текстовое поле. Для этого щелкните внутри текстового поля, чтобы по очереди добавить 2 системные ссылки: apCurrentSlideIndex и apTotalSlides («Главная» > «Ссылка» > «Система» > apCurrentSlideIndex > / apTotalSlides).

Затем переместите это текстовое поле в соответствующее положение на слайде.

Шаг 3: показать номер карточки на всех слайдах. Для этого щелкните правой кнопкой мыши текстовое поле и выберите «Показывать на нескольких слайдах».

Теперь можно просмотреть свой курс, нажав кнопку «Предпросмотр HTML5» на вкладке «Главная».

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


Почему проектное обучение является новым направлен...

Читайте также:

 

Комментарии

Нет комментариев. Будь первым, кто оставит комментарий.
Уже зарегистрированы? Войти на сайт
Гость
21.08.2019