Skip to content

1.5 大作业:Web 应用原型实战

这是第一阶段学习的最终检验。通过这个大作业,你将综合运用前面学到的所有知识,独立完成一个完整的 Web 应用原型,并向他人展示你的成果。这不仅是一次作业,更是你从学习者向开发者转变的重要里程碑。

大作业要求

基本要求

为了确保你能掌握本阶段的核心技能,我们设定了以下基本要求: 首先,你需要全程使用 AI IDE 完成所有开发工作,这能让你熟练掌握人机协作的开发模式。 其次,你的应用至少需要包含 3 个页面,以体现你对多页面应用架构的理解。 同时,必须集成至少 1 种 AI 能力(如文本生成、图像生成等),这是本课程的核心特色。 此外,应用需要包含完整的用户交互流程模拟数据,确保用户可以完整体验核心功能,而不是面对一个空壳。 最后,你需要准备一个 3-5 分钟的演示,向大家展示你的作品。

加分项

如果你想挑战自我,争取更高的评价,可以尝试以下方向: 集成多种 AI 能力,让应用更智能、更强大。 UI 设计精美,体验流畅,展现你对用户体验的追求。 建立完整的错误处理机制,提升应用的健壮性。 加入用户反馈收集功能,体现产品迭代思维。 将应用部署到线上环境,让任何人都能通过链接访问,这是产品真正落地的标志。


项目选题建议

如果你还没有确定项目方向,不要着急。这里有一些选题供你参考,你可以直接选择,也可以从中获取灵感:

工具类

这类应用旨在提高效率。例如 AI 学习助手,可以帮助用户整理杂乱的学习笔记,利用 AI 生成针对性的练习题和答案,甚至跟踪学习进度。或者做一个 智能待办清单,它不只是记录任务,还能自动识别任务优先级,利用 AI 生成任务分解建议,并提供智能提醒和日程安排。你也可以尝试 AI 写作辅助工具,帮助用户润色文章、生成续写建议,以及检查语法和表达错误。

创意类

这类应用侧重于激发创造力。比如 AI 故事创作器,用户只需输入几个关键词,AI 就能生成一个完整的故事,甚至自动配图。或者 个性化卡片生成器,用户输入祝福语,AI 生成精美的电子卡片,支持导出分享给亲友。还有 AI 对话练习伙伴,它可以模拟各种场景对话,实时反馈建议,帮助用户提升语言表达能力。

生活类

这类应用贴近日常生活。智能食谱推荐 可以根据用户冰箱里现有的食材推荐菜谱,生成购物清单,并分析营养成分。旅行计划助手 则可以根据目的地生成详细行程,AI 推荐景点和美食,并进行预算估算,让旅行更轻松。


项目时间规划

为了保证按时高质量完成,建议参考以下时间规划,总共约 1-2 周:

第一阶段:需求确定(1-2 天)

这是项目的起点。你需要确定项目方向和核心功能,想清楚你要做什么。然后,画出简单的页面流程图,理清用户在应用中的操作路径。最后,列出至少 3 个核心用户场景,确保你的功能是围绕真实需求设计的。

第二阶段:原型开发(3-5 天)

这是最核心的编码阶段。从用 AI IDE 创建第一个页面开始,逐步完成所有页面和交互。在基础功能完成后,接入 AI 能力,让应用变聪明。最后,别忘了添加模拟数据,让应用看起来丰满真实。

第三阶段:优化完善(2-3 天)

好产品是改出来的。邀请他人试用,收集反馈,听听真实用户的声音。根据反馈改进功能和体验,修复明显的 Bug。同时,完善错误处理,避免应用在异常情况下崩溃。最后,开始准备演示内容

第四阶段:展示准备(1 天)

临门一脚,展示同样重要。准备演示脚本,确保演示过程流畅、逻辑清晰。录制演示视频备用,以防现场演示出现意外。整理一份项目说明文档,方便他人快速了解你的项目。


提交清单

必交内容

提交作业时,请确保包含以下内容:

  1. 项目源代码:提交完整可运行的项目代码,并确保有清晰的代码注释,方便他人阅读。
  2. 项目说明文档:文档应包含项目简介、核心功能说明、技术实现亮点以及使用指南。
  3. 演示材料:提交 3-5 分钟的演示视频(或现场演示录像),以及配套的 PPT 或演示脚本。

可选内容

如果有的话,也可以提交:项目的部署链接、用户反馈收集结果的整理,以及对未来的迭代计划。这些都能展示你的专业度和思考深度。


评审标准

功能完整性(40 分)

这是最基础的要求。我们将检查你是否实现了承诺的核心功能交互流程是否完整可用,以及AI 能力是否集成正确且能正常工作。

用户体验(30 分)

好的应用应该好用且好看。我们将关注界面是否清晰美观操作流程是否顺畅,以及在关键操作上是否有适当的反馈和引导

技术实现(20 分)

代码质量也很重要。我们将评估你的代码结构是否合理,是否包含了必要的错误处理机制,以及你是否有效运用了 AI IDE 来辅助开发。

展示效果(10 分)

能否把产品讲清楚也是一种能力。我们将看你的演示准备是否充分讲述是否清晰有条理,以及你能否准确说明产品的价值


成功小贴士

  1. 从小处着手:不要贪大求全,试图一次做太多功能。先把最核心的功能做好,保证流程跑通,再考虑扩展其他功能。
  2. 善用 AI:遇到问题不要死磕,先问 AI。让 AI 帮你优化代码、生成测试数据,充分发挥 AI 结对编程的优势。
  3. 多收集反馈:尽早让别人试用你的产品,认真倾听每个建议,快速迭代改进。旁观者清,他们的反馈往往能一针见血。
  4. 讲好故事:在演示时,不要只罗列功能。要突出你解决了什么问题,展示产品的价值,并分享你在过程中的学习收获。

完成后的收获

完成这个大作业后,你将拥有一个完整的 AI 原型项目作品,这是你能力的最好证明。你将掌握使用 AI IDE 进行全流程开发的实战技能,具备产品思维和基本的开发能力。更重要的是,你将建立起继续深入学习更高级内容的信心。

最重要的是:通过这次实战,你将真正从一个 AI 用户,转变为一个 AI 应用创造者!


参考资源

  • 回顾模块一:AI 能力边界
  • 回顾模块二:AI IDE 使用技巧
  • 回顾模块三:原型开发
  • 回顾模块四:AI 能力接入
  • 回顾模块五:项目实战
  • 附录A:产品思维补充
  • 附录B:常见报错及解决方案

加油!期待看到你的精彩作品!