码迷,mamicode.com
首页 > 其他好文 > 详细

《JUST DO IT ! 》第三次作业--团队项目的原型设计与开发

时间:2018-05-08 20:59:24      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:特效   这一   需求   分解   成员   模板   开发工具   远程监控   查看   

一、实验目的与要求

  1、掌握软件原型开发技术;

  2、学习使用软件原型开发工具;

、实验内容与步骤

1、开发工具:

  使用的工具:墨刀(APP端开发原型)

                          JS、IDEA 、Android Studio(用于网页端和移动端的开发)

       APP端我们利用墨刀作为原型工具建立了软件雏形界面,详情设计见下方‘设计结果’部分;WEB端我们根据设想内容已进行了初步开发,用户体验链接如下:

       WEB用户端体验地址:  技术分享图片http://123.207.124.113:8080/page/home

       工具简介:

       墨刀(MockingBot)是一款在线的移动应用原型设计与协作工具,简单的说,你可以用墨刀——十分钟设计一个APP

       墨刀工具设计APP的优点及特点:

(1)  拖拽操作,轻松完成界面设计

(2)  移动设备常用手势及丰富切换特效

(3). 云端实时保存,工作无缝衔接

(4)  很容易创建。如果客户反馈引起了app结构上的或者其他大的更改,那么原型可以降低成本时间。

(5)  便于讨论。当团队对app进行评判讨论时,原型能提供可详细讨论的内容。

(6)  鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴,帮助他们在演示和demo过程中厘清与app相关的概念。

(7)  帮你在早期发现设计问题。原型可让你在早期阶段发现app流程中的问题,以及其他设计问题。

(8) 内设30余种组件动作、30个以上内置组件组合、7种基础应用模板、丰富图标库.

2、原型设计的过程

  我们的项目总共分为三个部分,分别是:
  (1)云平台(WEB端) :主要用于处理植物传呼机收集到的数据,对植物生存环境进行数据分析,作为植物传呼机与用户APP的数据中心。
  (2)用户APP(APP端):用于植物养殖者远程监控植物,了解植物所处状态,根据系统反馈状态实时养殖植物,与此同时,云平台对用户数据分析后,系统可以对用户推荐相似植物,后端使用SpringBoot框架搭建Restful服务提供给APP,以及提供微信后台服务。植物信息通过编写爬虫写入数据库中。
  (3)嵌入式硬件:即植物传呼机,主要用于植物的自动化养殖,可以进行温湿度监测、自动浇水以及光照检测等。
  三部分中我们主要针对其中的云平台和用户APP端建立原型,对模块功能的划分拟草图进行设计,具体设定每个界面的功能模块。
  对于WEB端,因为普通用户和物联网开发者两个用户群体的用户需求不同,因此我们针对这两类用户群体在登录用户界面后提供不同的功能。如对于开发者来说,登录WEB后主要有以下几个功能模块:1、可以进入植物的温湿度监控或光照强度等监督平台,从平台种获取相对应数据。2、用户还可根据开发者指南,对平台内的数据进行收集和测试。对于普通用户来说,用户登录可视化界面后,主要的模块功能有:1、用户可查看一周内设备之间的传输数量以及设备的温度等信息。2、用户还可在WEB端查看详细的设备购买信息,网页底端留有联系方式,方便用户随时咨询。
       对于APP端,这一模块的设计主要为了方便普通用户使用,APP的主要提供的功能模块有: 1、让用户能够实时查看当前所养植物的状态,查看它们的温湿度度信息。2、通过APP向植物爱好者推荐一些热门花卉和养殖建议。
  设计流程:
  阶段一: 根据前一阶段的分析总结,我们将项目分为两个板块,即Web端和App端。我们小组成员分两组拟web和app界面的草图。
  阶段二: 分工做各模块的雏形,边做边商量,即时同步信息,进行适当的调整。张琪和火忻负责Web端后台设计,刘丽和刘琼负责Web前端设计,张永琪和付恩丽负责app端的设计。
  阶段三: 三大主体都搞定后,小组成员一起进行了评价优化。
  阶段四:我们的原型设计较快,在原型设计完成之后,我们进行了初步的开发,现在已经形成了软件的雏形。
3、设计结果

(1)WEB端

  WEB的首页展示。可在右上角进行注册和登陆。

技术分享图片

  注册和登录窗口。

  

技术分享图片

技术分享图片

   WEB端的一些特性,包括植物传呼机(嵌入式硬件,主要用于植物的自动化养殖)、设备探索、温湿度监控平台、光照轻度监控平台以及开发者指南。

技术分享图片

  产品介绍:产品一,植物传呼机,主要用于植物的自动化养殖,可以进行温湿度监测、自动浇水以及光照检测等。

技术分享图片

  产品介绍:产品二,植物养殖者APP,主要用于植物养殖者了解植物所处状态,根据系统反馈状态实时养殖植物,与此同时,云平台对用户数据分析后,系统可以推荐相似植物给用户。

技术分享图片

  产品介绍:产品三,Green Could平台,主要用于处理植物传呼机收集到的数据,对植物生存环境进行数据分析,作为植物传呼机与用户APP的数据中心。

技术分享图片

  联系界面设计,设置联系方式,方便用户对我们的产品及平台提出意见或建议。

技术分享图片

  可视化界面,显示一周内设备之间的传输数量以及设备的温度。

技术分享图片

  设备管理,显示设备的相关信息,并且可以添加新设备。

技术分享图片

  主页,直观地展示GreenCloud 0.01测试的温湿度的信息、设备信息,并且可以购买我们的设备。

技术分享图片

(2)APP端

      APP端主要有我的设备、设备管理、我的植物、今日花卉四部分,今日花卉主要是为用户推荐受欢迎的植物。

                    技术分享图片                        技术分享图片

      APP展示植物目前所处的环境,包括温湿度、关照强度,并且记录仪向用户显示具体时刻植物的温湿度和关照强度。然后针对不同的植物提出一些养花的建议。

               技术分享图片                      技术分享图片

  这是我们的APP,版本为1.1,植物养殖者可以下载并安装,更方便了解植物所处状态,进行实时养殖植物。APP的登录界面,用户只有登录之后才可以使用APP。

 技术分享图片                    技术分享图片       

4、设计心得 

  原型在产品的开发过程中具有重要的作用。我们都知道在产品设计阶段,就是画出产品原型,在开发早期它的重要性不言而喻,这是详查和分解应用最简单最低成本的阶段,充分利用该阶段,可以避免后期改写大量代码。在设计过程中,我们对界面功能模块、图片信息、组件拜访等逐一进行了设计,致力于展现一个好的原型设计。无论是高保真还是低保真,有了原型图的帮助,会让整个团队更好的理解产品,提前发现问题并解决问题,而不是为了做原型而画。只要肯花心思,制作原型的时间和成本是可以大幅减少的,而它能够让我们项目开发更顺畅,沟通更容易,减少犯错的几率,希望我们的项目在这个原型的基础上后期能够更加顺利的进行。

《JUST DO IT ! 》第三次作业--团队项目的原型设计与开发

标签:特效   这一   需求   分解   成员   模板   开发工具   远程监控   查看   

原文地址:https://www.cnblogs.com/Just-Do-IT666/p/9007061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!