12. 在线教育平台（online-education-platform-prd）
1. 产品概述
在线教育平台致力于为用户提供高质量的在线学习体验。通过整合优质课程资源，提供便捷的视频学习、进度跟踪和在线测试功能，帮助用户随时随地提升自我。平台风格清新自然，专注于营造沉浸式的学习氛围。
目标用户包括学生、职场人士以及终身学习者。产品价值在于打破时间和空间的限制，通过系统化的学习路径和智能化的进度管理，提高学习效率和效果。
2. 核心功能
2.1 用户角色
| 角色 | 注册方式 | 核心权限 |
|---|---|---|
| 学生 | 自助注册 | 浏览课程、购买/加入课程、观看视频、参加测试、管理个人学习进度 |
| 讲师 | 管理员创建/申请审核 | 创建课程、上传视频资料、发布测试、查看学员学习数据 |
| 管理员 | 系统初始化 | 用户管理、课程审核、平台数据监控、系统设置 |
2.2 功能模块
在线教育平台包含以下核心页面：
- 首页（课程推荐）：展示Banner、推荐课程、热门分类、讲师推荐。
- 课程列表（分类筛选）：多维度筛选（学科、难度、价格等）、搜索、排序。
- 课程详情页：课程介绍、大纲预览、讲师信息、评价展示、加入/购买按钮。
- 视频播放页面：沉浸式视频播放、章节导航、笔记记录、学习进度自动保存。
- 在线测试：章节测验、结课考试、自动判分、错题解析。
- 个人学习中心：我的课程、学习历史、收藏夹、证书管理、个人设置。
2.3 页面详情
| 页面名称 | 模块名称 | 功能描述 |
|---|---|---|
| 首页 | 推荐Banner | 展示最新活动、热门课程的大图轮播 |
| 首页 | 课程推荐 | 根据热度和用户偏好展示“猜你喜欢”、“本周最热” |
| 课程列表 | 筛选组件 | 支持按分类、难度（初/中/高）、价格区间进行组合筛选 |
| 课程列表 | 课程卡片 | 展示封面、标题、讲师、价格、学习人数、评分 |
| 课程详情 | 课程概览 | 课程简介、适用人群、学习目标 |
| 课程详情 | 课程大纲 | 树形结构展示章节目录，支持试看标记 |
| 视频播放 | 播放器 | 支持倍速、全屏、清晰度切换、自动连播 |
| 视频播放 | 侧边栏 | 显示课程章节目录，当前播放高亮，进度标识 |
| 在线测试 | 答题区 | 单选、多选、判断题展示，倒计时显示 |
| 个人中心 | 学习进度 | 展示“我的课程”列表及每门课的完成百分比 |
| 个人中心 | 历史记录 | 最近学习的课程及具体章节，点击可续播 |
3. 核心流程
学生学习流程
- 浏览/搜索课程
- 查看课程详情
- 加入或购买课程
- 进入播放页面观看视频
- 视频播放结束自动记录进度
- 参加章节测试
- 查看测试结果和解析
- 在个人中心查看整体学习成就
讲师开课流程
- 讲师登录后台
- 创建新课程，填写基本信息
- 创建章节结构
- 上传视频资源和课件
- 配置章节测试题
- 提交审核/发布课程
4. UI设计
4.1 设计风格
- 主色调：清新绿 (#10B981) 或 天空蓝 (#3B82F6)，传递成长与宁静的教育理念
- 辅助色：暖橙色 (#F59E0B) 用于强调和行动按钮，米白色背景 (#F9FAFB) 护眼
- 视觉语言：轻量化卡片设计，大圆角，柔和阴影，高清晰度图片
- 字体：阅读体验优先，清晰易读的无衬线字体
4.2 交互设计
- 视频播放：断点续播，快捷键支持（空格暂停、左右快进）
- 筛选体验：即时响应的筛选反馈，无需刷新页面
- 进度反馈：清晰的进度条和百分比展示，完成章节后的成就感提示
- 移动端适配：重点优化视频播放器在移动端的体验
20大项目拆解：从PRD到架构 文章被收录于专栏
想独立做出一个完整的项目却不知从何下手？本专栏是你的终极路线图。我们由浅入深，通过20个经典项目案例，手把手带你走过产品构思、需求撰写、功能设计、技术选型、架构搭建的全过程。从“音乐播放器”到“企业后台”，你将逐步建立对软件系统的完整认知，完成从理论到实践、从单一技能到复合能力的飞跃。
