《毕业论文设计基于ih5的商场导购系统.docx》由会员分享,可在线阅读,更多相关《毕业论文设计基于ih5的商场导购系统.docx(25页珍藏版)》请在金锄头文库上搜索。
1、基于iH5的商场导购系统现代信息化社会,商场规模在口益扩大,但是对应的商场导购方式以及便 捷程度却并没有跟上商场规模的脚步。传统的商场导购仅限于在商场入口放置 商场布局图,已经不能满足顾客的要求。针对此情况,笔者开发了商场导购系 统。本系统釆用了 ih5在线交互设计工具,是基于HTML5的在线交互导购系统, 有较强的互动性、展示性。系统从交互和导购的人性化角度出发,让消费者足 不出户事先了解商城的货物位置及价格等信息,同时也提供在线订购功能。这 种线上线下互动的购物模式可能逐渐成为消费主流。本系统正迎合了人们的这 种消费需求,具有较强的现实意义。【关键词】基于HI5;商场导购系统;交互性Mar
2、ket navigation system based on iH5AbstractFor modern information society, the mall growing fast, but the mall shopping guide and convenient manner do not keep up with the pace of the mall. The mall shopping guide is limited to the entrance traditional mall, it has been unable to meet customer requir
3、ements. For this situation, the author developed the mall shopping guide system. This system uses ih5 online interactive design tools, the interactive shopping guide is based on online system HTML5, there is a strong interaction and demonstrative. The system come from a human point of view and inter
4、active shopping guide of departure, so that consumers can know in advance information homes mall location and price of goods, it also ordering an online capability. This interactive online and offline shopping patterns may gradually become the mainstream consume匚 This system is to meet the people of
5、 this consumer demand, with a strong practical significance.Key words iH5; shopping guidance ; interaction1. 绪论11.1课题背景11.2课题目的11. 3课题意义22 系统需求分析与总体设计22.1需求分析说明22.2可行性分析22.3系统主要功能33. 系统开发环境及开发工具介绍33.1开发本系统所需要环境33. 2相关技术43. 2. 1 ih543. 2. 2 Photoshop44. 系统具体设计54.1概要设计54.2数据库设计65. 系统功能的实现65. 1系统流程图65.
6、2对象树结构与用途75.3注册部分85. 3. 1注册部分设计85. 3.2注册部分实现95.4登录部分95. 4. 1登录部分设计95. 4.2登录部分实现105. 5商场导航咅B分115. 5.1导航整体设计与实现115. 5.2导航功能设计与实现125.6订购功能设计与实现135.7卖家信息提交设计与实现145.8周边类设计与实现155.9功能拓展166. 系统的测试176. 1测试缘由及概述176.2测试用例及测试结果177. 总结19参考文献20致 谢211 1课题背景社会发展迅速,大型商场应运而生,大型商场商品种类数量繁多,极大的 满足了人们购物的需求,但男人与女人在购物的时候心理
7、上还是存在差别的。 男人希望能够很快把冃光从甲点直接移到乙点。逛街买东西时,希望迅速的成 功地找到想买的物品,如果大型商城只配备简单的导购图,男人的视线在人群 与商品间不断穿梭,这会导致他们感到极不自在。女人的视野较广,因此在拥 挤的购物中心里逛街买东西不是件难事。我们常常看到这样情况,许多男性顾 客在购买商品时,事先记好所要购买的商城、商品名、式样、规格等,如果商 品符合他们的要求,则采取购买行动,否则,就放弃购买动机。但笔者在逛商 城的时候发现了冃前大型商场的导购方式过于传统,大多数商城只配备商城导 购图而已,在交互性和便利性上都不能满足顾客、特别是男性顾客的需求,导 致了他们不能及时找到
8、所需物品;另外,大型商场一般都是线下购物,缺少网 络购物平台,这样的情况跟不上顾客的消费理念与需求。大型商城导购图急需 升级到信息化的商城购物导航系统。针对冃前市而上关于信息化的商场导航系统较少1,商场网络购物不成熟的 现况,笔者开发了网页版和手机版的都能使用的信息化的商场导购系统,该系 统是基于ih5,使用一款全球领先的在线交互设计工具一-VXPLO互动大师作为 开发工具,(www. vxplo. cn) , VXPLO的诞生,源于孟智平2008年创办“世云 多媒体”时的技术延伸。VXPLO是全球做交互功能最强大的一款,是纯云端工 具,支持HTML5和Flash,能实现很好的效果,还可以一键
9、分享到好友和朋友 圈里而。打开浏览器就可制作基于HTML5互动内容(包括:创意广告,网页小 游戏,PPT,互动视频,网络互动剧,网站,轻APP等),这些内容还可以放到 微信中进行传播。有较强的互动性、展示性,在线性。基于iH5的商场导购系 统是从交互和导购的人性化角度出发,让消费者足不出户事先了解各大商城的 货物位置及价格等信息,同时也提供在线订购功能。1.2课题目的笔者开发此系统,是基于市场冃前信息化商场导航系统较少和线上购物不 成熟的情况。为了避免这一尴尬现象,系统旨在帮助消费者提前了解商品情况, 提供在线位置导航,提供商品网上订购功能,旨在进一步提升商场的服务质量。第1页,共21页商场导
10、购购物系统的优势体现在三个方而,一方而是在商场里,顾客能够 根据系统提示,迅速找到需要的商品价格性能及位置所在,这一功能,对于想 快速买到物品的顾客,有着极大的便利;另一方面,对于想提前了解信息的顾 客,商场还提供在线订购功能,突破了地域限制,方便顾客在家订购,一定程 度上为顾客带来极大的便利;最后,对于一些在商场附近游玩闲逛的顾客,系 统还提供了周边类信息以及公交路线。1 3课题意义课题主要探究交互性导航对于超市顾客的服务是否能吸引顾客,是否能增加 超市人流量以及消费量。本商场导航系统在提供商品位置提示服务的同时,还 提供在线订购功能,支持手机微信查看,方便顾客足不出户的购买商品。对于 喜欢
11、亲自逛商场的顾客来说,系统还提供了周边店铺信息以及附近公交路线, 方便顾客往来。这种线上线下互动的商城导航系统方便了顾客特别是男性顾客 购物心理,具有较强的现实意义和一定的商业运用价值。2. 系统需求分析与总体设计2. 1需求分析说明飞速发展的信息技术让高交互性导航系统成为受人们欢迎的焦点,木系 统旨在建立在线商场导航,为顾客提供人性化、具有交互性的商场导航,同时 提供网页版以及手机版的订购服务,为顾客提供一个自主快捷的购物平台。本 系统是在html5技术的基础上,使用ih5互动大师这个软件在线编辑制作具有 交互性的动态网页,让顾客可以在线查看商品位置分布,并查询自己感兴趣商 品,提高顾客购物
12、的效率,更好的为顾客服务。2. 2可行性分析调研结果表明,与传统购物方式相比,在三个方面,在线商场导航购物存 在优势,52.9%的人觉得送货上门很便利,51. 1%的人认为网购更便宜,43. 8%的 人感觉网上购物能买到更多的物品。从经济角度分析,本系统基于零代码免费使用的1H5在线交互工具,对经 济需求并不高。从技术角度分析,本系统iH5作为主要开发平台,全程零代码 操作,同时使用photoshop作为辅助处理工具,完成整个系统的开发。从应用 角度分析:第一,冃前市场上关于商场导购类的系统并不常见,值得开发;第 二,该系统无疑为商场购物带来了很大的便利,实用性非常强。2. 3系统主要功能a)
13、注册模块功能:顾客注册登录进入系统,能够查看不同商品位置。顾客 需要填写姓名手机号码等基本资料才能注册成为用户。系统默认手机号码为登 录帐号。b)商品订购模块功能:顾客进入系统,通过鼠标滚轮转动,拉出商场整体 导购模型和菜单栏,通过点击左侧菜单栏,调出对应介绍图片,通过点击图片, 即可调出订购窗口。顾客可以在此窗口选择并订购商品。c)查看商品模块功能:顾客、管理员能够在线查看商场提供的已有商品。d)查看商品及各类实施所在位置功能:顾客通过点击所需物品的类别,来 查看该类商品所在商场的位置,且会有订购提示框出现,方便顾客选择订购商 品。e)查看周边类:顾客能够查看商场周边类店铺以及附近公车路线情
14、况。3. 系统开发环境及开发工具介绍3. 1开发本系统所需要环境该系统在windows7系统下,基于html5,通过ih5互动大师进行编辑开发。软件环境图如图3-1所示。图3-1软件环境100% V * EH It毀笏衣布弼aM1043*色站网页网页吏It刃松式纵硼擬I幵加只5暗絃右沁華坤港后走1期叙碾面豳h响禅會动MT雜VS郁檢4yv”8?苗事帀直观厲侈1;云一乂丄乙二占二=斗:偸攢事自氐伽&4y八VONOO H0a noa gONO无S v O NO cm a s5 -tONOG -.ONO1024758图3-2编辑环境Ba3.2相关技术3. 2.1 ih5iH5,原为VXPLO互动大师,
15、是一套完全自主研发的设计工具,允许在线编 辑网页交互内容,研发时间超过8年,有超过50项专利。支持各种移动端设 备和主流浏览器,能够设计制作出PPT、应用原型、数字贺卡、相册、简历、 邀请函、广告视频等多种类型的交互内容Ml。ih5提供平台社交功能,包括各 种类型工具的使用,用户能通过零代码实现对设计的在线编辑操作。除了零代 码,ih5还提供专业的模版,还有各类移动交互设计样式。冃前网络上的很多 内容都还是以静态的展示为主,大多数的互动内容开发成本高,时间长,所以 仍是互联网内容中的很小的一部分。VXPLO的价值就在于构建了一种全新的内 容,并通过提供交互内容快速渗透到现有互联网行业中去。3. 2. 2 PhotoshopPS在我们生活中屈于常见的软件之一,它在计算机图像设计领域的应用十 分广泛,不论是3D动画软件、平而设计软件、网页制作软件、矢量图形软件、 多媒体制作软件还是排版软件,Photoshop在每一个环节中都发挥着不可替代 的重要作用。出在功能方面主要有以下儿个