一、实验目的与要求
1、掌握软件原型开发技术；
2、学习使用软件原型开发工具；
二、实验内容与步骤
1、开发工具：
使用的工具：墨刀（APP端开发原型）
JS、IDEA 、Android Studio（用于网页端和移动端的开发）
工具简介：
墨刀（MockingBot）是一款在线的移动应用原型设计与协作工具，简单的说，你可以用墨刀——十分钟设计一个APP。
墨刀工具设计APP的优点及特点：
(1) 拖拽操作，轻松完成界面设计
(2) 移动设备常用手势及丰富切换特效
(3). 云端实时保存，工作无缝衔接
(4) 很容易创建。如果客户反馈引起了app结构上的或者其他大的更改，那么原型可以降低成本时间。
(5) 便于讨论。当团队对app进行评判讨论时，原型能提供可详细讨论的内容。
(6) 鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴，帮助他们在演示和demo过程中厘清与app相关的概念。
(7) 帮你在早期发现设计问题。原型可让你在早期阶段发现app流程中的问题，以及其他设计问题。
(8) 内设30余种组件动作、30个以上内置组件组合、7种基础应用模板、丰富图标库.
2、原型设计的过程
（1）云平台(WEB端) ：主要用于处理植物传呼机收集到的数据，对植物生存环境进行数据分析，作为植物传呼机与用户APP的数据中心。
（3）嵌入式硬件：即植物传呼机，主要用于植物的自动化养殖，可以进行温湿度监测、自动浇水以及光照检测等。
三部分中我们主要针对其中的云平台和用户APP端建立原型，对模块功能的划分拟草图进行设计，具体设定每个界面的功能模块。APP端我们利用墨刀作为原型工具建立了软件雏形界面，而WEB端我们已根据设想内容进行了初步开发，用户体验链接见下方。
设计流程：
阶段一： 根据前一阶段的分析总结，我们将项目分为两个板块，即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、设计心得
原型在产品的开发过程中具有重要的作用。我们都知道在产品设计阶段，就是画出产品原型，在开发早期它的重要性不言而喻，这是详查和分解应用最简单最低成本的阶段，充分利用该阶段，可以避免后期改写大量代码。在设计过程中，我们对界面功能模块、图片信息、组件拜访等逐一进行了设计，致力于展现一个好的原型设计。无论是高保真还是低保真，有了原型图的帮助，会让整个团队更好的理解产品，提前发现问题并解决问题，而不是为了做原型而画。只要肯花心思，制作原型的时间和成本是可以大幅减少的，而它能够让我们项目开发更顺畅，沟通更容易，减少犯错的几率，希望我们的项目在这个原型的基础上后期能够更加顺利的进行。