✦ AI教学探索 · 实操篇
上一篇《AI时代，课件该进化了》发布后，后台收到了同行老师的私信。大家最集中的困惑是同一个问题：
“理念我完全认同，但到底该怎么落地？”
这也曾是我最大的困惑。看到 HTML、JavaScript 这些词，我也头大过。
但走过这段路之后，我想告诉你一句实话：在 AI 时代，不懂代码，完全不妨碍你做出好用的教学产品。
今天这篇文章，我想毫无保留地复盘我的互动预习系统 ClassReady 的四次迭代——从一个“高级电子单词本”，到一个带数据追踪、微诊断和情绪反馈的教学闭环工具。中间踩过的坑、做对的决定、可以直接复制的 Prompt，全都在这里。
建议先收藏，再慢慢看。
· · ·
01一个漂亮的网页，并不等于一堂好课
做ClassReady 的起点很朴素：学生整天手机不离手，抱着纸质书预习实在枯燥。我想，如果做一个手机上随时打开的预习网页——生词可以翻转、能点击发音、课文可以开关拼音——是不是就完美了？
在 AI 的帮助下，1.0 版本很快诞生了。界面漂亮，学生一开始也觉得新鲜。
但接下来的几节课上，不对劲的感觉越来越强。学生在网页上点了几下、听了几遍发音，到了课堂上真正需要开口时，该卡壳的地方还是卡壳。
那一刻我突然明白过来：我不过是做了一个更好看的电子单词本。学生在上面的所有行为都是“浏览”，没有一个动作要求他们“产出”。
没有要求“产出”的预习，本质上就是“假预习”。
认识到这一点后，我做了第一次重要的升级：在每个知识点后面加上“微诊断”——不是那种让人望而生畏的测验，而是两道极轻量的小任务：一道“英译中”，一道“用这个词回答一个情境问题”。学完一个词，必须先“试一试”才能翻到下一个。课文也一样，听完录音得立刻做两道判断题。
这里的关键不是“考”他们，而是让他们在课前就暴露自己的问题。做对了，信心增强；做错了，上课的时候就会格外留心那个知识点。
💡 抄作业 PROMPT · 微诊断构建
“我正在开发一个基于 Vue 的 HSK 互动预习网页。请在每个生词下方新增一个【词汇小挑战】区域。包含两个输入框：Q1 是英译中造句，Q2 是情境问答（学生须使用该生词作答）。提交后系统自动判断，如果回答里没有包含目标词，温柔提示重新修改。请用‘挑战一下’替代‘诊断测试’，降低学生的防备感。”
· · ·
02学生在前线试错，我在后方一无所知
2.0 版本上线后，学生确实开始在课前“试错”了。但新的痛点随即出现：他们在网页上造的句子，对的错的，我后台一概看不到。上课时，我依然只能靠“经验”盲猜去决定讲什么。
一个没有数据回路的预习工具，终究只是一座孤岛。
解决方案出乎意料地简单。不需要买服务器，不需要学数据库——一个免费的 Google 表格，就是最好的教学后台。我让 AI 写了一段把网页和 Google 表格连起来的代码，让 ClassReady 从此有了“神经系统”。
部署的那天晚上，我打开表格，看到一行行数据自动填入——谁的“把”字句语序写反了，谁在连词成句上反复出错，哪个词全班有六个人标记了“不确定”。
课堂那宝贵的 45 分钟，终于可以从"满堂灌"变成"精准打击"了。
💡 抄作业 PROMPT · 数据回传
“我需要把 HTML 网页里学生的答题数据自动发送到 Google 表格。请帮我写一段 Google Apps Script 后台代码。接收字段：学生姓名、所在课次（如“第10课”）、测验分数和原始错句。请自动根据课次名称新建子工作表（Tab），这样我可以按课次分类查看数据。”
· · ·
03好工具不只懂技术，还得懂点心理学
当系统跑通、数据回传稳定之后，我满怀信心地铺开使用。然后，真实的“用户反馈”给了我一盆冷水。
有学生说：“课文太长了，一打开满屏文字，根本不想看。”有学生抱怨：“连词成句不小心点错了一个词，就得全部重来。”还有学生觉得：“一进来就填名字做题，感觉像在做作业，没意思。”
这些反馈刺耳，但刺耳的声音往往最有价值。它们让我意识到一件事：
技术的硬伤 AI 可以秒修，但交互的软肋，需要老师用同理心去填补。
长课文太有压迫感？那就做成手风琴折叠，默认收起，想看哪段点哪段。连词成句容错率太低？那就加一个“撤回”按钮，允许学生退回点错的词。进入页面太像做作业？那就把入口改造成一扇“闯关大门”——一个弹跳的火箭图标、一句充满挑战感的文案，让学生觉得自己不是在被考，而是在玩。
每一个小改动的背后，都不是什么高深的技术决策，而是一个最朴素的问题：如果我是学生，在这个地方我会是什么感受？
💡 抄作业 PROMPT · 体验优化
“请帮我优化网页的交互体验：1. 将课文模块改为手风琴折叠，默认收起，点击展开。2. 在连词成句中加入撤回按钮，允许学生逐个退回点错的词。3. 把进入页面的姓名表单改造成一个带有火箭图标和挑战感文案的闯关入口。”
· · ·
04让倾听成为一种“自然发生”的事
第三次迭代之后，ClassReady 在体验上已经顺滑了很多。但我隐隐觉得还缺了一块拼图——我不能总是靠口头追问“用得怎么样”来收集反馈，那样既低效，学生也不会说真话。
于是我又做了一个很小但很重要的决定：在预习完成页面的成就卡片下方，嵌入一个极简的微反馈。不要求写长文，只需要 3 秒钟：
这些数据跟成绩一起飞进后台。几周积累下来，我不仅能看到知识盲区的分布，还能清晰地感知到学生的“情绪温度”。如果某一课普遍是 😫 加“花了 15 分钟以上”，我就知道下一版该降低难度或者减少题量了。
有一天，一个平时不太说话的学生在输入框里写了一句：“老师，这个ClassReady比书好玩多了。”那一刻的感觉，比任何一行代码跑通都让人开心。
· · ·
尾声从“造轮子”到“修心法”
回望这段时间，ClassReady 从一个简陋的静态网页，长成了一个具备诊断、数据追踪、沉浸体验和情绪反馈的完整系统。在这个过程中，我一行代码都没有手写过。
有些同行可能以为，用 AI 做教学工具，就是让它一键生成教案、省点力气。但走过来你会发现，AI 真正伟大的地方，不是替你省事，而是帮你跨越技术的鸿沟，让你脑子里那些关于“好的教学应该是什么样”的直觉，变成触得到、用得上的真实产品。
你知道在哪个环节学生最容易犯错，你知道什么样的提示语能保护他们试错的自尊心，你知道一个撤回按钮对一个粗心的孩子意味着什么——这些判断，AI 做不了。而这些判断，恰恰是好的教学产品最核心的灵魂。
在这个时代，我们不需要等待完美的课件降临。借 AI 的手，融入教育者的心，每个老师都可以定义属于自己的下一代教学工具。
这条自己“造轮子”的路，确实需要花些心思。但当你打开后台，看到学生真实的进步数据；当你在课堂上精准地命中了那个容易出错的知识点；当一个安静的孩子在反馈框里留下一句“比看书好玩多了”——你会觉得，这一切很值得。
如果你也在用 AI 做教学工具、正在踩坑中、或者有什么有趣的实践想分享，欢迎在评论区聊聊。我真的很想知道，同行们都在用什么方式改造自己的课堂。🙋♀️
本文为原创内容，记录真实探索过程，转载请注明出处。
晚安🌙
