示例分支场景+酷工具raybet.com雷竞技

分支场景设计起来可能raybet.com雷竞技ti8投注 雷竞技很麻烦。令人高兴的是,您可以使用一个简单的工具Twine来轻松地起草和生成场景。raybet.com雷竞技在这篇文章中,我们将看到我编写的一个场景,它演示了Twinraybet.com雷竞技e的基本特性,并指出了如何通过故事进行教学。

在该方案中,raybet.com雷竞技你是一名记者,急着赶去泽科斯坦的热点新闻,你的“导游”既不会说英语,也不会开车。您必须快速学习必要的Zeko术语,以便在道路上导航并对沿途的事件作出响应。该场景的raybet.com雷竞技灵感来自于Kinection.

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

缠绕

缠绕适用于Windows和Mac,它是免费的,它发布的场景很容易定制,ti8投注 雷竞技raybet.com雷竞技访问HTML。它是基于TiddlyWiki,轻量级的信息管理工具。

场景中的每个场景实际上是wikiraybet.com雷竞技数据库中的一个小记录。您创建的链接决定学习者通过记录的路径。谢谢,Steve Flowers为指出线在清晰的论坛上。

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

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

与其他编写场景的方法相比,Twine提供了一些优势。ti8投注 雷竞技raybet.com雷竞技您可以:

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

由于Twine生成一个标准的web页面,可以想象,您可以在任何电子学习工具中嵌入Twine story,该工具允许您嵌入web页面,并且不干扰Javascript。它也可能是移动友好型的——至少,示例场景适用于我的iPraybet.com雷竞技hone。

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

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

视觉设计

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

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

几个缺点

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

  • 我添加了一些书签,这样您就可以看到“倒带”功能是如何工作的。然而,该功能显示一个场景的前几个单词,而不是它的(保证唯一的)链接文本。在这个例子中,前几句话通常是鲁多确认或纠正你之前的选择,所以这次的功能不太好。
  • 浏览器的“后退”按钮将带您进入上一个场景,但在我的测试中,它偶尔会回到更早的一个场景。
  • 流程图的布局在故事的中途奇怪地展开了,我不得不手动将场景拖近一些。这可能是因为Twine需要比我安装的Mac操作系统更新的版本。
  • 如果你想在场景中跟踪学习者的表现,raybet.com雷竞技你可以使用变量,但我不确定这将如何与LMS接口。

开发时间

我没有跟踪我的开发时间,因为这是不现实的——我在编写这个场景的同时还在学习使用Twine,并撰写了这篇博客。raybet.com雷竞技我可以说,“生产”阶段只需要2秒钟:单击“Build Story”,一个HTML文件就会立即出现。

所以你可能会假设用绳子制作一个场景需要这么长的时间:raybet.com雷竞技

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

故事教学

样本活动旨在证明,在“实践活动”之前,我们不必向学习者的大脑输入词汇或其他事实。我们可以投入其中,无线索的,直接进入一个活动,该活动以一种帮助他们理解新信息的方式向他们公开新信息。

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

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

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

当然,通过分支场景来教授一门语言的所有词汇是很乏味的。ti8投注 雷竞技raybet.com雷竞技

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

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

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

但这只是文字!

是啊,这只是文字。我想向你展示Twine的默认行为。这个示例场景是用麻线生raybet.com雷竞技成场景的最快和最便宜的方法。ti8投注 雷竞技

虽然有些设计师避免使用文本,因为他们(不正确地,在我看来)觉得很无聊,我认为它在示例场景中最大的缺点是它教会人们raybet.com雷竞技阅读泽柯,不要在说话的时候说或理解它。

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

软技能可能会更好

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

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

在更深层次上,更完善的场景,也直接把学习者raybet.com雷竞技投入到一个场景中,见哈吉卡马尔阿富汗士兵的作品。

这种方法的可能优势

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

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

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

但这不公平!

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

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

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

故事特点

示例故事只是一个轻量级的故事,我在五分钟内概述了它。但它确实包含了我建议在真实场景中包含的特征:ti8投注 雷竞技raybet.com雷竞技

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

你觉得呢?你用“让他们自己想明白”的方法教学成功了吗?你想试试麻线吗?如果你尝试一下,请考虑分享你建立的故事,这样我们就可以从对方那里得到想法。

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

评论

  1. 你好凯西,这真的很有趣(尽管很简单)。我们现在正在准备我们自己的工具的公开测试版,它允许构建分支场景,raybet.com雷竞技只有更多的视觉糖果和功能,教学设计师肯定会欣赏。再一次,谢谢分享!

  2. 嗨,谢尔盖,谢谢你的评论。我期待着更多地了解您的场景构建工具。raybet.com雷竞技

  3. 朱莉·比德尔 说:

    很好的例子!

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

    几年前,我在一个项目中使用了这种方法(没有专用工具的优势)。来自评论者的负面评论包括“你真的必须考虑这个”和“人们会忙着做这件事,以至于无法完成他们的工作”。

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

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

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

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

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

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

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

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

    要使链接变蓝,请执行以下操作:
    a {color: blue !important}

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

    我希望这有帮助。

  6. 卡特林 说:

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

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

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

    或者你在问别的事情?

  8. 卡特林 说:

    不,那太完美了。谢谢。

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

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

  10. 布瑞恩小丘 说:

    凯西,这似乎是一个很好的工具。我希望我们在开发场景时能有这样的体验!ti8投注 雷竞技raybet.com雷竞技

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

  12. 迈克T 说:

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

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

  14. 凯文很方便 说:

    有人尝试过灵感吗?它是为高中生和小学生设计的,但是我用过——你可以在大纲和图形布局之间切换。这看起来不同。在很多方面,这看起来像是专门为写故事而设计的。

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

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

  15. 凯文,我用灵感作为思维导图工具已经有一段时间了。我认为在创建分支场景的流程图方面,它和其他思维导图程序一样有用。raybet.com雷竞技

    线的优点是它在故事的每个部分之间建立了实际的联系,你可以快速地尝试这个故事,而不需要在PowerPoint或类似的工具中重新创建内容。

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

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

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

  19. Amaru Mandal 说:

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

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

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

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

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

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

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

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

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

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

      • 杰斯,我在Mac上使用绳线创建了示例场景,raybet.com雷竞技据我所知,有个人电脑的人都能顺利通过,所以我不确定是什么导致了你们看到的问题。

  20. 史蒂夫 说:

    嘿,凯西,

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

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

    • 嗨史蒂夫,

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

      • 史蒂夫 说:

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

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

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

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

  22. 什维塔Kailani 说:

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

    谁能帮我一下吗?我有点时间紧张。必须在接下来的几天内准备好文件,以便学生在夏季学期上课。任何帮助都将不胜感激。

    谢谢,
    什维塔

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

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

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

  26. 米利暗 说:

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

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

复制!