一种应用于游客偏好分析的前端展现方法与流程

文档序号:12720226阅读:287来源:国知局

技术领域

本发明涉及业务模型分析呈现领域,尤其涉及一种应用于游客偏好分析的前端展现方法。



背景技术:

随着移动互联网的发展,html5已经可以一统移动端和桌面的浏览器,甚至制造各种原生应用。基于canvas和svg的数据可视化工具是展示数据分析结果最好的方式。web标准从一开始就被设计地注重安全性,不能操作本地资源;传统的flash是个本地程序,可以自由地调动本地资源,所以可以实现很多需要耗费大量本地资源的效果。HTML5则是从浏览器标准一级,要求浏览器能调用这些本地资源。在功能上,web应用将会越来越像内建应用。

HTML5 canvas有相应的JS库,echarts是一个由百度前端发起的canvas国产类库。这个echarts其实是在canvas类库zrender的基础上做的主题图库,优点有数据驱动,图例丰富,功能强大,支持数据拖拽重计算,数据区域漫游等功能。D3.js是一个开源项目,基于svg标签,可以灵活操作DOM结构,具有强大的图表展示功能,绘制贝塞尔曲线,局部曲率,显著性水平、极坐标等复杂图形时可以展示出准确美观的效果。

基于MVVM模式的前端框架Vue.js相比于传统的js库,可以实现以数据驱动,视图与数据双向绑定,轻量,高效的展示数据分析结果。



技术实现要素:

本发明提出了一种应用于游客偏好分析的前端展现方法。主要是为相关部门开发旅游产品,制定精准营销策略提供数据支撑:通过对客源市场游客偏好进行分析,并最终通过直接、美观的效果展示出来,使相关部门在对客源地游客进行分析时能更加直观。

本发明的前端使用基于canvas的echarts,基于svg的d3.js,基于MVVM的vue.js联合框架。并使用webpack工具进行打包,统一资源管理,实时显示数据分析结果。

本发明的技术方案是:

一种应用于游客偏好分析的前端展现方法,

通过对客源市场游客偏好进行分析,对分析结果进行前端展现;采用基于canvas的echarts、基于svg的d3.js、基于MVVM的vue.js联合框架,根据抓取数据进行处理,建立游客偏好标准,对游客偏好进行分析并最终将分析结果通过直接的页面效果展示出来。

首先运用爬虫技术或爬虫软件对游客游记及自媒体信息进行抓取;之后对抓取的文本信息进行整理、编号;然后运用内容分析法与语义分析法对文本进行分析,并建立文本内容库;运用共现分析、对应分析方法对游客偏好进行分析;最后使用基于canvas的echarts、基于svg的d3.js、基于MVVM的vue.js联合框架,并使用webpack工具进行打包,实时显示分析结果。

主要步骤为:

(1)运用爬虫技术或爬虫软件对互联网游记进行抓取,爬虫能抓取js生成的内容和ajax信息,对抓取的游记进行样本选取,选取信息完整、浏览范围全面、游记内容涉及本地旅游市场、点击率高的文本;

(2)对游记中的文本内容进行校正,剥离无效词汇,将表达意思一致但表述方式不同的词汇进行统一,对表述失误的内容进行校正,并对文本进行编码,以文章的点击率,引用数量,和单词的频率针对词汇和文章列表生成矩阵;

(3)运用内容分析法与语义分析法对文本进行分析,并建立文本内容库,文本内容库从游客的角度按时间维度、社会维度、空间维度、内容维度、心理维度五个维度来划分;

(4)运用共现分析、对应分析方法对游客偏好进行分析;

(5)游客偏好分析的结果运用基于canvas的echarts、基于svg的d3.js、基于MVVM的vue.js联合框架,并使用webpack工具进行打包,实时展示。

本发明的有益效果是

通过对分析结果直接美观的展示出来,使相关部门在对客源地游客进行分析时能更加直观。

附图说明

图1是本发明的业务流程示意图。

具体实施方式

下面对本发明的内容进行更加详细的阐述:

本发明旨在将游客偏好分析结果更直观的呈现出来。本发明游客偏好分析业务分析展现的步骤有:

(1)运用爬虫技术或爬虫软件对互联网游记进行抓取,爬虫能抓取js生成的内容和ajax信息,对抓取的游记进行样本选取,选取信息完整、浏览范围全面、游记内容涉及本地旅游市场、点击率高的文本;

(2)对游记中的文本内容进行校正,剥离无效词汇,将表达意思一致但表述方式不同的词汇进行统一,对表述失误的内容进行校正,并对文本进行编码,以文章的点击率,引用数量,和单词的频率针对词汇和文章列表生成矩阵;

(3)运用内容分析法与语义分析法对文本进行分析,并建立文本内容库,文本内容库从游客的角度按时间维度、社会维度、空间维度、内容维度、心理维度五个维度来划分;

(4)运用共现分析、对应分析方法对游客偏好进行分析;

(5)游客偏好分析的结果运用基于canvas的echarts、基于svg的d3.js、基于MVVM的vue.js联合框架,并使用webpack工具进行打包,实时展示。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1