软件工程第三次作业

项目	内容
这个作业属于哪个课程	H202601 软件工程与软件工程实践
这个作业要求在哪里	2026秋软件工程个人作业(第三次)
这个作业的目标	结对完成“校园失物招领小程序”的需求分析与原型设计
姓名、学号	102401205 陈烨婷
搭档姓名、学号	102401204 张楠
设计工具	墨刀
原型展示链接	失物招领小程序

校园失物招领小程序——需求分析与原型设计

一、项目背景

在校园生活中，同学们经常会遗失校园卡、钥匙、水杯、雨伞、耳机、书籍等物品。目前，大家通常通过班级群、宿舍群、朋友圈等方式发布寻物或招领信息。但这些信息比较分散，随着群聊消息不断增加，之前发布的信息很容易被新的消息覆盖，查找起来非常不方便。例如，一名同学在教学楼捡到一张校园卡，只能在自己的班级群发布招领信息，而丢失校园卡的同学未必能看到这条消息。

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

二、用户需求分析

1. 主要用户：

用户角色	典型场景	核心诉求
失主	在食堂丢失校园卡、在教室落下耳机	发布寻物信息，搜索招领线索，尽快找回物品
拾得者	在教学楼捡到钥匙、在图书馆捡到书包	低成本发布招领信息，让失主主动联系
普通学生	午休、睡前顺手刷一刷	快速查看、按名称搜索、提供线索

2. 软件主要解决的问题：

• 信息集中：改变过去依靠分散群聊发布信息的局面，将寻物和招领信息集中在一个平台。
• 关键词搜索：支持按物品名称等关键词搜索，快速定位相关物品。
• 查看详情：提供完整的物品丢失/拾取地点、时间、描述和联系方式。
• 状态标记：支持修改信息状态（已找到/已归还），避免无效联系。

三、主要功能列表

功能	说明
浏览失物和招领信息	首页信息流按时间倒序；顶部可切换“寻物/招领”
发布寻物信息	选择“寻物”类型，填写物品名称、地点、时间、描述、联系方式
发布招领信息	选择“招领”类型，填写拾获到的物品信息
查看物品详情	展示完整资料与联系方式入口
我的发布	集中管理自己发布过的信息

四、用户使用流程图

根据作业要求，本次原型重点设计并实现了以下三条基本流程：

流程1：查看信息 → 查看详情

进入首页 → 浏览信息列表 → 点击物品卡片 → 查看详情 → 联系发布者

流程2：发布信息 → 发布成功

进入发布页 → 选择寻物/招领 → 填写物品名称、地点、时间、描述、联系方式 → 点击发布 → 发布成功

流程3：搜索物品 → 查看搜索结果

在首页点击搜索入口 → 输入关键词 → 查看搜索结果列表 → 点击结果 → 查看详情

整体用户流程图如下：

整体用户流程图

五、原型设计

1. 原型工具： 墨刀（Modao）

2. 在线链接： 【 https://modao.cc/design/editor/pb3mul8d58016e8qw 】

3. 页面展示：

登录页：学号与游客模式自由登录

首页：搜索框 + 双 Tab + 分类标签 + 卡片列表，卡片显示地点、描述、时间与"详情"入口。

发布页：单一表单完成两类发布，字段由粗到细排列，底部为"确认发布"按钮。

详情页：完整字段与图片。

我的发布：分"未完成/已找回"两栏

六、结对过程

本次作业由我们两人结对完成。我们首先一起阅读了《构建之法》第3章和第8章的内容，了解了结对合作和原型设计的基本方法。随后，我们针对客户描述的现实困扰进行了讨论，确定了“失主”和“拾得者”两类核心用户，并梳理了信息分散、容易被覆盖等痛点。

在分工上，【同学A姓名】负责需求分析、流程图绘制与博客文字整理，【同学B姓名】负责墨刀原型绘制与页面文案。在制作过程中，我们遇到了页面尺寸不统一、组件难以对齐等问题。通过讨论和查阅墨刀教程，我们统一了画布尺寸，并学会了使用“组合”和“水平居中对齐”等功能。完成初版后，我们互相检查了页面跳转，并一起修改了不合理的流程。

结对讨论过程

七、PSP表格

阶段	任务内容	预估耗时（分钟）	实际耗时（分钟）
计划	明确作业要求，确定小程序核心定位	20	10
需求分析	阅读《构建之法》第3、8章，分析用户痛点	30	45
设计	绘制核心业务流程图	20	25
设计	墨刀原型设计（登录页、首页、搜索页、发布页、详情页、我的发布）	80	80
设计	设置页面交互跳转	20	10
文档	博客撰写与排版	40	40
文档	修改与提交	20	20

八、个人总结

我主要负责墨刀原型制作和交互设置。我学会了用墨刀拖拽组件搭建页面，以及通过闪电图标设置页面跳转。遇到的问题是不太会设置搜索结果的跳转，后来通过查看帮助文档和问搭档解决了。这次作业让我明白了原型设计的重要性，它能在写代码前快速验证想法，避免后续返工。