旅行智能推荐系统可视化的研究.docVIP

旅行智能推荐系统可视化的研究 　　摘 要 数据可视化设计旨在以图形图像的视觉形式一目了然地揭示数据中的复杂信息，并且达到更有效传播的目的。而现有的旅行门户网站大多提供些景点信息和旅行社各种旅行产品的查询等，并没有以可视化形式为个人提供最佳的旅行线路和旅行成本的查询等服务。本文通过旅行智能推荐系统的设计及实现来实现数据可视化的具体应用。 　　关键词 html5 旅行智能推荐系统 数据可视化 　　中图分类号：TP391.41 文献标识码：A 　　一、引言 　　可视化（Visualization）是采用计算机图形学和图形处理技术将数据转换成图形或者图像显示出来的技术。可视化汇集了数据表示、数据处理和决策分析等一系列问题。 　　随着科学技术的不断发展，海量数据的出现加快了数据可视化技术的发展。很多平台提供了实现数据可视化的技术，如Flash 和Silverlight 都提供了相应的绘图技术，包含了SVG 和Canvas 的HTML5 提供了最新的数据可视化技术，而且现在主流浏览器大部分完成了对HTML5 标准的支持，包含IE9、Chrome、FireFox、Safari 等，同时现在智能手机以及平板电脑的浏览器对HTML5 都有很好的支持，这些移动终端的日益普及也使得基于HTML5 的数据可视化跨平台成为了可能。 　　随着人们生活水平的不断提高和精神压力的不断增加，旅游已经成为人们调节心情、释放压力、提高生活质量的重要活动，因此，家庭范围内的自驾游会越来越受到人们的青睐和推崇。 　　现行的旅游门户网站相应的查询服务并没有推出，打包式的旅游产品并不能满足人们各式各样的需求，特别是自驾游的朋友们的需要。因此，提供旅行最优的旅行线路、预测旅行时间和成本等功能的旅行智能推荐系统会不断涌现出来。一来它满足人们个性化的旅行方式，二来它更好地预先安排人们的出行计划，不至于让本来身心愉悦的旅行变成烦人的过场。 　　二、技术的可行性和可用性 　　HTML5 标准是HTML 下一个主要的修订版本，目前仍处于发展阶段。其目标是取代1999 年所制定的HTML 4.01 和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。HTML5实际上指的是包括HTML、CSS 和JavaScript 在内的一套技术组合。 　　（一）HTML5。 　　HTML5 包含了SVG（Scalable Vector Graphics），同时提供了实时二维绘图技术Canvas。本文就基于SVG对数据可视化的实现提出一种可行的方法。 　　（二）基于SVG 的数据驱动可视化工具D3.js。 　　D3（Data-Driven Documents） 是一个基于数据驱动的JavaScript 库，通过使用HTML、SVG 和CSS 操作网页元素，同时提供操作各种复杂数据集的方法。D3 的很多元素操作都基于css 选择器，它可以选择网页元素并在改，删，增上与数据集保持一致。同时D3 还提供了很好的交互的方法，例如动画，事件处理等。D3 做为基于SVG的数据驱动可视化工具，提供了很好的Javascript 库函数用来实现具体的可视化矢量图形，而它的使用只需在HTML 中添加d3.js 的外部引用即可，如d3.selectAll（p）.style（color， white）； // 这条语句简单的实现选择所以HTML 中 　　 并改变字体颜色为白色。 　　三、内容研究与设计 　　现在用HTML4编写的网页已经满足不了不同数据类型的需求。如网页中的音频和视频等内容往往需要安装插件来完成，缺少专门处理的标签，缺少图形和图像的圆角、3D、阴影等特效的快速处理方法。 　　HTML5能够很好地解决上述问题，它在图形图像处理、音频、动画、视频、网页应用、页面布局和开发效率等方面给网页结构带来了巨大的变化。 　　（一）HTML5的表单新特性。 　　HTML5 中的表单部分是对 HTML4 中的表单部分的全面提升，在保持了原有简易用的特点外，还增加了许多新的特性，不仅满足了用户新的需求，而且减少了开发人员的工作量， 提高了开发的效率。 在HTML4 中的标签有 form、 input、textarea、 select 和 option 等等，在用户输入数据后，需要编写脚本进行数据合法性的验证，而且编码复杂，需要用复杂的正则表达式检验用户的输入是否合乎规范。而 HTML5 则提供了新的一系列新的表单元素，这些表单元素增加了数据检查的功能。 　　（二）旅行智能推荐系统的网页设计。 　　1、通过表单实现选择旅游的城市。 　　如何才能更快地查询到旅游的城市，可以使用下拉菜单的方式，从省一级市一级.省级排列顺序按照地区先后，如华北地区