示例分支场景+酷工具bepaly体育靠谱

分支场景设计起来可能bepaly体育靠谱bepaly足彩很麻烦。令人高兴的是,您可以使用一个称为“捆绳”的简单工具来轻松地绘制场景并生成它。bepaly体育靠谱在这篇文章中,我们将看到我编写的一个场景,它演示了Twinbepaly体育靠谱e的基本特性,并指出了如何通过故事进行教学。

在场景中,bepaly体育靠谱你是一名记者,急不可待地想在泽科斯坦报道一个热门的故事,你的“导游”不会说英语也不会开车。您必须快速学习必要的Zeko术语,以便在道路上导航并对沿途发生的事件做出响应。该场景的bepaly体育靠谱灵感来自于动觉.

尝试活动,记住这是一种随意的,未完成的实验。然后回来了解更多关于绳线和我的设计决策。

缠绕

缠绕在Windows和Mac上工作,它是免费的,它以易于定制的方式发布场景,bepaly足彩bepaly体育靠谱可访问的HTML。它是基于蒂德利维基,轻量级的信息管理工具。

场景中的每个场景实际上是wikibepaly体育靠谱数据库中的一个小记录。您创建的链接决定学习者通过记录的路径。谢谢,Steve Flowers对于指向绳线在清晰的论坛上。

这是流程图视图,链接场景时自动创建哪条线(单击可获得更大的图像):

捆绳流程图视图的屏幕截图

与其他编写场景的方法相比,绳线提供了一些优势。bepaly足彩bepaly体育靠谱你可以:

  • 在流程图视图和文章编辑模式之间快速切换
  • 使用简单文本链接场景
  • 添加图像和声音文件,否则使用HTML
  • 以文本格式导出文章以供审阅和校对
  • 以HTML格式发布完成的文章
  • 使用简单的代码跟踪变量或限制学习者的选择(不在示例场景中显示)bepaly体育靠谱

因为绳线生成标准网页,可以想象,您可以在任何允许您嵌入网页且不干扰javascript的电子学习工具中嵌入一个缠绕故事。它也可能是移动友好型的——至少,示例场景适用于我的iPbepaly体育靠谱hone。

这是一个场景的编辑窗口。“bookmark”标签意味着当用户单击故事左侧的“rewind”链接时,此场景将作为选项出现。

麻绳中场景编辑窗口的屏幕截图

视觉设计

默认的发布样式可能不适合公司的访问群体。例如,示例场景的默认版本在黑色背景上有白色文本。bepaly体育靠谱然而,您可以通过在包含CSS的文章中创建一个特殊的段落来快速更改样式。然后你可以把这一段复制到未来的故事中。

有了四行CSS,我改变了背景,文本,和链接颜色。这里还有多少定制的绳线故事看:

几个缺点

我很高兴用麻线写的这么简单,尤其是与我通常使用的涉及单独流程图和脚本的方法相比。有些事情做得不太好:

  • 我放了几个书签,这样你就可以看到“倒带”功能是如何工作的。然而,该功能显示场景的前几个字,而不是其(保证唯一)链接文本。在示例故事中,前几句话通常是鲁多确认或纠正你之前的选择,所以这一次这个功能并不是很好。
  • 浏览器的“后退”按钮将带您进入上一个场景,但在我的测试中,它偶尔会回到另一个场景。
  • 流程图的布局在故事的中途奇怪地展开了,我不得不手动将场景拖得更近。这可能与以下事实有关:绳线需要比我安装的Mac操作系统更新的版本。
  • 如果你想在场景中跟踪学习者的表现,bepaly体育靠谱你可以使用变量,但我不确定这将如何与LMS接口。

开发时间

我没有跟踪我的开发时间,因为这不太现实-我在写场景的时候学会了使用Twine,同时也在写这个博客文章。bepaly体育靠谱我可以说,“生产”阶段实际上需要2秒钟:你点击“构建故事”,一个HTML文件立即出现。

因此,您可能会假设在Twine中生成一个场景需要这么长的时间:bepaly体育靠谱

  • 不管你用文字写这个故事用多长时间
  • +一些时间来创建任何图像和声音文件并使用HTML嵌入它们
  • +调整CSS以避免黑底白字主题(花了我20分钟的时间,因为我不精通CSS)
  • +点击“构建故事”大约2秒钟
  • +一些时间进行质量检查(这很快,因为在Twine的流程图视图中很容易找到特定的场景)

通过故事教学

样本活动旨在证明,在“实践活动”之前,我们不必向学习者的大脑输入词汇或其他事实。我们可以把它们扔下去,无线索的,直接进入一个活动,以帮助他们发现新信息。

这种语言活动的传统方法是首先告诉学习者如何用zeko语说“左”、“右”和类似的词。我们可能会进行一些练习或游戏,让他们快速识别单词,有“正确”和“不正确”的反馈。然后我们将利用记者的故事作为实践活动。

我的建议是跳过信息直接进入故事.设计故事,让学习者自己发现意义。然后提供一个自然的停顿来回顾他们所学的东西,并确保他们学好了。

但你不能通过一个故事来教授一切!

当然,通过分支场景来教一门语言的所有词汇将是很乏味的。bepaly足彩bepaly体育靠谱

在Zeko样本中,我会暂停故事当前停止的动作,并加入一个可选游戏来强化新单词。

然后我会完成故事,可能包括一个场景,在这个场景中,你通过正确使用zeko警告她远离某种危险,从而赢得了对科学部长的独家采访。

然后我会恢复到“正常”的教学,以便在一段时间内更有效地涵盖额外的词汇和语法。另一个分支故事稍后会出现,两者都加强到目前为止所涵盖的内容,并引入一些新的术语或概念。也许它需要学习者识别短语的语法模式,并使用相同的模式构建新的短语。

但这只是文字!

是啊,这只是文字。我想向你展示Twine的默认行为。示例场景是使用捆绳生成bepaly体育靠谱场景的最快和最便宜方法的示例。bepaly足彩

虽然有些设计师不喜欢文字,因为他们(错误地,在我看来)觉得很无聊,我认为它在示例场景中最大的弱点是它教会人们bepaly体育靠谱阅读Zeko不要在说话的时候说或理解它。

如果我真的想用这种方式教语言,我只会用音频制作对话。它可能是最简单的产生叙事作为音频以及使每个场景的音频文件自动播放时,你在现场着陆。而不是显示多余的文本,我需要提供支持故事的视觉效果。这比我想做的快速样品要多。

软技能可能更好

我写了一个虚假的语言故事,因为这是唯一的方法,我可以保证你们谁也不知道答案,所以你们将体验到在一个场景中是一无所知的。bepaly体育靠谱

然而,bepaly体育靠谱bepaly足彩场景可能更适合教授软技能,比如有困难的谈话,克服买家的反对,带领团队完成变革。软技能材料没有那么多需要记忆的信息,而且它们有更多的灰色区域来赋予故事的深度。

更深入地说,更完美的场景也会让学习者直接bepaly体育靠谱陷入困境,见哈吉卡马尔阿富汗士兵的装备。

这种方法的可能优势

跳过正规的教学,直接讲故事,我们:

  • 让已经知道一些zeko的学习者跳过他们不需要的解释。
  • 鼓励学习者从(某种程度上)现实经验和错误中建立意义,反映我们在现实世界中的学习方式
  • 给学习者一个比死记硬背更具挑战性的难题。
  • 可能通过将事实与故事联系起来提高回忆能力

基本上,我们避免使材料过于简单因此容易忘记。

但这不公平!

有些人反对这种方法,因为它增加了学习者做出错误选择的可能性:“你让他们失败!”

但我们不仅仅是把学习者抛入深渊。我们为他们设计了一个故事,一次介绍一点新的信息,让他们有了一个救生圈。

故事中最严厉的选择是“左”和“右”之间的第一选择,你有50%的机会去做正确的选择。如果你弄错了,你学会了“不”,然后马上回到正轨。这不太可能是一次灾难性的经历。

故事特点

这个示例故事只是我在五分钟内概述的一个轻量级故事。但它确实包含了我建议在真实场景中包含的特征:bepaly足彩bepaly体育靠谱

  • 一个有着强烈情感影响的大目标:你必须先到现场,因为你把以前的任务搞砸了。
  • 最小设置:四句话建立背景故事和挑战
  • 痛苦:你的导游不会说英语;你的竞争对手可能紧随其后
  • 时间压力
  • 故事的一部分是紧张情绪的增加:那是法新社在你身后给汽车施压吗?

你怎么认为?您是否成功地使用了这种“让他们弄明白”的教学方法?你想试试麻绳吗?如果你真的尝试过,请考虑分享你建立的故事,这样我们就可以从对方那里得到想法。

附笔。我对法新社没有任何反对意见。

评论

  1. 嗨,凯西,这真的很有趣(尽管很简单)。我们现在正在准备我们自己的工具的公开测试版,它允许构建分支场景,bepaly体育靠谱只有更多的眼糖和功能,教学设计师肯定会欣赏。再一次,谢谢分享!

  2. 嗨,谢尔盖,谢谢你的评论。我期待了解更多关于您的场景构建工具的信息。bepaly体育靠谱

  3. 朱莉比德尔 说:

    伟大的榜样!

    通常称为“测试然后告诉”这种方法确实有效。试错式学习具有说服力,学习者保留信息。

    几年前,我在一个项目中使用了这种方法(没有专用工具的优势)。评论家们的负面评论包括:“你真的必须考虑这个问题”,“人们会忙得不可开交”。

    我有一个钟,屏幕上还有一个“乐谱”。人们会经历多次,直到他们有了一个完美的分数,有些人会为了最佳的时间相互竞争-自愿加强和演习!

    任何使这种类型的电子学习更容易开发的东西都是一个很大的优势!
    朱莉

  4. 凯西,感谢您发布这篇文章,并展示它是多么简单和有效。我看过史蒂夫弗劳尔斯写的清晰的帖子,并且一直在玩弄这种方法来参加我们在该机构开设的一门必修的无趣课程。我认为这可能是一个有趣的和不同的方式来吸引人们的注意力。

    现在,我的问题是,您使用了哪些CSS行来更改外观?我刚开始玩绳线,一直在看克里斯的绳线教程,但我看不到会改变外观的实际线条。你能给我一些指导吗?谢谢。

  5. 朱莉我喜欢“负面”评论。听起来你创造了一个伟大的项目。

    Sonnie这是我用的CSS。要将背景更改为白色,文本更改为黑色:

    主体背景色:白色;
    车身颜色:黑色;

    要在将背景更改为白色后使“倒带”和其他边栏链接清晰可见,请执行以下操作:
    #提要栏li:悬停颜色:灰色;光标:指针;

    要使链接变蓝,请执行以下操作:
    A颜色:蓝色!重要}

    所以整个CSS“场景”看起来是这样的:
    A颜色:蓝色!重要}
    #提要栏li:悬停颜色:灰色;光标:指针;
    主体背景色:白色;
    车身颜色:黑色;

    我希望这有帮助。

  6. 卡特林 说:

    多好的工具啊!你是怎么上传这个故事的?我得到了一个链接,可以返回到我的个人电脑。我试图粘贴源代码,但无法识别。

  7. 卡特林我不确定我理解你的问题。绳线将HTML文件导出到您自己的计算机。要将文件上载到Internet,您需要访问一个Web域,并使用FTP工具将HTML文件复制到该域。

    如果你搜索诸如“如何上传网站”之类的东西,你可能会得到很多想法。我使用fetch(在Mac上)将文件移动到我的一个网络域上。

    或者你在问别的事情?

  8. 卡特林 说:

    不,那太完美了。谢谢。

  9. 读者报告说,由于她的组织阻止了任何使用ActiveX的内容,她不能用麻绳。她也遇到了麻烦,因为后面的按钮不在IE中工作,支持文档中描述的“后退”命令不起作用,要么。因此,对于大型组织的用户来说,绳线可能会带来一些挫折或不可用。

    如果你在使用麻绳方面有任何成功或挑战,请告诉我们。

  10. 布瑞恩小丘 说:

    凯西,这似乎是一个很好的工具。我希望我们在开发场景的时候能有这样的经历!bepaly足彩bepaly体育靠谱

  11. 布莱恩,是啊,它可以节省很多流程图的工作,脚本编写,和文字格式!

  12. 迈克T 说:

    Cathy在上面做了一个评论,我刚从页面上跳了下来:“……我们不必在“练习活动”之前用词汇或其他事实来给学习者的大脑加载内容。”我们可以把它们扔下去,无线索的,直接进入一个活动,以帮助他们发现新信息。”这适用于所有类型的培训。我想它对我产生了如此大的影响,因为我为一个抗拒凯西处方的客户创造了“戳和吐”的训练。

  13. 迈克,谢谢你的评论。我很高兴不需要预先加载学习者的大脑这一点很突出,因为这正是我希望在活动中展示的。感谢你的“戳和吐”标签,我以前没听说过。不幸的是,它对很多训练都是准确的。

  14. 凯文汉迪 说:

    有人尝试过灵感吗?这是给高中和小学学生的,但我已经用过了——你可以在大纲和图形布局之间切换。这看起来不一样。在大多数情况下,这看起来像是专为写故事而设计的。

    有人能看看,告诉我你对麻绳的看法吗?

    http://www.inspiration.com/inspiration/detail/灵感/细节

  15. 凯文,我用灵感作为思维导图工具已经有一段时间了。我认为对于创建一个分支场景的流程图,它将像任何其他思维导图程序一样有用。bepaly体育靠谱

    麻线的优势在于它在故事的每个部分之间创建了实际的链接,而且,您可以快速试用该故事,而无需在PowerPoint或类似工具中重新创建内容。

  16. 有人试过Lectora为snap提供的新补丁吗?他们只是在工具中加入了分支,但我想知道是否有人尝试过?

  17. 看来浏览器后退按钮的问题不会很快解决。绳线的发展似乎已暂停。也许“游戏选择”可以填补这个空白?http://www.choiceofgames.com/make-your-own-games/choicescript-intro/

  18. 凯西,感谢您发布了一个很棒的工具,它带有描述工具中所有特性的流程图……这真的很有趣,而且GR8示例提供了更多信息。

  19. 阿马鲁曼达尔 说:

    凯西,你很有灵感。我马上被调到绳线里,试着用手抓住它。最初的几个小时产生了这个结果,我想和你们分享一下:
    文件:///c:/users/amaru/desktop/tween/handling\u a\u hardly\u call.html

    我是一个不熟悉编程的人;我的问题是:对于像我这样的人来说,有没有一种方法可以让他不知道任何编码,但却包含图像和音频,并使使用这个应用程序的分支场景更加引人注目?bepaly足彩bepaly体育靠谱

    请将您对分支场景的想法转达给我们;bepaly体育靠谱我知道这是最基本的,不是在哈吉-卡迈尔模式中,但这是几个小时纯粹的脚本编写乐趣。我在印度的一家伟大的电子学习工厂工作,在那里我们没有太多的机会生产出装配线以外的任何东西。我正试图摆脱困境。谢谢你的博客。

    • Amaru谢谢你的评论,感谢分享您的工作。不幸的是,您发布的链接是指向您自己硬盘上的文件的链接,我们无法通过互联网访问。要与所有人共享您的文件,你需要上传到互联网上。你可以在谷歌上“上传一个网页”,如果你喜欢我的反馈,请随时发邮件给我,我很乐意看一看。

      关于绳线的教程包括添加图像的方向,但他们认为你知道一些基本知识。添加图像,你需要学习如何编辑它们,使它们大小合适,将它们上传到互联网或任何承载您故事的服务器上,然后按照教程中的说明使用HTML中的“img”代码。

      添加音频会更难。你必须学会如何录制和编辑声音文件,上传它,并使用HTML中的“a href”代码链接到它。使其自动播放而不是通过链接播放更复杂,我自己也不知道该怎么做。

      这两种技能都值得学习,在HTML中了解其他一些东西也很好,例如如何设置文本格式。如果我记得对的话,我用一本叫做《HTML视觉指南》的书或类似的书在几天内学会了基本的HTML技巧。

      同时,我认为一个具有挑战性的决策点的好故事本身就很有说服力,只是文本,没有图像和声音。

      祝你好运,如果您需要我的反馈,请随时通过电子邮件发送文件。

      • 我发现用这个工具,如果我在Mac上创建它,PC用户看不到最终产品。其他人有没有经历过这种情况?

      • Jess我在Mac上使用绳线创建了示例场景,bepaly体育靠谱据我所知,带着个人电脑的人一直在毫无困难地经历这一切,所以我不确定是什么导致了你看到的问题。

  20. 史蒂夫 说:

    嘿,凯西,

    多酷啊!您已经完美地解释了该工具的特性以及故事构建的潜在应用程序。这正是我想象的人们使用它来快速原型动态展开的故事。

    第一次使用真的很酷。你能把它用在一个真正的项目中吗?您是否发现了任何缺点或不可预见的优势?

    • 嗨,史提夫,

      我第一次试运行后就没时间用它了,所以我还没有最后的裁决。它似乎更适合艺术项目,而不是公司的电子学习,哪里(不幸的是,我认为)人们对Bling的期望更高。在企业界,它可能是一个很好的原型工具,正如你所指出的。

      • 史蒂夫 说:

        我们已经使用它来构建交互式对话元素的原型(类似于JellyVision提供的那些元素),它对于这个目的非常有用。我接受这个并将其过滤为我自己的会话引擎的XML结构。这些已经出现在EPS的“附加尺寸”横幅上,以过渡到新的概念或推动新手技能链。为了达到这个目的,这些装置工作得很好。

        因此,我们使用这些功能为中小企业和审查人员提供了一个快速浏览该系列的功能,但会将其重新设计为能够为最终用户提供更流畅体验的功能。

  21. 谢谢你的帖子!我一直缺乏的一个方面是故事板,我真的很喜欢你用麻绳的方法。

    我会去看看你提到的清晰的帖子,比较。

  22. 希瓦塔凯拉尼 说:

    你好,
    我最近在一个戏剧设计课上使用了Twine,为在线学生进行角色扮演练习。这个工具很棒,而且一直工作得很好。
    但是,突然间——现在由于某种原因,在HTML发布版本中,它不会带我离开第一个链接。在那之后,我还有近20个选项——但它没有打开链接并展开以显示下一个选项。

    有人能帮我吗??我有点时间紧张。在接下来的几天里,学生们必须准备好暑期上课的文件。任何帮助都将不胜感激。

    谢谢,
    什韦塔

  23. 令人兴奋的是,这个项目似乎还存在生命。版本1.3.6(比Cathy写这篇文章时的版本高出0.0.1)正在进行测试(截至2012年6月)。好东西,因为这是迄今为止我能找到的最整洁的赛亚编辑。

  24. 非常有趣的工具和出色的概述。谢谢

  25. 凯西,是否删除了活动?一个月前我看了它,想复习一下,但我一直在犯可怕的404错误。

  26. 米里亚姆 说:

    凯西-你知道我可以用一个工具来做简单的动作图吗?(暗示,提示-如果没有,也许你可以做一个?)我一直在用popplet来做这件事,但是如果有一个有漂亮的符号,你可以用它来表示每个动作映射元素(目标,活动,信息,等)
    我教授教学设计,让我的学生在一个活动中使用你的动作映射技术,所以有一个工具来指向他们会是很棒的!o)
    谢谢!

    • 嗨,米里亚姆,谢谢你提到罂粟花-我以前从没见过。它让我想起了壁画,我用它来做网站设计。我正在开发一个应用程序,它可以用于动作映射,但它遇到了一个发展障碍,所以我不能确切地说它什么时候可用。我一定会在博客里提到的!与此同时,我使用MindManager并对节点进行颜色编码(行为为绿色填充,橙色表示活动,等等)。我得用手画几条线,但现在还可以用。

复制!