小互 · AI 学院ACADEMY
课程/C11/第 2.4 课

造第一个交互教具:学生能拖、实时看变化

实战免费试学L2 · 16 分钟
这节课结束时,你会有
一个经过极端值测试、真进过课堂的交互教具

从这节课起,你在造教科书做不到的东西。第一件:学生能拖动、实时看变化的交互教具。一条供需曲线讲一节课,不如让学生自己拖一下——那声「啊,原来如此」,是再好的讲解都换不来的。

01跟做:造你的第一个教具

用经济课的供需曲线当例子(你的学科怎么换,第 3 节讲):

帮我做一个「供给与需求」的交互网页教具:
横轴数量、纵轴价格,供给和需求两条线。
给学生两个滑块,一个调需求、一个调供给;拖动时曲线实时移动,
均衡点(交点)自动跟着变,旁边用大字显示当前均衡价格和数量。
字号要大(教室后排能看清),配色简洁别花哨。
做成一个网页文件,我上课投屏、学生用平板都能拖。
终端 — claude
⏺ 生成 供需教具.html … 浏览器打开
✓ 做好了,试试拖滑块。另外我加了一个「重置」按钮—— 课堂演示时讲完一轮能一键回初始状态,需要的话保留。

> 保留。均衡点再大一点,后排看不清;拖动时给交点加个高亮动画

⏺ 已调整,刷新可见

然后就是熟悉的截图迭代:投屏试一次,哪里不顺眼截图说一句。教具的验收标准只有一条:站在最后一排能不能看清、拖起来跟不跟手。

02课堂用法:让学生动手,不是看你动手

  • 投屏版:你拖,全班看——适合引入概念的三分钟;
  • 发链接版:教具是个网页文件,发到班级群,学生平板/手机自己拖——「把需求调到最高,观察价格,写下你的解释」是比抄笔记好十倍的作业;
  • 提问版:「谁能只动一个滑块,让均衡价格回到 50?」——教具一秒变课堂游戏。

03换成你的学科:万能句式

套路一句话:「做一个【概念】的交互教具:学生能调【什么变量】,实时看到【什么变化】」。各科现成的例子:

数学

拖二次函数的 a、b、c 系数,看抛物线怎么变——「系数的意义」从背口诀变成亲眼所见。

物理

调初速度和角度看平抛轨迹;改电阻看电流表读数——实验室排不上队的实验,网页里无限做。

生物/化学/统计

掷一万次骰子看分布收敛;调浓度看反应速率曲线——「大数定律」这种反直觉概念,拖三下就懂。

04检查点

CHECKPOINT
教具做好了,明天就要投屏用。上课前最必要的动作是?
为什么:「上课前自己玩一遍」是教具的铁律,而玩的姿势是专挑极端值:滑块拖到头、快速来回拖、两个滑块同时最大——课堂上学生一定会这么干(他们专干这个)。教具当堂出洋相,比没有教具更伤。发现问题截图给它修,两分钟的事。
本课产出

一个经过极端值测试、真进过课堂的交互教具

你多年想要而做不出的那个东西,今天有了。下一节造「会动的过程」:分步演示动画。

完成后自动记录进度,随时能回来