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.总结原型设计心得

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

 

 

 

 

 

 

 

 

 

 

posted on 2018-05-08 20:07  Miracle-House  阅读(327)  评论(1编辑  收藏  举报