社团管理——原型设计

这个作业属于哪个课程	课程的链接
这个作业要求在哪里	作业要求的链接
这个作业的目标	熟练掌握原型设计理念以及需求分析设计

项目背景

  学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
  社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
  因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

一、常见原型工具及比较

常见原型工具

1、墨刀的体验

  墨刀，可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能，基本上能满足移动端产品原型的设计要求，并且墨刀的控件都是基于APP，以及系统平台IOS和安卓，因此在创建项目时可以首先选择相应的设备布局，减少了不少工作环节。另外，墨刀是线上化的产品，只需要记住帐号和有网，在公司和家里都能对其设计，十分方便。

感受：

1. 简单好用。墨刀上手很快，一天就可以轻轻松松做出个简单应用。
2. 快。不仅上手快，还可以快速分享，快速查看应用在手机上的效果。
3. 使用时有任何问题可以直接在墨刀的Forum提出来，会有人及时为你解答。这里的互动氛围很好。
4. 因为是一款在线工具，可以云端保存工作，这点确实很便捷。

1、Axure RP的体验

• 高保真的原型设计工具，名声大。
• 用axure制作原型的速度比较慢（交互操作太多），常常耽误时间，而且修改起来也比较繁琐。
• 功能很多，但是学习起来有点难度。
• 本地型软件，可以下载html文档预览，手机预览不方便。

1、Mockplus的体验

  Mockplus除用于移动APP原型设计，还可以制作PC、网页的原型设计，它可以帮助UI设计师在最短的时间内完成产品原型图的设计。

三者的比较

一、Mockplus和Axure的比较

• Axure这种原型工具，虽然功能强大，但是过于沉重，学习成本较高。而Mockplus则非常轻快。这两种工具就像沉重的大象与轻快的小鹿一样。

二、Mockplus和墨刀相比

• 墨刀是一款在线工具，而Mockplus除了在线的，还有基于桌面的应用。适合各种平台。比如Mockplus支持Win/Mac系统。当然，现在的墨刀也有这些了，但是安卓版还未上线。
• mockplus比墨刀多迭代了几个版本。从性能和成熟度上来说，mockplus更胜一筹。
• Mockplus原型设计和功能比较齐全，而且应用场景广。

三、费用

  前面截图也可以看到Axure工具的费用非常高，而mockpuls想使用更多的功能的话，需要用钱升级，最便宜也要199/年。墨刀的价格则相对比较亲民。

二、社团管理需求分析

1、引言

1.1目的

  学生社团管理信息系统是一个操作简单、使用方便的基于B/S模式的系统。提供了小程序和网页两种端。在这样的建立上既是为了更加高效、规范地实现对社团进行管理，又是为了方便用户及时查看社团信息，保证信息的时效性和高效性。由于要满足用户随时随地查看社团的最新动态，达到共享性的目的，故采用B/S模式，这样可达到信息共享、节约成本和提高效率的目的。此学生社团管理信息系统应达到以下目标：
（1）界面设计简单大方，操作简单，效率高，安全性能高，同时便于维护和管理。
（2）在登录界面时，小程序端是普通用户，社员登录。在网页端主要是管理员使用，来发布活动等。
（3）迅速发福社团动态，对社团活动申请、会费管理、校外社团合作进行规范化和程序化管理。
（4）能够大量存储社团会员信息，方便会员查看社团信息、留言、以及进行评分等操作。
（5）社团管理员可以通过后台登录，对社团信息、活动、留言板和注册的用户进行查看和管理，同时对加入社团的用户进行审核。社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等操作。
（6）通过查询、添加、修改等操作，对社团信息，用户资料等模块化进行管理
（7）系统管理员可以修改个人密码，可以对社团各项活动进行管理和监督。

1.2范围

  适用于西柚社联开发项目

1.3、定义、首字母缩写词和缩略语

 OPENCMS：内容管理系统
 HTTP：超文本传输协义
 HTML：超文本标签语言
 JDBC：JAVA数据库连接

2、软件总体概述

2.1、软件标识

  软件全称：西柚社联
  版本号：1.0

2.2、软件描述

2.2.1、系统属性

  本系统是一个独立开发的网站。在系统中提供按各自需求进行社员、社团与社联之间的连接，以达到方便简洁的参加与管理社团活动。

2.2.2、开发背景

  学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
  社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
  因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

2.2.3、软件功能

  系统分成八大模块：社员管理、社团管理、社联管理、社员咨询、活动管理、社团展示、星级评比、新闻管理。
  主体结构图：

  用户管理子系统：

  社团管理子系统：

  社联管理子系统：

  社员咨询子系统：

  活动管理子系统：

三、社团管理原型设计

  在对比了三种工具之后，我个人觉得墨刀更适合我这样的新手，所以在本次实验的原型设计中，我选择墨刀来进行设计。
  首先新建了两个项目，分别是网页管理段和小程序端，如下：

1、小程序端

  页面设计如下：

产品原型链接：https://free.modao.cc/app/preview/p8db7f2358e8154d3cf1c11cc

2、网页端

  页面设计如下：

产品原型链接：https://free.modao.cc/app/preview/pc4ffb27f432d5f6bb96a68cb

四、总结与分析

  通过这一次实验，真的收获了很多东西，第一次听说原型设计工具，然后花了几个小时时间把三个工具都试了一下，最后选择了墨刀，实在好用。首先学到了需求分析的重要性，如果我不做需求分析的话，后面的原型设计根本没法做，需求分析需要多方面考虑，但是考虑得太多又容易把自己绕进去。同时这次实验我觉得存在很多问题，在需求分析上，我分析了很多东西，但在原型设计的时候，我发现有些功能太过复杂，我目前实现不了，有些功能又太多，导致我有时晕头转向。在后面的学习中还需要再深入的学习一下怎么具体的做一个项目的需求分析。