CN102662766B

CN102662766B - 基于Web Element机制的微博与社交网络信息同步系统与方法

Info

Publication number: CN102662766B
Application number: CN201210080562.2A
Authority: CN
Inventors: 乔秀全; 陈俊亮; 李晓峰; 孙福宁
Original assignee: Beijing University of Posts and Telecommunications
Current assignee: Beijing University of Posts and Telecommunications
Priority date: 2012-03-23
Filing date: 2012-03-23
Publication date: 2014-03-26
Anticipated expiration: 2032-03-23
Also published as: CN102662766A

Abstract

一种基于Web Element机制的微博与社交网络信息同步系统与方法，该系统是基于微博与社交网络开放平台的应用程序编程接口API的Web应用，以网页组件(Web Element)机制的新型Web中间件作为功能组件，即封装出具有微博与社交网络信息同步功能的Web Element，再对微博及社交网络的两种开放平台接口进行适配，以网页作为运行载体，实现微博与社交网络的信息同步功能；系统设有四个组成部件：开发人员定制模块、中间件视图模块、功能控制模块和驱动适配模块。该系统的组成结构简单、实用，容易实现；能够将微博与社交网络的信息发布、收集和转发实现同步，这样，有利于减少重复信息、增强用户使用的黏粘性及提升第三方开发人员的敏捷开发效率。

Description

基于Web Element机制的微博与社交网络信息同步系统与方法

技术领域

本发明涉及一种基于Web Element（网页组件）机制的微博与社交网络信息同步系统与方法，确切地说，涉及一种能够将微博及社交网络的开放平台的接口进行适配、以Web Element机制中的新型Web中间件作为基础，将微博与社交网络信息的发布、收集和传播都实现同步的系统及其工作方法，属于互联网的技术领域。

背景技术

微博、即所谓“微型博客（micro-blogging）”是一种非正式的迷你型博客，它是最近新兴起来的一种web2.0表现形式，也是一种可以即时发布消息的类似博客的系统。微博的最大特点是集成化和开放化，在某种程度上，微博是一个信息记录本。微博的许多特点：客户体验的可信度高，传播速度快，传播门槛低，费用几乎可以忽略不计等，使得其近年来得到飞速发展。相比之下，社交网络的用户都是以现实生活中结识的朋友为主所组成圈子相互进行交流，其强调的是真实性。虽然，微博的用户之间可能并不认识，但是，其中任何人的每一条信息都能以广播的形式通知其跟随者和所有其他用户。社交网络则着重于社区集体，重点在于个人信息的展示和交流。

近期，社区网络（如人人网、开心网等）和流行通信软件（如腾讯QQ、MSN等）都陆续地推出了以简短文字为主的状态发布服务或类似功能，该功能可以简单理解为友人圈内的“微博”。有些互联网公司（如腾讯QQ）更是将自身的微博与其QQ空间等产品以微博的方式实现同步。

随着互联网的快速发展，越来越多的Web应用将呈现在人们的面前，人们在享受着互联网提供的耳闻目睹的身心愉悦与享受的同时，也负担着多重互联网角色的扮演。作为处于互联网时代的人，通常都会拥有各类互联网产品的账号或用户名，例如，微博和社交网络的使用账号或用户名，当人们希望获取这些互联网信息的时候，需要分别登录到各自的账号或用户名中，才能完成信息的发布、收集和传播等操作。而在这些微博和社交网络的操作活动中，信息的重复发布、重复收集和重复传播势必经常发生必不可免，其根本原因是用户在不同的互联网产品之间没有能够实现信息的互通和同步，信息的互通和同步主要包括以下三种方式：信息的同步发布、信息的同步收集和信息的同步传播。

信息互通的实现基础是共享资源，因为资源来源于不同的互联网开放平台，而这些平台之间又存在着资源获取的途径或机制不一致的问题。对于第三方开发人员来说，即使拥有了互联网开放资源，还需要执行整合服务、重构和兼容交互接口。针对这个问题，谷歌公司提出了Google Web Element（网页组件）的全新应用模式。Google Web Element是一个门户商店，其中包含的每个Element都是一个基于Google API的功能组件的定制工具。用户可以通过定制得到功能组件及其生成代码，从而获得调用该组件的能力，并且可以将该组件整合到自己的Web应用或网站中，从而成为组件级别的调用者。

鉴于Web Element机制的特性，如何研发一种通过Web Element中的框架IFrame功能扩展来构建一套实现微博与社交网络信息同步的系统，也就是如何将微博与社交网络的开放平台接口相互融合而实现信息同步，以及如何将信息同步功能应用于不同的Web解析脚本，以方便第三方开发人员将微博与社交网络信息同步功能集成于各自网站，就成为业内科技人员非常关注的热门新课题。

发明内容

有鉴于此，本发明的目的是提供一种基于Web Element机制的微博与社区网络信息同步系统与方法。本发明系统与方法是基于社交网络与微博开放平台的API，参照Web Element服务的提供模式，封装出具有微博与社交网络信息同步功能的Web Element，将微博与社交网络信息同步功能以适配器模式封装，并完成不同的微博及社交网络开放平台之间的兼容，从而将微博与社交网络的信息发布、收集和转发实现同步，这样，有利于减少重复信息、增强用户使用的黏粘性及提升第三方开发人员的敏捷开发效率。

为了达到上述目的，本发明提供了一种基于Web Element机制的微博与社交网络信息同步系统，其特征在于：所述系统是基于微博与社交网络开放平台的应用程序编程接口API（Application Programming Interface）的Web应用，以网页组件（Web Element）机制的新型Web中间件作为功能组件，再对微博及社交网络的两种开放平台接口进行适配，以网页作为运行载体，实现微博与社交网络的信息同步功能；所述Web Element是根据第三方用户各自个性化需求或喜好的设置而生成的不同规格的网页组件，并由第三方用户将该生成的组件嵌入到各自的网站或Web系统中，就能以Web Element形式直接调用微博与社交网络信息的同步发布、同步收集和同步转发的功能；该系统设有下述四个组成部件：

开发人员定制模块，以网页形式呈现并用作与用户的交互介面，以供第三方为了将该系统功能集成于各自网站或Web系统中，利用该交互介面输入操作指令定制该系统的功能组件，并将操作指令传递给中间件视图模块；或者将来自中间件视图模块的操作指令反馈信息呈现给用户；

中间件视图模块，用于将第三方用户通过开发人员定制模块输入的操作指令，按照该模块的核心部件、即Web Element中的框架iframe元素服务地址传递给相应的功能控制模块，并将来自功能控制模块的指令操作的反馈信息传送至交互介面；设有指令传递、生成定制代码和结果反馈共三个单元；

功能控制模块，用于完成微博与社交网络用户验证、信息的发布、收集和传播同步功能：接受来自中间件视图模块的操作指令，并根据指令内容传送给相应功能单元，由各功能单元将其重新封装的操作指令传递给驱动适配模块，并从驱动适配模块获得指令操作的反馈信息和将其反馈给中间件视图模块；设有：指令解析，同步发布指令封装、同步收集指令封装、同步转发指令封装和数据过滤排序共五个单元；

驱动适配模块，用于适配和兼容不同的微博与社交网络的开放平台的API能力：接受来自功能控制模块的操作指令，根据指令内容调用微博与社交网络的开放平台API能力，从而实现微博与社交网络信息同步功能，同时，将执行指令的结果反馈给功能控制模块；设有：同步发布适配、同步收集适配、同步转发适配共三个单元。

为了达到上述目的，本发明还提供了一种采用基于Web Element机制的微博与社交网络信息同步系统的工作方法，其特征在于：根据用户定制生成相应的个性化的网页组件Web Element，然后，以Web Element的形式调用微博与社交网络开放平台的API能力，使得微博与社交网络的信息实现同步；所述方法包括下列操作步骤：

（1）开发人员通过该系统网页定制Web Element，即选择其规格、样式及网页背景颜色；当中间件视图模块接收到开发人员输入的定制指令后，直接通过系统交互介面显示其定制的Web Element效果，并生成相应的HTML语言代码，即该定制的Web Element源码；

（2）开发人员复制该定制的Web Element源码后，粘贴或嵌入到各自的网站或Web系统中；再重新启动自己的网站或Web系统，就能够通过网页浏览其定制的Web Element效果；

（3）开发人员在该系统网页或交互介面上定制的Web Element中输入包括用户验证、信息同步发布、信息同步转发和信息同步收集的各种指令，中间件视图模块就会接收用户的输入指令，并将其传递给功能控制模块进行后续处理；

（4）功能控制模块对接收的指令先进行指令的类型解析，再根据指令解析结果，封装新的操作指令后，传递给适配驱动模块；

（5）适配驱动模块获取操作指令后，按照不同指令分别调用微博与社交网络开放平台的包括信息发布、转发和收集的相应API能力，并将该能力调用结果反馈给功能控制模块；

（6）功能控制模块接收到操作指令的执行结果反馈信息后，对反馈结果数据进行过滤和排序；最后将处理后的反馈数据经由中间件视图模块呈现在系统的交互界面，以供用户通过网页浏览到输入指令的操作结果。

本发明基于Web Element机制的微博与社交网络信息同步系统及其工作方法的优点和积极效果是：该系统的组成结构简单、实用，容易实现。其中的驱动适配模块能对不同的微博与社交网络的开放平台API能力进行兼容与适配，为用户方便、快捷地实现了微博内容的同步发布、同步收集和相互转发的功能。功能控制模块对信息的分类，使用户实现了对微博与社交网络信息的有效组织和分类，并避免重复信息，提高所获取信息的价值，增加信息的可阅读性。中间件视图模块保证了第三方开发人员能够安全、稳定地使用本发明系统的各项功能，在不影响第三方开发人员的自身开发网站需求及网页结构的前提下，避免了不同开放平台接口的二次封装，使得开发效率显著提高。本发明系统的功能组件以Web Element形式呈现，为网站管理员和第三方开发人员能够非常便利、快捷地将这些功能组件成功地添加到各自网站或Web系统中。因此，本发明的推广应用前景看好。

附图说明

图1是本发明基于Web Element机制的微博与社交网络信息同步系统结构组成示意图。

图2是本发明基于Web Element机制的微博与社交网络信息同步系统的操作步骤流程图。

图3是本发明信息同步系统的操作步骤（1）中开发人员定制组件的操作流程图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明作进一步的详细描述。

Web Element（网页组件）机制是一种融合Web资源及开放的应用程序编程接口API能力，以HTML编程源码呈现、第三方开发人员能够非常便捷地将其移植、粘贴到自己网站代码中，从而实现融合的Web资源及开放API能力使用的机制。

本发明基于Web Element机制的微博与社交网络信息同步系统是基于微博与社交网络开放平台的API的Web应用，以Web Element机制的新型Web中间件作为功能组件，再对微博及社交网络的两种开放平台接口进行适配，以网页作为运行载体，实现微博与社交网络的信息同步功能。因此，本发明的Web新型中间件Web Element是根据第三方用户各自个性化需求或喜好而设置生成的不同规格的网页组件，并由第三方用户将该生成的Web Element嵌入到各自的网站或Web系统中，就能以Web Element形式直接调用微博与社交网络信息的同步发布、同步收集和同步转发的功能。

下面参见图1，介绍本发明系统的下述四个组成部件：

开发人员定制模块：是以网页形式呈现并与用户交互的介面，以供第三方为了将该系统功能集成于各自网站或Web系统中，利用该介面输入操作指令定制该系统的功能组件，并将操作指令传递给中间件视图模块；或者将来自中间件视图模块的操作指令反馈信息呈现给用户。该模块是以异步的java脚本与xml编程语言（AJAX）和java脚本编程语言（JS）/构成的，设有：响应开发人员选择组件规格事件处理函数、响应组件生成源码事件处理函数、动态JavaScript生成预览函数和动态JavaScript生成组件源码函数。这些函数的功能简介如下：

选择组件规格事件处理函数是根据onchange事件捕获到组件规格发生变化，通过dom信息获取规格选择结果，组件规格表示为组件显示区域的长×宽。

动态JavaScript生成预览函数是根据dom获取规格选择结果后，通过JavaScript中的createElement方法动态生成预览HTML代码，浏览器通过加载该HTML代码，生成界面效果。

响应组件生成源码事件处理函数是根据onclick事件捕获开发人员请求生成组件源码事件，通过dom信息获取预览效果的组件源码。组件源码是一段HTML语言的代码。

动态JavaScript生成组件源码函数是根据dom信息获取预览效果的组件源码，通过JavaScript中的innerHTML方法动态将源码显示在相应的文本域中。由于该模块只是将通过其交互介面接受的用户操作指令传递给中间件模块进行处理，故其自身没有具体的功能单元。

中间件视图模块：作为该系统的交互介面与处理后台的连接桥梁，该模块用于将第三方用户通过开发人员定制模块输入的操作指令，按照该模块的核心部件超文本标记语言HTML中的框架iframe元素服务地址传递给相应的功能控制模块。通过设置iframe元素中的的服务地址和/或数据源src属性，能够动态加载服务，从而将本发明系统的信息同步功能通过Web方式被嵌入到不同编程语言的网站或Web系统中可以实现动态加载服务，从而系统功能通过Web方式被嵌入到不同编程语言的网站或Web系统中；并将来自功能控制模块的指令操作的反馈信息传送至交互介面。设有三个单元：指令传递单元是接受用户操作指令并将指令传递给功能控制模块；生成定制代码单元是根据用户输入的定制组件指令，生成用户个性化定制的Web Element源码；结果反馈是接受功能控制模块的反馈数据并传递给交互界面。

功能控制模块：用于完成微博与社交网络用户验证、信息的发布、收集和传播的同步功能：该模块接受来自中间件视图模块的操作指令，并根据指令内容传送给相应功能单元，由各功能单元将其重新封装的操作指令传递给驱动适配模块，再从驱动适配模块获得指令操作的反馈信息和将其反馈给中间件视图模块。设有下述五个单元：指令解析单元是将其接受的来自中间件视图模块的指令进行解封装和执行包括鉴别指令类型、提取指令参数结构化的解析功能；同步发布指令、同步收集指令和同步转发指令三个封装单元是分别对经由指令解析单元处理后的不同类型指令进行相应不同的封装处理，以便将其分别传递给适配驱动模块中对应的适配功能单元；数据过滤排序单元是从各指令封转单元中获取反馈结果后，对反馈数据执行去除重复、按时间排序、按数据源多样性排序的处理，并将处理后的数据反馈给中间件视图模块。

驱动适配模块：用于适配和兼容不同的微博与社交网络的开放平台的API能力：该模块接受来自功能控制模块的操作指令，根据指令具体内容调用微博与社交网络的开放平台API能力，从而实现微博与社交网络信息同步功能，同时，将执行指令的结果反馈给功能控制模块。设有下述三个单元：同步发布适配单元是接受功能控制模块中的同步发布指令后，调用微博与社交网络开放平台中的信息发布API，实现信息同步发布功能；同步收集适配单元是接受功能控制模块中的同步收集指令后，调用微博与社交网络开放平台中的信息收集API，实现信息同步收集功能；同步转发适配单元是接受功能控制模块中的同步转发指令后，调用微博与社交网络开放平台中的信息收集API，实现信息同步转发功能。

本发明基于Web Element机制的微博与社交网络信息同步系统的工作方法是：根据用户定制生成相应的个性化的网页组件Web Element，然后，以WebElement的形式调用微博与社交网络开放平台的API能力，使得微博与社交网络的信息实现同步。

参见图2，介绍本发明系统的工作方法的下列操作步骤：

步骤1，开发人员通过该系统网页定制Web Element，即选择其规格、样式及网页背景颜色；当中间件视图模块接收到开发人员输入的定制指令后，直接通过系统交互介面显示其定制的Web Element效果，并生成相应的HTML语言代码，即该定制的Web Element源码。

该步骤中，开发人员定制Web Element组件的操作包括下述内容：

（11）第三方用户选择Web Element的规格和样式：第三方开发人员登录该系统的定制页面，在该定制页面上选择网页组件的规格、样式及网页背景颜色，然后将定制指令发送给中间件视图模块；网页组件规格是Web Element的长度与宽度。

（12）预览定制的网页组件：中间件视图模块接收到定制指令后，先解析该系统中框架iframe相应的不同系统的服务地址，待内容加载完毕后，经由网页显示该定制组件的预览效果，以供第三方开发人员通过预览网页组件体验该Web Element的微博与社交网络信息同步系统的功能及展示效果。

（13）生成Web Element代码：第三方开发人员选择与生成预览效果中WebElement组件的HTML代码，并给中间件视图模块发送生成代码指令；中间件视图模块接收该指令，生成与预览效果相应的Web Element的HTML代码，并反馈给第三方开发人员。

（14）使用Web Element代码：第三方开发人员将生成的Web Element的HTML代码粘贴于各自网站或Web系统中，当用户浏览第三方开发人员的网站页面时，就能够使用该Web Element实现微博与社交网络信息同步的功能。

步骤2，开发人员复制该定制的Web Element源码后，粘贴或嵌入到各自的网站或Web系统中；再重新启动自己的网站或Web系统，就能够通过网页浏览其定制的Web Element效果；

步骤3，开发人员在该系统网页或交互介面上定制的Web Element中输入包括用户验证、信息同步发布、信息同步转发和信息同步收集的各种指令，中间件视图模块就会接收用户的输入指令，并将其传递给功能控制模块进行后续处理；

步骤4，功能控制模块对接收的指令先进行指令的类型解析，再根据指令解析结果，封装新的操作指令后，传递给适配驱动模块；

步骤5，适配驱动模块获取操作指令后，按照不同指令分别调用微博与社交网络开放平台的包括信息发布、转发和收集的相应API能力，并将该能力调用结果反馈给功能控制模块；

步骤6，功能控制模块接收到操作指令的执行结果反馈信息后，对反馈结果数据进行过滤（即删除重复信息）和排序，最后将处理后的反馈数据经由中间件视图模块呈现在系统的交互界面，以供用户通过网页浏览到输入指令的操作结果。所谓排序是对来自微博和社交网络开放平台的信息进行相关性、时效性或多样性的排序，其中的相关性排序是根据信息的关键词相似程度进行排序；时效性排序是根据信息的产生时间进行排序；多样性排序是在最后输出结果中融合不同数据源的数据，以避免同一数据源的数据连续出现，保证最终排序结果中相邻两条数据是来自不同的数据源，即微博与社交网络的信息交替呈现。

本发明已经进行了实施试验，试验的结果是成功的，实现了本发明目的。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims

1.一种基于Web Element机制的微博与社交网络信息同步系统，其特征在于：所述系统是基于微博与社交网络开放平台的应用程序编程接口API的Web应用，以网页组件（Web Element）机制的新型Web中间件作为功能组件，再对微博及社交网络的两种开放平台接口进行适配，以网页作为运行载体，实现微博与社交网络的信息同步功能；所述Web Element是根据第三方用户各自个性化需求或喜好的设置而生成的不同规格的网页组件，并由第三方用户将该生成的组件嵌入到各自的网站或Web系统中，就能以Web Element形式直接调用微博与社交网络信息的同步发布、同步收集和同步转发的功能；该系统设有下述四个组成部件：

中间件视图模块，用于将第三方用户通过开发人员定制模块输入的操作指令，按照该模块的核心部件Web Element中的框架iframe元素服务地址传递给相应的功能控制模块，并将来自功能控制模块的指令操作的反馈信息传送至交互介面；设有指令传递、生成定制代码和结果反馈共三个单元；

功能控制模块，用于完成微博与社交网络用户验证、信息的发布、收集和传播同步功能，接受来自中间件视图模块的操作指令，并根据指令内容传送给相应功能单元，由各功能单元将其重新封装的操作指令传递给驱动适配模块，并从驱动适配模块获得指令操作的反馈信息和将其反馈给中间件视图模块；设有：指令解析、同步发布指令封装、同步收集指令封装、同步转发指令封装和数据过滤排序共五个单元；

驱动适配模块，用于适配和兼容不同的微博与社交网络的开放平台的API能力，接受来自功能控制模块的操作指令，根据指令内容调用微博与社交网络的开放平台API能力，从而实现微博与社交网络信息同步功能，同时，将执行指令的结果反馈给功能控制模块；设有：同步发布适配、同步收集适配、同步转发适配共三个单元。

2.根据权利要求1所述的系统，其特征在于：所述开发人员定制模块采用异步的java脚本与xml编程语言（AJAX）和java脚本编程语言（JS）构成的；该模块只是将其通过交互介面接受的用户操作指令传递给中间件模块进行处理，故其自身没有功能单元。

3.根据权利要求1所述的系统，其特征在于：所述中间件视图模块的核心是超文本标记语言HTML中的框架iframe元素，通过设置iframe元素中的服务地址和/或数据源src属性，能够动态加载服务，从而实现微博与社交网络信息通过Web方式被嵌入到不同编程语言的网站或Web系统中：该模块三个单元的功能分别是：指令传递单元是接受用户操作指令并将指令传递给功能控制模块；生成定制代码单元是根据用户输入的定制组件指令，生成用户个性化定制的Web Element源码；结果反馈单元是接受功能控制模块的反馈数据并传递给交互介面。

4.根据权利要求1所述的系统，其特征在于：所述功能控制模块的五个单元的功能分别是：指令解析单元是将其接受的来自中间件视图模块的指令进行解封装和执行包括鉴别指令类型、提取指令参数结构化的解析功能；同步发布指令封装单元，同步收集指令封装单元和同步转发指令封装单元是分别对经由指令解析单元处理后的不同类型指令进行相应不同的封装处理，以便将其分别传递给适配驱动模块中对应的适配功能单元；数据过滤排序单元是从各指令封转单元中获取反馈结果后，对反馈数据执行去除重复、按时间排序、按数据源多样性排序的处理，并将处理后的数据反馈给中间件视图模块。

5.根据权利要求1所述的系统，其特征在于：所述驱动适配模块的三个单元的功能分别是：同步发布适配单元是接受功能控制模块中的同步发布指令后，调用微博与社交网络开放平台中的信息发布API，实现信息同步发布功能；同步收集适配单元是接受功能控制模块中的同步收集指令后，调用微博与社交网络开放平台中的信息收集API，实现信息同步收集功能；同步转发适配单元是接受功能控制模块中的同步转发指令后，调用微博与社交网络开放平台中的信息收集API，实现信息同步转发功能。

6.一种采用基于Web Element机制的微博与社交网络信息同步系统的工作方法，其特征在于：根据用户定制生成相应的个性化的网页组件Web Element，然后，以Web Element的形式调用微博与社交网络开放平台的API能力，使得微博与社交网络的信息实现同步；所述方法包括下列操作步骤：

7.根据权利要求6所述的方法，其特征在于：所述步骤（1）中，开发人员定制Web Element组件的操作包括下述内容：

（11）第三方用户选择Web Element的规格和样式：第三方开发人员登录该系统的定制页面，在该定制页面上选择网页组件的规格、样式及网页背景颜色，然后将定制指令发送给中间件视图模块；所述网页组件规格是Web Element的长度与宽度；

（12）预览定制的网页组件：中间件视图模块接收到定制指令后，先解析该系统中框架iframe相应的不同服务地址，待内容加载完毕后，经由网页显示该定制组件的预览效果，以供第三方开发人员通过预览网页组件体验该WebElement的微博与社交网络信息同步系统的功能及展示效果；

（13）生成Web Element代码：第三方开发人员选择与生成预览效果中WebElement组件的HTML代码，并给中间件视图模块发送生成代码指令；中间件视图模块接收该指令，生成与预览效果相应的Web Element的HTML代码，并反馈给第三方开发人员；

8.根据权利要求6所述的方法，其特征在于：所述过滤是删除重复信息，所述排序是对来自微博和社交网络开放平台的信息进行相关性、时效性或多样性的排序，其中的相关性排序是根据信息的关键词相似程度进行排序，所述时效性排序是根据信息的产生时间进行排序，所述多样性排序是在最后输出结果中融合不同数据源的数据，以避免同一数据源的数据连续出现，保证最终排序结果中相邻两条数据是来自不同的数据源，即微博与社交网络的信息交替呈现。