2020软件工程作业03

这个作业属于哪个课程 https://edu.cnblogs.com/campus/zswxy/2018SE
这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 完成阿里云App的原型设计
其他参考文献 https://blog.csdn.net/sysulmh/article/details/73028629
码云地址 https://gitee.com/ry0629/copy-alibaba-cloud-app

一、原型开发工具及所选题目

本次是参考题目是阿里云,使用墨刀作为原型开发工具;

二、前期准备及思路说明

前期准备:

  • 下载墨刀客户端,了解开发工具的基本功能,查看视频教程;
  • 准备阿里云app中的图片素材,了解模块信息,大致框架;

思路说明:
首先了解项目的大致模块,搭建整体框架,其次进行每一个不同模块的功能设计,把握细节,最后了解各个功能模块之间的联系,实现页面的跳转,完成整合;

三、实现功能模块

1.“登录”页面

2.“管控”页面

3.“发现”页面

4.“我的”页面

四、个人总结

1.原型分析
因为在之前的学习过程中没有涉及到项目的原型设计流程,更多是侧重于写代码。所以在完成本次作业之前先是对原型设计的概念和具体做什么进行了一个简单了解:产品原型可以概括的说是整个产品面市之前的一个框架设计。在完成整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达;(参考:https://baike.baidu.com/item/原型设计/10787489?fr=aladdin
在确定好做阿里云app原型设计的时候,首先在手机上下载了阿里云客户端了解原型的大致功能模块(当然,实际的原型设计是没有现成的可以参考的,都是根据需求分析画出思维导图再进行原型开发),熟悉整体的框架,确定采用整体——>局部——>整体的思想进行原型设计;
2.开发工具的使用
墨刀

这个软件专门用来做原型图,可以多人协同工作,可用的空间更大,可做的页面更多,功能很强大,里面的状态组件可以实现很多功能。刚开始直接新建了一个空白项目,就开始工作了,后面发现很多组件都不会使用,也不会链接页面,更不会使用状态和母版。只能去看视频教程,到最后一步步完成原型设计;
3.项目完成及上传

到最后一步上传码云的时候有一段小插曲:在上传的时候输入了错误的密码,但系统已经默认应用程序和网络保存的登录信息,导致上传一直失败,最后在同学的帮助下问题得以解决;


通过此次原型设计作业自己又Get到了新技能!相信可以在以后的学习中不断丰富和提升自己;

往期作业及链接

期数 详情
第一期 个人介绍
第二期 2020软件工程作业02
原文地址:https://www.cnblogs.com/ren0629/p/13838065.html