|
| 1 | +--- |
| 2 | +title: Clacky AI 小小魔法师工坊 |
| 3 | +description: 2小时学会和AI一起用“魔法思维”创造! |
| 4 | +--- |
| 5 | + |
| 6 | +# 🚀 Kids Coding Day: AI 编程 小小魔法师工坊 🚀 |
| 7 | + |
| 8 | +你好,未来的小小魔法师!欢迎来到由 程序媛汇举办的 Kids Coding Day AI 编程 小小魔法师工坊!🎉 |
| 9 | + |
| 10 | +在这个 2 小时的奇妙旅程中,你不仅会认识一个会编程的魔法机器人朋友 **Clacky** 🤖,还会学到四种超级厉害的“魔法思维”,它们能帮你解决生活中的各种难题! |
| 11 | + |
| 12 | +这四种魔法思维就是“**计算机思维**”: |
| 13 | + |
| 14 | +1. **拆解咒 (Decomposition)**:把一个大问题,拆成几个小问题。 |
| 15 | +2. **找不同咒 (Pattern Recognition)**:发现事情的规律和相同点。 |
| 16 | +3. **抓重点咒 (Abstraction)**:忽略不重要的细节,抓住关键。 |
| 17 | +4. **一步一步咒 (Algorithms)**:像写食谱一样,把步骤说清楚。 |
| 18 | + |
| 19 | +准备好了吗?让我们开始施展魔法吧! |
| 20 | + |
| 21 | +--- |
| 22 | + |
| 23 | +## 提前准备 |
| 24 | + |
| 25 | +1. 准备一台能够上网的电脑,电脑上安装现代的浏览器,比如 edge 或者 chrome |
| 26 | + |
| 27 | +2. 注册 Clacky AI |
| 28 | + |
| 29 | + 在开始学习之前,你需要先注册 Clacky AI 账户: |
| 30 | + |
| 31 | + **🔗 [立即申请 Clacky AI](https://clacky.ai/beta?source=source_coding_girls_club-medium_community-campaign_beta_launch)** |
| 32 | + |
| 33 | + > 💡 **特别说明**:这是 Clacky AI 专门为 **Coding Girls Club 程序媛汇** 提供的专属申请链接。活动期间使用此链接申请,将获得优先审批,且审批通过率更高。 |
| 34 | +
|
| 35 | +3. 注册 GitHub 账号 |
| 36 | + |
| 37 | +- 访问 [GitHub 官网](https://github.com/) 并注册账号。 |
| 38 | +- 完成邮箱验证和基础设置。 |
| 39 | + |
| 40 | +--- |
| 41 | + |
| 42 | +## 魔法快速体验 |
| 43 | + |
| 44 | +让我们马上来体验一下“魔法思维”! |
| 45 | + |
| 46 | +1. 打开 Clacky AI。 |
| 47 | +2. 在聊天框输入以下内容,并让 Clacky 帮你制作一个网站: |
| 48 | + |
| 49 | + ``` |
| 50 | + 我是一个小学三年级的学生,制作一个网站讲解“魔法思维” |
| 51 | +
|
| 52 | + 这四种魔法思维就是“计算机思维”: |
| 53 | +
|
| 54 | + 拆解咒 (Decomposition):把一个大问题,拆成几个小问题。 |
| 55 | +
|
| 56 | + 找不同咒 (Pattern Recognition):发现事情的规律和相同点。 |
| 57 | +
|
| 58 | + 抓重点咒 (Abstraction):忽略不重要的细节,抓住关键。 |
| 59 | +
|
| 60 | + 一步一步咒 (Algorithms):像写食谱一样,把步骤说清楚。 |
| 61 | + ``` |
| 62 | + |
| 63 | +3. 观察 Clacky 帮你生成的网站内容。 |
| 64 | +4. 你可以尝试修改 prompt,让网站变得更有趣! |
| 65 | + |
| 66 | +--- |
| 67 | + |
| 68 | +## 等待网站生成时的魔法思维讨论(5-8 分钟) |
| 69 | + |
| 70 | +在等待 Clacky 帮大家生成网站的这几分钟里,老师可以带领学生和家长一起,用生活中的例子来讨论“计算机思维”的四个魔法咒语: |
| 71 | + |
| 72 | +- **老师提问:** “如果世界有魔法的话,而且今天这节课结束后,就能给你某个咒语能力。明天你可以念三个咒语,你会念什么?” |
| 73 | + > 用来了解学生认为的魔法,引导学生接下来讨论“计算机思维” |
| 74 | +
|
| 75 | +### 1. 拆解咒(Decomposition) |
| 76 | + |
| 77 | +- **老师提问:** “如果我们要做一顿晚饭,需要做哪些准备?可以把这个大任务拆成哪些小步骤?” |
| 78 | +- **互动:** 请学生举例,把一个大问题拆成几个小问题。 |
| 79 | + |
| 80 | +### 2. 找不同咒(Pattern Recognition) |
| 81 | + |
| 82 | +- **老师提问:** “你们有没有发现,早上起床、刷牙、吃饭,每天都很像?生活中还有哪些事情有规律?” |
| 83 | +- **互动:** 让学生说说生活中发现的规律或相同点。 |
| 84 | + |
| 85 | +### 3. 抓重点咒(Abstraction) |
| 86 | + |
| 87 | +- **老师提问:** “如果你要教外星人刷牙,你会怎么说?哪些细节可以省略,哪些是最重要的?” |
| 88 | +- **互动:** 让学生用一句话描述一件事的关键。 |
| 89 | + |
| 90 | +### 4. 一步一步咒(Algorithms) |
| 91 | + |
| 92 | +- **老师提问:** “包饺子要分几步?或者泡一杯奶茶要怎么做?能不能一条一条写出来?” |
| 93 | +- **互动:** 请学生尝试用‘一步一步’的方式描述一个中国家庭常见的生活流程,比如包饺子、泡奶茶、煮鸡蛋等。 |
| 94 | + |
| 95 | +--- |
| 96 | + |
| 97 | +老师可以鼓励家长也参与讨论,让孩子用自己的语言解释四个咒语。这样,大家在等待的时间里,也能轻松理解‘魔法思维’! |
| 98 | + |
| 99 | +--- |
| 100 | + |
| 101 | +## 网站体验与讲解环节 |
| 102 | + |
| 103 | +让我们一起来看看生成的网站示例: |
| 104 | + |
| 105 | +🔗 [点击查看 Clacky “魔法思维”示例网站](https://3000-85531dd19410-web.clackypaas.com/) |
| 106 | + |
| 107 | +> 💡 **提示**:这是一个示例网站,展示了如何用有趣的方式介绍四种魔法思维。 |
| 108 | +> 你生成的网站可能看起来会有所不同,这很正常!每个小魔法师都能创造独特的作品。 |
| 109 | +
|
| 110 | +### 1. 检查和修复网站 |
| 111 | + |
| 112 | +- Clacky 网站生成后,老师请学生和家长一起尝试访问自己的网站。 |
| 113 | +- 如果网站打不开或出现错误,让学生或家长把错误消息复制下来,粘贴到 Clacky AI 聊天框里,请 Clacky 帮忙修复。 |
| 114 | +- 老师可以引导学生: |
| 115 | + > “遇到问题不要怕,和 Clacky 说一说,让它帮你解决!” |
| 116 | +
|
| 117 | +### 2. 体验与反向讲解(5-10 分钟) |
| 118 | + |
| 119 | +- 网站可以访问后,学生和家长一起体验自己做的网站。 |
| 120 | +- 老师引导学生: |
| 121 | + > “现在你来当小老师,给爸爸妈妈讲讲你的网站里介绍的四个魔法咒语吧!” |
| 122 | +- 鼓励学生用自己的语言讲解“拆解咒、找不同咒、抓重点咒、一步一步咒”,家长可以提问互动。 |
| 123 | +- 让每个孩子都能自信地表达自己的理解。 |
| 124 | + |
| 125 | +--- |
| 126 | + |
| 127 | +## 设计与创造自己的应用 |
| 128 | + |
| 129 | +### 1. 头脑风暴与设计 |
| 130 | + |
| 131 | +- 老师引导学生: |
| 132 | + > “现在你已经学会了四个魔法咒语,能不能用这些魔法思维,和爸爸妈妈一起想一想,你最想做一个什么样的应用?可以是一个小游戏,也可以是一个有趣的网站!” |
| 133 | +- 鼓励学生大胆想象,可以是: |
| 134 | + - 贪吃蛇游戏 |
| 135 | + - Flappy Bird(像素小鸟) |
| 136 | + - 画画板、日记本、故事生成器等 |
| 137 | +- 让学生和家长一起讨论: |
| 138 | + - 这个应用要分成哪些小部分?(拆解咒) |
| 139 | + - 有没有什么规律可以用?(找不同咒) |
| 140 | + - 最重要的功能是什么?(抓重点咒) |
| 141 | + - 做出来要分几步?(一步一步咒) |
| 142 | + |
| 143 | +### 2. 用 Clacky 新建应用 |
| 144 | + |
| 145 | +- 讨论好想法后,老师请学生用 Clacky AI 新建自己的应用。 |
| 146 | +- 可以直接在 Clacky 聊天框输入: |
| 147 | + |
| 148 | + > “帮我做一个贪吃蛇游戏。” |
| 149 | + > “帮我做一个 Flappy Bird 游戏。” |
| 150 | + > “帮我做一个可以画画的网站。” |
| 151 | +
|
| 152 | +- 你也可以参考下面的贪吃蛇 prompt 示例: |
| 153 | + |
| 154 | + ``` |
| 155 | + 我想做一个贪吃蛇小游戏,要求: |
| 156 | + - 用键盘方向键控制蛇移动 |
| 157 | + - 吃到食物后蛇会变长,得分加1 |
| 158 | + - 撞到墙壁或自己身体就游戏结束 |
| 159 | + - 显示当前分数和最高分 |
| 160 | + - 游戏界面要有颜色,适合小学生 |
| 161 | + - 提示“按空格键重新开始” |
| 162 | + ``` |
| 163 | + |
| 164 | +- 鼓励学生尝试不同的创意,体验用计算机思维把想法变成现实! |
| 165 | + |
| 166 | +--- |
| 167 | + |
| 168 | +## 分享与总结环节 |
| 169 | + |
| 170 | +- 请每位小魔法师在班级群或现场,发出自己的昵称和可访问的网站链接。 |
| 171 | +- 鼓励大家用一句话或几句话,分享今天的学习感受,比如: |
| 172 | + > “我今天学会了怎么把大问题拆成小问题!” |
| 173 | + > “我觉得自己像个小小程序员!” |
| 174 | + > “我最喜欢自己做的贪吃蛇游戏!” |
| 175 | +- 老师和家长可以为每个孩子的创意和努力点赞,鼓励大家继续用魔法思维解决生活中的问题! |
| 176 | + |
| 177 | +--- |
0 commit comments