XX源客人自助点餐系统设计说明书
硬件设备和网络要求
产品规格 | |
---|---|
屏幕尺寸 | 32"(16:9) |
最佳分辨率 | 1980×1080 |
对比度 | 1400:1 |
色彩 | 16.7M |
亮度(cd/m2) | 360cd/㎡ |
触摸屏 | 采用十点触控电容屏 |
I/0连接 | |
VGA接口 | DB-15接口 |
触摸屏控制 | USB/RS232可选 |
电源适配器 | DC12V、5A |
环境条件 | |
工作温度 | -10℃ ~ 60℃ |
贮藏温度 | -20℃ ~60℃ |
其它 | |
安装方式 | 桌面,壁装VESA |
供电方式 | 100V-240V AC |
外观尺寸 | W*T*H(350mm*55mm*283mm) |
产品认证 | FCC、CE、CCC |
重量(NET/GW) | 5.65KG/3.9KG |
标准配置 | |
主板 | Mini-ITX MP-J1900(台湾工业级) |
处理器 | Intel® Quad-Core Celeron® J1900 (2.0 GHz)(无风扇设计) |
内存容量 | 4GB DDR3-1333 SDRAM |
硬盘容量 | SSD64G |
VGA 接口 | 1个 |
USB接口 | 4个,可扩展 |
RS232串口 | 4个 |
LTP并口 | 1个 |
PS2 接口 | 1个 |
网络接口 | 100/1000Mbps高速网络接口 |
打印机 | |
纸宽 | 80mm 热敏 |
通讯方式 | 串口,采用标准ESC/POS指令 |
安装方式 | 嵌入,换纸方便 |
扫描头 | |
要求 | 支持各种常用一维码和二维码的识读 支持手机屏幕条码的识读,0.5秒识别 USB通讯,相当于键盘输入 自动感应 |
银联刷卡机 | |
要求 |
提供POS开发接口和文档 支持免密码免签名 支持Apple Pay等手机近场支付 |
网络要求:
- 8M光纤上网
- 不掉线
- 网速较稳定
对各种付款方式开发所需的资料
- 支付宝所需资料:
- AppId
- PrivateKey(私匙)
- PublicKey(公匙)
- 微信支付所需资料:
- MCHID:商户号
- KEY:商户支付密钥
- APPSECRET:公众帐号secert
- 银联支付所需资料:
- 需要提供申请银联POS机的全部资料
- 1、 营业执照正本复印件
- 2、 法人代表身份证复印件
- 3、 入账账户的复印件(若为对公账户,需要提供开户许可证复印件)
- 4、 商户店铺照片
系统功能结构

系统功能及操作说明:1.视频播放
1
2

本界面分为两个部分,上半部分为播放区域,下半部分为固定区域,整个布局结构简单,清晰,让用户一目了然。
上半部分用于视频播放,播放格式为mp4,视频的来源为云端服务器,视频播放区可随时更换视频,视频素材由XX源提供,视频的播放不仅提高了品牌的知名度,更让整个界面生动丰富。
下半部分是固定区域,内容包含XX源LOGO、以及提醒用户如何操作的提示语。
2.用餐方式

第二个操作界面,选择用餐方式,整个界面内容包括XX源LOGO、用餐方式提示语、包括用餐图标以及一个返回的按钮。用餐方式分为两种:一种是堂食,另外一种是打包,分别用图标和文字来表示,让顾客不仅一目了然,还有一种赏心悦目的视觉感受。点击任意一种用餐方式后,自动进入下一个页面。
3.点餐界面
1
2
3

进入第三步就是点餐界面,点餐界面分为三个部分:
第一部分为最上方的图片轮播,图片来自于云端服务器,也可随时更换图片,素材由XX源提供。
第二部分为点餐区域,左侧为一个菜单分类导航,一页最多可入7个,超过7个时则可以滚动选择,顾客点击类别时,分别用了绿色的色块突出显示,让用户明确知道自己选的是哪一个菜单分类。
右边为点菜区,一个页面分别可以放12个菜品,菜品浏览方式为左右翻页,分别用箭头来提醒顾客,方便顾客查找菜品。菜品的状态有:售罄、新式菜品、已选菜品(打勾表示)。售罄和新式菜品分别用了图标表示,在右上方显示;已选菜品则用打钩表示,取消此菜品也可点击打钩取消;数量增减显示框是用户选区当前菜品是会显示出来,不选时会隐藏,它的作用是用来增加或者减少菜品的份数。
第三部分是订单的状态,订单栏分别显示了用餐方式、菜品数量、总价,中间部是显示顾客已选的菜品明细,正常可显示八个已选菜品,没显示的可用滚动条来展示。订单明细分别显示了菜品名称、数量显示框(客户可直接在这里增加或者删减)以及菜品的价格。
在确定完成或者取消订单按钮前会有一个口味定制的弹出框,有口味要求的只会弹出一下页面
4.口味要求

若该菜品有口味,顾客选择自己需要的口味要求之后点击确认按钮,口味选择完成后返回到点餐界面,顾客点击完成或者取消订单按钮。点击取消订单,则提示客人是否取消,若选择是,则返回播放视频页面。
5.订单再次确认

订单完成后进入确认页面,让顾客确定订单是否正确,确认页面只允许顾客预览,预览的信息包括用餐方式、订单详情(包括菜品名称、数量、价格),此页面不允许顾客修改,若顾客要修改,则点击否按钮返回到点餐页面修改订单,若订单无误则点击是按钮进入下一个页面。
6.输入送餐牌号码

订单完成后,进入输入送餐牌页面,顾客根据下面的指引流程操作,看到点餐机旁边的送餐牌,拿到一个送餐牌,并且根据送餐牌输入相应的送餐牌号码,按下确认键即可进入下一页面进行付款页面,也可按下返回按钮,返回到点菜页面。
7.选择付款方式

确定送餐牌后,进入到付款方式,付款方式有二种付款方式分别是:支付宝付款微信付款,银联卡 Apple pay付款。顾客根据现有的付款方式进行选择。页面除了有XX源的LOGO,还有一个返回的按钮。点击返回则返回输入送餐牌号码页面。
8.微信/支付宝付款

若顾客选择了支付宝支付,则找到属于支付宝的操作流程,首先操作流程会提示顾客打开支付宝页面,找到付款图标,点击进去出现付款码,然后把付款码靠近扫描枪进行扫码付款,则支付成功,等待打印结账单。
若顾客选择了微信支付,则找到属于微信的操作流程,首先操作流程会提示顾客打开微信页面,找到付款图标,点击进去出现付款码,然后把付款码靠近扫描枪进行扫码付款,付款成功后打印结账单,则支付成功,等待打印结账单。
也可点击返回按钮,重新选择付款方式。
9.银联卡/Apple pay付款

若顾客选择了银联卡支付,银联卡分别有两种支付方式,一种是有闪付功能的,另外一种则没有闪付功能。当顾客的银联卡有闪付标志时,按照闪付的操作步骤,把有闪付标志的一脸卡放在POS机屏幕上感应一下,就成功完成支付,等待打印结账单。但顾客的银联卡没有闪付标志时,按照对应的步骤,把银联卡在POS机上用刷卡的方式完成支付,等待打印结账单。
当顾客选择用Apple pay付款时,按照Apple pay的操作步骤,把手机贴在POS机的屏幕上即可完成支付,等待打印结账单。
也可点击返回按钮,重新选择付款方式。
10.订餐成功

付款成功,等待打印结账单是,进入订餐成功的页面,本页面分别用图片来提醒顾客记得那结账单,还在下面用文字提醒顾客记得拿上送餐牌和结账单,找个位置坐下即可。让顾客明确的知道自助点餐的整个流操作已经完成,放心用餐。此窗口显示10秒,则自动关闭。
11.设计理念与用色的整体分析

XX源客人自助点餐系统的设计理念是以操作简单,快速便捷,作为核心开发。用户体验好的一款开发界面,不仅让顾客在使用过程当中能轻松完成点餐,还让顾客对界面的阅览得到一种愉悦和享受的一个过程。整个系统分为简单的八个步骤,就可成功完成整个从点餐到付款的一个操作过程。
在用色上,整个设计风格都以简洁,一目了然的民族风格作为核心,主色调主要用了酒红色并且带有民族底纹的元素作为整个画面的基础色,其他的配色有绿色,和无色系白色、灰色等主要几种颜色相结合,因此整个画面的用色及民族元素都和XX源的风格和谐、统一。
在布局上都以线条形式来排版,每个界面基本上都运用焦点居中的排版。这样的布局让顾客能一目了然,结构清晰,这样的用户体验会促使更多人去使用。
所有的窗口,用户若60秒内未进行任何操作,则自动取消订单,返回至视频播放窗口。