折叠式内容可关联的浏览器设计与实现

颜菲（上海师范大学天华学院，上海　201815）



折叠式内容可关联的浏览器设计与实现

颜菲
（上海师范大学天华学院，上海201815）

摘要：为了满足不同用户浏览网页的特定需求，解决传统浏览器可移植性差、效率较低的问题，设计并实现一种折叠式内容可关联的浏览器。给出折叠式内容可关联浏览器的总体结构，通过网络模块获取用户所需的网页资源，利用关联规则挖掘算法对某一特定信息进行进一步的搜索，使用户得到更多的关联信息。通过解析模块对得到的资源进行解析，将解析的结果发送至显示模块中，显示模块利用解析模块发送来的显示对象，调用GUI，引入柔性折叠算法进行显示排版，使用户在较小的屏幕空间中可流畅地浏览一些大规格信息，通过用户接口模块响应用户的遥控操作。仿真实验结果表明所设计的浏览器不仅具有很高的搜索效率，而且所占内存较低，能够很好地满足用户的使用需求。

关键词：折叠式内容可关联浏览器；网络模块；网页资源；GUI

0　引　言

随着Internet的迅猛发展，网络已经成为人们工作、生活中不可缺少的一部分[1⁃2]。在Internet中，人们需要快速地获取所需的信息资源，因此，设计一种高效的，可关联性强的浏览器具有重要意义，已经成为相关学者研究的重点课题，受到越来越广泛的关注[3⁃5]。

目前，常用的浏览器主要有嵌入式浏览器、WAP浏览器和3G浏览器，相关研究也取得了一定的成果，其中，文献[6]设计了一种3G浏览器，在Linux上驱动了3G（3rd⁃Generation）模块，利用拨号上网使浏览器终端无线上网，通过GraphicsView框架与QtWebKit引擎模块功能，实现浏览器的设计，但该浏览器存在效率低的弊端；文献[7]设计了一种基于分层结构的可移植WAP浏览器，根据嵌入式系统的特点，通过分层对浏览器进行设计，并给出WAP浏览器的系统结构、分析、布局及显示，但该浏览器响应时间极高，无法满足用户的需求。

1　折叠式内容可关联的浏览器设计与实现

1.1折叠式内容可关联浏览器总体设计

浏览器软件被安装于计算机系统中，是用户浏览信息的一种主要方式。浏览器采用HTTP协议，向服务器申请获取资源，对其进行一定的操作后，将结果显示于设备中。

从模块分类的角度分析，本文设计的折叠式内容可关联浏览器主要由网络模块、解析模块、显示模块及用户接口模块构成，如图1所示为本文设计浏览器之间的关系。

1.2网络模块

网络模块通过HTTP协议在对应的服务器中获取所需的网页资源，利用关联规则挖掘算法对某一特定信息进行进一步的搜索，使用户得到更多的关联信息，再通过解析模块对得到的资源进行解析，详细结构见图2。

图2　网络模块结构图

关联规则挖掘算法是网络模块的关键，下面进行详细地分析。

1.3数据解析模块

网络模块通过关联规则挖掘算法得到用户请求的网络资源后，即调用解析模块，其主要用于对HTML文本进行解析，将解析的结果发送至显示模块中，该模块的详细实现流程见图3。

图3　数据解析模块实现流程

1.4显示模块

显示模块主要负责通过解析模块发送来的显示对象，调用GUI，引入柔性折叠算法进行显示排版，显示模块详细结构见图4。

曲面柔性折叠算法主要为了使用户在较小的屏幕空间中可流畅地浏览一些大规格信息，是显示模块的关键，该算法和现实生活中从上到下悬挂的折叠式打印纸在重力作用下的折叠过程很像，如图5所示。

图4　显示模块详细结构

图5　曲线的均匀折叠

分析图5可以看出，纸中最下面的部分首先被折叠，渐渐向上蔓延，直至最上面的部分被拉直至力学平衡。依据该过程，本文首先依据显示区域的尺寸及曲面的实际长度获取所需折叠的数量；再将曲面下半部分以一定的长度折叠为很多折，使其可以以很小的体积在所显示视图中保存下来，用户可通过折叠的厚度对整个曲面的长度进行确定。

对曲面的柔性折叠过程为：

（1）根据实际应用中打印纸的折叠过程和柔性原则，求出可均匀折叠的数量。

（2）依据对应折子对临时坐标的起始位置进行偏移即可求出各顶点的坐标。其程序代码如下所示：

1.5用户接口模块

用户接口模块主要用于响应用户的遥控操作，如果用户点击新的页面，则调用网络模块，如果用户推出浏览器，则结束浏览器线程，该模块的硬件结构见图6。

2　仿真实验分析

为了验证本文设计的折叠式内容可关联的浏览器的有效性，需要进行相关的实验分析。实现将嵌入式浏览器作为对比进行分析。

对本文浏览器和嵌入式浏览器的速度与占用内存大小进行比较，得到的结果见表1。

图6　用户接口模块硬件结构

表1　浏览器性能测试结果

分析表1可以看出，本文浏览器浏览网页的响应速度明显高于嵌入式浏览器，而且本文浏览器占用内存也少于嵌入式浏览器，本文浏览器不仅能够实现浏览器的基本功能，而且性能较高，验证了本文浏览器的有效性。

为了进一步测试本文浏览器的性能，分别采用本文浏览器和嵌入式浏览器对不同搜索范围的第一次搜索任务完成时间进行对比，得到的结果见图7。

图7　两种浏览器搜索时间比较

分析图7可以看出，在搜索页数较少的情况下，本文浏览器和嵌入式浏览器的搜索速度相差不大，但随着浏览页数的逐渐增加，本文浏览器搜索速度与嵌入式浏览器搜索速度之间的差距越来越大，进一步验证了本文浏览器的高性能。

在此共邀请了20人参加主观评定测试，对本文浏览器和嵌入式浏览器的用户体验进行对比。被邀请的20人均有个人电脑浏览器使用经验。体验评级总分为5分，5分为操控简单，体验良好；4分为操控难度和体验均一般；3分为操控稍复杂，勉强可以接受；2分为操控复杂，稍微讨厌；1分为操控太麻烦，无法接受。两种浏览器的评分结果见表2。

表2　两种浏览器平均分比较结果

分析表2可以看出，本文浏览器每一项功能的平均得分均高于嵌入式浏览器，用户评价较高，具有更好的操控体验。

3　结　论

本文设计并实现一种折叠式内容可关联的浏览器，给出折叠式内容可关联浏览器的总体结构，通过网络模块获取用户所需的网页资源，利用关联规则挖掘算法对某一特定信息进行进一步的搜索，使用户得到更多的关联信息。通过解析模块对得到的资源进行解析，将解析的结果发送至显示模块中，显示模块利用解析模块发送来的显示对象，调用GUI，引入柔性折叠算法进行显示排版，使用户在较小的屏幕空间中可流畅的浏览一些大规格信息。通过用户接口模块响应用户的遥控操作。仿真实验结果表明，所设计的浏览器不仅具有很高的搜索效率，而且所占内存较低，能够很好的满足用户的使用需求。

参考文献

[1]李世国，靳文奎，孙辛欣.智能手机浏览器信息架构设计研究[J].包装工程，2013，34（6）：45⁃49.

[2]张明达，庄建勇.一种基于Web浏览器的文件共享系统设计与实现[J].无线互联科技，2014（11）：37.

[3]曹家庆，肖慧萍.基于安卓平台的手机图片浏览器的设计[J].信息通信，2014（8）：77⁃78.

[4]余启洋，桑楠，郭文生.嵌入式浏览器JavaScript引擎的研究与设计[J].计算机应用与软件，2014（5）：251⁃255.

[5]冯嘉彬.原型驱动的设计方法：欧朋浏览器8.0的设计分享[J].程序员，2013（7）：84⁃86.

[6]唐成戬，雷航，郭文生.嵌入式浏览器软硬件混合渲染层的研究与设计[J].计算机应用，2013，33（5）：1456⁃1458.

[7]崔尧，李建军，丛芳，等.一种基于浏览器/服务器结构的综合康复信息系统的设计与初步实现[J].中国康复理论与实践，2015（1）：114⁃116.

Design and implementation of folding content⁃associated browser

YAN Fei

（Tianhua College，Shanhai Normal University，Shanghai 201815，China）

Abstract：in order to meet the specific needs of different users to browse the web page，solve poor portability and low effi⁃ciency of traditional browser，a collapsible content⁃associated browser was designed and realized. The general structure of the folding content⁃associated browser is given in this paper. Web resources are obtained through network module. According to user′s requirements，and with the association rule mining algorithm，users can get more related information by further search of par⁃ticular information. The resources is parsed by parsing module. The parsing results are sent to the display module. The display module utilizes display object sent by the parsing module to call GUI and introduce the flexible folding algorithm to display lay⁃out，which can make the users browse mass information fluently in smaller screen space. The remote control operation of users is responded through a user interface module. The simulation experimental results show that the designed browser not only has the very high search efficiency，but also occupies low memory. Therefore，it can well meet the application demand of the users.

Keywords：folding content⁃associated browser；network module；web page resource；GUI

中图分类号：TN915⁃34；TP929

文献标识码：A

文章编号：1004⁃373X（2016）10⁃0069⁃04

doi：10.16652/j.issn.1004⁃373x.2016.10.018

收稿日期：2015⁃10⁃16

基金项目：上海市民办高校重点（重大内涵建设）科研项目：天华学院艺术设计类专业创新创业人才培养模式研究与实践（Z99001.12.003）

作者简介：颜菲（1984—），女，山东东营人，讲师，硕士。主要研究方向为数字媒体、艺术设计和界面设计。