[T.16] 团队项目：Beta 阶段发布说明

项目	内容
这个作业属于哪个课程	2025年春季软件工程（罗杰、任健）
这个作业的要求在哪里	[T.16] 团队项目：Beta 阶段发布说明
我在这个课程的目标是	掌握软件工程的核心技能，提升开发效率与项目质量。
这个作业在哪个具体方面帮助我实现目标	说明Beta阶段的新增内容

新功能和特性

1、程序官网

页面示意图

解决的问题

原问题	描述
❌ 没有统一的对外展示窗口	用户只能通过扫码或在微信搜索中被动获取
❌ 宣传难、沟通成本高	不便通过朋友圈、社群、公众号进行系统性推广
❌ 无法让用户在下载前了解产品功能	没有预览界面，用户不了解小程序提供什么服务

作用

📢 对外宣传：提供统一的入口（如：https://joinup.app），方便投放宣传链接；

📄 功能展示：介绍小程序核心能力，如组队、聊天、队伍推荐等；

📥 转化引导：引导用户扫码或点击进入小程序；

🤝 对接合作：为高校、社团、活动方等提供合作意向联系窗口；

应用场景

👩‍🎓故事主角：小陈，高校宣传部学生

小陈负责校内社团招新宣传工作，她希望找到一个好用的线上组队工具。在微信里搜索“JoinUp”时她有些犹豫，不确定这个小程序是否可靠。此时，她在官网上浏览到 JoinUp 的详细介绍：

• 功能介绍一目了然；
• 界面截图让她觉得清爽好用；
• 下方的二维码立即可以扫码体验。

她把官网链接分享到社团群，其他同学纷纷扫码体验，大家迅速完成了线上组队报名。

2、队伍封面

页面示意图

解决的问题

原问题	描述
❌ 队伍信息单调无吸引力	旧版仅展示文字描述，用户感知模糊
❌ 队伍辨识度差	多个队伍名称相近，难以区分
❌ 用户无法直观感受到队伍气质	缺乏图像引导，选择成本高

作用

🎨 个性展示：队长可上传封面图展示队伍特色，如摄影社放风景图、设计组放作品截图等；

👁️ 一眼识别：队员通过封面图快速识别自己感兴趣的队伍；

📱 社交吸引：配合推荐系统，图文并茂的卡片大幅提升加入意愿；

应用场景

🧑‍🎨 故事主角：小林，视觉传达专业大三学生

小林想创建一个设计爱好者组队页，他上传了一张自己的海报作品作为队伍封面图，很快吸引了许多喜欢插画和排版的同学申请加入。

同时，他自己浏览其他队伍时也惊喜地发现，“美食探店小组”放的是一家咖啡馆门口的合影照，而“徒步旅行社”封面是一张山顶合影，瞬间就知道自己是否感兴趣，不再像以前那样一行行地读描述。

3、聊天功能

页面示意图

解决的问题

原问题	描述
❌ 成功组队后缺乏沟通渠道	需另加微信或建群，流程繁琐
❌ 信息同步难	有新成员加入后无法看到历史讨论内容
❌ 活动前沟通效率低	各自联系混乱，容易出现误会或重复劳动

作用

💬 原地聊天：不用跳出小程序就能交流，降低沟通门槛；

🧵 聊天记录同步：每位成员都能看到队伍聊天历史，信息透明；

🖼️ 图文并发：可发活动地点截图、报名资料等，交流更高效；

🔔 系统通知：队伍变动、申请加入、踢人等事件自动提醒；

应用场景

🧑‍💻 故事主角：小王，软件工程专业大二学生

小王发起了一个“学习搭子组队”活动，想组织一起复习期末数据库课程。几位同学陆续加入后，以前还要建群，现在直接点击“聊天”按钮就进入了群聊界面：

• 大家开始讨论分工：谁整理笔记、谁准备题库、谁模拟答题；
• 有人上传了老师重点讲解的截图；
• 还商定了线下见面的时间和教室。

活动当日，全队顺利集合，大大提高了效率。

缺陷修复

缺陷 1：队伍信息更新不及时

✅ 原问题描述

在 Alpha 版本中，用户修改队伍信息（如描述、人数、封面图）后，其他用户的页面未能实时同步更新，需手动刷新才可见更新内容。

❌ 造成的负面影响

• 用户误以为信息未保存成功，重复修改；
• 导致申请加入的用户基于旧信息决策，造成沟通不一致；
• 整体使用体验显得“卡顿”、“不智能”。

🛠️ 修复方式与结果

我们采用全局状态管理机制（如 Vuex / reactive 全局变量），并在相关组件中引入响应式刷新逻辑。同时加入事件监听，在关键操作后自动触发数据刷新。

📌 修复后，用户对队伍的任何更改均可被其他人即时感知，保证信息同步、页面实时更新。

缺陷 2：队伍页面最初没有封面图展示

✅ 原问题描述

在 Alpha 版本中，队伍页面展示内容以纯文字为主，缺乏封面图，导致各个队伍视觉效果雷同，缺乏个性和吸引力。

❌ 造成的负面影响

• 队伍难以区分，用户浏览体验枯燥；
• 影响点击率和加入意愿；
• 无法通过视觉传达队伍特色或氛围。

🛠️ 修复方式与结果

在本版本中新增封面图展示功能，并支持上传自定义图片。每个队伍展示卡片默认带有封面图，占据卡片顶部区域，增强视觉吸引力。

📌 修复后：队伍展示更生动，每个队伍可以用图片传达自己的风格，用户识别更便捷。

缺陷 3：没有官网页面

✅ 原问题描述

在 Alpha 阶段，项目没有对外的官网入口，导致用户了解产品功能和特色存在门槛。

❌ 造成的负面影响

• 潜在用户难以快速了解产品，转化率低；
• 缺少统一品牌展示窗口，影响项目推广；
• 不能有效支持产品说明、更新日志和用户指引。

🛠️ 修复方式与结果

新增小程序官网页面，集中展示项目介绍、功能亮点和使用指南，提升用户访问体验。

📌 修复后：官网作为产品“门面”，有效促进用户了解和使用，提升项目影响力。

缺陷 4：无法解散队伍

✅ 原问题描述

在早期版本中，队伍创建者无法解散已创建的队伍，导致队伍长期占用资源且无法被清理。

❌ 造成的负面影响

• 队伍列表中存在大量无效队伍，影响浏览效率；
• 用户体验受挫，管理灵活性差；
• 后台资源浪费。

🛠️ 修复方式与结果

新增“解散队伍”功能按钮，赋予创建者权限，支持队伍解散并同步更新所有相关数据

📌 修复后：创建者可以主动解散队伍，清理无效资源，提升整体系统管理效率。

运行环境

微信小程序运行环境要求

• 运行载体：微信小程序必须运行于微信APP内，无法在普通浏览器或其他应用中独立运行。
• 微信APP最低版本要求：微信版本需 7.0.0 及以上，以保证小程序的基本功能正常使用及兼容最新的微信小程序开发规范。
• 支持的系统平台：
  • Android 系统 6.0 及以上版本
  • iOS 系统 11.0 及以上版本
• 网络环境：校园网环境。
• 设备硬件建议：推荐运行内存≥2GB的设备，保证小程序流畅运行。
• 权限依赖（根据功能）：部分功能需要用户授权存储访问权限，否则相关功能可能受限。

安装与使用方法

1. 访问小程序

• 打开微信APP，确保微信版本在7.0.0及以上。
• 在微信首页顶部的搜索栏输入小程序名称（例如“Joinup”），点击搜索结果进入小程序。
• 或扫描项目方提供的小程序二维码直接进入。

2. 注册/登录

• 进入小程序首页后，点击“注册”或“登录”按钮。
• 通过微信授权登录，授权后系统将自动获取你的微信基本信息（昵称、头像等），无需额外填写注册信息。
• 若首次使用，会自动完成注册流程，绑定微信账号。

3. 个人信息完善（可选）

• 进入“我的”页面，可补充完善个人资料，如兴趣标签等，提升组队匹配效果。

4. 使用功能

• 浏览或创建队伍：在“组队”页面浏览已有队伍或创建新队伍。
• 自定义队伍封面图，展示特色。
• 加入感兴趣的队伍，加入队伍与队友聊天沟通。
• 通过“聊天”功能实时交流，协同组队。

小程序发布

项目已经在微信小程序中发布。

小程序二维码