- 总体介绍
修改版本
基于 女生节许愿墙 2.0 产品文档进行修改。
修改人:肖洋
修改内容: 1. 制定大纲 2. 更改部分需求 3. 添加新的产品功能 4. 产品结构变更 5. 更换前后端实现技术
产品概略
广东工业大学协同软件研发中心前端组独立开发的女生节许愿墙 3.0 版。该产品主要面向校内学生,使用微信公众平台对接用户,校内学生可以使用微信账号进行登录。
产品结构图
[特别庞大的一张百度脑图写的架构图]
链接:http://naotu.baidu.com/file/64e69171c1c228fc154d7f182191c85e?token=255492252b0a77e2
产品定位
校园、社交、活动
用户范围
主要用户:广东工业大学( 大学城 / 龙洞 / 东风路 / 番禺 )四校区的微信学生群体;
边缘用户:其他高校的微信学生群体。
合作伙伴
广东工业大学校学生会 广州歌莫信息技术有限公司
一个完整的愿望完成流程
女生发布愿望到许愿墙 → 男生从许愿墙中领取该愿望 → 男生获得女生个人信息,同时女生获得男生个人信息 → 男生完成愿望,女生确认愿望已完成
- 功能说明
流程指引
用户首次登陆后对产品功能进行简单介绍。
发布按钮
按钮位于页面右上角,用户点击后根据用户性别提供相应功能。
女生:
选择发布内容的类型,弹出提示框,用户有两个选项选择 愿望(附带单选框,选择实物类或耗时类) 或 祝福
填写内容
选择图片(可选,每次最多可上传 1 张图片)
填写个人信息( 姓名 / 校区 / 学院 / 长号 / 短号 ),填写的个人信息将会自动同步到个人中心的个人信息管理处,并保存的数据库。若数据库已储存个人信息,则个人信息将会自动填充进表单
确认发布
弹出提示框(是否发布成功),若不成功则提示错误信息,成功则返回至首页
男生:
填写祝福内容
选择图片(可选,每次最多可上传 1 张图片)
填写个人信息( 姓名 / 校区 / 学院 / 长号 / 短号 ),填写的个人信息将会自动同步到个人中心的个人信息管理处,并保存的数据库。若数据库已储存个人信息,则个人信息将会自动填充进表单
确认发布
弹出提示框(是否发布成功),若不成功则提示错误信息,成功则返回至首页
注意事项:
发布的文字内容限定在 140 字以内
每次最多可发布 1 张图片
当某愿望被某男生领取并进行后,系统将自动把最短愿望存活期时长设定为三天,三天后仍未完成该愿望的男生将得到一个 HR 警告
获得两个及两个以上 HR 警告的男生将会被列入黑名单
未被完成的愿望的时间和状态将被重置,重新推送到许愿墙列表中
一个女生可以发布的愿望数量不受限制
若愿望一直未被领取,该愿望不会消失 (黑名单中的用户只能浏览信息,不能发布、领取愿望,不能发布祝福内容,不能点赞)
待补充。
活动广告位
用来发布线上活动的内容图片或通知全体用户的提示图片。
线上活动例:女生反馈日(功能反转)、校学生会活动、淘宝街、最佳祝福(点赞数最多的祝福)等。
搜索框
用来搜索特定的愿望,如搜索用户名可获得某用户发布的内容,搜索关键字可获得包含该关键字的愿望或祝福。
注:使用搜索框后的搜索结果只在相应的 tab 里显示对应的内容,如 A 女性用户既许过愿望,也发过祝福,则 B 用户在搜索 A 用户用户名的时候,如果当前 tab 为许愿墙,则只显示 A 用户的历史愿望列表。
筛选框
用来筛选特定信息。如筛选校区用户,实物类或耗时类愿望,按赞数排序。
在许愿墙列表下筛选条件包括:
按校区 「大学城」/「龙洞」/「东风路」/「全部」
按类型 「实物」/「耗时类」/「全部」
在祝福墙列表下筛选条件包括:
按校区 「大学城」/「龙洞」/「东风路」/「全部」
按赞数 「从高到低」/「从低到高」/「全部」
所有条件默认为全部(按时间排序)。
列表切换 tab
用来切换显示许愿墙列表和祝福墙列表。
侧边栏
点击左上按钮可打开侧边栏页。
侧边栏包含:
用户头像
个人中心
关于我们
意见反馈
个人中心处包含:
愿望管理页:查看和修改用户自己的愿望信息的表单
祝福管理页:查看和删除用户自己的祝福信息的表单
系统消息箱页
愿望对象聊天室页(含对象头像列表,可点选一个对象并开始一个聊天室)
个人信息管理页:查看和修改用户自己的个人信息的表单
暗恋匹配页
点击个人中心后默认进入 1. 愿望管理页
愿望管理页注意事项
女生方面: a) 未被接下的愿望:可以执行「修改」/「删除」的操作(修改后时间重置为当前时间); b) 正在进行的愿望: i. 若男生已经完成愿望,女生可以选择「确认完成」按钮确认愿望被完成并填写对男生的评价。 ii. 可以看到正在进行该女生愿望的男生的个人信息,点击其头像或通过“聊天”按钮跳转到愿望对象聊天室页(通过该行为跳转的,当前聊天对象为该男生)。
男生方面 a) 未完成的愿望:男生可以选择「无法完成」按钮,若男生确定无法完成则该愿望重置,且该男生得到一个 HR 警告。 b) 已完成的愿望:男生可以查看女生对自己的评价并进行回评。男生每完成一个愿望 HR 个数就减一,最低个数为零。
祝福管理页注意事项
在祝福管理页下可看到用户自己所发过的历史祝福,并可以对其历史祝福执行「删除」操作。
系统消息箱页注意事项
消息箱存放一切可以提醒用户进程推进的消息:
女生发布的愿望被某男生领取的时候;
男生完成愿望后某女生回复确认的时候;
聊天室有新信息的时候;
男生接下某女生愿望后却确认无法完成的时候;
系统更新的时候;
暗恋匹配的时候。
愿望对象聊天室页注意事项
女生方面:
包含所有领取该女生愿望的男生对象的头像,可以通过点击头像来切换当前聊天对象
可以看到历史聊天记录
男生方面:
包含所有该男生领取愿望的女生对象的头像,可以通过点击头像来切换当前聊天对象
可以看到历史聊天记录
个人信息管理页注意事项
该页面为一个可以查看和修改用户自己的个人信息的表单页。
暗恋匹配页注意事项
该模块额外添加暗恋人姓名的选项,属于可填可不填类型。如匹配成功,则系统会自动通知双方彼此暗恋的事实。若中途修改该项则将重新尝试匹配。
关于我们处包含:
协同软件研发中心前端组介绍
合作伙伴介绍
在该页摇一摇出现彩蛋
意见反馈处为一个提交反馈信息的表单。
彩蛋:待补充。
许愿墙列表
许愿墙列表包含所有未提交领取请求的愿望,排序方式为按时间排序。
每一条愿望包括以下内容:
用户头像
用户名
用户校区
用户愿望类型
用户愿望文字内容
用户上传的一张图片(可选)
领取愿望的按钮
其中,点击用户头像可以进入到该用户的对外个人主页。
个人主页包含:
用户头像(点击可全屏查看该高清头像)
用户名
用户校区信息
历史发布内容
注:个人主页的相关逻辑同样适用于祝福墙列表。
祝福墙列表
祝福墙列表包含所有用户提交的祝福,排序方式为按时间排序。
每一条祝福包括以下内容:
用户头像
用户名
用户校区
用户祝福文字内容
用户上传的一张图片(可选)
点赞的按钮
点击用户头像可以进入到该用户的对外个人主页。
个人主页详情见许愿墙列表处。
人机交互
待补充。界面设计
待补充。前端开发
使用 AngularJS 框架进行开发。
采用自适应网页布局。后台开发
使用 Node.js + Express接口文档
后续开发
意见反馈和修改记录