《Miracle-House团队》第三次作业：团队项目的原型设计与开发

一、实验目的与要求

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

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

二、实验内容与步骤

1、开发工具：

　 使用的工具：墨刀（APP端开发原型）

工具简介：

墨刀（MockingBot）是一款简单快捷的原型设计工具

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

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

(2)多格式离线文件下载

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

(4)支持创建 iPhone/iPad、Android、平板、watches、PC 各平台设备的原型，也可以自定义设备尺寸，提供一个便捷、真实又自由的创作环境。

(5)提供 iOS、Android 等平台的常用组件及大量精美图标，原型搭建就像堆积木一样轻松。同时还可以自定义自己的个性化组件，方便项目之间自由切换、使用。

(6)提供丰富的页面切换方式、交互手势及动画，简单操作即可创作仿若真实 app 的产品 demo。

(7)通过二维码、链接分享，可以在网页、移动端、墨刀预览助手 app 中快速查看产品 demo 的演示效果。

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

2、原型设计过程

由于学生的就餐时间大多都是下课后，这就导致出现就餐高峰期，大多数情况下，我们看到的都是铺天盖地排长龙的等待购餐的学生，领餐后茫然寻找空座位，还有一些学生因为人太多等不到饭，在食堂窗口和座位之间徘徊的学生，面对以上这种现象，学生迫切需要一种实际的解决方案，网上订餐系统充分利用信息技术，解决了传统订餐方式的缺点，解决了学生就餐高峰期的拥挤，为学生节省时间。

　　随着 Internet的普及，越来越多的企业建立了自己的www网站，企业通过网站可以展示产品，发布最新动态信息，与用户进行交流和沟通，与合作伙伴建立联系，以及开展电子商务等其中网上订餐系统是电子商务网站的一种，随着信息化时代的到来，人们对生活质量的追求不断提高，由于人们工作，学习的关系，常常无法正常吃饭，随着网络的普及，网上订餐业务在中国开始盛行，人们也通过网络订餐的方式获得自己需要的食物。这样既节省了时间，也可以为广大用户提供更多的口味。

下图为我们系统的数据库结构：

3.原型设计结果

利用墨刀原型设计工具，模拟移动端打开本系统的情况

（1）登录和注册界面

（2）系统主界面

（3）智慧、二楼、三楼餐厅点餐主界面

（4）餐厅中每个商家的餐品界面

（5）购物车界面

（6）订单界面

（6.1）提交订单界面                                                               （6.2）订单支付成功界面

（7）商家单页

（8）目录

4.总结原型设计心得

原型在产品的开发过程中起着重要的作用。在这之前没用过此类原型设计工具，只是将想要实现的界面功能等在脑子里想出来，或者简单的画在草稿纸上。通过两次的运用原型设计工具，让我们体验了它的强大性。通过前期设计好产品原型，可以有效的减少后期代码中的修改，同时也可以让用户直观的看到我们产品要实现的功能以及界面设计，用户也能更好的提出改进的建议。当然，原型设计出来，作为参考，后期的制作过程会有所改进以及和原型设计不同的地方，也是情理之中。