软件工程基础第三次作业：原型设计

这个作业属于哪个课程	https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation
这个作业要求在哪里	https://www.cnblogs.com/harry240/p/11524127.html
这个作业的目标	熟悉原型设计工具并使用原型设计工具进行原型设计

1.对比原型设计工具

常见原型工具对比

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

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

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

使用摩客来制作Web，使用墨刀来制作app，两个工具都是没有复杂的交互，只进行页面元素的设计和页面交互，使用起来就比较快速而且很便捷。https://www.mockplus.cn/download/mockplus?hmsr=bdtg68

更多资料见https://blog.csdn.net/SmCai/article/details/85327661

在我看来：“原型，即产品草图。将想法形成草图原型，原型再由设计师形成效果图，程序员根据需求和效果图开发，出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。”也就是说，开发前的原型设计基本定型了开发出来的软件是什么样的，即好的原型设计能带流畅的软件开发流程和好的软件。

2.需求分析

(1)社团管理项目需求：

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

(2)项目背景和解决的痛点：

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

(3)分析结果：

小程序：
学生：注册成为学生，预览社团，查看社团详情，申请加入社团，预览社团活动，查看活动详情，申请报名参加，查看个人主页(我的活动，我的社团)。
管理员：注册成为管理员，预览社团，发布活动，发布通知。
超级管理员：注册成为超级管理员，审核确认修改。

网页端：
社团管理员：成为管理员，申请活动，查看我的活动，申请修改活动，审核确认学生申请，查看社团成员，管理社团成员。
社联：星级评定，活动审核。

3.原型设计

小程序：

![](https://img2018.cnblogs.com/blog/1591067/201909/1591067-20190930234042616-595643902.png) ![](https://img2018.cnblogs.com/blog/1591067/201909/1591067-20190930234058623-1028055558.png) ![](https://img2018.cnblogs.com/blog/1591067/201909/1591067-20190930234113078-1499083328.png) ![](https://img2018.cnblogs.com/blog/1591067/201909/1591067-20190930234136592-343896218.png) ### 网页端： ![](https://img2018.cnblogs.com/blog/1591067/201910/1591067-20191001005935665-1504377981.png) ![](https://img2018.cnblogs.com/blog/1591067/201910/1591067-20191001005955992-751422915.png)