软件工程第一次结对作业

这个作业属于哪个课程	2026秋软件工程（福州大学）
这个作业要求在哪里	2026秋软工第一次结对作业
这个作业的目标	校园失物招领小程序的需求分析与原型设计
本篇作者	102401101 谢玲洁
原型开发工具	墨刀（Modao），初版原型由墨刀 AI 生成后人工核对调整
原型在线链接	https://modao.cc/proto/CmYIA1rtm2n1ga8hVj6m/sharing?view_mode=read_only&screen=rbpVWVpClQxgfCihy

此博客为结对前完成

一、需求分析

校园卡、钥匙、水杯、雨伞、耳机、书籍最常丢，教学楼、食堂、图书馆、运动场是高频地点。目前寻物、招领信息散落在班级群、宿舍群和朋友圈：捡到校园卡的同学只在本班群发招领，丢卡的人未必看得到；旧信息很快被刷屏覆盖，查找只能翻聊天记录。核心痛点即"信息分散、易被覆盖、查找不便"，目标用户是校内学生。我们因此想做一个小程序，把寻物与招领集中到一处，按时间倒序展示，支持按物品名称搜索，让拾主与失主更快对上号。

二、主要功能

1. 浏览信息：倒序展示失物与招领。
2. 发布寻物：填写名称、丢失时间地点、联系方式。
3. 发布招领：填写名称、拾取地点、存放位置、联系方式。
4. 搜索物品：按关键词检索。
5. 查看详情：查看描述与联系方式。
6. 修改信息状态：标记"已完成"或删除。

三、流程图

流程一：查看信息 → 查看详情 → 联系发布者

[打开小程序] → [首页列表] --搜索--> [搜索结果]
        ↓
[点击某条信息] → [详情页] → {是自己丢的吗?}
                    是 ↓      ↓ 否
             [查看联系方式]  [返回列表]
                    ↓
               [联系发布者]

流程二：发布信息 → 填写信息 → 发布成功

[点击发布] → {寻物 / 招领} → [填写表单]
        ↓
{必填项完整?} --否--> [红字提示] --继续填写--> 回到表单
        ↓ 是
[提交] → [发布成功] → [我的发布]

四、原型页面描述

1. 首页：搜索触发框；"发布寻物 / 发布招领"入口；"全部 / 寻物 / 招领"计数标签；信息卡片列表（缩略图、名称、分类、地点、时间、状态）；底部导航与悬浮发布键。

2. 发布信息页：寻物 / 招领选择；名称、分类、时间、地点、描述、图片、联系方式；必填缺失显示红字；底部固定"发布"。

3. 搜索页：自动聚焦搜索框与"取消"；热门标签；输入即匹配全字段；无结果时显示空状态与发布入口。

4. 信息详情页：分类渐变大图；类型与状态徽章；时间地点行；描述；自己发布的显示"编辑""标记完成"。

5. 我的发布页："进行中 / 已完成"计数切换；行内编辑、标记完成、删除；无记录显示空状态；底部"再发一条"。

五、结对过程记录

一个人做原型最容易自说自话，所以我把"问别人"当成流程的一部分。第一版列了七八个功能，写到失物地图就卡住了：时间不够，于是砍到"发布、浏览、搜索、改状态"这条主线。画首页时我原本把搜索框放在最显眼处，草图发给同宿舍同学看，他们第一眼找的是"发布"，我才把发布按钮提到最上面，搜索改成一行的触发框。之后每画完一页就请同学点一遍，意见集中在三处：卡片信息太挤、状态标签不明显、发布页缺少图片上传。我重调了两轮，统一了配色、字号和间距（寻物玫瑰红、招领青绿、主交互靛蓝），再用墨刀把页面跳转连起来。

六、PSP 表格

阶段	任务	预估耗时(min)	实际耗时(min)
需求分析	讨论痛点与功能边界	30	40
设计	绘制流程图	25	35
设计	墨刀原型（5 个页面）	100	140
设计	页面元素与文案整理	25	30
文档	撰写博客草稿	40	45
评审	自查与同学试用后修改	20	25
合计	——	240	315

七、个人总结

这次作业让我完整走了一遍从想法到原型的流程，最大的收获是学会克制。一开始总觉得功能越多越"完整"，列到失物地图和聊天时才发现，自己既没能力也没必要实现；把范围砍到最小可用集合后，每个页面该放什么反而清楚了。另一个收获是借别人的眼睛看设计：首页的发布入口、详情页的联系方式、发布页的图片上传，都是同学们指出后我才意识到的。遇到的问题主要有两个：一是原型工具不熟练，卡片列表反复对不齐，光调间距就花了不少时间，后来靠对齐工具才好一些；二是不太会估时，原型部分预估 100 分钟、实际用了 140 分钟，主要耗在图片上传和表单校验这些细节上。下次我会先画低保真草图定完交互，再做高保真。