Hands On Money 任务挣闲钱系统分析与设计

The Documents on Software Analysis & Design Team Work

DEMO 展示

在这一部分,我们将展示我们实现的所有用例。主要分为如下几个部分:

首页

首页展示了项目的 LOGO,项目功能简介,以及组员名称。通过页面最上端的导航栏,用户可以前往我们的 Github 源代码页面、项目博客,以及进行本系统的注册和登陆。

ZkX7xs.png

用户管理

本系统提供用户信息管理功能。用户可以通过本系统查看其他用户的信息,并管理自己的信息。

注册

点击首页的注册按钮,即可进入注册页面。在该页面中,你需要格式正确地输入包括电话、Email、真实姓名、昵称、学号等个人信息,此外,你还要填写并且确认一个长度符合要求的密码。

ZkXT2j.png

如果你填写的信息不符合要求,输入框下方将会出现提示。

ZkXIPg.png

正确填写全部信息,即可完成注册。由于用户已经完成了注册,直接进入系统。

ZkXoGQ.png

界面

系统的主页面如下图所示。主界面将会显示你当前的全部任务(建立的/接受的)。由于刚注册的用户没有任务,因此存在一个导航到任务市场的连接。这一部分会在 任务 部分详细描述。

ZkjpRJ.png

系统界面的导航栏分为五个部分,分别是任务,组织,钱包,个人信息,以及提示。当鼠标指针指向时,其子功能会扩展弹出。我们会在接下来的部分逐一说明他们的功能。

ZkXbMn.png

个人信息

在导航栏中指向头像,点击弹出的个人信息选项卡,即可进入个人信息界面。在这个界面中,你可以查看并修改你的个人信息。包括你的学校信息,详情、头像以及密码。

在个人信息栏中,你会看到你的任务完成综合评分。这是由任务完成者对你的打分的平均值决定的。这一部分将在 评价 中详细说明。

ZkjSG4.png

为了修改密码,你需要同时输入旧密码确认,并上传你的新密码。

ZkXjaT.png

点击头像右侧的符号,可以通过上传图片修改头像。修改前后的效果如下两图所示。

ZkXXZV.png ZkXziF.png

组织管理

新建

在导航栏中指向组织,点击弹出的我的组织选项卡,即可进入组织管理界面。如果当前没有加入组织,可以自己新建一个组织。新建组织,请点击新建组织选项卡。输入组织名称和描述即可建立新的组织。

Zkjis1.png

详情

在详情页面,我们可以看到组织发布的任务,组织的信息,成员管理以及删除组织。与用户类似,组织的也具有详情页面和平均评价。Owner 和 Admin 可以修改组织的详情。任务可以以组织的名义发布,点击右侧新建组织任务。

ZkjeiD.png ZkjMQA.png

删除

仅有 owner 具有删除组织的权限。输入组织的全名,点击删除即可。

ZkjFqx.png

成员管理

你需要通过邮箱或者电话来添加组织成员。在添加成员时,仅能赋予成员低于你的权限,而不能赋予相同或者更高的权限。输入正确的信息,添加成员。

Zkj9z9.png ZkjVIO.png

权限管理

也可以修改比你权限更低的组织成员的权限。Admin 具有添加和删除成员的权限和创建组织任务的权限,而 member 仅能审核组织任务。

ZkjEdK.png

任务系统

任务系统提供了任务的浏览、查询、创建、接收、完成、审核等一系列流程。

我的任务

当用户接受或者创建了任务后,该用户所有的任务都会显示在主界面上。用户可以根据一系列条件进行筛选。

Zkj3eP.png

任务市场

任务市场是一个浏览与筛选任务的地方:用户可以根据任务名和其他条件对任务进行详细的查询。

Zkjwyn.png

可选的查询条件如下图所示:

ZkjtJg.png ZkjNWQ.png

点击任意一个任务,可以看到任务的详情页面。如果你是任务的发起者,你可以编辑任务。

ZkjQsI.png

创建任务

想要创建一个属于自己的任务,你需要先单击导航栏-任务下的创建任务选项卡。在创建任务页面中,你可以对任务的各个类型进行定制。比如,你可以增加对任务参与者限制,限制完成时间,以及修改任务步骤等等。

ZkjYFS.png ZkjGo8.png

任务创建完成后,点击发布。如果你的账户余额足够,则任务将会发布。你将会跳转到如下的任务详情页面。在这个页面,你会看到任务的详情。

Zkj8df.png «««< HEAD ZkjQsI.png ZkjWl9.png

=======

在任务审核界面,你可以实时追踪任务接收者的完成动向。

修改任务

已发出的任务可以修改。在编辑任务之前,你需要先撤回任务。点击撤回任务把任务撤回,并确认。

ZkjDe0.png

已撤回的任务可以被修改并重新发布。或者,你也可以将其直接删除。

ZkjrwV.png ZkjhO1.png

完成任务

用户可以接受并完成任务。在任务市场中选择你心仪的任务,点击接受。

ZABkG9.png

在完成任务步骤之后,进入任务详情,点击完成任务,完成该步骤。

ZABFPJ.png ZABCaF.png

当任务完成之后,用户可以对任务的质量进行评价

ZAB9VU.png

审核任务

当任务被完成之后,任务的发布者需要审核任务的完成情况。点击审核通过确认此任务已被完成。

ZABA2R.png

当任务完成之后,用户可以对任务完成的质量进行评价

ZABP54.png

支付系统

在本项目中,充值提现、创建任务、完成任务都存在代币的变化。下面以一个例子来展示代币的变化情况。

  1. 用户账户中原有 9900 代币
  2. 用户往账户充值 66 代币
  3. 账户现有 10056代币
  4. 用户从账户内取现 1000 代币,现有 9056 代币
  5. 用户创建一个奖励为 1000 代币的任务
  6. 账户现有 8056代币

ZAM0XR.png

评价系统

除了任务完成后的双方互评之外,用户和组织还可以看到自己的平均评价。

ZAB9VU.png

ZABP54.png

ZkjSG4.png

ZkjMQA.png

e2018f0ad84695325887a98be3c5866981f69d85