用于动态页面内容管理的布局的制作方法

用于动态页面内容管理的布局的制作方法
【专利摘要】经由客户端设备发送针对内容的请求。客户端设备与服务器内容提供方协商关于内容的布局，所述内容的布局使用描述针对内容的布局偏好的动态地可配置的内容布局简档。当从服务器内容提供方接收到内容时，根据动态地可配置的内容布局简档显示内容。服务器可以根据简档来格式化内容，并将经格式化的内容经由网络发送给客户端设备。设备的用户可以动态地修改简档，以指定不同的布局并接收经重新格式化的内容。
【专利说明】用于动态页面内容管理的布局

【背景技术】
[0001] 网站和网络应用以由网站或网络应用的开发者选择的方式来提供内容的布局。客 户端浏览器可以允许用户静态地配置针对内容显示的偏好，以及一些网站允许用户定制针 对它们的特定服务的视图环境。
[0002] 针对客户端的大部分页面布局方案是由级联样式表（CSS)来管理的。CSS是一 种主要用于描述用标记语言（比如超文本标记语言（HTML)、可扩展的超文本标记语言 (XHTML)、可扩展的标记语言（XML)、可缩放的矢量图（SVG)和XML用户界面语言（XUL))编 写的文档的样式和格式的样式表语言。CSS被设计为主要将文档内容（用HTML或类似的标 记语言编写的）从文档展示分离出来，包括比如布局、颜色和字体等元素。为了管理页面的 布局，需要CSS的复杂的手动编码。
[0003] -些编码（比如JavaScript)可以用于检查客户端屏幕尺寸和分辨率。然后可以 管理针对所述客户端的内容传送，以适当地显示在客户端屏幕上。

【专利附图】

【附图说明】
[0004] 图1是根据示例性实施例示出在客户端设备和远程服务器之间的交互的方框结 构示意图。
[0005] 图2是根据示例性实施例示出支持在客户端侧的动态定制的方法的操作流的流 程图。
[0006] 图3是根据示例性实施例示出支持在服务器侧的动态定制的方法的操作流的流 程图。
[0007] 图4是根据示例性实施例的具有各种选择的参数的示例性定制简档。
[0008] 图5A和5B根据示例性实施例示出了以肖像格式和以用户指定的格式示出的示例 性内容页的两个版本。
[0009] 图6根据示例性实施例示出了在定制之前和页面被定制之后的示例性页面。
[0010] 图7是根据各个实施例用于实现在设备或服务侧的方法的计算机系统的框图。

【具体实施方式】
[0011] 在下面的描述中，对于形成本文中的一部分的附图进行引用，以及其中通过说明 的方式示出了可以实践的特定实施例。以足够详细的方式描写这些实施例，以使本领域的 技术人员能够实践本发明，以及要理解的是可以使用其它实施例，以及可以在不背离本发 明的范围的前提下进行结构的、逻辑的和电的修改。因此，下面的示例性实施例的描述不被 狭义地采用，而是本发明的范围是由所附权利要求来定义的。
[0012] 在一个实施例中，本文中描述的功能或算法可以在软件中或软件和人工实现过程 的组合中实现。软件可以由计算机可读介质（比如存储器或其它类型的存储设备）上存储 的计算机可执行指令组成。此外，这样的功能对应于模块，其可以是软件、硬件、固件或它们 的任意组合。可以根据需要在一个或多个模块中执行多种功能，以及描述的实施例仅仅是 例子。软件可以在数字信号处理器、ASIC、微处理器或在计算机系统（比如个人计算机、月艮 务器或其它计算机系统）上操作的其它类型处理器上执行。
[0013] 客户端协商可以用于在客户端设备上提供动态可配置内容布局。除了先前提供的 静态信息（比如用户代理媒体类型和用户代理语言）之外，还可以在客户端-服务器协商 期间向服务器提供包括媒体位置、音频、图形、屏幕分辨率、方位的动态信息和其它信息。该 动态信息可以由服务器用于对要服务的页面的布局进行格式化。在一个实施例中，客户端 侧CSS和布局偏好包括在协商中，允许开发者建立允许用户在实时基础上跨越多个设备来 动态地定制网络页面布局的web应用。
[0014] 图1是示出了客户端设备110和远程服务器115之间的交互的示例性方框架构示 意图100。在各个实施例中，客户端设备110和服务器115经由无线网络120 (比如互联网） 或其它适当网络来进行通信。在一个实施例中，无线设备110包括处理单元和存储器122、 通信组件124和耦合到内部通信总线128的照相机处理单元126。显示器130、平台传感器 集线器132和安全执行环境134也耦合到总线128。
[0015] 处理单元和存储器122包含具有一个或多个类型的存储器（比如随机存取存储 器、只读存储器、静态随机存取存储器和根据需要的其它存储器）的中央处理单元。平台传 感器集线器132可以耦合到多个不同的传感器，比如接近度传感器、用于感测设备110的方 位的惯性传感器、压力传感器、用于感测周围光线的光敏传感器、全球定位传感器（GPS)等 等。在一个实施例中，平台传感器集线器132可以提供代表用户在如何使用设备的动作向 量，包括设备的方位、用户的导航技巧、用户能够处理的信息的粒度等等。
[0016] 安全执行环境134提供单独的或主机独立性和干预防护、安全计算和存储环境。 其可以用于运行敏感的应用（app或者application)而且除非需要，否则无需对设备的其 它组件可见。
[0017] 移动操作系统（0S) 136位于上述硬件组件的上面，以及提供用于支持网络应用 (web application或web app) 138的操作代码。示出了网络应用示例性界面140,以及所 述网络应用示例性界面140显示了一些可由设备用户来选择的用于定制内容布局的图标。 用户界面提供创建描述内容偏好的简档的能力，所述内容偏好可以包括但并不仅限于文本 142、图形144和多媒体146。这些可选择图标可以用于向上拉出对指定内容偏好的模板。 内容的用户定制包括布局148、形式和交互150和显示度量152。
[0018] 用户定制允许用户指定很多不同偏好。示例包括用于指示偏好视频在页尾、将文 本放置在页面的开头附近的能力。其他人可能希望先看到图片，紧接着是文本。又一些其 他人可能偏好首先看到高亮快捷视频。一些人可能希望有快捷键对内容进行放大。在进一 步的实施例中，比如在智能手机上，可以在多个屏幕之间滚动，以及用户可以指定这些屏幕 中的哪一个应该包含不同形式的内容以及以什么格式。对于带宽有限的设备，用户可以指 示不应该自动加载并播放视频，而是将其绑定到一个用于选择是否播放它们的图标上。
[0019] 在各个实施例中，创建具有这些偏好的用户简档。其可以存储在设备上，或其它联 网的存储设备上（有时称为云存储），因为其可以从网络上的任何经授权的设备可见。当 用户选择网站或应用时，服务器可以获取简档，并使用它来定制布局以及向用户设备提供 内容。用户可以具有对应于用户使用设备的不同方式（比如针对浏览、工作、游戏等等）的 多个定制简档，以及还可以具有针对用户使用的不同设备的不同定制简档。设备还可以有 对应于设备的不同用户的不同简档。存储在远程云服务器的存储器中的布局偏好和简档可 以应用于多个设备和它们对应的用户。因此，每个定制简档都是经由对应于用户ID的标识 符、模式和设备信息可访问的。
[0020] 图2是示出了支持客户端侧的动态定制的方法200的操作流的流程图。当用户在 使用设备时，方法200从210处开始。如果如215处指示的，没有启用定制，则过程停止于 217处，以及内容被传送给如由服务器或静态客户端配置所控制的设备。在一些实施例中， 服务提供方可以要求用户可能被迫要同意的某些策略或许可限制。在这样的状况中，比如 在消费者同意以指定的格式或形式接收内容的情况下，可以通知用户由于对许可条目和条 件的同意该定制无法启用。如果启用了定制，在220处经由界面140向用户提供当前静态 简档配置，以及由用户更新简档。替代地，在向用户提供界面140之前，在215处根据现有 的简档来传送内容。在一些实施例中，界面140可以是用户在查看内容时可选择的。
[0021] 定制用户界面140向用户提供当前的简档配置，以及基于设备度量和用户偏好 (包括屏幕尺寸、分辨率、多任务、刷新速率等）来提供用于配置网络应用的选项。基于用户 选择的选项，创建新的简档或更新现有的简档。虽然简档本身是静态的，但是用户可以通过 改变布局和其它度量来实时地动态定制简档。在一个实施例中，这是通过以下方式来完成： 扩展超文本标记语言版本5 (HTML5)以提供用户偏好，作为对远程网络服务器的输入，从而 服务器能够相应地定制布局。截至递交本申请的日期，HTML5还是处于开发中并且是改进 对最新的多媒体的支持同时保持由人们易于进行的可读性的语言的第五个版本。HTML5的 很多特征与移动设备兼容。应用编程接口已经整合到HTML5中。
[0022] 在225处，对于每个新的内容或布局变化，或者基于用户定制请求，向服务器提供 针对网页或应用的定制参数。在230处，询问用户新的定制是否是可接受的。如果是，在 235处继续相同的布局和格式，并且方法继续处理在225处的变化。如果在230处，新的定 制是不可接受的，则可以在240处基于用户在查看的新内容来获取新的定制。然后，方法返 回到225,在此继续处理变化。
[0023] 图3是示出了支持服务器侧的动态定制的方法300的操作流的流程图。方法300 开始于305处。在310处，在与客户端进行协商期间，服务器判断是否启用了定制。如果没 有，则动态定制方法300停止于315处，以及如前所述，将内容传送给设备，而不进行动态定 制。在一些实施例中，服务提供方可能由于如上文所描述的许可约束或其它原因而不允许 定制。如果在310处启用了定制，则基于来自定制简档的静态配置参数，提供初始的经定制 的内容。可以基于协商从设备获取定制简档，或者可以在服务器处提供标识符，以从替代的 位置（比如云端）获取定制简档。
[0024] 在325处，针对每个新的定制请求，网络应用分组被格式化，以根据来自定制简档 的配置参数来进行。如果如在330处所确定的，新的定制对于用户是可接受的，则在335处 按照所定制的来提供内容，以及方法返回325,以等待进一步的请求。如果定制对于用户是 不可接受的，针对在340处，可以基于由用户动态提供的新的定制配置参数来执行重新定 制。然后，方法在325处继续进行。
[0025] 在一个实施例中，扩展针对用户布局偏好的客户端协商的万维网联盟（W3C)超文 本传输协议（HTTP)协议，以促进动态的内容配置和布局。还扩展了针对客户端浏览器的 CSS。客户端侧CSS可以用于对内容进行格式化，以使得媒体、图形、文字和其它内容的布局 可以基于用户偏好以及相对于设备方位和显示属性来动态地放置。在一些实施例中，客户 端侧CSS可以与设备一起传送。用户还可以通过选择样本内容来配置CSS。在一个实施例 中，客户端浏览器侧CSS独立于服务器侧CSS来工作，以及不考虑由服务器提供的内容格 式。内容将以客户端侧强制的布局来显示。
[0026] 图4是具有各个选择的参数的示例性定制简档400。在简档400中，用户可能在使 用较慢的智能手机，比如具有2G通信能力的手机。用户在打开应用或导航到网页时不想开 始视频。因此多媒体与在410处的参数相关联，该参数指示服务器提供图标，以使得如果用 户需要则启用视频的显示。视频将不会开始进行加载，直到该图标被选择为止。这减少了 初始将加载的内容的量，使得内容较快地显示出来。
[0027] 另外，如415处所指示的，用户可能想要先显示具有较大的易于阅读的字体的文 本，这样就不需要阅读放大镜。图形也可能减慢内容在较慢的设备中的显示，所以在420 处，用户已经指示了与自动加载图形或视频相对的、用于启用需要的图形或视频的显示的 图标。最后，如425处所指示的，设备的方位是动态的，因此感测到的方位也将被提供给服 务器，以使服务器能够相应地对内容进行格式化。用户还可以指定是否需要固定的方位。在 各个实施例中，每个参数可以由用户来动态地修改。
[0028] 图5A和5B示出了在页面510处以肖像模式显示的以及在页面515处以用户指定 的格式显示的示例性内容页面的两个版本。在这一示例中，内容页面是示例性主页。为了 简单，页面510显示表示为线条画（stick figure)的图片。页面510针对设备和屏幕使用 基于CSS的页面布局，以及可以在风景模式或肖像模式中显示。风景页面或肖像页面是针 对在智能手机上的主页在移动版本。在页面510的风景版本和肖像版本中，用户被迫滚动 网页，以阅读新闻或文本内容，即使这些是内容的移动版本。
[0029] 页面515显示了当用户具有用于指定用户对接收"新闻摘要"感兴趣的选项时，具 有作为用户可以根据需要进行放大的"缩略图"的图片的重新格式化的主页。页面510是 根据用户偏好来重新格式化的，显示相同的主页，但是具有针对图片的缩略图。布局变化以 显示较小的具有显示的文章的文本的缩略图片。
[0030] 在页面515上示出了重新格式化按钮520,允许用户调用图1所示的定制界面 140。使用界面140,用户可以基于设备方位和显示能力，在文本、图形、多媒体等方面指定一 个或多个用户偏好。
[0031] 经由界面140,用户可以配置浏览器设置，其可以在客户端协商下在HTTP1. 1协议 报头中交换。基于页面布局设置，网络服务器将服务/动态地改变页面布局或使用客户端 接收到的参数来重新配置CSS，以改变页面布局。
[0032] 在HTTP客户端协商期间，针对特定页面的客户端请求还可以包括客户端请求的 由用户在网络浏览器中预先配置的页面。所请求的页面布局可以用以下方式来配置：用户 能够选择如每一用户配置的选项显示的主体、左、右边距文本、视频、图片。根据所请求的页 面布局配置来进行重新格式化，可以针对每一网站来完成，或者针对由网络服务器提供的 所有页面以通用方式来完成，或以需求为基础来完成。为了通用地完成，可以命令网络服务 器使用客户端针对网页所指定的显示/屏幕布局。
[0033] 图6在605处示出了定制之前的示例性页面，以及在610处示出了页面已经被定 制之后的示例性页面。页面包含文本和图片，其显示了内容可以如何被配置为使用CSS区 域从在页面上的一个区域移动到另一个区域。在区域A中显示了图片，而文章的文本从区 域1成功地移动到了区域2、3和4,在区域1中以不同的样式开始。CSS区域提供用于将内 容流关联到区域集合的能力，以及使内容在区域之间线状化。落在不同区域的内容可以遵 循称为区域样式的额外样式。首行还可以遵循不同的样式，由：：首行伪元件选择器来定 义。
[0034] 针对页面605的CSS伪代码可以如下编写：

【权利要求】
1. 一种机器可读存储设备，其上存储有用于使特定编程的机器实现重新格式化内容的 方法的指令，所述方法包括： 经由网络从客户端设备接收针对内容的请求； 经由所述网络与所述客户端设备协商关于所述内容的布局，所述内容的布局使用描述 针对内容的布局偏好的动态地可配置的内容布局简档； 根据所述动态地可配置的布局简档来重新格式化所述内容；以及 经由所述网络将经格式化的内容发送给所述客户端设备。
2. 如权利要求1所述的机器可读存储设备，以及还包括从远程存储设备取回所述动态 地可配置的内容布局简档。
3. 如权利要求1或2所述的机器可读存储设备，其中，所述动态地可配置的内容布局简 档描述至少包括文本、图形和多媒体内容的布局偏好，以及其中，所述布局偏好至少包括尺 寸、旋转、位置偏好以及视频和图形加载偏好。
4. 如权利要求1或2所述的机器可读存储设备，其中，所述简档使用标记语言描述布局 偏好。
5. 如权利要求4所述的机器可读存储设备，其中，所述标记语言是超文本标记语言。
6. 如权利要求5所述的机器可读存储设备，其中，所述超文本标记语言包括扩展的超 文本标记语言版本5。
7. 如权利要求1或2所述的机器可读存储设备，其中，所述方法还包括： 接收经动态修改的简档； 基于接收到的经修改的简档来重新格式化所述内容；以及 经由所述网络将经重新格式化的内容发送给所述客户端设备。
8. -种用于重新格式化内容以发送给客户端设备的系统，所述系统包括： 接收机，所述接收机经由网络从所述客户端设备接收针对内容的请求； 协商器模块，所述协商器模块经由所述网络与所述客户端设备协商关于所述内容的布 局，所述内容的布局使用描述针对内容的布局偏好的动态地可配置的内容布局简档； 格式化器，所述格式化器根据所述动态地可配置的布局简档来格式化所述内容；以及 发射机，所述发射机经由所述网络将经格式化的内容发送给所述客户端设备。
9. 如权利要求8所述的系统，其中，所述接收机被配置为从远程存储设备取回所述动 态地可配置的内容布局简档。
10. 如权利要求8所述的系统，其中，所述动态地可配置的内容布局简档描述至少包括 文本、图形和多媒体内容的布局偏好，以及其中，所述布局偏好至少包括尺寸、旋转、位置偏 好以及视频和图形加载偏好。
11. 如权利要求8所述的系统，其中： 所述接收机被配置为接收经动态修改的简档； 所述格式化器被配置为基于经修改的简档来重新格式化所述内容；以及 所述发射机被配置为经由所述网络将经重新格式化的内容发送给所述客户端设备。
12. 如权利要求1或2所述的系统，其中，所述简档使用标记语言描述布局偏好。
13. 如权利要求12所述的系统，其中，所述标记语言是超文本标记语言。
14. 如权利要求13所述的系统，其中，所述超文本标记语言包括扩展的超文本标记语 言版本5。
15. -种用于重新格式化内容的方法，所述方法包括： 经由网络从客户端设备接收针对内容的请求； 经由所述网络与所述客户端设备协商关于所述内容的布局，所述内容的布局使用描述 针对内容的布局偏好的动态地可配置的内容布局简档； 根据所述动态地可配置的布局简档来格式化所述内容；以及 经由所述网络将经格式化的内容发送给所述客户端设备。
16. 如权利要求15所述的方法，以及还包括从远程存储设备取回所述动态地可配置的 内容布局简档。
17. 如权利要求15或16所述的方法，其中，所述动态地可配置的内容布局简档描述至 少包括文本、图形和多媒体内容的布局偏好，以及其中，所述布局偏好至少包括尺寸、旋转、 位置偏好以及视频和图形加载偏好。
18. 如权利要求17所述的方法，其中，所述简档使用标记语言描述布局偏好。
19. 如权利要求4所述的方法，其中，所述标记语言是超文本标记语言的扩展版本。
20. 如权利要求9或10所述的方法，还包括： 接收经动态修改的简档； 基于接收到的经修改的简档来重新格式化所述内容；以及 经由所述网络将经重新格式化的内容发送给所述客户端设备。
21. -种用于重新格式化内容的方法，所述方法包括： 经由客户端设备发送针对内容的请求； 与服务器内容提供方协商关于所述内容的布局，所述内容的布局使用描述针对内容的 布局偏好的动态地可配置的内容布局简档； 从所述服务器内容提供方接收内容；以及 根据所述动态地可配置的内容布局简档来显示接收到的内容。
22. 如权利要求21所述的方法，其中，所述接收到的内容是完全根据所述动态地可配 置的内容布局简档来布局的。
23. 如权利要求21或22所述的方法，其中，所述动态地可配置的内容布局简档是存储 在所述客户端设备上的。
24. 如权利要求21或22所述的方法，其中，所述动态地可配置的内容布局简档存储在 距离所述客户端设备远程的存储装置上，以及在与所述服务器内容提供方的所述协商期间 由所述客户端设备引用。
25. 如权利要求24所述的方法，其中，所述存储装置包括针对至少一个设备和所述至 少一个设备的至少一个相对应的用户的简档。
26. 如权利要求21或22所述的方法，其中，所述动态地可配置的内容布局简档描述了 针对至少文本、图形和多媒体内容的布局偏好。
27. 如权利要求26所述的方法，其中，所述布局偏好至少包括尺寸、位置和旋转偏好。
28. 如权利要求26所述的方法，其中，所述布局偏好包括视频或图形加载偏好。
29. 如权利要求26所述的方法，其中，所述布局偏好包括感测到的客户端设备方位。
30. 如权利要求26所述的方法，其中，所述简档使用标记语言描述布局偏好。
31. 如权利要求30所述的方法，其中，所述标记语言是超文本标记语言。
32. 如权利要求31所述的方法，其中，所述超文本标记语言包括扩展的超文本标记语 言版本5。
33. 如权利要求13或14所述的方法，还包括： 向用户提供界面，以促进在显示内容时改变布局偏好；以及 基于所改变的布局偏好来更新所述内容的显示。
34. 如权利要求33所述的方法，其中，针对选择的内容的布局偏好是在安全执行环境 中处理的。
35. -种机器可读存储设备，其上存储有用于使特定编程的机器实现重新格式化内容 的方法的指令，所述方法包括： 经由客户端设备发送针对内容的请求； 与服务器内容提供方协商关于所述内容的布局，所述内容的布局使用描述针对内容的 布局偏好的动态地可配置的内容布局简档； 从所述服务器内容提供方接收内容；以及 根据所述动态地可配置的内容布局简档来显示接收到的内容。
36. 如权利要求35所述的机器可读存储设备，其中，所述接收到的内容是完全根据所 述动态地可配置的内容布局简档来布局的。
37. 如权利要求35或36所述的机器可读存储设备，其中，所述动态地可配置的内容布 局简档是存储在所述客户端设备上的。
38. 如权利要求35或36所述的机器可读存储设备，其中，所述动态地可配置的内容布 局简档存储在距离所述客户端设备远程的存储装置上，以及在与所述服务器内容提供方的 所述协商期间由所述客户端设备引用。
39. 如权利要求38所述的机器可读存储设备，其中，所述存储装置包括针对至少一个 设备和所述至少一个设备的至少一个相对应的用户的简档。
40. 如权利要求35或36所述的机器可读存储设备，其中，所述动态地可配置的内容布 局简档描述了针对至少文本、图形和多媒体内容的布局偏好。
41. 如权利要求40所述的机器可读存储设备，其中，所述布局偏好至少包括尺寸、位置 和旋转偏好。
42. 如权利要求40所述的机器可读存储设备，其中，所述布局偏好包括视频或图形加 载偏好。
43. 如权利要求40所述的机器可读存储设备，其中，所述布局偏好包括感测到的客户 端设备方位。
44. 如权利要求35或36所述的机器可读存储设备，其中，所述简档使用扩展的超文本 标记语言描述布局偏好。
45. 如权利要求35或36所述的机器可读存储设备，还包括： 向用户提供界面，以促进在显示内容时改变布局偏好；以及 基于所改变的布局偏好来更新所述内容的显示。
46. 如权利要求35或36所述的机器可读存储设备，其中，针对选择的内容的布局偏好 是在安全执行环境中处理的。
【文档编号】G06Q50/10GK104094306SQ201180075955
【公开日】2014年10月8日 申请日期:2011年12月28日 优先权日:2011年12月28日
【发明者】R·普尔纳沙德朗, G·普拉卡什 申请人:英特尔公司