皮笑工具箱|用「第四代交互式课件制作」做沉淀溶解平衡课件
- 2026-10-01 23:22:20
皮笑工具箱
用「第四代交互式课件制作」做沉淀溶解平衡课件
一句话提需求，十分钟出课件，学生扫码就能答题，老师的屏幕上实时统计出每道题的选项分布——而且不用我自己搭一台服务器。
这个栏目是干嘛的
不灌鸡汤，只聊我真正用过的。「皮笑工具箱」专门记录我平时做教学、做课件时用过的趁手工具：它解决什么问题，我怎么用它，踩过什么坑。这一期，是我最近上手的一个技能——「第四代交互式课件制作」。下面整个过程都是真实的制作记录，有图为证。
为什么想做这个课件
沉淀溶解平衡，高中化学里最容易「听懂但做错」的一章。Ksp 背得滚瓜烂熟，一碰到分步沉淀、沉淀转化就乱。「难溶」不是「不溶」，「微溶」也算溶，这些坑靠讲，讲一遍记不住。
更麻烦的是：课堂上到底多少人真懂，我只能凭感觉。举手，看运气；提问，看胆量；问卷星，题目要另建、数据要另导，还滞后。
我想让这些数据当场就能看见。
一句话，十分钟，课件就出来了
我对它说的就这一句：
然后我去倒了杯水。回来的时候，10 分 37 秒，一份 15 页、88.7KB 的单文件课件已经生成并通过校验——双击就能在浏览器打开，不联网也能用。
制作记录：一句话需求，10m37s 交付 15 页课件（讲解＋测验＋仿真模式）。结构它替我排好了。封面、前测、四节内容各配一组仿真、两道中测、后测、总结、知识结构图，一共 18 道测验题，全部校验通过。前测只考已有经验、不泄露新术语，比如「AgCl 难溶于水，所以溶液里几乎没有 Ag⁺ 和 Cl⁻」——先看多少人往这个坑里跳。
三组仿真，是这份课件的硬货。
平衡仿真拖滑块。拖动 [Ag⁺] 和 [Cl⁻] 两个滑块，页面实时把离子积 Q 和溶度积 Ksp 画成两根条形比高低，烧杯里的沉淀随 Q>Ksp 增多、Q<Ksp 减少。学生自己拖两下，比我在黑板上写十遍都直观。
课件「平衡仿真」面板：两个滑块都拉到 85，Q 与 Ksp 两根条形当场分出高下——Q > Ksp，过饱和，生成沉淀。溶解仿真给对照。选体系、加试剂：碳酸钙加酸溶、氯化银加氨水配位溶、硫化铜加硝酸氧化还原溶——旁边摆一杯加酸纹丝不动的硫酸钡作反例。一句话点透：溶解的本质是降低离子浓度，方式可以完全不同。
课件「溶解仿真」面板：试剂用量拉到 70，CaCO₃ 晶体在稀盐酸中崩解——酸溶的本质是把 c(CO₃²⁻) 降下来。转化仿真看颜色。依次滴加 NaBr、KI、Na₂S，烧杯里的沉淀白→淡黄→黄→黑，AgCl→AgBr→AgI→Ag₂S 一路沉淀转化，离子浓度实时对照。沉淀往更难溶的方向走，这个结论是学生自己看着颜色变出来的。
课件「转化仿真」面板：三步试剂滴完，当前沉淀显示 Ag₂S（黑色），转化进度 3/3 步——颜色是学生看着一步步变过去的。还有个细节我挺满意：所有插图全是内联 SVG 和 Canvas 画的，没用一张 AI 生图——化学示意图中文标注更准，还零成本。讲授页配渐进显示动画，另有两道连线巩固题，总结页用链式问题把「生成—溶解—转化」串成一条以 Q 与 Ksp 为轴的知识线。
嫌 2D 不够震撼？再追一句就行。我又发了一条「用 three.js 给图仿真实验 3D 效果，微观表示清晰，宏微结合」，1 小时 13 分钟后，三个仿真全部升级成 WebGL 3D：烧杯里 Ag⁺、Cl⁻ 离子球做布朗运动，与固体表面动态交换，宏观数值和微观图像同屏。文件涨到 681KB，仍然单文件、仍然离线可用，还顺手打上了「皮皮化学天地」的标。
真正的高级点：不用服务器，数据也能实时回来
这是最后一步，也是我今天最想说的部分。我在对话里点了一下「启用 Step 4」，11 分 27 秒后，课件支持了手机扫码答题和教师端实时统计。
它做了两件事。一是改页面：四个测验页改成「选完不即时反馈」，点「提交本页成绩」统一出正误和解析，选项锁定、按钮置灰，防止抄同桌；七个交互页右下角出现二维码徽章，点开本地就生成二维码，学生扫码直达当前页——不需要联网图床，也不需要我截图发群。二是部署：静态部署到 WorkBuddy 云端，拿到一个链接，学生在教室里打开的就是这份课件。
课件「后测」页：测验页右上弹出的二维码，学生扫码直达；同一个弹窗里，参与人数、平均得分、每题正确率、清空数据，教师端一眼全看到。这是我最意外的地方：整套互动，没有一个我自己搭的后端。
消息走的是 MQTT 这条轻量通道，技能把它处理得很细：版本钉死（mqtt@4.3.7），三个 CDN 源自动降级；broker 按班级号确定性选择，从根上避免学生手机和老师电脑连到不同服务器、数据对不上的尴尬。课件页面左下角有个小圆点，绿了就代表已经连上，红了当场就能发现。
我这边的大屏上，每场测验弹窗显示参与人数、平均得分、每题正确率；点开「查看每题详情」，A/B/C/D 选项分布条形图直接摆出来。「清空数据」一键重置，下节课接着用。
无服务器实时统计的数据流示意：学生扫码答题，答案经 MQTT 通道实时回到教师大屏，课件本体托管在 WorkBuddy 云端。也就是说：不用申请服务器，不用配数据库，不用导 Excel。课件放上去，码一生成，课就能上。
课堂里怎么用
前测扫一下，三十秒看到全班前概念分布。哪句话坑的人多，当场讲。讲完沉淀溶解平衡再测一次，前后一比，谁真转过弯来一目了然。两个中测嵌在内容中间，趁热暴露混淆点，比等下课再收作业快得多。
二维码就在每页右下角，学生扫当前页直达当前题，不用翻页找。没带手机的学生看大屏，口头报答案，我在后台手动记——数据照样齐。
去哪儿找它、怎么装
这个技能住在 WorkBuddy 里，装起来不比装个手机 APP 麻烦。最快的一路：打开 WorkBuddy，在对话框里直接说一句「帮我安装第四代交互式课件制作技能」，它会自己去技能市场里搜、找到后装上，全程不用你动手。
想自己翻也行：打开 WorkBuddy 的技能市场，搜「第四代交互式课件制作」或者「交互式课件」，看到它点「安装」即可。装好后回到对话框，像我对它那样，把课题、章节、想要的可视化形式一口气说给它，剩下的交给它。
写在最后
以前做互动课件，卡在两件事：做得动（要会写代码）、收得回（要有服务器和数据通道）。这个技能把两道坎都填平了——课件它帮你写，数据它帮你收。单文件、可放映、能仿真、能扫码、能实时统计，全程我没有写一行代码。如果你也想让自己的课件「活」起来，去试试「第四代交互式课件制作」。
