Storytelling 讲故事 教学安排 

  

概览 

 讲故事主题，包括 8 个活动，每个活动 45 分钟左右。 针对每个活动，学生将观看一系列视频并创建 Scratch 项目，同时

有机会使用 “Add-ons 附加组件”来创建个性化项目，作为拓展练习。  

Storytelling 讲故事 

在讲故事中，学生使用计算机科学来讲述有趣且互动的故事

，并且通过鼓励学生们讲述个性化的故事来鼓励创新。  麻省理工学院 Scratch 平台： 

● 在线版：https://scratch.mit.edu/ ● 离线版：下载地址 

  

 

 

8 个 活动  

 

Activity 1: Dialogue 对话  计算机先行 / Scratch 介绍 / 学习排序的概念   

Activity 2: Check It Out 看看这个  在 Scratch 里面讲故事 

Activity 3: Setting 设置  创建动态背景，学习随机和循环的概念 

Activity 4: Premise 前提  围绕四个前提之一创建一个故事  

Activity 5: Characterization 特征描述  一个角色叙述另外一个角色，学习广播和特征描述的概念 

Activity 6: Interactive Storytelling 互动故事  互动故事 

Activity 7: Personal Narrative 个人叙事  个人叙事 

Activity 8: Your Innovation Story 你的创新故事  个性化的创新故事 

          

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 1 

Storytelling 讲故事 教学安排 

  

Activity 1: Dialogue 对话 

 

Dialogue 对话  

学生将了解 CS First 计算机先行课程基本介绍，然后创建一个

讲故事的项目。这个项目将有两个角色，他们互相交谈。   

知识点： • CS First and Scratch / 计算机先行和 Scratch 介绍 • Sequencing / 排序 

  

 

 

教学安排  

1. 登录 CS First 网站，如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Dialogue"项目。 

教学视频（Stroytelling.zip）和中文脚本均可在这里下载，包括： ○ Scratch-overview.mp4（有中文脚本） ○ 1.1.mp4（有中文脚本） ○ 1.2.mp4 ○ 1.3.mp4 ○ （Add-ons 附加组件若干教学视频） ○ 1.4.mp4 

3. 当学生观看视频和完成项目时请注意： • 1.2.mp4：寻找正在设计（添加角色、背景等）的学生，并鼓励他们尝试代码。 • 1.3.mp4：鼓励学生经常阅读和测试他们的代码，以发现排序问题。 

4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 教学视频包括：1A0.mp4, 1A1.mp4, 1A2P1.mp4, 1A2P2.mp4, 1A3.mp4, 1A4.mp4, 1A5.mp4，并完善其项目。 

5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： • 你最喜欢这个活动的哪个部分？ • 你在排序时遇到了哪些困难？ • 你或者你同学的故事中最有趣的是什么？ 

   

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 2 

Storytelling 讲故事 教学安排 

  

Activity 2: Check it Out 看看这个 

 

Check It Out 看看这个 

学生们用 Scratch 讲述一个故事。在故事中，一个角色走过一

个场景，描述他们所看到的。  

  知识点： 

• Storytelling / 讲故事   

    

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Check It Out"项目。 

教学视频包括： ○ 2.1.mp4（有中文脚本） ○ 2.2.mp4 ○ （Add-ons 附加组件若干教学视频） ○ 2.3.mp4 

3. 当学生观看视频和完成项目时请注意： • 2.1.mp4: 学生在视频和 Scratch 之间切换，边看边做 

4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 教学视频包括：2A0.mp4, 2A1.mp4, 2A2.mp4, 2A3.mp4，并完善其项目。 

5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： • 你最喜欢这个活动的哪个部分？ • 你讲了一个什么故事？ • 你使用了哪些积木块，它们的作用是什么？ 

    

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 3 

Storytelling 讲故事 教学安排 

  

Activity 3: Setting 背景 

 

Setting 背景 

学生们创造一个充满活力的暴风雨天气的背景，包括雨和闪

电。在完成了背景之后，学生们编写一个暴风雨天的故事。  知识点： 

• Randomness / 随机 • Loops / 循环 

  

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Setting 背景"项目。 

教学视频包括： ○ 3.1.mp4（有中文脚本） ○ 3.2.mp4 ○ 3.3.mp4 ○ 3.4.mp4 ○ 3.5.mp4 ○ （Add-ons 附加组件若干教学视频） ○ 3.6.mp4 

3. 当学生观看视频和完成项目时请注意： • 3.2.mp4：常见问题：雨水从舞台上移开，难以收回。 

○ 如果一个角色从视图中消失，点击一个 x 和 y 值为 0 的“go to”块（在运动菜单中）。这将把精灵移到舞

台中央。 • 常见问题：一个学生想要重新排列角色（要么地球角色在雨的上面，要么雨角色在地球的上面)。 

○ 若要将角色设置为前台位置，请在菜单中单击 "go to front.". • 3.3.mp4：常见问题：背景被闪电“卡住”。 

○ 该项目以闪电背景结束。 这可以通过在“when flag clicked”块之后放置“"change backdrop to: night sky”块来修复。 或者，只需单击舞台，选择背景选项卡，然后选择夜空。 

• 3.4.mp4：学生需要在循环中放置一个循环。 这些指令的排序可能会令人困惑（特别是对于初学计算机的同

学）。如果您发现学生对这些指令排序有困难，请让他们首先读取内部循环，然后读取外部循环。 内部循环

应该通过改变背景来闪电。外部循环应该在整个程序中随机闪烁。  

CS First 计算机先行试点计划 | 讲故事 教学安排 | 4 

Storytelling 讲故事 教学安排 

• 3.5.mp4：该视频要求学生在这个暴风雨天背景之上创建一个故事。 如果他们遇到困难，建议他

们先使用 "say"块，然后看看故事的位置。 4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 

教学视频包括：3A0.mp4 3A1.mp4 3A2.mp4 3A3.mp4 3A4.mp4 3A5.mp4 3A6.mp4，并完善其项目。 5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： 

• 你在暴风雨背景中想了什么样的故事？ • 随机发生意味着什么？ • 循环的作用是什么? （答案:重复指令） 

 

 

    

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 5 

Storytelling 讲故事 教学安排 

  

Activity 4: Premise 前提 

 

Premise 前提 

Students build a story around one of four premises. 学生围绕四

个前提之一建立一个故事。  知识点： 

• Modularity / 模块化 - 添加许多不同的组件到一个项目   

 

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Premise 前提"项目。 

教学视频包括： ○ 4.1.mp4（有中文脚本） ○ （Add-ons 附加组件若干教学视频） ○ 4.2.mp4（有中文脚本） 

3. 当学生观看视频和完成项目时请注意： • 4.1.mp4：学生将选择一个初级项目来构建他们的故事。 

4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 教学视频包括：4A0.mp4 4A1.mp4 4A2.mp4 4A3.mp4 4A4.mp4 4A5.mp4，并完善其项目。 

5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： • 你最喜欢这个活动的哪部分？ • 当你写完你的故事后，你喜欢它的什么地方? 

        

  

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 6 

Storytelling 讲故事 教学安排 

Activity 5: Characterization 特征描述 

 

Characterization 特征描述 

学生创造一个故事，一个角色叙述另一个角色的行为和想法。  知识点： 

• Broadcast / 广播 • Characterization / 特征描述 

  

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Characterization"项目。 

教学视频包括： ○ 5.1.mp4（有中文脚本） ○ 5.2.mp4 ○ 5.3.mp4 ○ 5.4.mp4 ○ 5.5.mp4 ○ （Add-ons 附加组件若干教学视频） ○ 5.6.mp4 

3. 当学生观看视频和完成项目时请注意： • 5.2.mp4：学生在设计他们的故事可能会卡住。鼓励他们从他们所拥有的任何想法开始，并且没有错误的答案。 • 5.3.mp4：学生可能会对每个角色应该使用哪些模块感到困惑。叙述者（猫）角色应该有很多“say”块和

“broadcast”块。在此视频期间，没有代码添加到角色精灵。 • 5.4.mp4：此视频中的所有代码都将用于角色精灵。在本视频结束时，除非学生点击该代码，否则代码将无法在

项目中运行。代码将在下一个视频中集成到故事中。 • 5.5.mp4：常见问题：确保叙述者使用“broadcast”块广播消息，并且字符精灵通过“when I receive”块接收消息。 

○ 如果角色没有走路，学生可能忘记更改正在发送和接收的消息。确保他们为“walking”创建了单独的消息。 4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 

教学视频包括：5A0.mp4 5A1.mp4 5A2P1.mp4 5A2P2.mp4 5A3P1.mp4 5A3P2.mp4 5A4.mp4 5A5.mp4，并完善其

项目。 5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： 

• 你最喜欢这个活动的哪部分？ • 你是如何在故事中使用广播的？ • 你会如何描述你在故事中使用的角色？ 

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 7 

Storytelling 讲故事 教学安排 

   

 

Activity 6: Interactive Storytelling 互动故事 

 

Interactive Storytelling 互动故事 

学生创建一个观众可以做出决定的故事。  知识点： 

• Conditionals / 条件语句  

 

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Interactive Storytelling 互动故事"项目。 

教学视频包括： ○ 6.1.mp4（有中文脚本） ○ 6.2.mp4 ○ 6.3.mp4 ○ 6.4.mp4（有中文脚本） ○ （Add-ons 附加组件若干教学视频） ○ 6.5.mp4 

3. 当学生观看视频和完成项目时请注意： • 6.2.mp4：向学生展示他们在底部框中输入的内容会改变 "answer" 的值。 • 如果他们无法在屏幕左上角看到“回答”的值，请转到感应菜单，然后选中“answer”旁边的框。 • 6.3.mp4：可能的问题：如果条件包含不在答案中的空格，则程序将无法运行。例如，" yes"不等于 "yes". 

○ 可能的问题：“switch backdrop to”块选择了错误的背景。让学生将背景名称与下拉列表中选定的背景进行

比较。 4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 

教学视频包括：6A0.mp4 6A3.mp4 6A4.mp4 6A5.mp4 6A6.mp4，并完善其项目。 5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： 

• 你最喜欢这个活动的哪部分？ • 你是如何在项目中使用if / else语句的？ • 在你创造的每一个项目里，你都编写了什么程序? 

   

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 8 

Storytelling 讲故事 教学安排 

  

Activity 7: Personal Narrative 个人叙事 

 

Personal Narrative 个人叙事 

学生根据三个故事的开端之一创建个人叙事。  知识点： 

• Personal Narratives / 个人叙事   

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Personal Narrative 个人叙事"项目。 

教学视频包括： ○ 7.0.mp4 ○ 7.1.mp4（有中文脚本） ○ （Add-ons 附加组件若干教学视频） ○ 7.8.mp4 

3. 当学生观看视频和完成项目时请注意： • 7.1.mp4：环顾课堂，确保学生专注在这个项目上。提醒学生没有正确或错误的答案。 

4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 教学视频包括：7A0.mp4 7A1.mp4 7.3.mp4 7.4.mp4 7.5.mp4 7A7.mp4，并完善其项目。 

5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： • 你编故事的目的是什么? • 你在故事中使用了哪些类型的块？ • 你在这个活动中使用了以前没有使用过的块吗? 

    

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 9 

Storytelling 讲故事 教学安排 

  

Activity 8: Your Innovation Story 你的创新故事 

 

Your Innovation Story 你的创新故事 

学生讲述他们创造的创新故事。  知识点： 

• Innovation / 创新  

 

  

 

 

教学安排 

1. 回顾上一个活动，然后让学生登录 CS First 网站。如果无法访问 CS First 网站，可跳过本步骤。 2. 学生们观看教学视频并在 Scratch 平台创建一个 "Your Innovation Story 你的创新故事"项目。 

教学视频包括： ○ 8.1.mp4（有中文脚本） ○ 8.2.mp4 ○ （Add-ons 附加组件若干教学视频） ○ 8.3.mp4 

3. 当学生观看视频和完成项目时请注意： • 8.2.mp4：观察哪些学生没有创新项目并提醒他们想到一个创新故事 

4. 学生们观看 Add-ons 附加组件若干教学视频，并完善其项目（可针对进度快的同学） 教学视频包括：8A0.mp4 8A1.mp4 8A4.mp4 8A5.mp4 8A6.mp4，并完善其项目。 

5. 在还剩五分钟下课时，指导学生相互分享项目或者展开讨论，比如： • 你在本课程中最喜欢的项目是什么？为什么？ • 你能做出的最令人惊讶的事情是什么？ • 你从计算机科学中学到的最重要的事情是什么？ • 计算机科学家是做什么的？ • 你对本课程或者计算机科学有问题吗？ 

 

 

CS First 计算机先行试点计划 | 讲故事 教学安排 | 10