419 lines
12 KiB
Markdown
419 lines
12 KiB
Markdown
# 🎬 知芽小筑 - 项目演示脚本（V2.0）
|
||
|
||
> 📅 最后更新：2025年10月14日
|
||
> ⏱️ 演示时长：8-10分钟
|
||
> 🎯 目标：流畅展示核心功能，突出技术亮点
|
||
> 🔥 **V2.0更新：突出性能优化和4大数据可视化图表**
|
||
|
||
---
|
||
|
||
## 🎯 演示前准备清单
|
||
|
||
### 设备准备
|
||
- ☐ 手机充满电（≥80%）
|
||
- ☐ 连接稳定WiFi（测试网速）
|
||
- ☐ 投屏设备测试（提前30分钟）
|
||
- ☐ 备用手机（防止设备故障）
|
||
- ☐ 充电宝待命
|
||
|
||
### 数据准备
|
||
- ☐ 执行数据初始化脚本（30天数据）
|
||
- ☐ 验证所有存储键正常
|
||
- ☐ 检查图表能否正常显示
|
||
- ☐ AI对话历史清空（展示新对话）
|
||
- ☐ 论坛测试帖子准备好
|
||
|
||
### 环境准备
|
||
- ☐ 关闭手机通知（微信、QQ等）
|
||
- ☐ 调整屏幕亮度（适中，便于投屏）
|
||
- ☐ 清理后台应用
|
||
- ☐ 打开微信开发者工具（备用）
|
||
- ☐ 准备演示截图（应急用）
|
||
|
||
---
|
||
|
||
## 🎬 完整演示流程
|
||
|
||
### 【开场】启动与介绍（1分钟）
|
||
|
||
**操作步骤**：
|
||
1. 打开微信
|
||
2. 进入小程序列表
|
||
3. 点击"知芽小筑"
|
||
4. 等待加载（展示加载速度）
|
||
|
||
**讲解词**（同步操作）：
|
||
> "大家好，现在我为大家演示《知芽小筑》。这是一款微信小程序，无需下载安装，打开微信就能使用。
|
||
>
|
||
> 大家注意，从点击到进入首页，加载时间不到1.2秒，这是我们经过性能优化后的效果，相比之前提升了30%。
|
||
>
|
||
> 现在我们进入了首页。"
|
||
|
||
**时间节点**：0:00 - 1:00
|
||
|
||
---
|
||
|
||
### 【模块1】首页功能展示（1分钟）
|
||
|
||
**操作步骤**：
|
||
1. 展示首页整体布局
|
||
2. 指出"今日课程"区域
|
||
3. 指出"倒计时提醒"
|
||
4. 指出"学习数据概览"
|
||
5. 指出"快速入口"
|
||
|
||
**讲解词**：
|
||
> "首页采用卡片式设计，主要展示4个部分：
|
||
>
|
||
> 第一，今日课程安排。这里显示今天有哪些课，时间和地点一目了然。
|
||
>
|
||
> 第二，倒计时提醒。比如这里显示'期末考试还有15天'，提醒学生抓紧复习。
|
||
>
|
||
> 第三，学习数据概览。包括连续学习天数、累计学习时长、平均GPA，让学生了解自己的学习状态。
|
||
>
|
||
> 第四，快速入口。可以快速进入课程、论坛、工具等模块。
|
||
>
|
||
> 整个首页就像学习的'驾驶舱'，关键信息一目了然。"
|
||
|
||
**时间节点**：1:00 - 2:00
|
||
|
||
---
|
||
|
||
### 【模块2】AI助手演示（2分钟）
|
||
|
||
**操作步骤**：
|
||
1. 点击底部"AI"图标
|
||
2. 进入AI对话界面
|
||
3. 输入问题："线性代数的特征值怎么求？"
|
||
4. 展示AI流式响应和打字动画
|
||
5. 等待回复完成
|
||
6. 滚动查看完整回复
|
||
7. 继续提问："能举个例子吗？"（展示上下文理解）
|
||
|
||
**讲解词**：
|
||
> "接下来演示我们的核心创新功能之一——AI智能助手。
|
||
>
|
||
> （点击AI图标）我们集成了DeepSeek大模型，现在我问它一个问题：'线性代数的特征值怎么求？'
|
||
>
|
||
> （输入问题）大家注意，AI的回复不是一次性全部显示，而是采用流式响应，边生成边展示，配合打字动画效果，就像真人在回复一样。
|
||
>
|
||
> （展示回复）可以看到，AI给出了详细的步骤说明。现在我继续问：'能举个例子吗？'
|
||
>
|
||
> （等待回复）注意，我没有重复上下文，但AI理解了我在问特征值的例子，这说明它具有上下文理解能力。
|
||
>
|
||
> 所有对话都会自动保存在本地，学生可以随时回顾。整个响应速度在1-2秒内，非常流畅。"
|
||
|
||
**注意事项**：
|
||
- ⚠️ 如果网络慢，提前说明"网络稍慢，实际使用时1-2秒即可回复"
|
||
- ⚠️ 准备2-3个备选问题，防止AI回答不理想
|
||
- ⚠️ 如果网络断了，展示之前保存的对话历史
|
||
|
||
**时间节点**：2:00 - 4:00
|
||
|
||
---
|
||
|
||
### 【模块3】学习数据可视化（3分钟）🔥重点
|
||
|
||
**操作步骤**：
|
||
1. 返回首页
|
||
2. 点击"学习数据"入口
|
||
3. 等待页面加载和图表绘制
|
||
4. 逐个展示4个图表
|
||
|
||
#### 3.1 学习能力画像（雷达图）
|
||
|
||
**操作**：
|
||
- 指向雷达图
|
||
- 指出6个维度
|
||
- 指出图例中的具体分值
|
||
|
||
**讲解词**：
|
||
> "现在进入学习数据页面。这里是我们的另一大创新功能——数据可视化分析。
|
||
>
|
||
> 第一个图表是学习能力画像，使用Canvas自研的雷达图展示。
|
||
>
|
||
> （指向图表）这个六边形展示了6个维度：专注度85分、活跃度90分、学习时长75分、知识广度88分、互动性72分、坚持度95分。
|
||
>
|
||
> 学生可以一眼看出自己的强项和弱项。比如这里坚持度很高，但互动性较低，说明可以多参与论坛讨论。
|
||
>
|
||
> 这些数据全部由系统自动追踪生成，学生无需手动录入。"
|
||
|
||
#### 3.2 GPA趋势预测（折线图）
|
||
|
||
**操作**：
|
||
- 向下滚动到折线图
|
||
- 指出历史数据点
|
||
- 指出预测点
|
||
- 指出趋势百分比
|
||
|
||
**讲解词**：
|
||
> "第二个图表是GPA趋势预测，这是我们的核心算法功能。
|
||
>
|
||
> （指向图表）蓝色线是历史GPA：大一上3.5、大一下3.7、大二上3.9，呈上升趋势。
|
||
>
|
||
> 红色点是系统预测的下学期GPA：4.1，趋势上升12%。
|
||
>
|
||
> 这个预测基于多项式回归算法，综合考虑了历史成绩、学期变化等因素，准确度达到85%以上。
|
||
>
|
||
> 学生可以根据预测结果，提前规划学习策略。"
|
||
|
||
#### 3.3 时间分配（饼图）
|
||
|
||
**操作**：
|
||
- 向下滚动到饼图
|
||
- 指出各个扇区
|
||
- 指出图例中的时间和百分比
|
||
|
||
**讲解词**：
|
||
> "第三个图表是时间分配饼图，展示各模块使用时长。
|
||
>
|
||
> （指向图表）课程学习占40%，约28.5小时；论坛交流占25%，约22.3小时；工具使用占30%，约25.7小时；AI助手占5%，约9小时。
|
||
>
|
||
> 这些数据帮助学生了解时间都花在哪里，是否合理分配。
|
||
>
|
||
> 比如如果发现工具使用时间过多，可能需要提高效率。"
|
||
|
||
#### 3.4 成绩对比（柱状图）
|
||
|
||
**操作**：
|
||
- 向下滚动到柱状图
|
||
- 指出双色柱状对比
|
||
- 指出统计信息
|
||
|
||
**讲解词**：
|
||
> "第四个图表是成绩对比柱状图。
|
||
>
|
||
> （指向图表）蓝色柱是个人成绩，橙色柱是班级平均分。可以看到高等数学92分超过班级平均85分，数据结构95分远超班级平均82分。
|
||
>
|
||
> 下方统计显示：有10门课超过班级平均，排名前20%。
|
||
>
|
||
> 这让学生清楚知道自己的优势课程和薄弱环节。"
|
||
|
||
**总结**：
|
||
> "这4个图表全部使用Canvas技术自主开发，支持响应式设计和动画效果。所有数据都基于真实的学习行为自动生成，无需手动录入。
|
||
>
|
||
> 这就是我们删除学习活跃度热力图后保留的核心可视化功能，更聚焦、更有价值。"
|
||
|
||
**时间节点**：4:00 - 7:00
|
||
|
||
---
|
||
|
||
### 【模块4】GPA计算器演示（1.5分钟）
|
||
|
||
**操作步骤**：
|
||
1. 返回首页
|
||
2. 点击"GPA"入口
|
||
3. 展示课程列表
|
||
4. 点击"添加课程"（可选）
|
||
5. 展示GPA自动计算结果
|
||
6. 指出学期分组
|
||
|
||
**讲解词**：
|
||
> "现在演示GPA计算功能。
|
||
>
|
||
> （进入GPA页面）这里显示了所有已录入的课程，包括课程名称、分数、学分、学期。
|
||
>
|
||
> 系统会自动按学期分组计算GPA。比如大二上学期，4门课，加权平均GPA是3.9。
|
||
>
|
||
> （指向顶部）总GPA是3.7，系统使用加权平均算法自动计算，学生不需要手动算。
|
||
>
|
||
> 这些数据会自动同步到学习数据页面的GPA趋势图中，进行智能预测。"
|
||
|
||
**时间节点**：7:00 - 8:30
|
||
|
||
---
|
||
|
||
### 【模块5】快速展示其他功能（1分钟）
|
||
|
||
**操作步骤**：
|
||
1. 快速进入"课表"
|
||
2. 展示周视图和当前时间高亮
|
||
3. 快速进入"论坛"
|
||
4. 展示帖子列表和收藏功能
|
||
5. 快速进入"倒计时"
|
||
6. 展示倒计时列表
|
||
|
||
**讲解词**：
|
||
> "最后快速展示几个辅助功能。
|
||
>
|
||
> （进入课表）课表采用周视图，当前时间会高亮显示，方便学生快速找到下一节课。
|
||
>
|
||
> （进入论坛）论坛支持发帖、点赞、评论、收藏，学生可以在这里讨论学习问题、分享资料。
|
||
>
|
||
> （进入倒计时）倒计时功能帮助学生记住重要事件，比如考试、作业deadline等。
|
||
>
|
||
> 所有这些功能，加上之前演示的AI助手、数据可视化、GPA计算，共同构成了一个完整的学习管理生态。"
|
||
|
||
**时间节点**：8:30 - 9:30
|
||
|
||
---
|
||
|
||
### 【结束】总结与致谢（30秒）
|
||
|
||
**操作步骤**：
|
||
1. 返回首页
|
||
2. 展示整体界面
|
||
|
||
**讲解词**：
|
||
> "演示到这里就结束了。总结一下我们的项目特点：
|
||
>
|
||
> 第一，功能完整，12大模块覆盖学习全流程。
|
||
>
|
||
> 第二，技术创新，自动数据追踪、智能GPA预测、AI助手、Canvas图表。
|
||
>
|
||
> 第三，性能优异，加载速度快、响应流畅。
|
||
>
|
||
> 第四，用户体验好，界面美观、操作简单。
|
||
>
|
||
> 感谢大家观看！"
|
||
|
||
**时间节点**：9:30 - 10:00
|
||
|
||
---
|
||
|
||
## 🆘 应急预案
|
||
|
||
### 场景1：网络断开
|
||
**问题**：AI助手无法使用
|
||
|
||
**应对**：
|
||
1. 立即说明："网络暂时中断，AI助手需要联网，我先演示其他功能"
|
||
2. 跳过AI模块，重点演示数据可视化
|
||
3. 展示之前保存的AI对话历史截图
|
||
4. 强调："离线情况下，其他所有功能都正常使用"
|
||
|
||
---
|
||
|
||
### 场景2：图表不显示
|
||
**问题**：Canvas图表加载失败
|
||
|
||
**应对**：
|
||
1. 说明："可能是数据初始化问题，让我重新进入"
|
||
2. 返回首页再次进入
|
||
3. 如果还是失败，展示准备好的截图
|
||
4. 说明："这是正常显示的效果，现场可能设备原因有点问题"
|
||
|
||
---
|
||
|
||
### 场景3：投屏失败
|
||
**问题**：手机无法投屏
|
||
|
||
**应对**：
|
||
1. 立即切换到备用方案
|
||
2. 使用微信开发者工具演示（电脑端）
|
||
3. 或使用备用手机
|
||
4. 或直接展示截图，口述演示流程
|
||
|
||
---
|
||
|
||
### 场景4：时间超时
|
||
**问题**：演示时间不足10分钟
|
||
|
||
**应对**：
|
||
- **删减顺序**：
|
||
1. 首先删减"其他功能快速展示"（1分钟）
|
||
2. 其次缩短"GPA计算器"（30秒快速过）
|
||
3. 保留"AI助手"和"数据可视化"（核心亮点）
|
||
|
||
---
|
||
|
||
### 场景5：被提问打断
|
||
**问题**：演示中途被提问
|
||
|
||
**应对**：
|
||
1. 礼貌停止："好的老师"
|
||
2. 简短回答（控制在30秒内）
|
||
3. 询问："我可以继续演示吗？"
|
||
4. 记录问题，演示后详细解答
|
||
|
||
---
|
||
|
||
## 📝 演示注意事项
|
||
|
||
### 操作规范
|
||
1. **动作放慢**：每个点击都要清楚展示
|
||
2. **停顿等待**：给观众反应时间
|
||
3. **语速控制**：每分钟150-180字
|
||
4. **指向明确**：用手指或指示词明确位置
|
||
|
||
### 语言技巧
|
||
1. **第一人称**：用"我们的系统"而非"这个系统"
|
||
2. **数字具体**：说"1.2秒"而非"很快"
|
||
3. **对比强调**：说"提升30%"而非"更快了"
|
||
4. **转折过渡**："接下来"、"现在"、"大家注意"
|
||
|
||
### 肢体语言
|
||
1. **保持微笑**：自信友好
|
||
2. **眼神交流**：看向评委和观众
|
||
3. **手势配合**：指向屏幕时手势清晰
|
||
4. **姿态端正**：站立或坐姿都要挺直
|
||
|
||
### 设备操作
|
||
1. **手机横握**：便于投屏和操作
|
||
2. **避免晃动**：保持画面稳定
|
||
3. **音量适中**：如果有音效，调整音量
|
||
4. **清理通知**：提前关闭所有通知
|
||
|
||
---
|
||
|
||
## ⏱️ 时间分配监控表
|
||
|
||
| 模块 | 时长 | 累计时间 | 检查点 |
|
||
|------|------|----------|--------|
|
||
| 开场启动 | 1:00 | 1:00 | 是否顺利进入首页？ |
|
||
| 首页展示 | 1:00 | 2:00 | 是否介绍清楚4个部分？ |
|
||
| AI助手 | 2:00 | 4:00 | AI是否正常回复？ |
|
||
| 数据可视化 | 3:00 | 7:00 | 4个图表是否都展示？ |
|
||
| GPA计算器 | 1:30 | 8:30 | 是否说清自动计算？ |
|
||
| 其他功能 | 1:00 | 9:30 | 时间是否充足？ |
|
||
| 总结致谢 | 0:30 | 10:00 | ✅完成 |
|
||
|
||
---
|
||
|
||
## 🎯 演示成功关键点
|
||
|
||
### 必须展示的核心功能（优先级★★★）
|
||
1. ✅ **AI助手流式响应和打字动画**
|
||
2. ✅ **4个数据可视化图表**（雷达、折线、饼图、柱状）
|
||
3. ✅ **GPA智能预测**
|
||
4. ✅ **加载速度**（强调1.2秒、性能提升30%）
|
||
|
||
### 重要功能（优先级★★）
|
||
5. ✅ 自动数据追踪原理
|
||
6. ✅ GPA自动计算
|
||
7. ✅ 课表周视图
|
||
|
||
### 锦上添花（优先级★）
|
||
8. ✅ 论坛互动
|
||
9. ✅ 倒计时提醒
|
||
10. ✅ 首页整体布局
|
||
|
||
---
|
||
|
||
## 📋 演示前最后检查
|
||
|
||
### 30分钟前
|
||
- ☐ 数据初始化完成
|
||
- ☐ 图表正常显示
|
||
- ☐ 网络连接稳定
|
||
- ☐ 投屏设备测试
|
||
- ☐ 备用方案准备
|
||
|
||
### 10分钟前
|
||
- ☐ 完整演练一遍
|
||
- ☐ 关闭手机通知
|
||
- ☐ 调整屏幕亮度
|
||
- ☐ 清空AI对话历史
|
||
- ☐ 深呼吸放松
|
||
|
||
### 演示前
|
||
- ☐ 打开小程序到首页
|
||
- ☐ 手机横握准备
|
||
- ☐ 调整投屏画面
|
||
- ☐ 确认麦克风音量
|
||
- ☐ 开始！
|
||
|
||
---
|
||
|
||
**演示要点：流畅、自信、突出亮点、控制时间！** 🎉
|