帮助孩子更好地理解解题过程,通过可视化插图、流程梳理和思路引导,让几何学习更轻松。
本项目专为七年级学生设计,利用大模型辅助生成:
- 🎨 可视化插图 - 用Python matplotlib绘制几何图形,直观展示题目和解题过程
- 📝 分步解析 - 将复杂题目拆分为简单步骤,逐步引导理解
- 💡 思路梳理 - 总结解题技巧和关键知识点,培养数学思维
- 🌐 交互式网页 - 可交互的HTML页面,支持逐步浏览和提示探索
homework/
├── AGENT.MD # 任务执行规范(知识范围约束)
├── problem_solve_steps.md # 详细解题步骤规范
├── math/
│ ├── 001/ # 第001题完整资料
│ │ ├── 001.png # 原题图片
│ │ ├── 001.html # 交互式解题网页
│ │ ├── 001_solution.md # Markdown解题文档
│ │ ├── geometry_figures.py # Python绘图脚本
│ │ └── step*.png # 解题过程插图
│ ├── 002/ # 第002题完整资料
│ └── 003/ # 第003题完整资料
└── README.md # 本文件
- 每道题配备多幅插图,展示题目场景和解题关键步骤
- 使用颜色区分不同情况(如锐角/直角/钝角三角形)
- 英文标注确保跨平台显示正常
- 逐步展示:点击按钮逐步浏览解题过程,避免信息过载
- 提示系统:每个关键步骤提供3个提示选项(正确/错误/中性),点击展开查看
- 进度追踪:顶部进度条显示学习进度
- 键盘导航:支持左右箭头键切换步骤
- 每道题包含:题目 → 解题过程 → 最终答案 → 知识点总结 → 解题技巧
- 帮助孩子建立完整的知识体系
- 进入任意题目文件夹(如
math/001/) - 启动本地HTTP服务器:
cd math/001 python -m http.server 8080 - 浏览器打开
http://localhost:8080/001.html
直接打开 001_solution.md 等文件,使用Markdown预览器查看。
本项目遵循严格的解题规范(详见 problem_solve_steps.md):
- 解析题目 - 提取已知条件和求解目标
- 生成思路 - 分析核心知识点,设计推理路径
- 绘制插图 - Python matplotlib生成几何图形(英文标注)
- 编写文档 - Markdown格式,纯文本公式,兼容各种预览器
- 生成网页 - 交互式HTML,带提示系统和进度追踪
- 总结梳理 - 知识点归纳和解题技巧总结
- Python - matplotlib绘制几何图形
- HTML/CSS/JavaScript - 交互式网页
- Tailwind CSS - 现代化UI样式
- MathJax - 数学公式渲染(网页端)
为确保兼容性,采用以下规范:
| 类型 | 示例 | 说明 |
|---|---|---|
| 分数 | (1/2) 或 2/13 |
避免使用LaTeX分数 |
| 面积比 | S△AMN / S△ABC |
纯文本表示 |
| 平方 | (1/2)² |
使用上标符号 |
| 重要公式 | **加粗** 或 > 引用 |
突出显示 |
- 七年级学生
- 需要几何解题辅导的初中生
- 希望培养数学思维的学生
- 知识范围:所有解题内容严格控制在七年级知识范围内,不超纲
- 字体兼容:配图中使用英文标注,避免中文字体显示问题
- 内容同步:HTML网页与Markdown文档保持内容一致
- problem_solve_steps.md - 详细的解题步骤执行规范
- AGENT.MD - 任务执行约束(七年级知识范围)
💡 提示:每道题的交互式网页都包含提示系统,鼓励孩子先思考,再点击查看提示,培养独立思考能力。