这个作业属于哪个课程	软件工程
这个作业要求在哪里	作业要求
这个作业的目标	熟悉原型设计工具并使用原型设计工具进行原型设计

1.常见原型工具

1）墨刀

墨刀：首先是国产的，是北京一家公司设计的。墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。它同时也是协作平台，项目成员可以协作编辑、审阅 [1] ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。墨刀参考文献

优势：墨刀的定位就是移动端，所以在设计移动端原型的时候，其控件的拖拉、大小的调整，都会自然的去匹配相应的母版大小，使得用户体验较好，在加上详细的教程，可以说是上手非常的快。有网页版和客户端版本，方便不同需求的人使用。
劣势：劣势在于它的定位是移动端原型设计，所以说，它在交互效果上、控件组合上，操作面板的选择上就不如其他的原型设计工具了，而且它的交互是通过连线来实现的，很容易让人晕头转向的，不够简洁。

2）Axure RP

Axure RP：Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建各种图和一些规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure RP参考文献



优势：Axure RP更加的灵活，具有更强的扩展性，交互效果也比较好，可以支持更多的交互，功能也更加的丰富。
劣势：Axure RP需要具有一定原型设计经验的人来使用，也就是说，Axure RP不适合新手，门槛比较高。和墨刀相比，控件的布局，就需要手动调整，操作比较繁琐。

3）Mockplus

Mockplus（摹客）：是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockplus参考文献

优势：它的优势，第一点是它的整个的风格，不是传统的那种中规中矩的，具有一定的艺术感，第二点就是它的效率，从效率上Mockups更胜一筹，毕竟操作简单，易用，可以快速输入并构造页面元素，自动对齐，功能相对集中，可以顺畅的完成整体的设计。
劣势：与Axure RP比较起来，Mockplus的功能不够丰富，在交互能力上，也不如Axure RP。
综合以上优劣势，我选择了上手比较快的以及素材丰富，自动化程度稍微高一些的墨刀作为此次作业的原型设计工具。

2.需求分析

项目需求如下：

面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。

项目背景和解决的痛点：

学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。

社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。

因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

项目面向的用户：

小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。

网页端： 主要面向社长等社团管理员，还能面向社联。

3.小程序

这是我的初始界面，右边则是我们项目的一些细节，界面开始我们就可以进入这个小程序，里面的图片是图书馆的图片让我们对学校更加亲切 。下面有三个选项选择就可以进入我们想要进去的界面。

社团我主要选择了几个代表的来写，下面一张是书法协会的界面

我们有登录界面和注册界面，登录时如果忘记密码我们可以点击下方的忘记密码来找回密码。

我们的个人中心包括了兴趣爱好，参加社团，还有活动中心，以及报名的活动点开就可以清楚的查看我们的信息。 而却我还在里面添加了切换按钮再查看自己的兴趣爱好时也可以随时查看个人信息。活动中心里面也有着丰富的活动等着新生选择。

这里面可以看我们的账号信息以及我们报名的比赛和性却爱好。

4.网页端

这是我结合题目分析做出的思维导图，方便自己在做的时候清楚自己所需要做的任务。这种有条理的方法也加快了我的速度

首先跳出来的是我们的登录界面，里面可以选择社团管理员登录或者社联登录，登录成功后会显示出一个勾勾，点击勾勾后我们就可以进入我们的管理界面了。管理界面左边框里面会显示你所在的位置，在左边的框中你也可以任意的切换到你所需要的窗口。

在里面我们可以清楚的看到那些是社联的那些是社团管理的，在会员信息里面我添加了新增用户和用户修改，点击进入即可看到我们所需要的。我还在发布活动里面添加了连级点击进入就可以查看活动的具体内容

社联我就简单的做个总介绍，里面有社团的信息，社团活动的审核，星级评比，发布的任务，接受的材料

5.原型设计的可查看地址

社团小程序
社团网页端

6.总结

自己在本次的作业的过程中主要使用的是墨刀来完成作业。其实最开始自己准备用Mockplus但后面发现要收费于是选择了用墨刀。开始对工具不熟系花了大量时间看视频然后反复练习，后面没想到做着做着觉得还挺有意思 。通过这一次的原型设计作业，我认识到了原型设计，也了解了三个原型设计工具墨刀，Axure RP，Mockplus同时还还利用墨刀设计了社团管理这一项目的原型。