基于AJAX实现互动实时在线联合购物外文翻译资料

英语原文共 10 页，剩余内容已隐藏，支付完成后下载完整资料

基于AJAX实现互动实时在线联合购物

摘要

在线购物见证了爆炸性的增长：有数以百万计的在线购物者是在线零售的一部分行业价值数亿美元。虽然网购有其自身的优势（如便利，产品评论，价格和选择范围），最近的重点是使用技术来模仿身体中发现的社会互动商场和商店被称为“社交购物”。简单地说，在社交购物者的朋友中就会参与其中在购物体验。社交购物的一个重要方面是特约合作购物团体的“共同购物”形成了一个人可以为一个或多个其他人驱动在线购物体验。这需要一个机制规定多个用户从多个地点进行实时在线购物。例如，家庭偏远地区的会员可以在线同时查看产品，就像他们一起实时购物一样。对此最终我们设计了一个特殊的协同浏览窗口，所有的共同购物者都需要登录。一个用户成为领导和邀请其他人从他的朋友的购物清单。其他用户需要接受此邀请并加入购物。该领导者喜欢的产品通过点击“与选定的朋友分享此产品”按钮启动共同购物。点击该按钮包含产品的URL和所选朋友的ID列表的AJAX请求，转到服务器。服务器接收产品的URL和朋友的ID列表，并以异步方式将此URL推送给所有选定的朋友使用PUSH AJAX技术。这个URL被加载到每个客户端浏览窗口的HTML i Frame中。购物可以使用简单的聊天窗口相互通信。

关键词：AJAX;HTML;JSF;URL

1. 介绍

电子商务和互联网的广泛渗透改变了我们今天的购物方式。 购物者的数量来了在线零售已经达到数亿人，并持续增长。按照中国互联网的报道信息中心2012年，中国在线购物人数达到2.42亿。一样美国的数据在2015年达到2.02亿虽然印度是第二大互联网基地约3.54亿用户截至2015年6月与发达国家相比，电子商务的渗透率较低。但是，那在线购物者数量每月以600万新进入者的速度增长并预计到2016年交叉1亿。网络购物者的数量不仅仅是数亿，而且也是在线零售额达数千亿美元。 例如，在美国的在线支出在周围2014年为3070亿美元而对于中国来说，同样的方案2013年将达3000亿美元左右。印度正在追赶预计电子商务市场年复合增长率（CAGR）将达到63％，2016年达85亿美元。

1.1需求设计

购物是一群社会活动，一群人在此看产品并讨论产品买它讨论和评论使买家在购买产品时更加舒适。同样的意识形态也适用也可以在线购物。然而，到目前为止，还没有一个好的工作，使客户能够执行交互式的真实时间共同购物。所有实施的工作都使用过时的技术，提高性能问题，开放使用Google Maps等API，或在实时情况下无法投放。更多有关共同购物的现有作品在下一页的“相关作品”部分讨论。因此，可以提供在线共同购物的方法需要使网上购物更加真实。可以使用PUSH轻松实现实时在线购物基于AJAX技术。

1.2AJAX技术介绍

HTTP支持从客户端到服务器的单向通信。 它没有提供“服务器推送”如果服务器端发生任何更改，即可立即通知客户端。大多数设计师今天实施客户端轮询的服务器推送，客户端在每个固定的时间间隔内持续轮询服务器最新的服务器数据。然而，这种设计会产生大量不必要的流量，因为客户端反复持续轮询服务器即使没有服务器端更新。

PUSH AJAX提供重量轻，可靠和安全的方式，从客户端异步推送通知服务器。可靠的机制有助于提供通知，容错和高可用性支持。这部分的实现没有应用数据，从而使其安全。因此，实时在线共同购物可以很容易使用PUSH AJAX技术实现。

PUSH AJAX使用一种称为Long Poll的技术来将服务器数据更新到客户端。一旦客户建立了连接，服务器给客户端一个错觉，更多的数据仍然来阻止连接。当数据可用时，服务器通过保持连接发送数据。最后，当共同浏览结束时，服务器关闭连接。这样，从服务器到客户端实现实时通信。

为了在本文中实现AJAX PUSH，使用了ICEpush库和API。 ICEpush提供轻量级异步PUSH AJAX使用长轮询技术，如上所述。 它提供了两个主要的罐子来实现PUSH AJAX - icefaces.jar和icepush.jar。为了使用ICEpush库，需要一个适当的定义框架被关注。ICEpush内部使用将UI小部件与数据源和服务器端相连接的JSF框架事件处理程序。这在实施部分详细讨论。

1.3设计总结

总而言之，网上购物的作品如下：

1. 领导用户邀请他的在线朋友进行联合购物，（不能邀请朋友）
2. 领导者点击“喜欢商品时与朋友分享此产品”按钮，
3. 包含朋友列表的AJAX请求和产品的URL转到服务器，
4. 服务器通过将URL推送到所有朋友的浏览器来处理请求，
5. 服务器使用PUSH AJAX将URL推送到每个客户端的HTML i Frame中，
6. 购物者可以使用聊天窗口相互通信。
7. 相关工作

网络购物中不断增长的电子商务行业吸引了大量弥补差距的作品买家和卖家之间。然而在实现交互式实时方面，已经做了很少的工作共同购物。 2007年，Khoury，Michel，Shenjun Shen，Shirmohammadi，S提出了“A-Peer-to-Peer Collaborative电子商务虚拟环境”但是，它没有实现与a的交互式实时共同购物一群朋友 此外，它还依赖于第三方VRML插件进行对等通信。在2012年，李昊昊李嘉嘉提出“基于视觉相似性的互动产品推荐在线购物”。 然而，这种设计只提供了一种使产品推荐方法互动的机制基于相似性。它缺乏实时购物的实现。

Richard Han，Veronique Perret，Mahmoud Naghshine在2000年提出了一种基于XML分解器的多设备

协作网页浏览 但是，此设计引入了一个代理来操纵请求，创建和维护会话并拆分XML页面。这个代理是一个额外的头。而且，这个设计实现了客户端使用基于Applet的用户界面，这几天很难使用。Applet被批评为Plug-In和JRE要求，他们的启动表现和客户端安全问题。现代浏览器这些天为客户提供服务器界面比使用applet提供的更好。此外，这种方法是基于隐藏的客户端拉技术，并假定从服务器到客户端的通用推送解决方案不存在，这是一个错误的假设。AJAX PUSH是一种技术，可在服务器上提供新的数据时，方便从服务器到客户端的数据推送。

Maria Aneiros，Vladimir Estivill-Castro在2005年提出了一个基于组合历史（GUH）的协作网浏览。在这种设计中，每次用户发送HTTP请求时，代理服务器处理请求并通过它到GUH服务器。然后，GUH服务器将所有这些信息推送到客户端更新的历史记录，并允许用户访问其他人已经积极评价或评论的网站。然而，这种设计增加了两个额外的服务器 - 代理和GUH服务器，从而使设计复杂化。此外，这种设计特定于教育需求进行大量设计更改，以完成协作式在线购物。

K.Maly，M. Zubair和L.Li（2001）提出了一种删除代理服务器并描述一种方法的设计它支持使用Java和Java Script的图形化Web浏览器。 然而，这种设计需要客户端用户拥有JAVA启用的浏览器，并且形成相互独立的冲浪者组，这些浏览器具有相同的体验。此外，这个设计再次使用基于Applet的客户端用户界面，这是过时的。 另外，服务器上的更改是通过Javascript共同指针监视。 监视对方的相对位置以测量其中的变化浏览窗口。这是一个过时的技术，因为有更好的机制来衡量变化浏览窗口。

Alan W. Esenther 2002提供了一个简单的轻量级的基于Web的实时协作网络浏览器。 它的即时通讯系统提供快速，简单和安全的共同浏览方式。它的“非侵入性”方便与现有的网页内容进行协作，无需修改。然而，这个设计引用了一些关键的缺点和限制。每个用户的浏览窗口的像素位置和分辨率需要相同。所以是首选在每个客户端使用相同的浏览器品牌。另外，服务器端的共同浏览窗口逻辑需要放在与在协作会话期间共享的所有网页相同的域。

Jason J. Jung 2011提出了一种基于上下文网格的上下文混搭协同浏览系统上下文网格模型用于比较用户上下文。同时为了更好地了解用户上下文，开放API例如Google Map API，用于通过各种来源获取附加信息。这变得乏味通过各种API比较用户上下文来实现协同浏览的方法，因为生成查询筛选查询结果并确定相关结果将增加成本和复杂性。

Raphael O. Santos，Roberta L. Gomes，Felip F. Oliveira，Magnos Martinello，2011提出了一个大的设计通过开发OCEAN原型来实现轻量级协作式浏览。这个设计达到了以有效的方式考虑性能，响应能力，可扩展性和用户界面的共同浏览。也，这种架构避免了服务器端的瓶颈，利用用户的带宽来推广同步协作经验。然而，这种设计引用了与这种设计的可行性有关的问题由于基础设施不清楚的情况。此外，这种设计不适合在线的动态Web应用程序购物。

许多研究发生在共同浏览领域，但是大多数研究都是基于主从模型，基于代理的模型或基于Javascript的DOM同步模型，它们是过时的或复杂的实现服务器 - 客户端通信的方式。 没有提出支持交互式的模式实时共同浏览，这是浏览器独立，实施简单，重量轻，可以方便的设计实时在线购物要求。

2.1与Flipkart Ping应用程序的比较

印度的电子商务巨头Flipkart最近推出了Ping，它的移动应用程序的一个新功能，允许用户聊天与他们的朋友在购物时，从而开始协作购物体验。Ping允许用户拥有与朋友进行实时对话，以获取有关他们计划购买的产品的反馈，或帮助朋友获得在决定购买什么。使用此功能，用户可以将产品直接拖放到会话中，分享他们的屏幕，与他们的购物车，愿望清单，画廊的朋友分享产品，甚至允许他们拍照。但是，此功能仅限于没有桌面支持的手机。今天，大多数购物者宁愿购物在桌面上更好地了解产品及其细节。桌面上的在线购物为用户提供了广泛的界面查看产品详细信息，其评级和评论，各种零售商的折扣优惠和替代选择手机购物无法给予的产品。此外，这个应用程序需要更改窗口聊天窗口到产品详细信息窗口。因此，Flipkart的Ping只是开始实时的在线协作购物和桌面版共同购物仍然需要。

本文讨论的实现在桌面上实现了在线协作购物。所有产品详细信息和聊天窗口实现在同一个协作窗口中，而不改变窗口需要。使用这种桌面版在线共同购物，用户可以更好地了解产品详情及其评级并评估，各种零售商的折扣优惠和产品的替代选择。

1. 互动实时在线联合购物实施

这种实时的联合购物设计的实现需要一个客户端协作窗口与HTML我的框架和AJAX程序，服务器端PUSH AJAX实现和聊天服务。客户端协作窗口由三个HTML框架组成。第一帧我从服务器加载推送的URL，并提供了条款与朋友分享产品网址。第二帧有规定邀请用户和第三帧有一个简单的聊天窗口。从客户端到服务器的所有通信都是通过AJAX程序进行的。

服务器端PUSH AJAX使用AJAX PUSH API实现。AJAX PUSH授权服务器推送数据从服务器到客户端，并随时更新客户页面的任何部分。AJAX PUSH可以将消息推送到客户组的异步。可以使用AJAX PUSH轻松构建Web的协作多用户应用程序技术。

所有用户登录到共同浏览窗口。登录后，每个用户可以看到包含的用户界面如上所述的两帧。任何一个用户都可以成为领导者，并邀请他启动共同购物朋友。领导者，喜欢产品，点击“与所选朋友分享此产品”按钮。一个AJAX请求去服务器 AJAX请求包含朋友的ID列表，并将产品的URL发送到服务器。服务器通过以异步方式推送每个购物者的HTML框架上的URL来操纵请求使用PUSH AJAX。 购物者可以使用聊天窗口相互通信。 图1显示的概述

事件涉及 详细讨论了每个实现。

3.1客户端窗口和AJAX例程实现

客户端协作窗口由XHTML文档组成。HTML定义为XHTML应用程序，并在所有主要浏览器上都支持。XHTML结合了HTML和XML的优势。我们的客户边XHTML文档基本上由三个HTML i框架组成。第一帧我加载了推送的URL服务器。第二个i Frame有规定邀请用户，“与朋友分享产品网址”按钮和隐藏文本输入。第三个i Frame有一个聊天窗口。

为了实现第一个框架，除了xhtml命名空间之外，Java Server Faces的XML命名空间必须被包含在HTML标签中，如下所示。这是必要的，因为PUSH AJAX将消息从服务器推送到客户端使用Java Server Faces界面。Java Server Faces技术建立了构建服务器端用户的标准接口。JSF提供了一个名为数据表的丰富控件来呈现和格式化html表。 每次服务器推送该URL到这个JSF datatable。JSF datatable提供onchange（）方法来在更新时执行所需的操作从服务器推送数据。此onchange（）方法更新i Frame src并通过实现重新加载iFrameupdatei Frame Src（）方法。

第二个i Frame由一个包含朋友列表的lt;divgt;组成。领导选择一些朋友并点击“邀请所选的朋友”按钮。这样做，包含朋友ID的列表的请求将发送到服务器和所有这些朋友包括在共同购物中。领导者喜欢产品点击“与朋友分享产品网址”按钮。这样做，包含产品URL的请求将发送到服务器。然后服务器将URL推送到每个客户端浏览器。

整个客户端到服务器通信由AJAX例程实现。 AJAX程序是用a写的脚本语言如Javascript / Jquery。领导者，喜欢产品，点击“分享此产品与选定朋友“按钮。 点击此按钮，一个AJAX请求，其中包含了朋友的ID和产品的URL列表，被发送到服务器。

第三个i Fram

剩余内容已隐藏，支付完成后下载完整资料

资料编号：[26502]，资料为PDF文档或Word文档，PDF文档可免费转换为Word