| 课程链接 | https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation |
| 作业链接 | https://www.cnblogs.com/harry240/p/11524127.html |
| 作业目标 | 初步掌握原型设计的思路、方法和渠道 |
（一）对比原型设计工具
1.墨刀
优点：原型设计方面做得很精致，其控件的拖拉、大小的调整，都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP，以及系统平台IOS和安卓，因此在里面可以首先选择相应的设备布局，减少了不少工作环节。另外墨刀的APP原型可以支持下载在手机里，你可以完全通过手机来打开你的原型，相应的AXURE这一点就做的很不好，虽然有插件支持手机预览，但是非常卡顿。
缺点：墨刀的清晰定位为移动端原型设计工具，因此在交互效果上、控件组合上，操作面板的选择上都不如AXURE 灵活，并且效果切换因为是采用连线的方式，有时候可能会给使用者一种脑子错乱的感觉。使用起来不是很自由。
2.MOCKPLUS
优点：简洁快速，适合软件团队、个人在软件开发的设计阶段使用。无需学习、快速上手、功能够用，并能够很好地表达自己的设计。
缺点：账号需要付费，不支持手势交互
3.AXURE
优点：有完整的教程，支持文档，支持原型预览，能快速、高效的创建原型，支持多人协作设计和版本控制管理，同时有着强大的第三方组件库。可以锻炼个人的思维。
缺点：不易上手，性价比不高
（二）需求分析
项目需求如下：
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点：
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
需求分析：
（1）手机端
学生部分：
1.能够浏览近期将举办的社团活动和各个社团的简介，并且可以通过点击对应社团或活动查看其详情，同时可以自己主动报名参加活动 。
2.能够查看个人报名的活动的完成情况
3.能够查看个人消息：活动审核通知，社团活动变更消息等。
社团管理员部分：
首界面与普通学生端的不用太相似，只用具备发布活动、统计报名人员、通知活动变更等管理功能即可
发布活动包括活动时间，活动地点，活动名称，主办社团以及活动简介
通知活动变更的功能则是为了防止一些突发情况的发生
（2）网页端
社团管理员部分：
功能与手机端的类似，具备发布活动、统计报名人员、通知活动变更等管理功能
社联成员部分：
具备审核活动申请、审核场地申请、星级评定等功能
活动审核可以查看社团提交的活动的详细信息，包括时间地点和活动类型，方便社团联为社团安排教室，从而决定场地审核是否通过
星级评定分为1-5星，社团联根据社团所开展活动的实际参加人数和现场气氛为社团的此次活动评定等级
（三）原型设计（设计工具：墨刀）
小程序：https://free.modao.cc/app/bf27523eddd48dfda4242398a6dd950feac190f9#screen=sCBEE6F66541569940405711
网页端：https://free.modao.cc/app/ryfbpsihlikk182bjxcj0glun04qpb#screen=sk182bk5za5se36t5
优点：变化多端的操作，自带组件库并支持强大的第三方组件库，提供强大的交互支持，完整的教程及支持文档，支持原型预览。
缺点：学习曲线较高，性价比不高，专业需求度高。
需求分析
需求
项目需求如下：
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点：
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
分析
小程序
普通学生部分
能够浏览社团和活动，且可以点击对应社团或活动查看其详情，并申请加入社团或报名活动。
能够查看个人资料，个人资料中可以查看自己加入的社团、参加的活动、以及查看好友，同时可以给好友发送站内私信。
能够查看个人消息：社团审核通知，活动审核通知，社团消息查看等。
社团管理员部分
首界面和消息界面与普通学生端的界面相似，但注重管理功能。将社团管理的功能放在我的资料中
我的资料中可以查看：发布的活动，以及对社团的操作。操作包括：发布通知，成员查看，活动发布，申请查看，社团设置等等。各个功能中再做具体功能的实现。
网页端
社团管理员部分
能进行对社团成员的管理，活动的申请，并对申请或已完结活动的查看以及消息查看。
成员管理中可以给成员发送私信以及移除成员
活动申请可以提交需要举办活动的信息给社联进行审核。
我的活动可以查看活动的进度
我的消息可以查看站内消息
社联部分
能对社团进行活动审核、星级评定，并可查看站内消息
活动审核可以查看需要举办活动的详细信息，包括主办社团，活动时间，活动地点等等。方便安排地点，并可以进行是否同意的操作
星级评定可以查看社团的各个信息，包括会长，会员数，举行活动数以及成员分布等等
原型设计地址
因为MOCKPLUS的分享需要会员，所以选择使用百度网盘，流程如下
下载百度网盘后点击上传文件
然后选择要分享的文件，点击分享
再点击创建即可
小程序
链接：https://pan.baidu.com/s/1fBhfF8aD36Rts-E1sXECsw
提取码：zohr
网页端
链接：https://pan.baidu.com/s/1jBWi3RkpFqFz0BBNxvgnGQ
提取码：o00q
原型设计
小程序
登录界面
普通学生
预览界面
详情查看及申请或报名
我的资料
我的社团及活动
我的好友
我的消息
社团管理员
我的资料中的选项
我的活动
我的社团
网页端
社团管理员
成员管理
活动申请
我的活动
我的消息
社联
星级评定
活动审核
感想
本次作业让我熟悉了原型设计工具，此次使用的是MOCKPLUS，所以对其有了更加深入的了解。通过对需求的分析，以及原型的设计，无论是让我的分析能力，还是排版设计能力都得到了很好的锻炼。
936
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
