全方位智能学习监测系统

{ "case_id": "C3", "case_name": "划水检测学习系统", "prompt": "创建一个学习应用，能判断用户是\"学不会\"还是\"在划水\"，要求：\n1. 三个学习模块可选：\n - 拼音教学\n - 商务英语\n - 简单数学题\n2. 检测机制：\n - 追踪鼠标停留时间\n - 记录答题速度\n - 分析错误类型（粗心/不会）\n - 监测页面切换频率\n3. 生成诊断报告：\n - \"专注度得分\"\n - \"知识掌握度\"\n - \"划水指数\"\n4. 伪视频学习界面\n5. 单文件HTML", "result": { "success": true, "content": "这是一个单文件HTML应用，包含了你要求的所有功能。它模拟了一个在线学习平台，并在后台悄悄运行一套行为分析算法。\n\n### 使用说明\n1. 将代码保存为 `.html` 文件（例如 `learning_monitor.html`）。\n2. 用浏览器打开。\n3. **尝试不同的行为模式**来测试算法：\n * **模拟划水**：在“看视频”时频繁切换到其他标签页，答题时疯狂点击（秒选），鼠标长时间不动。\n * **模拟学不会**：一直盯着屏幕（不切屏），答题思考很久（时间长）但最后选错。\n * **模拟学霸**：不切屏，答题速度适中且正确。\n\n### 源代码\n\n```html\n\n\n\n \n \n 全方位智能学习监测系统\n \n\n\n\n

\n \n\n \n \n\n \n

课程播放中...

正在播放:

▶

请认真观看，随后进行测试

请保持专注...

\n\n \n

知识检测

\n 00:00\n

\n \n

\n\n \n

📊 学习诊断报告

专注度得分

知识掌握度

划水指数

平均答题速度

--s

\n \n

诊断结论：

\n \n

\n\n\n\n\n```\n\n### 设计思路解析\n\n为了满足你关于判断“学不会”还是“在划水”的要求，我在代码中实现了以下逻辑：\n\n1. **监测机制 (Monitoring):**\n * **`visibilitychange`**: 这是检测划水的核心。如果用户在播放视频或答题时切换了标签页（去回微信、看B站），`tabSwitches` 计数器会增加。\n * **`mousemove` & 时间戳**: 记录鼠标最后移动的时间。如果在视频播放期间鼠标超过10秒未移动（且没有切屏），可能是在发呆或人不在电脑前。\n * **答题计时器**: 记录每一道题从展示到点击选项的时间差。\n\n2. **算法逻辑 (The Algorithm):**\n\n * **划水 (Slacking) 判定**:\n * **高频切屏**: 只要切屏次数多，划水指数直接飙升。\n * **秒选错误 (Careless Error)**: 如果答题时间小于 1.5秒且 **选错**，系统判定为“瞎蒙/乱点”，大幅增加划水指数。\n * **鼠标长时间静止**: 辅助判断。\n\n * **学不会 (Struggling) 判定**:\n * **低划水指数**: 用户没有切屏，也没有乱点（答题时间正常或较长）。\n * **低正确率**: 尽管很认真（没切屏，思考时间长），但还是选错了。\n * **长耗时**: 平均答题速度慢，说明在犹豫/思考。\n\n3. **界面设计 (UI):**\n * 使用深色模式（Dark Mode）模拟专业的学习/编程环境。\n * 添加了一个 **\"行为监测中\"** 的闪烁红点，给用户心理暗示（霍桑效应），增加趣味性。\n * **伪视频界面**: 使用进度条模拟视频播放，强制用户等待几秒钟，这是诱发“划水”行为的最佳时机（用户通常会在等待时切屏）。\n\n你可以通过不同的操作方式来验证报告的准确性。", "model": "gemini-3-pro-preview", "usage": { "prompt_tokens": 158, "completion_tokens": 7299, "total_tokens": 7457 }, "timestamp": "2025-11-19 13:27:19" }, "needs_screenshot": true, "needs_manual_test": true }

🧠 智能学习平台 v3.0

请选择今日学习模块

拼音教学

商务英语

简单数学

课程播放中...

知识检测

📊 学习诊断报告

诊断结论：