上一课,我们把固定三关练习改造成了题库练习。页面已经可以从题库中抽题,按基础题、读图题、综合题排列,并根据当前题目显示图形、答案和提示。
但是,只会判断“对了”“错了”的练习还不够。比如同样答错外角题,有的学生是不知道外角关系,有的是把相邻内角和不相邻内角混淆,还有的是减法算错。
只看最后答案,老师很难判断下一步该讲什么。
本课继续改造第七课作品,给题库练习加入“错因复盘”。
页面不记录姓名、排名、用时和长期历史,只记录本轮练习里每道题的错误次数、最后一次错因和正确算式,帮助学生完成后回看自己卡在哪里。
一、本课任务
本课要做一个带错因复盘的题库练习页面。完成后应具备:
- 答错后,学生先选择可能错因,再看到对应提示;未选择错因前,不继续累计新的错误次数;
最终文件保存在:
Day08-错因复盘
├── index.html
├── 错因复盘设计.md
└── 测试记录.md
本课可以沿用第七课的题库数组、抽题逻辑、输入校验、分层提示和完成页,但不能把错因写成笼统的“粗心”。错因必须指向可以改进的学习动作。
二、先确定错因分类
先只使用三类错因,够用即可:
不同题目的错因不必完全一样。基础题通常更可能是计算错误;直角题更可能是条件没读懂;等腰题和外角题更容易出现关系用错。
三、先写错因复盘设计
在 Day08-错因复盘 中复制第七课测试通过的 index.html 和 测试记录.md。然后在 WorkBuddy 中输入:
请读取当前工作空间中的 index.html 和“测试记录.md”,先不要修改网页。
请创建“错因复盘设计.md”,说明怎样把当前题库练习改造成带错因复盘的练习。
要求:
1. 沿用现有题库、抽题、输入校验、分层提示和完成页;
2. 为每道题增加常见错因字段,从“条件没读懂”“关系用错”“计算错误”中选择适合本题的选项;
3. 说明学生答错后页面怎样引导选择错因;
4. 说明答对后怎样保存本题错误次数、最后一次错因和正确算式;没有答错时最后错因显示为“无”;
5. 说明完成页怎样生成本轮复盘报告;
6. 说明重新抽题时要清空哪些复盘状态;
7. 明确不记录姓名、排名、用时和长期个人历史。
请使用标题、表格和清单,保存为“错因复盘设计.md”。
生成后先人工检查:错因是否和题目匹配,是否存在所有题都机械套用同一组错因的问题。
四、让 WorkBuddy 复述计划
设计确认后,再输入:
请读取“错因复盘设计.md”和当前 index.html,先不要修改文件。
请说明你准备怎样实现错因复盘:
1. 题库数据要新增哪些字段;
2. 每次答错时怎样记录错误次数;
3. 错因选择与原来的第一层、第二层提示怎样配合;
4. 答对后怎样保存本题复盘数据;
5. 切换题目时哪些界面状态要清空,哪些本轮结果要保留到完成页;
6. 重新抽题时怎样清空本轮数据;
7. 哪些内容不能记录,以避免收集学生个人信息。
如果当前题库题目、答案、图形或提示有矛盾,请先指出,不要直接修改 index.html。
重点检查它是否理解:错因复盘不是评分系统,也不是给学生贴标签,只服务本轮练习后的回顾。
五、生成错因复盘页面
计划无误后,输入:
请根据“错因复盘设计.md”修改当前 index.html,给题库练习增加错因复盘功能。
具体要求:
1. 保留第七课已有题库数组、抽题规则、输入校验、分层提示、图形渲染和重新抽题功能;
2. 给每道题增加 mistakeReasons 字段,内容从“条件没读懂”“关系用错”“计算错误”中选择,并为每个选项写一句本题专属说明;
3. 学生输入格式正确但答案错误时,错误次数加1,并显示本题可选错因;
4. 学生选择错因后,再显示对应的引导提示;没有选择时,提示先选择一个可能原因;在当前这次错误归因完成前,重复提交错误答案不再增加错误次数;
5. 第一次答错仍不公布答案;第二次及以后可以显示更具体的计算路径,但仍不自动填入正确答案;
6. 答对后锁定输入,记录本题错误次数、最后一次选择的错因和正确计算过程;没有答错时最后错因显示为“无”;
7. 切换到下一题时清空输入、反馈、当前错因选择和界面上的当前题答题次数,但不要清空已经保存到本轮结果中的数据;
8. 完成三题后显示“本轮复盘”,列出每道题编号、难度、错误次数、最后错因、正确答案和计算过程;
9. 如果同一类错因出现2次或以上,提示学生课后重点复习这一类问题;
10. 点击“重新抽题”后,重新抽题并清空本轮所有错因复盘数据;
11. 不记录姓名、班级、排名、用时、长期历史或任何个人信息;
12. 所有 HTML、CSS 和 JavaScript 仍放在一个 index.html 中,不使用外部资源。
完成后请检查题库字段、答错记录、错因选择、题目切换、完成页复盘和重新抽题。不要把只检查过代码的项目写成实际操作通过。
如果页面只记录错误次数,没有显示错因选项,继续输入:
当前页面只记录错误次数,没有真正形成错因复盘。请为当前题目显示可选择的错因,并让每个错因对应本题专属提示。完成页也要按题目列出最后一次错因,不能只显示总错题数。
六、测试与记录
至少测试下面这些情况:
| |
|---|
| |
| |
| |
| |
| |
| 每题都有编号、难度、错误次数、最后错因、答案和算式 |
特别注意:格式错误不算学习错误。学生输入 70° 只是输入格式不符合页面规则,不应被记录为“计算错误”。
让 WorkBuddy 更新测试表:
请根据本课错因复盘功能更新“测试记录.md”,不要修改 index.html。
测试记录至少包含:测试编号、测试类别、题目编号、输入或操作、预期结果、实际结果、是否通过、问题说明。
请加入以下测试:空白输入不增加错误次数、abc不增加错误次数、70°不增加错误次数、错误答案会显示错因选项、未选择错因时不能获得错因提示、未选择错因时重复提交错误答案不重复增加错误次数、选择三类错因后的提示、答对后锁定并保存复盘结果、切题后清空当前错因选择、完成页显示三题复盘、同类错因2次以上时出现复习提示、重新抽题后清空旧复盘。
没有亲自操作得到的“实际结果”和“是否通过”保持空白,不要根据代码自动填写为通过。
七、课堂上怎样使用
错因复盘适合放在练习结束后的3分钟。不要让学生只看“错了几题”,而要看“错在哪里”。
教师可以按下面顺序组织:
- 回到对应题目,重新说出已知条件、使用关系和计算过程;
如果全班很多学生集中在“条件没读懂”,下一步应讲读图;如果集中在“关系用错”,应比较相近关系;如果集中在“计算错误”,可以加强列式和验算。
八、完成检查
- 同一次错误未选择错因前,重复提交不会重复增加错误次数;
留个课后题
如果学生在外角题中连续选择“计算错误”,但他的答案总是把外角和相邻内角相加,你认为页面应该怎样调整?
请按下面格式分析:
观察到的答案:
学生可能误解的关系:
当前错因分类是否准确:
页面应增加的提示:
不应该直接告诉学生的内容:
错因复盘的目的不是替学生做题,而是帮助学生和老师更快找到下一步该改进的地方。
可以把你的选题发到培训群或评论区。大家提交较多、又适合课堂互动的题目,可以作为下一课的制作案例。