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

Posted 2020-11-03 just-do-it666

一、实验目的与要求

　　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、设计心得　

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