软件工程第一次结对作业

这个作业属于哪个课程	https://edu.cnblogs.com/campus/fzu/202601SofwareEngineering
这个作业要求在哪里	https://edu.cnblogs.com/campus/fzu/202601SofwareEngineering/homework/16743
这个作业的目标	结对设计“校园失物招领小程序”的原型
此博客的作者	102401119 林祺皓
合作者	102401215 李义东

需求分析

在校园生活中，同学们经常会遇到遗失校园卡、钥匙、水杯、雨伞、耳机、书籍等物品的情况。

目前，大家通常通过班级群、宿舍群、朋友圈等方式发布寻物或招领信息。但是这些信息比较分散，而且随着群聊消息不断增加，之前发布的信息很容易被新的消息覆盖，查找起来并不方便。

因此，我们设计了一个简单的“校园失物招领小程序”，让同学们可以集中发布和查看寻物、招领信息，并通过物品名称等关键词进行搜索，提高校园失物寻找和归还的效率。

主要用户

用户类型	主要需求
失主同学	快速发布寻物信息；按关键词搜索招领信息；联系拾到者。
拾到物品同学	发布招领信息；填写拾取地点和时间；等待失主联系。

主要功能

为了满足用户需求，小程序设计了以下几个核心功能：

• 发布寻物信息：填写物品名称、遗失地点、时间、联系方式，并上传物品图片。
• 发布招领信息：填写拾到物品名称、拾取地点、时间及图片，方便失主识别。
• 关键词搜索：支持输入物品名称、地点名称等关键词快速查找相关信息。
• 信息详情查看：展示物品图片、地点、时间及联系方式。
• 个人中心：查看自己发布的信息，并可修改、删除或标记“已完成”。

原型设计

本次原型使用 Figma 完成。

原型在线展示链接：Proto Link

主页

主页采用卡片式布局展示校园中的丢失和招领信息动态，并通过“全部、丢失、招领”进行分类。

用户点击物品卡片即可进入详情页面；底部导航栏可以进入“主页”、“发布”和“我的”三个主要模块。

点击上方的搜索栏可以进入专门的搜索界面。

发布

发布页面主要填写：

• 物品名称；
• 丢失/拾取地点；
• 丢失/拾取时间；
• 物品描述；
• 物品照片。

完成填写后点击“发布”按钮。

发布成功时的界面：

详细信息

详情页面展示物品图片、丢失/招领类型、物品名称、物品类型、丢失/招领时间和地点、描述及发布者联系方式等信息。

搜索

搜索页面提供关键词搜索以及类别筛选功能。

用户可以根据物品或地点名称进行搜索。搜索结果通过行为类别筛选

我的

“我的”页面用于查看用户已经发布的信息，并显示已发布数量和进行中/已完成数量。

通过卡片右侧的设置按钮可以访问弹出菜单，内设三个选项：修改信息状态、修改信息和删除信息。

修改

信息修改界面采用熟悉的表格。修改完成后点击“修改”按钮。

流程分析

用户进入小程序后，可选择发布信息或搜索信息；若搜索到目标物品，则查看详情并联系发布者；若未搜索到，则发布丢失或招领信息，等待其他用户查看并联系，最终完成物品归还。归还后，用户应及时修改信息状态。

浏览

graph LR A[进入“主页”] --> B[浏览“最新动态”] B -->|没有期待的信息| F[搜索] B --> C[筛选] F --> C C --> G[点击信息卡片] G --> D[查看物品详情] D --> E[联系发布者]

发布信息

graph LR A[进入“发布”界面] --> B{需求？} B -->|我丢失了物品| C[留在“丢失”分页面] B -->|我捡到了物品| D[转到“招领”分页面] C --> E[填充表格信息] D --> E E --> I[确认提交] I --> F{信息合规？} F -->|不合规| G[提示不合规项目] G --> E F -->|合规| H[提交成功]

管理

graph TD A[进入“我的”界面] --> B[管理信息] B --> C[查看已发布消息的详细信息] B --> D[点击卡片右上角的菜单按钮] D --> F[标记信息“已完成”/“进行中”] D --> G[修改信息] D --> H[删除信息] G --> I[重新编辑提交表格] I --> J[修改成功]

交流过程

本次作业采用结对方式完成。

在需求分析阶段，我们首先根据题目给出的校园场景讨论用户真正需要解决的问题，并将功能范围控制在浏览、发布、搜索、查看详情和状态管理等核心功能内。

在原型设计阶段，我们共同讨论页面结构和交互流程，并合作使用 Figma 完成页面设计。

PSP 表格

任务	预估耗时（小时）	实际耗时（小时）	差异（小时）
需求分析	0.5	0.8	+0.3
工具学习	1.0	2.0	+1.0
原型设计	3.0	5.0	+2.0
博客撰写	1.0	0.8	-0.2
合计	5.5	8.6	+3.1

个人总结

在本次校园失物招领小程序软件工程小组项目中，我主要参与原型设计与团队协同工作，深入体会了团队分工合作在软件开发项目中的价值。在项目前期，配合小组完成需求讨论，参与梳理小程序页面结构与页面之间的跳转逻辑；项目中期使用 Figma 完成原型页面的搭建，学习团队协作文件共享、多人协同编辑等操作，将讨论确定的功能方案落地为可视化界面原型。

实操过程中，我遇到不少难点，比如熟悉 Figma 工具，学习画布管理、页面组件搭建与视图操作，练习页面元素排版，还原移动端小程序的交互布局。在和组员沟通交流、互相检查原型细节的过程中，不断修改界面布局，优化用户视觉体验。

通过本次项目实践，我认识到原型是连接需求与开发的重要桥梁，也感受到小组沟通、分工配合对项目推进的重要性。锻炼了界面原型绘制能力与团队协作能力，理解软件工程设计阶段的实践要点，也发现自己在界面布局、交互细节设计上还有不足，后续会多加练习原型设计，提升软件设计实践能力。