暖果资讯

课题研究|门店客流分析WEB系统的设计和实现(4)

时间:2020-06-18

4、详细设计与实现

4.1 前端布局及风格

图4.1 前端布局设计

布局设计由4部分组成分别是顶部,底部,左侧导航栏和中间的主体部分。其中顶部,底部和导航栏这种每个页面都包含的公共区域采用组件的方式实现,这样各个功能页面的设计和开发只需要简单引入这些组件即可,降低了前端耦合度,之后进行修改和调整只需要改一处即可。头部右侧可以登录及个人信息管理。底部为课题来源公司的基本信息。导航栏设置了几个主要功能的切换入口。

4.2 客流趋势分析和属性分析

通过ECharts的折线图绘制客流趋势在某一时间范围内的变化,帮助商家了解客流变化趋势。依据顾客属性分类绘制有利于辨别不同特征目标群体的客流变化,可以针对性采取促销等活动改善经营。

下方的分析设置首先是目标门店,系统管理员可以查看所有门店的整体情况,门店管理员只能查看自己门店的客流趋势。时间范围的选择上提供了三种模式分别为一天内每小时,一周内每天及一年内每月的客流统计变化趋势。这样划分的依据是顾客对商品的需求随时间具有周期性变化规律。①一天内的变化与顾客的作息时间,工作时间等安排密切相关,便于发现每日的客流高峰期,商家可以借此调整员工的工作安排,在高峰期前增加人手。②一周内的变化和顾客的工作周期有关,比如周六周日顾客数量一般会增加。③一年内受到季节和气候等影响,顾客的需求会发生变化。有助于商家调整进货量。

图4.2 客流趋势分析

图4.3 客流属性分析

客流属性上用户选择目标门店后(同样,系统管理员可以查看所有门店的情况,门店管理员只能查看自己门店的),通过饼图展示顾客属性的统计数据,比如年龄段,性别等。随着以后统计数据的增加可以添加其他属性,比如不同商品的购买力。

4.3 客流热点分析

首先通过门店坐标在WEB地图上绘制门店的标记物,然后根据门店客流量绘制热力图,两者结合便可以展示出客流的地域特征。商家可以借此分析哪块区域客流大,可以考虑增设新的门店,哪块区域有潜在的市场。之后可以添加额外功能:点击门店呈现更多门店信息或直接进入门店管理页面。

图4.4 客流热点分析

4.4 顾客信息管理

图4.5 顾客信息管理

查看所有顾客的基本信息,和人脸信息(供门店进行人脸识别)。同时也可以在此完成顾客信息的修改和新顾客的信息录入。其中人脸信息通过上传本地文件完成更新。目前的信息项包含顾客人像、姓名、性别、年龄、是否会员、所在地。

4.5 门店信息管理

门店信息管理的布局类似于顾客信息管理。通过右侧的操作按钮可以编辑门店信息或删除门店。上方的添加门店可以添加新的门店信息。门店信息包含门店名、店长、店长手机号、门店联系电话、门店地址、坐标。

目前计划在当前页面增设一个小地图供显示门店坐标在地图的位置,便于门店的坐标信息的确认,但是受页面大小限制实现方式还在设计中。

图4.6 门店信息管理

因为设备的管理需要先选择目标门店,所以将原本单独开设的设备管理功能调整到门店管理处进入,具体实现还在设计。

参考文献

[1] 张开生,刘泽新,郭碧筱,杨帆.基于CNN公交客流检测系统的设计[J].石河子大学学报(自然科学版),2019,37(05):654-660.

[2] 马黎.大型商业综合体智能客流分析系统与各个智能化子系统的集成应用[J].自动化应用,2019(08):117-118+130.

[3] 周慧娟,张强,刘羽,王旭阳,柳颖.基于YOLO2的地铁进站客流人脸检测方法[J].计算机与现代化,2019(10):76-82.

[4] Shuang Liu, Wenxia Liu, Chenfei Qu, and Chao Long. 2019. Short-term Passenger Flow Forecast of Public Buildings Based on Time Series Analysis. In Proceedings of the 3rd International Conference on Computer Science and Application Engineering (CSAE 2019). Association for Computing Machinery, New York, NY, USA, Article 142, 1–5. DOI:https://doi.org/10.1145/3331453.3361635

[5] 朱二华.基于Vue.js的Web前端应用研究[J].科技与创新,2017(20):119-121.

[6] Thomas Rathfux, Jasmin Thöner, Hermann Kaindl, and Roman Popp. 2018. Combining Design-time Generation of Web-pages with Responsive Design for Improving Low-vision Accessibility. In Proceedings of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS ’18). Association for Computing Machinery, New York, NY, USA, Article 10, 1–7. DOI:https://doi.org/10.1145/3220134.3220141

[7] Zhikun Wang, Changxiu Hu, Jinglei Lin, Zhiyuan Cui, Meng Huang, and Shuai Liu. 2018. Development of a Performance Evaluation System Based on Baidu Map Fixed-point Observation Data. In Proceedings of the 2nd International Conference on Computer Science and Application Engineering (CSAE ’18). Association for Computing Machinery, New York, NY, USA, Article 157, 1–5. DOI:https://doi.org/10.1145/3207677.3278083

[8] 卢健,张倩,左世祥,张晓峰,曾克勤,陈建华.Web地图热力图原理及应用[J].科技创新与应用,2019(35):174-176.

[9] 赵婷,华一新,李响,李翔,杨飞.一种基于Heat Map的地理标签数据可视化表达的研究[J].测绘工程,2016,25(06):28-32.

暖果科技   S_Face  人脸识别SDK
更快·更小·更准

版权说明:本网站图片源于站酷海洛版权图片,已获得使用授权。网站内容未经许可,不得复制、转载及其他商业应用。

Copyright(C) 阳光暖果(北京)科技发展有限公司 版权所有 京ICP备16034894