《构建之法》第三次作业——原型设计
博客开头
这个作业属于哪个课程 |
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
总结
总的来说,虽然我的审美不是很好,做出来的页面也很丑。但是本次作业也做得比较艰辛,前后花了两三天的时间。虽然以前用过墨刀,本以为很简单。但当初真的没有认真去学,做出来的都是单个的页面,没有链接到一起,所以现在所有的东西都是现学。虽然花了很多时间,但也学到了很多知识。以后没事都想画原型玩儿!