《构建之法》第三次作业——原型设计
博客开头
|
这个作业属于哪个课程 |
https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign |
|
这个作业要求在哪里 |
|
|
这个作业的目标 |
能对比各种原型设计工具，根据需要选择能对项目进行需求分析能完成项目的原型设计 |
对比原型设计工具
常见的原型设计工具有墨刀、Axure RP、Mockplus等。下表对它们的优缺点进行一个对比分析：
|
优点 |
缺点 |
|
|
墨刀 |
操作简单，用户体验好 有现成的设备布局，减少了工作环节 |
在交互效果上、控件组合上，操作面板的选择上都不如Axure 灵活 需要充费才能够使用更强大的共享创建功能 |
|
Axure RP |
自由，可以从控件、素材、控制上设计出千奇百怪的动态效果 不仅是原型的设计，在相应图片处理、编辑上也是一个利器 |
非国产产品，购买价格昂贵 素材库不太好找 |
|
Mockplus |
简洁快速，可以快速上手 价格低廉，功能够用，基础版终身免费 |
交互功能不够强大 |
选题及需求分析
通过对两个题目的熟悉程度判断，我选择第一个项目 ——社团管理
以下（包括但不限于）是该项目的需求分析：
1.引言
1.1编写目的
a.定义网站和小程序的总体要求，作为用户和软件开发人员之间相互了解的基础。
b.提供系统初步设计和对用户影响的信息，作为软件人员进行软件结构设计和编码的基础。
c.作为软件总体测试和项目验收的依据。
1.2项目背景
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
2.任务概述
2.1目标
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
2.2运行环境
操作系统：简体中文Windows2003Professional
数据库：Microsoft SQL Server 2000，SP4补丁
浏览器：Internet Explorer 6.0及以上
2.3条件限制
用户能够熟练的使用Windows操作系统，能使用IE浏览器上网，以及使用Office办公套件进行文档处理。
3.功能需求
3.1功能划分
项目前期至少要实现用户登录注册，活动的浏览和报名，以及活动的发布、审核与通知，加入社团、发送站内信等功能。后期可以考虑加入引入商家入驻，进行校企联谊活动，组团报名参加活动以获得优惠的价格，甚至拉取企业的赞助。
3.2功能描述
用户登录注册：用户以手机号以及短信动态码注册，注册成功后可绑定邮箱，通过邮箱、手机号以及密码登录。各社团负责人登录到管理员界面，普通学生登录到相应社团界面。
加入社团：学生登录后在首页点击相应社团进入，点击加入社团即可发送申请，待管理员审核后即可成功加入该社团。
发送站内信：在首页设置聊天选项，点击即可进入相应社团聊天群，在群中可发送站内信。
活动的发布、审核与通知：活动通过用户首页的活动栏发布，学生响应后，管理员在后台审核。
活动的浏览报名：学生在自己首页可查看管理员发布的活动，点击活动中相应报名链接即可成功报名。
4.运行需求
4.1用户界面
所有界面的响应时间不应该超过20秒。
4.2软件接口
邮件发送接口（JAVAMAIL）
数据密码加密(MD5)
文件上传下载（SmartUpload）
日期选择（WDATEPICKER）
原型设计
由于之前使用过墨刀画原型，对该工具比较熟悉。这次实验我选用磨刀来画原型。
下面是小程序原型结构图和部分页面截图：
下面是网页端原型结构图和部分页面截图：
原型设计的可查看地址
小程序原型链接：https://free.modao.cc/app/95d3a028645e948b47e4054922fb369739976cb0
网页端原型链接：https://free.modao.cc/app/42eedab32974abc6ef543330dca4fd7b44605e69
总结
总的来说，虽然我的审美不是很好，做出来的页面也很丑。但是本次作业也做得比较艰辛，前后花了两三天的时间。虽然以前用过墨刀，本以为很简单。但当初真的没有认真去学，做出来的都是单个的页面，没有链接到一起，所以现在所有的东西都是现学。虽然花了很多时间，但也学到了很多知识。以后没事都想画原型玩儿！
