在清晰的故事情节中没有提交按钮的拖放交互

这个博客讨论的是在没有提交按钮的情况下在清晰的故事情节中创建拖放交互。

电子学习设计指南

通常,为了完成在线学习课程中的拖放互动,学习者在将拖放选项拖到各自的拖放位置后,单击提交按钮。

但是您也可以让您的学习者在不点击提交按钮的情况下完成活动。在将所有对象放入目标(不管是正确的还是不正确的)之后,拖放交互可以自动显示答案。让我们看看如何在像清晰的故事线这样的快速创作工具中做到这一点!

第一步:插入幻灯片

插入一个新的幻灯片,并将其转换为自由形式的拖放。对象的排列和分配拖动对象和拖放目标表格视图菜单。看看下面的截图。

插入一个幻灯片

控件为每个拖动对象创建三个状态编辑状态选项(有三种不同的颜色来观察状态的变化,当我们预览幻灯片时)如截图所示。

编辑状态

第二步:创建基本触发器

我们需要为每个拖动对象创建四个基本触发器。

触发1:

触发1

触发2:

触发2

触发3:

触发3

触发4:

触发4

对所有拖动对象执行相同的步骤。

例如,如果"drop1"落在"target1,改变状态drop1”到“1

如果“drop1"落在"target3,改变状态drop1”到“3.”。

现在,当您预览幻灯片时,您将观察到状态在您将对象放入目标时发生了变化。请注意,返回的对象状态应该更改为正常状态(深灰色),但相反,它们会以之前状态的颜色固定,如下所示。

国家的变化

为了调整这个问题,我们需要添加六个使用条件为每个拖动对象提供更多触发器。

您可能会怀疑为什么要编写更多带有条件的触发器。但是在完成这些步骤之后,您将完全理解这个功能。

让我们继续。

步骤3:使用条件创建触发器

触发5:

使用条件创建触发器5

触发6:

使用条件创建触发器6

触发7:

创建触发器7使用条件

从以上三个触发器中,我们可以观察到,如果任何其他拖动对象被拖放到非空目标,返回的拖拽对象的状态将重置为Normal状态。

这些触发器组合可能会造成混淆,但如果你仔细观察,就会理解其中的逻辑。

为所有这三个对象创建相同的触发器。

步骤4:调整跟踪变量

我们需要创建一个“数量”变量命名为“计数器”并调整三个拖动对象的触发器,如截图所示。

调整跟踪变量

步骤5:提交交互触发器

现在,随着最后一步,我们需要分配一个“提交交互”触发器,如下所示。

提交交互触发

如果您现在预览课程,您将看到如下所示的输出。

预览这个课程

在这张截图中,我们看到正确的反馈会自动弹出,当所有的对象在目标中掉落。

希望这个博客对你有所帮助。请分享你的想法和看法。

how-to-select-right-rapid-authoring-tool-cta
如何选择正确的快速创作工具
电子学习设计指南
复制链接