【Hello AI 科技致善】用 AI 打造乡村教师古诗词教学助手,降低备课门槛(小学1-6年级人教版)

【Hello AI 科技致善】我用 SOLO 打造乡村教师数字人古诗词教学平台


① 摘要:

面向乡村小学教师,在古诗词教学场景下提供系统化的教学资源、互动练习和辅助工具,让缺乏专业培训的乡村教师也能轻松开展高质量的古诗词教学,目前已完整开发了 1-6 年级教材内容。


② 真实场景与需求:

  • 目标人群:乡村小学教师(特别是跨学科教学的非语文专业老师)
  • 痛点描述:在备课环节,需要花大量时间查资料、整理诗人关系、设计教学流程;在课堂上,难以设计有趣的互动环节让学生理解平仄对仗;在练习环节,无法即时了解每个学生的学习进度。
  • 现有做法:依赖教参书或网络零散搜索,资源不成体系;或采用传统的"读背抄"方式,学生缺乏兴趣;教学进度记录靠纸笔,难以追踪。

③ 作品介绍:

这是一个Web 端古诗词教学辅助平台,核心功能包括:

  1. :books: 按年级教材学习:完整覆盖 1-6 年级人教版教材,每首诗配有课本原图、背景知识

  2. :scroll: 按朝代/流派梳理:思维导图展示诗人关系,赠诗故事帮助理解文人交往

  3. :video_game: 互动练习:连字成诗游戏,让学生在游戏中熟悉诗句

  4. :robot: AI 诗词教学:Deepseek AI 辅助理解诗意,讲解平仄知识

  5. :student: 数字人互动:魔珐星云数字人辅助学习写诗

  6. :man_teacher: 教师管理:学生管理、自学进度追踪、教学资源库

  7. :performing_arts: 趣味功能:网络用语翻译古诗词,让传统文化更贴近现代生活


④ 用 SOLO 实现的过程:

任务拆解

  1. 先构建基础框架:React + Vite + Tailwind,配置路由
  2. 逐个实现核心模块:欢迎页、年级选择、诗词详情、AI 教学
  3. 优化用户体验:添加中国风配色、装饰元素、动画效果
  4. 功能迭代:增加教师管理、连字成诗游戏、网络用语翻译

使用的 SOLO 能力

  • 代码生成:快速生成完整的页面组件和状态管理
  • 多轮对话调整:根据反馈不断优化 UI 配色、交互细节
  • 调试排错:快速定位并修复图片路径、数据同步等问题

关键过程

  • 最初是简单的诗词列表,通过 SOLO 逐步添加诗人关系、思维导图
  • 遇到诗人头像缺失问题,用 emoji 占位快速解决
  • 连字成诗游戏逻辑从单句优化到整首诗,不断调整算法确保诗句正确放置

踩过的坑

  • 图片路径问题:教材图片命名不一致(第22课 vs 第22首),需要逐个对齐
  • 连字成诗的网格布局:一开始空白格问题严重,通过逐个填充解决
  • 数字人服务:充值问题导致暂时不可用,添加了错误处理和提示

⑤ 成果展示:

技术栈

  • 前端:React 18 + TypeScript + Vite + Tailwind CSS + Framer Motion
  • AI:Deepseek API
  • 数字人:魔珐星云 SDK
  • 部署:Vercel 静态托管

核心界面

  1. 首页:欢迎页 + 功能入口导航

  2. 古诗词教学-按年级学习:古风卡片 + 教材原图展示

  3. 古诗词教学-按朝代学习:作者信息 + 写诗背景 (目前只有李白时间线是完整的)

  4. 连字成诗:互动游戏 + 进度追踪

  5. 教师管理:学生管理 + 自学进度展示


⑥ 验证方式与下一步:

当前验证

  • 功能完整性验证:1-6 年级全部教材诗词已录入,连字成诗游戏可正常通关
  • 用户模拟测试:教师管理功能可正常添加学生、追踪学习进度

下一步计划

  1. 对接真实的乡村教师进行试用
  2. 增加更多年级和教材版本支持
  3. 优化密钥安全性,避免前端暴露
  4. 增加数据导出功能,方便教师存档
  5. 收集真实用户反馈,迭代优化体验

:light_bulb:写在最后:

这个产品的上一个版本进入了AI Hackathon Tour 上海交通大学复赛,本次参赛我修改了一些逻辑:

  • 去掉了诗词填空,呈现完整诗词,便于初次学习
  • 增加了拼音标注,便于小学生学习
  • 增加了教师管理功能,可查看学生端自学的进度
  • 增加了按年级学习诗词模块,并手动上传人教版1-6年级古诗的课本截图用于开发,让产品更贴合教学
  • 增加了连字成诗的功能,在学习后可以立即检验学习成果

:tada: 希望这个平台能让更多乡村孩子感受古诗词的魅力!

1 个赞

太牛了,终于来个正常的啦

1 个赞

以前备课找资料确实麻烦,这个能省不少时间