【学习工作赛道】童学日历 — 小朋友培训课程智能管理工具（Demo 作品帖）
0. 先和大家打个招呼吧
大家好，我是一名一个孩子的家长。从小学开始上培训班到现在两个孩子同时报了十几门课，课程管理一直是个头疼的问题——培训机构发来的课表截图散落在各个微信群，每次开学都要重新整理，手动录入 Excel 费时费力还容易出错。后来我让 AI 帮我识别课表截图再手动纠正，虽然省了一些事，但依然不够方便。
看到 TRAE 大赛后，我决定把这个问题彻底解决：做一个专门给家长用的小朋友课程管理工具。整个开发过程就是和 TRAE 对话——从生成创意提案的 HTML，到迭代出完整的可交互 Demo，前后大概经历了 6 轮对话，每轮都是我提需求、TRAE 实现，配合非常顺畅。
- Demo 简介
是什么： 一个基于 Web 的培训课程智能管理应用（单页 HTML，无需后端，浏览器直接打开即可使用）。
面向谁： 有 1-10 个孩子的城市家庭家长，特别是孩子报了 3 个以上课外培训班的家庭。
主要功能：
① 多小朋友课程日历管理 支持最多 10 个孩子独立管理，一键切换查看不同孩子的课程安排。月历视图直观展示每天的课程，周末高亮、今日标记，支持按课程类型（英语、科学、舞蹈、美术、音乐、体育等 10+ 类别）筛选。
② 智能冲突检测 自动检测同一孩子在同一时段的多个课程时间冲突，以及教师私教冲突（通过备注中的教师姓名关联）。冲突课程在日历中以红色脉冲动画标记，顶部冲突提示条列出所有冲突详情。
③ AI 识图录入 + 数据持久化 + 日历导出 支持上传课程表截图由 AI 自动识别录入；所有数据通过 localStorage 持久化存储，刷新不丢失；支持一键导出 ICS 日历文件，导入手机日历实现跨设备提醒。
- Demo 创作思路
灵感来源： 我自己就是两个孩子的家长，每次开学季都要花大量时间整理各培训机构发来的课表。课程信息分散在微信群、APP 通知、纸质单据中，手动汇总到 Excel 里效率极低。后来用 AI 识图辅助，但识别后还需要逐条纠正，流程繁琐。更让我头疼的是，两个孩子有时候会在同一时段有不同课程，或者同一个私教老师同时被排给了两个孩子，这些冲突手动排查非常困难。
想解决的问题：
课程信息分散，家长需要打开多个 APP 才能确认一周安排
手动录入课表耗时耗力，培训机构发来的截图无法直接使用
多孩子家庭的课程冲突和教师私教冲突难以手动排查
课程变动后更新麻烦，缺乏直观的日历视图
无法导出到手机日历，上课提醒全靠记忆
为什么做这个方向： 我把「课程管理」拆解为三个核心环节：录入 → 查看 → 提醒。录入环节通过 AI 识图大幅提效；查看环节通过日历视图+冲突检测直观呈现；提醒环节通过 ICS 导出打通手机日历生态。整个工具无需注册、无需后端、数据存储在本地浏览器，保护家庭隐私的同时做到开箱即用。
- Demo 体验地址（三选一）
交互式可体验的 HTML 文件：请将帖子附件中的 kids-course-calendar.zip 下载解压后，用浏览器打开 kids-course-calendar.html 即可体验。
体验指引：
打开 HTML 文件后，顶部可切换「小明」和「小红」两个孩子的课程日历
点击月份按钮切换查看 6-11 月的课程安排
点击「+ 录入课程」可手动添加新课程
点击「AI 识图录入」可体验模拟的 AI 识图流程
点击「管理孩子」可添加/删除孩子（最多10个）
点击「课程列表」查看所有课程，支持编辑和删除
点击「导出日历(ICS)」可导出到手机日历
如果同一天同一时段有多个课程，会自动标红提示冲突
4. TRAE 实践过程
第一轮：创意提案 HTML 生成
我把需求描述给 TRAE：「帮我做一个小朋友培训课程管理工具的创意产物 HTML，用于参加 TRAE AI 创造力大赛报名」。TRAE 在一轮对话中完成了完整的创意提案 HTML，包含日历视图、课程录入、多小朋友切换等核心功能的静态 Demo，用于报名帖提交。
第二轮：课程数据模拟化
我提出要求：「将所有真实课程名称替换为模拟类课程名称，每个月都安排部分课程，覆盖 6-11 月」。TRAE 将原始数据替换为 18 门模拟课程（Jack）和 16 门模拟课程（Lucy），涵盖美术、体育、科学、编程、书法、舞蹈、英语、音乐、人文等 9 大类别，确保每个月都有丰富的课程展示。
第三轮：数据持久化
我要求加入 localStorage 数据持久化。TRAE 实现了完整的 save/load/initData 机制——课程和孩子数据自动保存到浏览器本地存储，刷新页面不丢失。首次访问加载默认模拟数据，之后所有增删改操作实时持久化。
第四轮：课程冲突检测
我要求实现课程冲突检测，包括同一孩子的时间冲突和教师私教冲突。TRAE 实现了：
parseTimeRange() 解析课程时间段
isTimeOverlap() 判断时间段重叠
extractTeacher() 从备注中提取教师姓名
checkConflicts() 遍历所有课程对，检测冲突并分类为「时间冲突」和「教师冲突」
冲突课程在日历中显示红色脉冲动画，顶部显示冲突提示条
第五轮：导出与多孩子管理
我要求支持 ICS 日历导出、JSON 数据备份恢复、最多 10 个孩子管理。TRAE 实现了：
exportICS() 生成标准 ICS 日历文件
exportJSON() / importJSON() 数据备份和恢复
「管理孩子」面板，支持添加和删除孩子（上限 10 个）
课程提醒弹窗，页面加载后自动显示今日课程
第六轮：AI 能力研究与整体优化
我提出需要研究 AI 在这个工具中的应用场景。TRAE 梳理了 8 个 AI 应用场景，按 P0-P3 优先级分类，包括 AI 识图录入、自然语言录入、智能冲突解决、行程规划等，并同步更新了报名帖内容。
报名帖链接： 【学习工作赛道】童学日历 — 小朋友培训课程智能管理工具
附：关键任务对话的 Session ID
TRAE Work 的云端模式，截图如下：
kids-course-calendar.html (50.2 KB)
kids-course-calendar.zip (340.7 KB)