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

分支场景的设计可能非bepaly体育靠谱bepaly足彩常困难。令人高兴的是,您可以使用一个简单的工具Twine来轻松地起草和生成场景。bepaly体育靠谱在这篇文章中,我们将看到一个场景,我写这个场景是为了演示Tbepaly体育靠谱wine的基本特性,并说明通过故事进行教学的重要性。

在该方案中,bepaly体育靠谱你是一名记者,急着赶去泽科斯坦的热点新闻,和你的“指南”不会说英语,也不会开车。您必须快速学习必要的Zeko术语,以便在道路上导航并对沿途的事件作出响应。这个场景bepaly体育靠谱的灵感来自于一个由设计的语言学习活动Kinection

试着活动,记住这是很随意的,未完成的实验。然后再来这里了解更多关于线和我的设计决策。

线

线适用于Windows和Mac,它是免费的,它发布的场景很容易定制,bepaly足彩bepaly体育靠谱访问HTML。它是基于TiddlyWiki,轻量级的信息管理工具。

场景中的每个场景实际上是wikibepaly体育靠谱数据库中的一个小记录。你创建的链接决定了学习者通过记录的路径。谢谢,史蒂夫鲜花,为指出线在清晰的论坛。

这是流程图视图,当你链接你的场景时,它会自动创建:

线流程图视图的屏幕截图

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

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

由于Twine生成一个标准的web页面,可以想象,您可以在任何电子学习工具中嵌入Twine story,该工具允许您嵌入web页面,并且不干扰Javascript。它也可能对移动设备友好——至少,这个示例场景可以在我的bepaly体育靠谱iPhone上使用。

这是一个场景的编辑窗口。“书签”标签表示当用户点击“倒带”时,该场景将作为选项出现链接到故事的左边。

一个场景编辑窗口的屏幕截图

视觉设计

默认的发布风格可能不适用于企业用户。例如,示例场景的默认版本是黑色背景上的白色文本。bepaly体育靠谱然而,您可以通过在故事中创建包含CSS的特殊段落来快速更改样式。然后你可以把这段话复制到未来的故事中。

用四行CSS,我改变了背景,文本,和链接的颜色。再看一个定制的故事线看起来:

一些缺点

我很高兴用绳子写东西是如此容易,特别是与我通常使用的涉及单独流程图和脚本的方法相比。只有几件事做得不太好:

  • 我添加了一些书签,这样你就可以看到“倒带”功能是否有效。然而,该功能显示一个场景的前几个单词,而不是它的(保证唯一的)链接文本。在这个例子中,前几个词通常是Ludo确认或纠正你之前的选择,所以这次的功能不太好。
  • 浏览器的后退按钮会把你带到前一个场景,但在我的测试中,它偶尔会回到更早的一个场景。
  • 流程图的布局奇怪地在故事的中途展开,我不得不手动将场景拖近一些。这可能是因为Twine需要比我安装的Mac操作系统更新的版本。
  • 如果你想跟踪学习者在情境中的表现,bepaly体育靠谱你可以用变量,但我不确定这和LMS有什么关系。

开发时间

我没有跟踪我的开发时间,因为这是不现实的——我在编写这个场景的同时还在学习使用Twine,并撰写了这篇博客。bepaly体育靠谱我可以说"生产"阶段只需要2秒:点击“构建故事”然后立即出现一个HTML文件。

所以你可能会假设用绳子制作一个场景需要这么长的时间:bepaly体育靠谱

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

故事教学

这个示例活动试图表明,在进行“练习活动”之前,我们不必在学习者的大脑中预先加载词汇或其他事实。相反,我们可以投入其中,笨,直接进入一个活动,该活动以一种帮助他们理解新信息的方式向他们公开新信息。

对于这类语言活动,传统的方法是首先告诉学习者如何说“左”,“没错,”Zeko里也有类似的词。我们可以做一些练习或游戏让他们快速识别单词,与“正确”和“不正确的”反馈。然后我们会把记者的故事作为一种实践活动。

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

但是你不可能通过一个故事教会所有的东西!

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

在Zeko的样本中,我会在故事结束的地方暂停动作,加入一个可选的游戏来强化新单词。

然后我就把故事讲完,可能包括一个场景,你赢得了科学部长的独家采访,正确地使用Zeko警告她远离某种危险。

然后我就会恢复到"正常"状态指导更有效地涵盖额外的词汇和语法一段时间。另一个分支故事稍后会出现,既要加强到目前为止所涵盖的内容,又要引入一些新的术语或概念。也许这需要学习者识别一个短语的语法模式,并用同样的模式构建新的短语。

但它只是文本!

是的,它只是文本。我想向你们展示一下Twine的默认行为。这个示例场景是用麻线生bepaly体育靠谱成场景的最快和最便宜的方法。bepaly足彩

虽然有些设计师避免使用文本,因为他们(不正确地,在我看来)认为它是无聊的,我认为它在示例场景中最大的缺点是它教会人们bepaly体育靠谱泽柯,不要说出来,也不要在别人说的时候听懂。

如果我真的想用这种方式来教语言,我只制作音频对话框。它可能是最简单的生产叙事以及音频,并使每个场景的音频文件自动播放时,你着陆的现场。不再显示冗余文本,我需要一些视觉效果来支持这个故事。这比我想做的简单的例子要多得多。

软技能可能会更好

我写了一个假的语言故事,因为这是我能保证你们没有人知道答案的唯一方法,因此你们会在一个场景中感到毫无头绪。bepaly体育靠谱

然而,bepaly体育靠谱bepaly足彩情景可能更适合教授软技能,比如有困难的谈话,克服购买者的反对,带领团队经历变革。软技能材料没有那么多需要记忆的信息,他们有更多的灰色地带来增加故事的深度。

在更深层次上,更完善的场景,也直接把学习者bepaly体育靠谱投入到一个场景中,看到哈吉•卡阿富汗士兵的作品。

这种方法的可能优势

跳过正式的教学直接讲故事,《我们》:

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

基本上,我们避免把材料做得太简单因此被遗忘。

但这不公平!

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

但我们不只是把学习者扔到最深处。我们给了他们一个救生圈,通过以每次引入一点新信息的方式设计故事。

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

故事的特点

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

  • 一个具有强烈情感影响的大目标:你必须第一个到现场,因为你把之前的任务搞砸了
  • 最小设置:用四句话建立背景故事和挑战
  • 痛苦:你的导游不会说英语;你的竞争对手可能紧随其后
  • 时间压力
  • 故事进行到一半时,紧张气氛加剧了:你身后是法新社(Agence France-Presse)的那辆车吗?

你觉得呢?你是否成功地做到了“让他们自己解决问题”教学方法?你想试试麻线吗?如果你尝试一下,请考虑分享你的故事,这样我们就可以从彼此那里得到想法。

注:我并不反对法新社。

评论

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

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

  3. 朱莉·比德尔 说:

    很好的例子!

    常被称为“测试然后说”这种方法确实有效。尝试和错误学习是引人注目的,学习者保留信息。

    几年前,我在一个项目中使用了这种方法(没有使用专门工具的优势)。来自评论者的负面评论包括“你真的需要考虑这个”“人们会忙得连工作都做不完”。

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

    任何能让这类电子教学更容易开发的东西都是一大优势!
    朱莉

  4. 凯西,感谢你发布这篇文章,并展示它是多么容易和有效。我看过史蒂夫·弗劳尔斯(Steve Flowers)发表的那篇能言会道的文章,一直在开玩笑地把这种方法用在我们机构的一门强制性无趣课程上。我认为这可能是一种有趣而不同的方式来吸引人们的注意力。

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

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

    Sonnie,这是我使用的CSS。将背景改为白色,文字改为黑色:

    身体{背景颜色:白色;}
    身体{颜色:黑色;}

    进行“倒带”和其他侧边栏链接清晰后,改变背景为白色:
    #栏李:悬停{颜色:灰色;游标:指针;}

    为了使链接蓝色:
    a {color: blue !important}

    整个CSS "场景"是这样的:
    a {color: blue !important}
    #栏李:悬停{颜色:灰色;游标:指针;}
    身体{背景颜色:白色;}
    身体{颜色:黑色;}

    我希望这能有所帮助。

  6. 多么整洁的工具啊!你是怎么上传这个故事的?我得到一个链接,回到我的个人电脑。我试图粘贴源代码,但没有被识别。

  7. 卡特林,我不太明白你的问题。Twine将HTML文件导出到您自己的计算机。将档案上载至互联网,您需要访问web域,并使用FTP工具将HTML文件复制到该域。

    如果你搜索"如何上传网站"你可能会有很多想法。我使用Fetch(在Mac上)将文件移动到我的一个web域上。

    或者你在问别的事情?

  8. 不,这是完美的。谢谢。

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

    如果你在使用麻绳方面有过成功或挑战,请让我们知道。

  10. 布莱恩·诺尔 说:

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

  11. 布莱恩,是的,这会节省很多绘制流程图的工作,脚本,和文字格式!

  12. 凯茜在上面的一条评论对我来说太突然了:“……在进行“练习活动”之前,我们不需要在学习者的大脑中预先加载词汇或其他事实。”相反,我们可以投入其中,笨,直接进入一个活动,以一种帮助他们发现新信息的方式将他们暴露给新信息。这适用于所有类型的培训。我想它之所以对我产生如此大的影响,是因为我背负着制造“戳戳吐”的重担为一个抗拒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. 凯西,thanks for posting a great tool with the flow chart describing all the features in tool…..really this is interesting and more informative with gr8 examples.

  19. Amaru Mandal 说:

    凯西,你是一个灵感。我马上就调成了麻线,并试了试。最初的几个小时产生了这个结果,我想和你们分享一下:
    file:///C:/Users/Amaru/Desktop/Twine/Handling_a_Difficult_Call.html

    我是一个完全不懂编程的人;我的问题是:有没有一种方法可以让像我这样的人既不懂任何编码,又能包含图像和音频,让分支场景使用这个应用程序变得更吸引人?bepaly足彩bepaly体育靠谱

    请给出你对分支方案的想法;bepaly体育靠谱我知道这是最基本的,不是哈吉卡马尔式的,但这仅仅是几个小时的脚本编写乐趣。我在伟大的电子学习工厂工作,这是在印度,我们没有太多的机会生产任何东西超过装配线。我正试着离开这个圈子。谢谢你的博客。

    • Amaru,谢谢你的评论,谢谢分享你的工作。不幸的是,你发布的链接是指向你自己硬盘上文件的链接,我们无法通过互联网访问。与大家分享你的文件,你需要把它上传到网上。你可以上传一个网页。如果你想要我的反馈,请把文件发邮件给我,我很乐意看一看。

      Twine的教程包括添加图像的说明,但他们认为你知道一些基本知识。添加图片,你需要学习如何编辑它们使它们的大小正确,把它们上传到互联网上或者你的故事所在的服务器上,然后按照教程中的说明使用“img”在HTML代码。

      添加音频会有点棘手。你必须学习如何录制和编辑一个声音文件,上传,并使用"a href"链接到它在HTML代码。让它自动播放而不是通过链接更复杂,我自己也不知道怎么做。

      这两种技能都值得学习,了解HTML中的其他一些东西也很好,例如如何格式化文本。如果我没记错的话,我用了几天的时间,从一本叫做《HTML视觉指南》(Visual Guide to HTML)之类的书中学到了基本的HTML技巧。

      同时,我认为一个具有挑战性的决策点的好故事本身就能吸引人,只是文字,没有图像和声音。

      最好的运气,如果你想要我的反馈,请随时发邮件给我。

      • 我发现用这个工具,如果我在Mac上创建它,PC用户无法看到最终产品。还有人用过麻绳吗?

      • 杰斯,我在Mac上使用Twine创建了这个示例场bepaly体育靠谱景,据我所知,有个人电脑的人都能顺利通过,所以我不确定是什么导致了你们看到的问题。

  20. 史蒂夫 说:

    嘿,凯西,

    多酷。你已经完美地解释了这个工具的特性和故事构建的潜在应用程序。这正是我预想的人们使用它来快速原型化动态展开的故事。

    第一次使用真的很酷。你能把它很好地运用到实际项目中吗?你有没有发现任何缺点或不可预见的优点?

    • 嗨史蒂夫,

      自从我第一次测试运行以来,我还没有时间使用它,所以我还没有最终的结论。它似乎更适合艺术项目而不是公司的电子教学,(不幸的是,在我看来,人们对珠宝有更高的期望。在企业界,它可能是一个伟大的原型工具,正如你所指出的。

      • We've used it a bit to prototype interactive conversation elements (similar to those offered by Jellyvision.) It works great for this purpose.我将其过滤为我自己的对话引擎的XML结构。这些都出现在"add size "中在EPSS的旗帜过渡到新的概念或推动新手技能链。这些方法在这个目的上很有效。

        因此,我们使用这些工具为中小企业和评审员快速浏览本系列文章,但会将其重新组织为最终用户提供更流畅的体验。

  21. 感谢这篇文章!我一直缺少的一个方面是故事板,我真的很喜欢你用绳子来做这个。

    我也会去看你提到的那篇清晰的文章,来比较。

  22. 什维塔Kailani 说:

    你好,
    我最近在一节戏剧设计课上用绳子做了一个在线学生的角色扮演练习。这个工具很好,一直工作得很好。
    但是,突然间,由于某些原因在HTML发布版本中,它不会让我从第一个链接走得更远。在那之后,我还有将近20个选项,但它不会打开链接并展开显示下一步的操作。

    谁能帮我一下吗?我现在时间有点紧。必须在接下来的几天内准备好文件,以便学生在夏季学期上课。非常感谢您的帮助。

    谢谢,
    什维塔

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

  24. 非常有趣的工具和优秀的概述。谢谢

  25. 凯西,您删除活动了吗?我大约一个月前看了它,想复习一下,但是我总是得到可怕的404错误。

  26. 你知道我可以用什么工具来做简单的动作映射吗?(提示,hint – if there isn't one maybe you could make one?) I've been using Popplet to do it but it would be great if there was one out there with the nifty symbols you use for each action mapping element (goal,活动,信息,等)
    我教教学设计,让我的学生在一个活动中使用你的动作映射技术,所以有一个工具来指出他们将是可怕的!:o)
    谢谢!

    • 嗨,米利暗,谢谢你提到Popplet——我以前从没见过。这让我想起了壁画,我用它来做网站设计。我正在开发一个应用程序它可以用于动作映射,但是它遇到了一个开发障碍,所以我不能说它什么时候可以使用。我一定会在博客里提到它!与此同时,我使用MindManager并对节点进行颜色编码(行为用绿色填充,橙色的活动,等等)。我需要手动画一些线,但现在还可以。

复制!

你可以控制他们的思想!

绝地武士训练设计师的思维技巧
一月二十三日-网上

不要再接受命令了,并引导客户远离信息转储。

-方便亚太地区
-学习该说什么和不该说什么
——活泼,交互式会话