软件需求分析与系统设计课程 | https://edu.cnblogs.com/campus/zswxy/2018SE/ |
---|---|
作业要求 | https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354> |
作业目标 | <使用原型工具仿照阿里云APP画出基本的页面布局> |
其他参考文献 | <无> |
码云地址 | https://gitee.com/he-xiaoyi/copy-alibaba-cloud/tree/master/ |
学号 | <20189658> |
使用的工具以及选题
我使用的工具是墨刀,听同学说这个软件是很便捷的一个图形工具,截图裁剪工具是电脑本身的工具,我选的是阿里云这个题目
准备
1.先是在手机上下载好阿里云的软件来进行参考,然后截图好需要的图片。然后上传到电脑进行图片裁剪,裁剪自己需要的组件
实现的功能展示
登录页面
首先在组件里将图片作为底片,然后在组件中吧单行输入拖入到账号跟密码处,然后消除边框就实现了输入的功能,从组件中拖入按钮,然后设置好按钮颜色以及字体颜色,然后再把链接区域拖到登录处。
轮播图
先把需要轮播的图片把他裁剪下来, 从组件中再拖出轮播图片,就可以啦
导航栏的实现
首先将导航栏的三个点击处分别加上链接区域,然后分别加上全局事件,在全局事件中设置事件为点击,然后是行为为跳转页面,目标页面是管控页面,轮播页面以及我的页面,目标是下一个状态。
我的
在登录的那个区域加上链接区域即可。
管控页面
在登录注册页面加上链接区域
3总体效果呈现图
总结
开始的过程
之前老师布置这个作业的时候听上去这个作业很简单,没想到做起来挺麻烦的,在博客园看到这个作业的时候还是一脸懵逼,不知道从何做起,当下载并打开这个软件的时候也很是有点蒙,下载这个软件有个新手教程,也没有对我有很大的帮助,只能每个百度搜索如何操作,参考其他同学是如何做的,看了其他同学的操作觉得无比的复杂,在经过了我两个小时的摸索,终于知道基本操作了,我先是下载阿里云这个软件,然后熟悉这个软件的功能,然后截图,传到电脑中在进行裁剪,裁剪自己需要的轮播图组件,还有其他的组件,再创建新的项目,增加登录页面,轮播图页面,管控页面,我的页面等。在分别进行编辑。
感想
这个作业的难度其实不难,难的是操作,熟悉一个软件需要点时间,需要自己慢慢摸索出来门道,然后熟练的操作这个软件,这个软件真的出乎我的意料的便捷,对于开发这个安卓以及网页来说真的是一个神器,想想之前上过安卓的开发还得自己敲命令什么的,又费时费力,做出来还不是很美观,比如是做那个转换页面以及轮播图需要自己敲代码,这个只要拖出组件就很便捷了,不知道省了多大的力气。因为不知道操作这个,请教了在上班的同学,他说这个很简单,而且是每个项目经理必须要会的,突然理解了老师布置这个作业的目的,我发现老师每次布置一个作业,我都掌握了一个新的软件操作技能,虽然这个软件也不是像开发软件什么难,但是在需求分析起到很重要的作用,做一个软件的需求开发,不仅仅要会做文档,还得掌握很多的技能,使用不同的工具来完成这个需求分析.
##这个软件的优点
开始的时候我还在犹豫axure好还是墨刀好,看网上的评论说axure就好比是photoshop,能做出超高保真的原型,但是比较难上手;墨刀好比美图秀秀,容易上手,但是上限不高,在刚开始的接触中,还是使用了墨刀,没有要我失望,的却很是简单,墨刀,首先,可以画出高保真原型甚至和线上页面无差别的原型出来。不太好的就是需要收费。再次,它有一点好处是在你需求评审评审页面的时候会让技术和业务看着更舒服,因为输出的页面和上线页面几乎无差别,也可以更好的理解产品本身。