# 🎬 知芽小筑 - 项目演示脚本(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对话历史 - ☐ 深呼吸放松 ### 演示前 - ☐ 打开小程序到首页 - ☐ 手机横握准备 - ☐ 调整投屏画面 - ☐ 确认麦克风音量 - ☐ 开始! --- **演示要点:流畅、自信、突出亮点、控制时间!** 🎉