CN101331473A - 操纵网页的方法 - Google Patents

操纵网页的方法 Download PDF

Info

Publication number
CN101331473A
CN101331473A CNA2006800463492A CN200680046349A CN101331473A CN 101331473 A CN101331473 A CN 101331473A CN A2006800463492 A CNA2006800463492 A CN A2006800463492A CN 200680046349 A CN200680046349 A CN 200680046349A CN 101331473 A CN101331473 A CN 101331473A
Authority
CN
China
Prior art keywords
webpage
zone
image
conversion
presents
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CNA2006800463492A
Other languages
English (en)
Other versions
CN101331473B (zh
Inventor
廖钟福
尼克·墨菲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
ZiiLabs Inc Ltd
Original Assignee
3DLabs Inc Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 3DLabs Inc Ltd filed Critical 3DLabs Inc Ltd
Publication of CN101331473A publication Critical patent/CN101331473A/zh
Application granted granted Critical
Publication of CN101331473B publication Critical patent/CN101331473B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/151—Transformation
    • G06F40/154—Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/04—Context-preserving transformations, e.g. by using an importance map
    • G06T3/047—Fisheye or wide-angle transformations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/18—Image warping, e.g. rearranging pixels individually
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/0002—Inspection of images, e.g. flaw detection
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/30—Subject of image; Context of image processing
    • G06T2207/30176—Document

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Quality & Reliability (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Image Processing (AREA)

Abstract

提供了一种过滤网页或其它计算机文件的方法。对网页进行分析并将其分割成多个区域或区段。选择这些区域中的至少一个用于显示。对所选择的区域进行操纵以增强网页的优选区域的可视性。在一个实施例中，操纵包括根据所选择的数学转换来呈现页面图像。

Description

操纵网页的方法
相关申请
本申请要求在2005年11月7日提交申请的、题为“Graphical UserInterface for Portable Devices”的美国临时申请No.60/597,534和2006年4月10日提交申请的、题为“Methods for Manipulating Web Pages”的美国临时申请No.60/744,593的优先权，这些申请的说明书通过引用而全部结合于此。
技术领域
本发明涉及显示网页。更具体而言，本发明涉及用于修改网页的显示的方法。
背景技术
用户频繁地访问包含文本、图形和图像的文件。例如，因特网用户使用浏览器来频繁地访问网页。浏览器程序一般解释对图像和文本进行编码的标记语言，并以用户可读形式来呈现信息。遗憾的是，观看体验极大地受到源素材的格式化信息的支配。虽然一些浏览器允许用户进行微小的改变，例如文本字体的大小或背景颜色，但是源素材的创建者极大地支配了向用户的呈现。需要的是一种用于观看来自网页的文本和图像以及其它基于计算机的文件的改进型方法。
由于注重便携性，所以便携设备的显示器通常非常有限。一些便携数字娱乐设备可以用于承载音乐、照片、视频、电子书籍、和其它类型的媒体。越来越多地，便携设备正在被用于访问因特网。为了作为有用的便携设备，它们必须很小，而这又限制了它们可以使用的屏幕的大小。屏幕通常用于配置该设备，并且最重要的是使得用户可以与设备进行交互，例如，选择要观看或收听的下一项目。虽然屏幕大小有限，但是设备的存储量持续增加。典型的设备可以存储数千首歌曲，这使得很难找到特定的一首且很耗时。
此外，诸如PDA和蜂窝电话之类的便携设备上的显示器越来越多地用于访问各种类型的文件，例如文本和图像文件。例如，有时候需要用在音频播放器配置中的便携电子设备来访问关于定音乐曲目或曲目集合的细节。这种信息可以包括关于艺术家、曲目或集合的文本以及与它们相关联的图像。近来，蜂窝电话已经设置有浏览器，用于访问呈现文本和图像的因特网页面(网页)。但是，便携设备上的显示屏幕一次仅能够处理和向用户呈现有限量的文本、图像、和图形信息，一般远远小于从网页可得的量。
需要的是访问网页和其它文本和图像文件以呈现给用户的改进型方法。
发明内容
为了实现上述目的，本发明提供了以更加用户友好的配置来呈现网页的方法。
根据一个实施例，过滤方法被提供用于分析、操纵、和向用户呈现来自网页的源素材或者其它计算机文件。诸如网页之类的计算机文件被检索。利用图像处理技术来分析页面，以识别至少一个相干区域或区段。多个相干区段中的各个被映射到网页的相应计算机代码区段。选择多个区段中的至少一个以用于刷新网页。随后在显示屏幕上刷新网页，以提供原始页面的经过过滤或重新格式化后的表示。
根据另一个实施例，提供了修改网页的呈现的方法。经过渲染的图像呈现源自网页的诸如HTML(超文本标记语言)之类的标记语言代码。使用图像处理技术，经过渲染的图像呈现被分割成多个区段。这多个区段中的至少一个被选择用于经过刷新的图像，并且所述网页被使用所选择的部分来刷新。
在一个实施例中，显示器提供用以访问设备的存储器中的媒体项目的列表，或者源自网页的所识别区域的列表、文本、或图像。对显示的增强对在焦点区域(即，最小失真区域)中的项目提供了比出现在所显示的列表或区域的上下文区域中的项目或细节更高的可视性。在一个变形例中，列表或区域被投射到椭圆或刻面表面(faceted surface)上。在又一个实施例中，最小失真区被定位为偏离经过刷新的区段的中心线，以在某个方向上偏移失真。在又一个实施例中，失真区是动态的，根据滚动方向或滚动速度向上或向下滚动。
以下将参考附图来描述本发明的这些和其它特征和优点。
附图说明
图1是图示出根据本发明一个实施例的过滤网页的方法的示图。
图2是图示出根据本发明一个实施例的过滤网页的方法的示图的流程图。
图3是图示出根据本发明一个实施例的完整网页和将页面分割成条带的示图。
图4A和4B是图示出根据本发明一个实施例的放大后的条带的滚动的示图。
图5A和5B是图示出根据本发明一个实施例通过数学函数来进行的转换的示图。
图6A和6B是图示出根据本发明一个实施例通过数学函数来进行的转换的示图。
图7A和7B图示了根据本发明一个实施例的另一种转换技术。
图8是图示出传统滚动列表的示图。
图9是图示出传统显示屏幕、观察者、和平面列表的侧视图的示图。
图10是图示出根据本发明一个实施例的显示屏幕、观察者、和圆形列表的侧视图的示图。
图11A和11B是分别图示出根据本发明一个实施例的平面列表和弯曲列表的示图。
图12是图示出根据本发明一个实施例的观察者、显示屏幕、和椭圆列表的侧视图的示图。
图13是图示出根据本发明一个实施例的观察者、显示屏幕、和具有变化了的偏心度的椭圆列表的侧视图的示图。
图14是图示出根据本发明一个实施例的观察者、显示屏幕、和具有刻面的列表的侧视图的示图。
图15是图示出根据本发明一个实施例的观察者、显示屏幕、和具有三个刻面的列表的侧视图的示图。
图16是图示出根据本发明一个实施例的观察者、显示屏幕、和经过旋转的椭圆列表的侧视图的示图。
图17是图示出根据本发明一个实施例的观察者、显示屏幕、和大小增大了的椭圆列表的侧视图的示图。
图18是图示出根据本发明一个实施例的分割和增强网页的方法的流程图。
具体实施方式
现在将详细地参考本发明的优选实施例。在附图中图示了优选实施例的示例。虽然将结合这些优选实施例来描述本发明，但是应当了解，并不旨在将本发明限制于这些优选实施例。相反，旨在覆盖包括在所附权利要求所限定的本发明的精神和范围内的替代体、修改体、和等同物。在以下的描述中，阐述了许多具体细节以提供对本发明的彻底理解。在没有这些具体细节中的一些或全部的情况下也可以实施本发明。在其它情况下，为了不必要地模糊本发明，而没有详细地描述公知的机构。
这里，应当注意，在各幅图中相似的标号指示相似的部分。这里所图示并描述的各幅图被用于图示本发明的各个特征。就特定特征在一幅图中且没有在另一幅图中图示的情况而言，除非另有说明或者结构固有地禁止并入该特征，则应当理解为那些特征可以适于包括在其它附图所呈现的实施例中，就好像它们在那些附图中被完整地图示一样。除非另有说明，附图不一定成比例。附图所提供的任何尺寸并不意图对本发明的范围进行限制，而仅仅是示意性的。
本发明提供了用于过滤网页、电子文本文档、或其它计算机文件以呈现给用户的方法和系统。根据第一实施例，web浏览器或其它经适当配置的软件应用程序检索要观看的网页，并对其进行过滤以向用户提供定制观看体验。即，包含标记语言的网页被接收、被分析以识别区段(segment)，并进行刷新(redraw)，从而增强至少一个区段，其中，标记语言描述了诸如文本、图像和图形之类的各种对象的布局。
图1是图示出根据本发明一个实施例的过滤网页的方法的示图。首先，网页被下载并优选地高速缓存在设备中。更一般而言，浏览器102检索可能包含文本和图形或图像两者的计算机文件。优选地，所述文件是HTML或其它标记语言文件，例如可以经由网络作为网页来访问。在整篇说明书中，出于例示的目的，标记语言代码将被描述成HTML。但是，该示例并不意图进行限制。本发明各个实施例的范围意图包括毫无限制地使用任何形式的标记语言代码或其它用于网页的描述语言。例如，手持式设备已经利用它们自身的诸如HDML(手持式设备标记语言)和WML(无线标记语言)之类的标记语言，并且这里所描述的方法可以适当地用于用那些语言进行编码的页面。
作为初始步骤，浏览器优选地作为完整网页104来存储网页以用于进一步处理。接下来，浏览器对与完整网页相对应的html代码进行翻译或渲染(render)，以生成网页的图像。然后，对网页执行分析106以识别相干区域(coherent region)，并且优选地识别那些区域的边界。更详细地，所述分析将优选地将网页分割成该网页中的相干区域108的集合107。
接下来，生成适当的控制信号(109)，用于指示浏览器刷新一个或多个所识别的区域(区段)。为了刷新网页，在所识别的图像区段和用于所述网页的相应HTML代码之间进行关联。这使得浏览器可以逐个区域地对重格式化命令作出响应。最后一个步骤的结果是浏览器向与系统相关联的显示屏幕提供至少一个经过刷新的区域110。这样，以更加适合用户或显示屏幕的限制的方式来向用户呈现经过刷新的区域。例如，显示屏幕可以设置在便携电子设备上，因而大小有限。对于小型显示屏幕，可能很难或者无法在一个显示屏幕上呈现完整的网页。在一种情形中经过刷新的显示屏幕例如可以局限于仅仅一个所识别的相干区域，因而能够以易读文本来显示与该区域相关联的内容。在其它情形中，多个区域或区段可以在经过刷新的显示屏幕上仍然以易读大小的文本但没有关联图像地呈现。在又一个实施例中，具有用户所感兴趣的内容的多个区域被呈现，而具有用户不怎么感兴趣或者不感兴趣的内容的区域被过滤出去，即，不被显示。应当了解，这些是可能应用的示例，并且并不希望对本发明的范围进行限制。
图2是图示出根据本发明一个实施例的过滤网页的方法的细节的流程图。首先，检索完整的网页202并将其存储(高速缓存)在合适的存储缓冲器中。然后，对所缓存的网页进行分析。优选地，对网页的分析包括应用图像处理技术，以分割根据网页标记语言来生成的经过渲染的图像。
在一个实施例中，网页被分割或“划分”成条带以用于本地设备操纵。如块204所图示的，可以将网页划分成垂直(204A)、正方(204B、204C)和/或水平条带(204D)。优选地，使用图像处理技术来分析来自缓冲器的“绘制”(drawn)页面，即，高速缓存的页面中的经过渲染的图像。优选地对所存储的图像执行图像分析技术。此时无需显示与目的网页相对应的(即，来自未经改变的HTML代码的)图像。虽然本发明的范围将不局限于对绘制页面的分析，但是对绘制页面的分析较之其它分割技术是优选的。网页描述一般是未组织的。即，在图像被绘制之前，结构并不清楚。设计者通常使用标准视觉方法来对页面上的项目进行分组。因此，优选的分析技术使用标准视觉方法来识别网页中的相干区域。并非限制性的，本发明的范围意图包括：通过共同的背景颜色、文本块、文本标题的使用、边界来识别区域，并识别图像。
接下来，用户优选地选择一个或多个所识别的区域。对显示屏幕(例如，出现在个人计算机或手持式设备的显示器上的显示屏幕)进行选择的方法是相关领域技术人员所公知的，因而这里将不提供完整的细节。并不意图进行限制，用户可以交互地识别感兴趣的区域，或者由系统处理器来自动地选择并过滤所感兴趣的区域。在前一种情况下，用户可以用鼠标和光标、其它用户输入设备、或者任何适当的手持式设备替代体来点击所需区域。
大多数网页具有可以剥离的“付费广告”。因此，处理器可以被配置为自动地识别广告并将它们清除，以使得它们不在经过过滤(刷新)的显示屏幕上出现。例如，付费广告在网页中的位置通常一致，特别地与单个网页提供商相关联。这种信息可以用于分析来自该提供商的不同网页。对于另一个示例，付费广告通常出现在网页的顶部，并且在某种程度上包括图像和关键字或符号(例如，“$”)。
在其它实施例中，自动过滤可以包含用户原先所提供的并且或许用户有权进行更新的用户偏好。例如，用户通过在呈现给个人计算机或其它电子设备的用户的用户界面屏幕中进行选择可以指示其偏好。这样的偏好在父母对小孩的观看习惯的控制方面可预期是特别有用的。例如，系统可以被配置为从经过刷新的网页中过滤“成人”、暴力、或其它讨厌的文本或图像。
在另一个实施例中，处理器被配置为自动地识别用户的网页使用习惯。即，处理器被配置为根据经过刷新的显示屏幕中的选择用于进一步观看的网页区域的特征、或者例如在那些网页中的那些区域的位置来识别用户偏好或典型的感兴趣区域。相反，处理器可以被配置为“学习”用户一般丢弃的区域的特征或位置。因此，可以以手动模式或者基于在识别对先前所访问的网站的偏好方面的用户历史、针对用户所提供的偏好对网页进行定制。
根据另一个实施例，可以基于用户对站点的访问频率来应用设计模版或页面主题。例如，频繁访问的站点可以被解释成推荐站点，并且在经过刷新的页面中可得的内容将被指定为比不经常访问的站点更加广泛(例如，包括更多区域)。
在对区域的分析和选择完成之后，发生对一个或多个所选择区域的操纵206。可以利用用于操纵(增强)所选择区域的各种技术，包括但并不限于放大211、转换212、滚动213、和漂浮(floating)214。在一个实施例中，针对经过刷新的显示屏幕的区域选择和对那些区域的呈现都适合以增加可视项目的数目同时保持它们的可视性或易读性的方式。在其它实施例中，选择和操纵技术适合与用户偏好更一致地、与对增加所选择项目的易读性的考虑相独立地或相结合地呈现经过刷新的显示屏幕。
可以对各个所选择的条带(例如，204A、204B、204C和204D中的任一个或全部)进行放大以增加它们的可视性。例如，当像在图1中一样选择单个区域时，浏览器可以对所选择的区域进行放大以使得其充满屏幕大小。在其它情况下，例如，当2个或更多个区域被选择时，它们的放大取决于可用屏幕空间的共享布局。可以对区域应用多个操纵。例如，可以应用放大211和滚动213两者。虽然没有限制于所描述的应用，但是这种技术在小型设备屏幕上可预期特别有用。例如，在一个实施例中，各个条带被放大并且还设置有滚动速度，以使得该条带内的“菜单”在小型设备屏幕上自动滚动。
可以通过其它数学函数来转换212所选择的区域或条带。例如，如图5A所示，条带或区段可以球面化。当应用于地图时，这种转换可预期对用户特别有用，例如，在图像的“焦点”区域和上下文区域之间提供平衡。
漂浮214是这样的技术，通过该技术，信息可以出现在网页的不同区域上，并且可以根据用户输入而移动。这对于“菜单”项目而言可预期是特别有用的，“菜单”项目例如是允许用户超链接到其它HTML文件(网页)的列表。“其它”操纵技术215包括应用阴影或其它效果。阴影可以使得页面看起来像三维物体(例如，显示在地球仪上的地图)，并帮助用户区分处于显示器的中央的焦点信息和被提供用于帮助用户了解所显示的信息关于整个(例如，原始)网页的位置的外围信息。即，阴影以及其它转换和操纵技术预期将通过在页面的“上下文”中的信息布置向用户提供帮助。
最后，经过过滤的网页或文件被刷新208。
一般而言，可以被定义为具有无限形状和大小的各种条带可以附有静止或移动的时间元素。还可以对这些条带应用各种数学函数以用于不同的呈现。
对所存储的网页进行过滤提供了更好的可读性并且更容易访问，所述过滤允许用户从经过刷新(经过过滤)的页面中删除特定区段。通常，网页上的菜单位于左侧，当一个人阅读文章时，他/她将页面向下滚动。在足够大的显示器上，用鼠标来移动到位于左侧的菜单是很容易的，但是在具有小型LCD的小型设备上，这不仅仅是挑战。如果菜单可以作为独立的条带来容易地调用并独立滚动，则这将向用户提供更快的响应和更好的导航。本实施例对于所有大小的显示器而言都很有用。另外，对习惯便携设备用户界面的用户而言将很有效，所述便携设备用户界面包含用于访问便携设备的功能的菜单或列表。例如，PDA(便携数字助理)、便携媒体播放器、和其它手持式设备一般在它们的菜单功能中集成了全屏列表。过滤可以用于移除不想要的区段。大多数网页都具有可以根据本发明的实施例的技术来“剥离”的“付费广告”。
图3是图示出根据本发明一个实施例的完整网页和页面分割成多个区域或条带的示图。如图3A所示，呈现了具有多个“区域”302、304、和306的完整网页300。通过使用本发明的技术，这些区域可以独立地被呈现并经历如图2所示的适当的操纵技术。图3B图示出了经过放大以增强其可视性的区域302。图3C图示出了菜单304的放大，又是具有增强的可视性。图3D图示出了经过放大以增强其可视性的区域306。应当注意，图3C所示的的新闻菜单304事实上是链接列表。例如，在一些浏览器中，使用输入设备在列表项目上移动光标将显示出链接的URL。点击该链接致使浏览器访问与该链接相关联的文件(网页)。
滚动是适用于在经过刷新的显示器上呈现的任何区域或者甚至是整个经过过滤的显示屏幕的一种操纵技术。图4图示出了根据本发明实施例的滚动操纵技术。图4A图示出了例如进行滚动以适应便携电子设备中的有限屏幕高度的菜单304。优选地，可以选择时间参数并将其与条带相关联以使得可以作为移动的或静止的条带来感知条带。图4A示出了静态条带。条带的不同部分可以通过适当的用户输入变得可视。例如，用户可以滚动鼠标上的滚轮以致使条带上的内容向上或向下移动。在动态模式下，用户可以从针对条带的自动移动的诸如弹出菜单之类的菜单中选择速度。在后一个实施例中，系统被配置为使得条带的内容连续轮换以变为对用户可视。图4B图示了表示区域302的水平条带302b。如图所示，仅仅完整条带302的一部分可视。可以通过滚轮、方向键(向上、向下、向左和/或向右滚动)、或相关领域技术人员所公知的其它合适的用户输入设备手动地访问完整内容。或者，可以按由用户偏好或者条带内将要显示的素材类型或者两者确定的速度来自动地进行滚动。例如，包含项目列表的菜单可以被设置为比诸如新闻文章之类的用于阅读的文本块更快地滚动。
根据本发明的实施例也可以对所选择区域的经过渲染的图像进行增强以用于呈现给用户。
图5A和5B是图示出根据本发明一个实施例的通过数学函数来进行的转换的示图。图5A图示出了区域306所表示的内容的球面化转换306c。该转换技术很像放大镜的效果，其中，经由针对页面一部分的典型放大镜再现而有改进。该转换在概念上等同于拿起与屏幕平行的平面网页，在其后放置一球体并且通过该球体向用户眼睛方向推动页面。页面的中央被扭曲且被有效放大而背景保持平面。这种描述是例示性的而非限制性的，例如，垂直轴之一可以大于其它垂直轴，以容纳非正方形状的所选择区域或条带，如图5A所示。在这种情况下，放大后的经转换部分不是真正的球面，而是扁圆球面。
图5B图示了相同的转换对地图的应用。由于所选择的参数，页面的中央与边缘相比没有很多的放大，但是你看起来却更大，这是因为映射到球体边缘的部分被压缩了。这种转换具有这样的优点：可以容易地阅读中央，充分地阅读边缘，但是中间部分(即，接近球体的边缘)却并非如此。这与普通的放大镜不同，这是因为效果包括平面的一些部分的压缩外加其它部分的放大。因而避免了由放大镜边缘处的突然截断导致的视觉伪像(例如，内容丢失)。
在另一个实施例中，用户可选择的半径和偏移参数提供了显示屏幕呈现的变化。将半径设置为较小值同时具有较大的偏移量(即，将球体推挤页面很多)提供了非常锐利(steep)的边。大半径加上小偏移量提供了柔和的边和较小的压缩。如果使边变得太过锐利，则页面一部分的可视性可能会受损害。在一个实施例中，选择偏移量的适中设置以避免在球体与表示页面或地图的其余部分的平面之间的突然接合处的球体边缘附近产生的“锯齿”伪像。
图6A和6B是图示出根据本发明一个实施例的通过数学函数来进行的转换的示图。图6A图示出了一种转换，其中，页面600的外围604被压缩，而页面图像的中央部分602处于正常大小或被放大。图6B图示出了这样的页面600，其中，为了图示清楚起见，在没有图像和文本的情况下识别出中央部分602和外围604。这种转换技术提供了例如适合阅读的可视且易读的区域602。其还提供了经过压缩且不容易阅读的外围区域。但是，外围区域602提供了一些上下文以帮助用户识别他处于网页内的哪里。优选地，给予用户手动滚动控制，以在垂直和水平方向上滚动页面。虽然这里针对滚动整个网页来图示，但是滚动技术描述(即，上下和左右两者)同样适用于在本说明书中早先描述的条带或区域。
图7A和7B图示了根据本发明一个实施例的另一个转换技术。图7A图示了应用于便携设备上的网页以相对于外围区域放大页面区域的数学转换。便携设备700包括显示屏幕702和用户输入设备704，该用户输入设备704允许用户左右和上下地滚动所显示的页面部分。本发明的范围意图应用任何转换，所述转换包括但并不限于以下这些：模仿页面的中央部分从页面突出或者陷入页面。示例性的非限制性的实施例包括应用凸出转换和凹入转换。图7B还图示了阴影效果以模仿所示出的页面为三维的。
这些操纵和转换技术希望是例示性的而非限制性的。优选地，逐个区域地执行操纵技术。即，利用任何操纵技术来修改第一区域，并且利用任何可用的操纵技术来修改第二区域。这为用户提供了更大的可视性选择。
图18是图示出根据本发明一个实施例的分割和增强网页的方法的流程图。处理从操作1802开始。接下来，在操作1804对网页进行检索、存储和渲染。这里，与网页相对应的计算机代码的内容被翻译以准备与标记语言或者用网页标识的其它计算机代码相对应的图像。
接下来，在操作1806中，优选地通过图像处理技术来分析与网页的计算机代码相对应的所渲染图像，以识别相干区域。即，图像分析将生成与网页相对应的相干区域的集合。接下来，在操作1808中，各个所识别区域被与刷新该区域所需的相应标记语言代码相关联。应当了解，将原始网页标记语言(例如，HTML代码)与各个所识别区域相关联在所有实施例中都并不是必须的。即，可以在不求助于HTML代码的情况下识别、操纵(以某种方式来增强)和刷新与所识别的区域相对应的图像。但是，将代码与所识别的区域相关联将提供几个优点，这些优点包括在文本和图像的呈现时允许互动链接到其它网页和更多的选项。例如，在几个实施例中，可以对文本进行重新格式化以适合较窄的窗口，从而避免用户的左右滚动。为了呈现定制网页，在操作1810中，选择将要刷新的至少一个区域。将要刷新的区域的选择可以是在其自身中的过滤形式。例如，经过分析以识别相干区域的页面可能得到10个分立的区域。在完整大小的屏幕可用的情况下，如果那些区域中的一个或多个被视为不需要，则或许可以选择那些区域中的8或9个以用于在经过刷新的显示器上呈现。在较小的显示屏幕的情况下，区域的选择由于大小限制和可视性权衡而将等于或接近于单个区域或最少量的区域。因此，在应用中，可以通过对区域的可视性的要求来启动选择，并且在其它方面过滤讨厌的素材。
接下来，在操作1812中，所选择的一个或多个区域被增强。增强可以采取各种形式，这些形式包括但不限于：相对于相邻区域重新定位所识别的区域，操纵区域的大小(例如，放大或缩小)，针对与所识别的区域相关联的内容来实现时间元素(例如，滚动)，以及对区域进行重整形。可以应用于所识别区域的增强的具体非限制性的示例包括垂直方向上的手动滚动、水平方向上的手动滚动、垂直和水平两个方向上的手动滚动、垂直方向上的自动滚动、水平方向上的自动滚动，对区域进行放大、缩小、组合放大和缩小，使用非线性转换将区域隔离成焦点和上下文区域，对区域应用球面化，以及对一个或多个区域中的文本和图形应用新的色彩模板。当多个区域被选择用于经过刷新的显示时，优选地对不同的区域独立地应用增强。即，例如，可以滚动一个区域，而对另一个区域进行放大，同时将修改又一个区域的形状。
接下来，在操作1814中，优选地通过被配置用于翻译或渲染经过增强的标记语言的浏览器来刷新所识别的区域。在优选实施例中，与所选择的增强区域相对应的标记语言被修改，从而允许使用标准浏览器。通过这种方式，使得网页既适合用户的兴趣又适合显示网页的设备的限制。处理在操作1816处结束。
以下实施例描述了便携设备，该便携设备被配置用于增强网页，并增强控制菜单、媒体内容、以及与设备的非网页功能相关的其它列表的显示。一般而言，在以下实施例中，描述涉及增大便携数字娱乐设备的有效屏幕区域以使得可以在有限大小的显示屏幕上观看项目列表中的更多项目的方法。应当了解，这些增强技术不仅对增强控制菜单和来自便携播放器媒体库的媒体项目列表的呈现很有用，而且还对增强从网页选择的区域或区段很有效。因此，本发明的实施例通过对网页的所识别相干区域执行以下所述的转换来增强所识别相干区段的呈现。出于例示目的，以下实施例中的列表一般地描述内容项目。这些将不应被解释成将本发明的范围限制于媒体内容项目。本发明的范围包括所有类型的列表和图像，而没有限制。换而言之，以下描述的增强技术还适用来自网页的文本行、链接(超链接)列表、图形、和图像，而不希望将本发明的范围限制于所枚举的项目。
在一个实施例中，显示器提供了访问设备存储器中的媒体项目的列表、或者得自网页的所识别区域的列表、文本、或图像。对显示器的增强对焦点区域(即，最小失真区域)中的项目提供了比出现在所显示的列表或区域的上下文区域中的项目或细节更高的可视性。在一个变形例中，列表或区域被投射到椭圆或刻面表面上。在又一个实施例中，最小失真区被定位成偏离阅读器的中心线以在某个方向上偏移失真。在又一个实施例中，失真区是动态的，根据滚动方向或滚动速度来向上或向下滚动。在又一个实施例中，至少一个所识别区域的增强包括改变由刻面表面模仿的椭圆度或曲率以匹配用户手动滚动的速度或者自动滚动速度。
在一个实施例中，提供了以增加可视项目的数目同时保持它们的可视性的方式、在屏幕上显示项目列表的装置。虽然项目列表可能很长，但是在任何时间仅仅列表的一部分在屏幕上可视。如果列表被想象成位于一张在一窗口之后拉开的平面纸上，参见图8，则通过窗口804的示图表示将在屏幕上看到的。图8图示了滚动列表802，该滚动列表802可以被视为其上具有项目的、在一窗口之下拉开的一张长条纸。根据传统方法，任何时间可见的项目数目是通过将屏幕高度除以组成列表的项目高度来确定的。这种列表呈现被称为平面，并且是标准显示方法，如图9所示。
图9按侧向投影图示了观察者902、屏幕904、和平面列表906的表示。观察者沿视轴908查看显示了列表的一部分的屏幕。屏幕可以被视为在列表的一部分上的窗口。
如果纸张列表现在被想像成包覆在弯曲的物体上，其中，该物体的曲率直径约等于屏幕高度，则将获得列表的不同视觉效果。列表的弯曲使得在窗口的顶部和底部的项目比接近中心的那些项目占据较小的屏幕量。列表的曲率可以被描述成遵循任何表面，例如包括圆形或椭圆形表面。在一个实施例中，如图10所示，列表的曲率遵循圆形。
图10图示了观察者1002、屏幕1012、和圆形列表1006的表示的侧面投影。观察者沿着视轴1008查看显示了列表的一部分的屏幕1004。列表被弯曲成圆形形状，这相对于屏幕高度增大了其周长大小。弯曲列表被投影到屏幕1004上，从而得到列表的可视区域的非线性弯曲变形。这幅图表示示出了观察者、显示了列表的屏幕、和好像通过屏幕观看的列表的明显弯曲的侧视图。通过屏幕可视的半圆的周长1010由下式给出：
p＝s*π/2
其中，s是屏幕1012的高度。通过将列表包覆在直径d等于屏幕高度的圆上，通过窗口1012可视的列表的量是平面表示的π/2(或者约为1.5)倍。当通过窗口或者在屏幕上观看时，列表好像是平面的，但是其上具有更多的可视项目。如果添加阴影效果，则弯曲列表看起来是三维的，并且添加了列表确实弯曲起来的假象。
图11对平面列表和弯曲列表进行比较。在平面列表图11A上可以看到项目1到9，而在弯曲列表图11B上可以看到项目1到13，这几乎是原来的1.5倍。弯曲列表上的阴影使得其看起来是三维的。可以通过用朗伯(Lambert)余弦定律近似光照效果来计算合适的阴影：
i＝kcos(θ)
其中，i是阴影的亮度，k是常数，并且θ是曲面法线和照射方向之间的角度。更多细节可以在以下参考文献中找到：Computer Graphics，JamesD.Foley，Andries van Dam，Steven K.Feiner，John F.Hughes；Addison-WesleyProfessional；2edition(August 4，1995)。
很清楚，实际屏幕空间并没有增加，但是如图11B所示，将弯曲表面精确地投射到屏幕上使得图像弯曲，这以对眼睛而言舒适且自然的方式增加了可视项目的数目。所施加的弯曲因为其沿滚动轴变化所以是非线性的，这使得接近屏幕边缘的项目小于在中心的项目；项目宽度(假设垂直滚动)基本上不受弯曲影响，因为如果项目被弯曲，则其变得很难阅读。应当注意，这种效果并不限于手动或自动滚动的屏幕。相同的效果在呈现链接列表、诸如新闻文章中的文本之类的文本方面，或者甚至对图像而言会是很有利的。在后一种情况下，在顶部或底部附近显示的像素将示出比中心的像素更大的压缩。
在通常情况下，显示器处理包括渲染平面列表，并在随后根据所需曲率来对其进行弯曲。过滤应当在弯曲期间应用，以减少由被丢弃的一些信息导致的混叠(aliasing)伪像。文本的高频率内容使得其尤其容易受混叠的影响。过滤可能局限于下述轴，弯曲是沿着该轴来施加的。合适的过滤器包括双线性的、立方的、或者高阶过滤器；更多细节可以在以下参考文献中找到：Reconstruction Filters in Computer Graphics；Mitchell，Netravalt；Computer Graphics Vol.22，Number 4，August 1988。还可以将渲染和弯曲这两个阶段组合成一个步骤，在这种情况下，列表项目被按它们的弯曲形式来渲染。这种替代方法具有减少完成显示所需的分立阶段的数目的好处，但是使渲染操作复杂化了。
弯曲列表以使得其看起来像是包覆在弯曲表面上，这不仅仅使得更多项目可视，而且还通过显示器给予滚动自然的旋转外观。当滚动被触发时，可以简单地立即将下一项目移动到位，但通过在弯曲表面上平滑地滑动列表可以看到更加舒适的效果。
在另一个实施例中，列表曲率遵循椭圆的形状。如图12所示，椭圆可以按照长轴和短轴来限定。特别地，图12图示了观察者1202、屏幕1204、和椭圆列表1206的表示的侧向投影。观察者1202沿视轴1203观看显示了列表的一部分的屏幕1204。列表1206沿着椭圆弯曲，这相对于圆形而言增大了其周长大小，因而增加了可视项目的数目。如果长轴和短轴(1209、1211)长度相同，则形状为圆形。当长轴1209变得比短轴1211长时，椭圆1215的偏心度(eccentricity)增加；当偏心度增加时，在屏幕1204上可视的椭圆1215的周长增加，因此可视项目的数目也增加(参见图13)。图13特别图示了：当椭圆的偏心度增加时，其周长也增加，从而使得列表的更多部分可视。
椭圆的圆周或周长难以精确计算，但是有用的近似值为：
p ≈ π { 2 ( a 2 + b 2 ) - ( a - b ) 2 / 2 }
其中，p是周长，a是长轴，并且b是短轴。因此，作为表面上的屏幕高度和实际屏幕高度的比率来给出的表面屏幕空间的增加为：
其中s是屏幕高度。其中，对于圆形而言比率是1.57，对于长轴为短轴的两倍的椭圆形而言比率是2.42，这意味着在这种形状的椭圆形上可以显示在平面表示上的2.42倍那么多的项目。但是，尽管可视项目数目增加了，但是中心项目的大小基本上不变，因此很容易识别。项目被放置得越远离视轴，它们就遭受越多的失真，并且越难以识别。
在另一个实施例中，圆或椭圆的平滑曲面可以用表示曲面的分段近似的刻面来代替，例如图14所示的。当刻面1420变得更大时，曲面看起来不再平滑，但是表面上增加的屏幕空间的相同效果依然保持。极端地，曲面可以减少到仅仅三个刻面，如图15所示，其中，可以对上表面和下表面(1521、1522)施加弯曲效果，这使得项目朝屏幕1504的顶部和底部的方向变小，而在中心表面1523上的项目保持近似正确大小。总体而言，图14图示了可以用刻面而不是连续曲面来表示弯曲表面。图15图示了在仅仅三个刻面上可以再现类似效果。
本领域技术人员将认识到，曲率直径并不需要与屏幕高度相匹配，并且如果直径大于屏幕高度则将看到更加平坦的曲率，其中在边缘处具有较小的失真。在其它实施例中，使用与椭圆不同的曲面作为弯曲图像的基础。
在如图10-15所描述并图示的优选实施例中，显示在屏幕中心的项目具有最小的失真，以保持它们最清楚可见。在另一个实施例中，最小失真可以被布置为偏离中心线，以在某个方向上偏移失真。
图16图示了椭圆1615可以旋转偏离视轴1608。图16示出了经过旋转以将最小失真朝显示屏幕1604的顶部方向定位的椭圆1615。如果列表1606被向上滚动，则如图所示将椭圆1615朝顶部旋转将最大化在其下方的可视项目的数目，这可以给予接近目标项目的提前警告。曲面的旋转通过用户界面的设计可以固定，或者可以是动态的，根据滚动方向和速度来向上或向下旋转。在又一个实施例中，列表1606的弯曲程度可以与滚动速度相链接。例如，更快的滚动可以使得曲率增加以使更多项目可见。
在另一个实施例中，曲面的直径可以大于屏幕大小，但是曲面的中心将从屏幕中心偏移。很大的椭圆可能从视轴偏移，以给予更多关于被滚动进入视野的项目的警告。图17示出了很大的椭圆1715，该椭圆1715已经被偏移以使得非失真区域接近于屏幕1704的顶部。这种布局对于被向上滚动的列表而言是合适的，因为该屏幕给予出现在屏幕底部的那些项目最大的可视性。曲面从中心的偏移量可以受滚动方向和速度的影响。
以上的实施例全部描述了项目列表的垂直滚动。本领域技术人员将会认识到，相同的技术可以应用于列表的水平滚动，并且列表毫无限制地可以包含诸如超文本链接之类的链接、包括名称的文本、包括照片的图像、和控制菜单选项。
应当了解，本发明的范围将包括用于显示列表内的项目的其它装置和技术。出于例示目的，项目列表一般地描述成了文本项目的列表。本发明的范围意图扩展至与文本项目相关联的任何内容，包括但不限于通过用户界面可以访问的音频文件、视频文件、其它媒体文件、和诸如菜单选项之类的控制项目。特别地，与音频文件相关的文本项目包括标题、艺术家、类型、专辑、或者任何其它用于导航到曲目的元数据，例如(特别但并不仅仅)在便携媒体播放器中访问的那些内容项目，便携媒体播放器例如是具有多条所存储或从播放器可访问的曲目的音频MP3播放器。此外，所述范围意图扩展至至少是在列表中利用图标或其它非文本标识手段来表示的相同内容项目。
虽然，出于清楚理解的目的，已经相当详细地描述了本发明，但是显然，在所附权利要求的范围内可以进行特定的改变和修改。因此，这些实施例应当被视为是例示性的而非限制性的，并且本发明并不局限于这里所给出的细节，而可以在所附权利要求的范围和等同物内进行修改。

Claims (19)

1.一种修改网页的呈现的方法，该方法包括：
接收网页；
对所述网页的图像进行分析以识别多个相干区域；以及
选择所述多个相干区域中的至少一个以用于在显示屏幕上呈现。
2.如权利要求1所述的方法，还包括在刷新所述网页时增强所述多个区域中的至少一个。
3.如权利要求1所述的方法，其中，分析所述图像包括图像处理技术。
4.如权利要求1所述的方法，还包括将所述多个相干区域中的每一个映射到所述网页的相应的标记语言代码部分。
5.如权利要求4所述的方法，还包括使用浏览器来呈现经过刷新的网页，以渲染多个所识别区域的标记语言代码。
6.如权利要求5所述的方法，其中，在刷新时，所述多个区域中的至少一个被增强。
7.如权利要求6所述的方法，其中，所述增强包括与对应于所述区域的数据的第二部分相关地、时间上顺序地呈现对应于所述区域的数据的第一部分。
8.如权利要求7所述的方法，其中，所述呈现包括在所述显示屏幕的窗口中滚动与所述区域相关联的数据。
9.如权利要求7所述的方法，还包括提供用于控制所述滚动的速度的用户控制参数。
10.如权利要求7所述的方法，其中，所述滚动的方向是水平的，并且其中，显示了所选择的区域的所述显示屏幕的窗口是水平的。
11.如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括以正常的大小和比例来呈现所述区域的中央部分，并且其中，所述区域的外围被压缩。
12.如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括以与扁圆球形状相对应的放大率来呈现所述区域的中心部分。
13.如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括连续地滚动呈现在所述区域中的信息。
14.如权利要求6所述的方法，其中，所述增强是一种转换，该转换包括以最小失真的方式来呈现所述区域的焦点部分并在所述焦点区域的外部提供上下文区域，所述上下文区域是通过对所述区域应用非线性弯曲来生成的。
15.如权利要求14所述的方法，其中，所述焦点部分相对于所述经过刷新的区域的中心不对称。
16.一种用于处理网页的方法，包括：
接收与网页相对应的数据；
对所述数据进行渲染以生成图像；
应用图像处理技术，以从所述图像中识别多个相干内容区段；
将所述多个相干内容区段映射到与所述网页相关联的多个计算机代码区段中的各个；以及
通过对所述多个计算机代码区段中的至少一个进行重新格式化来刷新所述网页。
17.如权利要求16所述的方法，其中，在经过刷新的显示中重新定位至少一个所述相干内容区段。
18.如权利要求16所述的方法，其中，所述重新格式化包括放大、球面化、缩小、和动态滚动之一。
19.一种修改网页的呈现的方法，所述方法包括：
将网页的标记语言代码翻译成经过渲染的图像呈现；
使用图像处理将所述经过渲染的图像呈现分割成多个区域；
将所述多个区域中的至少一个指派给在出现在显示器上的经过刷新的图像中的窗口；以及
对所述显示器上的网页进行刷新以生成具有至少一个窗口的图像。
CN200680046349.2A 2005-12-07 2006-12-06 操纵网页的方法 Expired - Fee Related CN101331473B (zh)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
US59753405P 2005-12-07 2005-12-07
US60/597,534 2005-12-07
US74459306P 2006-04-10 2006-04-10
US60/744,593 2006-04-10
PCT/US2006/046911 WO2007067750A2 (en) 2005-12-07 2006-12-06 Methods for manipulating web pages

Publications (2)

Publication Number Publication Date
CN101331473A true CN101331473A (zh) 2008-12-24
CN101331473B CN101331473B (zh) 2017-03-08

Family

ID=38123532

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200680046349.2A Expired - Fee Related CN101331473B (zh) 2005-12-07 2006-12-06 操纵网页的方法

Country Status (5)

Country Link
US (2) US9348938B2 (zh)
EP (1) EP1958090A4 (zh)
CN (1) CN101331473B (zh)
SG (1) SG10201402464XA (zh)
WO (1) WO2007067750A2 (zh)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102063456A (zh) * 2010-09-17 2011-05-18 百度在线网络技术（北京）有限公司 自动定位至网页的视觉中心的方法及设备
CN102314436A (zh) * 2010-06-30 2012-01-11 国际商业机器公司 网页自动调整方法和系统
CN102541979A (zh) * 2010-12-01 2012-07-04 株式会社泛泰 用于控制网络浏览器显示的设备和方法
CN102611855A (zh) * 2011-01-19 2012-07-25 宏碁股份有限公司 显示装置与动态调整显示数据的方法
CN101771681B (zh) * 2008-12-30 2012-10-03 北大方正集团有限公司 一种页面显示控制方法、服务器及系统
WO2013107032A1 (en) * 2012-01-20 2013-07-25 Hewlett-Packard Development Company, L.P. Shortened network address linking to image representation of web page
CN103777876A (zh) * 2012-10-19 2014-05-07 阿里巴巴集团控股有限公司 触摸屏显示器页面处理方法、装置及电子设备
CN104011768A (zh) * 2011-10-31 2014-08-27 Utc消防及保安公司 数字图像放大用户界面
CN105183786A (zh) * 2015-08-18 2015-12-23 陈丹 一种网页显示方法及系统
CN104350487B (zh) * 2012-06-08 2017-03-08 Lg电子株式会社 3d网页的绘制方法和使用该方法的终端
CN106910195A (zh) * 2017-01-22 2017-06-30 北京奇艺世纪科技有限公司 一种网页页面布局监测方法及装置
CN106991167A (zh) * 2017-03-31 2017-07-28 新华三技术有限公司 Web应用的迁移方法及装置
CN108595083A (zh) * 2018-03-16 2018-09-28 北京达佳互联信息技术有限公司 一种界面处理方法及装置
CN111767454A (zh) * 2019-04-02 2020-10-13 阿里巴巴集团控股有限公司 业务对象过滤方法、装置、电子设备及计算机存储介质

Families Citing this family (53)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101406289B1 (ko) * 2007-03-08 2014-06-12 삼성전자주식회사 스크롤 기반 아이템 제공 장치 및 방법
US20090037840A1 (en) * 2007-08-03 2009-02-05 Siemens Medical Solutions Usa, Inc. Location Determination For Z-Direction Increments While Viewing Medical Images
US9449648B2 (en) * 2007-08-06 2016-09-20 Apple Inc. Arranging audio or video sections
KR100938987B1 (ko) * 2007-08-17 2010-01-28 팅크웨어(주) 3ｄ 지도 서비스 제공 방법 및 지리정보 시스템
KR101397541B1 (ko) * 2007-09-05 2014-05-27 주식회사 알티캐스트 디지털 방송 수신기의 화면 구성 제어 방법 및 장치
US20090157609A1 (en) * 2007-12-12 2009-06-18 Yahoo! Inc. Analyzing images to derive supplemental web page layout characteristics
US9639531B2 (en) 2008-04-09 2017-05-02 The Nielsen Company (Us), Llc Methods and apparatus to play and control playing of media in a web page
US20090305682A1 (en) * 2008-06-09 2009-12-10 Karin Spalink System and method for webpage display in a portable electronic device
US8209355B2 (en) * 2008-07-28 2012-06-26 Microsoft Corporation Automatic user interface generation for entity interaction
US8725751B1 (en) 2008-08-28 2014-05-13 Trend Micro Incorporated Method and apparatus for blocking or blurring unwanted images
US8229193B2 (en) * 2008-09-03 2012-07-24 General Electric Company System and methods for applying image presentation context functions to image sub-regions
EP2164008A3 (en) * 2008-09-10 2010-12-01 Advanced Digital Broadcast S.A. System and method for transforming web page objects
US20100080411A1 (en) * 2008-09-29 2010-04-01 Alexandros Deliyannis Methods and apparatus to automatically crawl the internet using image analysis
US8648858B1 (en) * 2009-03-25 2014-02-11 Skyfire Labs, Inc. Hybrid text and image based encoding
ES2454765T3 (es) * 2009-04-14 2014-04-11 Freedom Scientific Inc. Método de navegación de documentos
JP5056810B2 (ja) * 2009-07-17 2012-10-24 カシオ計算機株式会社 情報処理装置およびその制御プログラム
KR20110014444A (ko) * 2009-08-05 2011-02-11 삼성전자주식회사 웹 브라우징 시 사용자 인터페이스 방법 및 그 방법을 수행하는 전자 기기와 그 기록 매체
US9569541B2 (en) * 2009-12-31 2017-02-14 Microsoft Technology Licensing, Llc Evaluating preferences of content on a webpage
JP5347981B2 (ja) * 2010-01-15 2013-11-20 富士ゼロックス株式会社 情報表示装置及びプログラム
US9003309B1 (en) * 2010-01-22 2015-04-07 Adobe Systems Incorporated Method and apparatus for customizing content displayed on a display device
JP2011154555A (ja) * 2010-01-27 2011-08-11 Fujitsu Toshiba Mobile Communications Ltd 電子機器
US8832223B1 (en) * 2010-02-17 2014-09-09 Google, Inc. View based streaming of GIS data
EP2431889A1 (en) * 2010-09-01 2012-03-21 Axel Springer Digital TV Guide GmbH Content transformation for lean-back entertainment
US20130191742A1 (en) * 2010-09-30 2013-07-25 Rakuten, Inc. Viewing device, viewing method, non-transitory computer-readable recording medium whereon program is recorded, and script program
CN103384864B (zh) * 2011-02-22 2016-12-14 国际商业机器公司 渲染内容的方法和系统
US20120304073A1 (en) * 2011-05-27 2012-11-29 Mirko Mandic Web Browser with Quick Site Access User Interface
JP5276145B2 (ja) * 2011-06-13 2013-08-28 株式会社ソニー・コンピュータエンタテインメント リスト表示装置
JP5984439B2 (ja) * 2012-03-12 2016-09-06 キヤノン株式会社 画像表示装置、画像表示方法
JP2013250772A (ja) * 2012-05-31 2013-12-12 Nintendo Co Ltd プログラム、情報処理装置、画像表示方法及び表示システム
CN103473235A (zh) * 2012-06-07 2013-12-25 腾讯科技（深圳）有限公司 电子地图的搜索方法、浏览方法及系统
CN102905194B (zh) * 2012-08-29 2014-11-19 深圳市茁壮网络股份有限公司 数字电视浏览器中焦点的移动方法、装置和数字电视
KR101491591B1 (ko) * 2012-11-05 2015-02-09 주식회사 케이티 웹앱 가상화 서비스를 제공하는 가상화 서버 및 웹앱 가상화 서비스 제공을 위한 데이터 전송방법
JP6099961B2 (ja) * 2012-12-18 2017-03-22 キヤノン株式会社 画像表示装置、画像表示装置の制御方法およびコンピュータプログラム
US9563448B2 (en) * 2013-03-13 2017-02-07 International Business Machines Corporation Mobilizing a web application to take advantage of a native device capability
US9426201B2 (en) 2013-03-13 2016-08-23 International Business Machines Corporation Transforming application cached template using personalized content
US10083156B2 (en) 2013-03-13 2018-09-25 International Business Machines Corporation Mobile enablement of webpages
US10346501B2 (en) 2013-03-13 2019-07-09 International Business Machines Corporation Mobile enablement of existing web sites
US20140281980A1 (en) 2013-03-15 2014-09-18 Chad A. Hage Methods and Apparatus to Identify a Type of Media Presented by a Media Player
US8671352B1 (en) 2013-05-07 2014-03-11 Axure Software Solutions, Inc. Variable dimension version editing for graphical designs
US9946806B2 (en) 2013-05-07 2018-04-17 Axure Software Solutions, Inc. Exporting responsive designs from a graphical design tool
US9389759B2 (en) 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
JP6188490B2 (ja) * 2013-08-28 2017-08-30 キヤノン株式会社 画像表示装置、制御方法およびコンピュータプログラム
JP6261237B2 (ja) * 2013-08-28 2018-01-17 キヤノン株式会社 画像表示装置、画像表示装置の制御方法およびコンピュータプログラム
US20150095767A1 (en) * 2013-10-02 2015-04-02 Rachel Ebner Automatic generation of mobile site layouts
CN104731787A (zh) * 2013-12-18 2015-06-24 中兴通讯股份有限公司 实现网页布局的方法、装置及终端
US10664647B2 (en) * 2014-10-28 2020-05-26 Kuang-Yao Lee Visual web page analysis system and method
CN106990975B (zh) * 2016-01-21 2021-07-23 斑马智行网络(香港)有限公司 一种应用热部署方法、装置和系统
US10203852B2 (en) * 2016-03-29 2019-02-12 Microsoft Technology Licensing, Llc Content selection in web document
CN106886544A (zh) 2016-06-06 2017-06-23 阿里巴巴集团控股有限公司 一种数据处理方法及装置
US10496727B1 (en) 2016-08-10 2019-12-03 Vinyl Development LLC Weighted panels and panel group for responsive design system
CN108154413B (zh) * 2016-12-05 2021-12-07 阿里巴巴集团控股有限公司 生成、提供数据对象信息页面的方法及装置
US10592589B1 (en) 2018-08-21 2020-03-17 Axure Software Solutions, Inc. Multi-view masters for graphical designs
CN109799940B (zh) * 2018-12-28 2023-01-03 北京字节跳动网络技术有限公司 响应于手势操作处理呈现内容的方法、装置及计算机记录介质

Family Cites Families (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US4790028A (en) 1986-09-12 1988-12-06 Westinghouse Electric Corp. Method and apparatus for generating variably scaled displays
US5670984A (en) 1993-10-26 1997-09-23 Xerox Corporation Image lens
JP3697276B2 (ja) 1993-10-27 2005-09-21 ゼロックス コーポレイション 画像ディスプレイ方法及び画像ディスプレイ装置並びに画像スケーリング方法
JP2813728B2 (ja) 1993-11-01 1998-10-22 インターナショナル・ビジネス・マシーンズ・コーポレイション ズーム／パン機能付パーソナル通信機
US6081277A (en) 1995-09-28 2000-06-27 Sony Corporation Apparatus and method for controlling image display
US6119135A (en) 1996-02-09 2000-09-12 At&T Corporation Method for passively browsing the internet using images extracted from web pages
US5754348A (en) 1996-05-14 1998-05-19 Planetweb, Inc. Method for context-preserving magnification of digital image regions
JPH1165811A (ja) * 1997-08-11 1999-03-09 Internatl Business Mach Corp <Ibm> マウス・カーソルを表示する情報処理装置、マウス・カーソル、及びマウス・カーソルを表示する情報処理装置の制御方法
US6044385A (en) 1997-09-10 2000-03-28 International Business Machines Corporation Method and system for efficiently managing the manipulation of large documents displayed within a computer screen
GB2333215B (en) 1998-01-13 2002-05-08 Sony Electronics Inc Systems and methods for enabling manipulation of a plurality of graphic images on a display screen
US7760187B2 (en) 2004-07-30 2010-07-20 Apple Inc. Visual expander
US6211856B1 (en) 1998-04-17 2001-04-03 Sung M. Choi Graphical user interface touch screen with an auto zoom feature
US6300947B1 (en) * 1998-07-06 2001-10-09 International Business Machines Corporation Display screen and window size related web page adaptation system
US6400376B1 (en) 1998-12-21 2002-06-04 Ericsson Inc. Display control for hand-held data processing device
US6401094B1 (en) 1999-05-27 2002-06-04 Ma'at System and method for presenting information in accordance with user preference
US7028264B2 (en) 1999-10-29 2006-04-11 Surfcast, Inc. System and method for simultaneous display of multiple information sources
US6720981B1 (en) 1999-12-08 2004-04-13 International Business Machines Corporation Method, system and program product for animated web page construction and display
EP1281115A2 (en) * 2000-03-17 2003-02-05 Vizible.com Inc. A three dimensional spatial user interface
CA2323569A1 (en) * 2000-10-18 2002-04-18 Advanced Numerical Methods Ltd. Elastic presentation space
US7003736B2 (en) * 2001-01-26 2006-02-21 International Business Machines Corporation Iconic representation of content
US20040205496A1 (en) * 2001-10-11 2004-10-14 International Business Machines Corporation Displaying subheadings and hyperlinks in a scrollable long document
US20070097109A1 (en) 2005-10-18 2007-05-03 Idelix Software Inc. Method and system for generating detail-in-context presentations in client/server systems
US20040263513A1 (en) 2003-06-26 2004-12-30 Smith Marc A. Treemap visualization engine
JP2005092889A (ja) * 2003-09-18 2005-04-07 Fujitsu Ltd ウェブページのための情報ブロック抽出装置及び情報ブロック抽出方法
US7327349B2 (en) * 2004-03-02 2008-02-05 Microsoft Corporation Advanced navigation techniques for portable devices
US9335884B2 (en) * 2004-03-25 2016-05-10 Microsoft Technology Licensing, Llc Wave lens systems and methods for search results
US7278092B2 (en) * 2004-04-28 2007-10-02 Amplify, Llc System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
US20060277481A1 (en) * 2005-06-03 2006-12-07 Scott Forstall Presenting clips of content

Cited By (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101771681B (zh) * 2008-12-30 2012-10-03 北大方正集团有限公司 一种页面显示控制方法、服务器及系统
CN102314436A (zh) * 2010-06-30 2012-01-11 国际商业机器公司 网页自动调整方法和系统
CN102063456A (zh) * 2010-09-17 2011-05-18 百度在线网络技术（北京）有限公司 自动定位至网页的视觉中心的方法及设备
CN102541979A (zh) * 2010-12-01 2012-07-04 株式会社泛泰 用于控制网络浏览器显示的设备和方法
TWI456429B (zh) * 2011-01-19 2014-10-11 Acer Inc 顯示裝置與動態調整顯示資料的方法
CN102611855A (zh) * 2011-01-19 2012-07-25 宏碁股份有限公司 显示装置与动态调整显示数据的方法
CN104011768A (zh) * 2011-10-31 2014-08-27 Utc消防及保安公司 数字图像放大用户界面
WO2013107032A1 (en) * 2012-01-20 2013-07-25 Hewlett-Packard Development Company, L.P. Shortened network address linking to image representation of web page
US9773338B2 (en) 2012-06-08 2017-09-26 Lg Electronics Inc. Rendering method of 3D web-page and terminal using the same
CN104350487B (zh) * 2012-06-08 2017-03-08 Lg电子株式会社 3d网页的绘制方法和使用该方法的终端
CN103777876A (zh) * 2012-10-19 2014-05-07 阿里巴巴集团控股有限公司 触摸屏显示器页面处理方法、装置及电子设备
CN105183786A (zh) * 2015-08-18 2015-12-23 陈丹 一种网页显示方法及系统
CN106910195A (zh) * 2017-01-22 2017-06-30 北京奇艺世纪科技有限公司 一种网页页面布局监测方法及装置
CN106910195B (zh) * 2017-01-22 2020-06-16 北京奇艺世纪科技有限公司 一种网页页面布局监测方法及装置
CN106991167A (zh) * 2017-03-31 2017-07-28 新华三技术有限公司 Web应用的迁移方法及装置
CN108595083A (zh) * 2018-03-16 2018-09-28 北京达佳互联信息技术有限公司 一种界面处理方法及装置
CN111767454A (zh) * 2019-04-02 2020-10-13 阿里巴巴集团控股有限公司 业务对象过滤方法、装置、电子设备及计算机存储介质
CN111767454B (zh) * 2019-04-02 2024-10-01 阿里巴巴集团控股有限公司 业务对象过滤方法、装置、电子设备及计算机存储介质

Also Published As

Publication number Publication date
CN101331473B (zh) 2017-03-08
US20160267062A1 (en) 2016-09-15
EP1958090A2 (en) 2008-08-20
WO2007067750A3 (en) 2007-11-15
US9348938B2 (en) 2016-05-24
SG10201402464XA (en) 2014-10-30
US20070130525A1 (en) 2007-06-07
EP1958090A4 (en) 2008-12-03
WO2007067750A2 (en) 2007-06-14

Similar Documents

Publication Publication Date Title
CN101331473A (zh) 操纵网页的方法
Bernard Criteria for optimal web design (designing for usability)
US20050193347A1 (en) Method and system for storing and presenting personal information
US7917846B2 (en) Web clip using anchoring
US20160246464A1 (en) Interactive Electronic Book
US20080307308A1 (en) Creating Web Clips
US20100241507A1 (en) System and method for searching, advertising, producing and displaying geographic territory-specific content in inter-operable co-located user-interface components
US20140279025A1 (en) Methods and apparatus for display of mobile advertising content
Lyons Let’s get phygital: Seeing through the ‘filtered’<? br?> landscapes of Instagram
Saari et al. Psychologically targeted persuasive advertising and product information in e-commerce
JP2017058643A (ja) 情報表示プログラム、情報表示方法、および情報表示装置
CN116137662A (zh) 页面展示方法及装置、电子设备、存储介质和程序产品
KR20000049718A (ko) 고정된 위치에 광고를 계속 표시하는 인터넷 광고방법
Williams The Newseum. Washington, DC http://www. newseum. org
Oppolzer Reaching an audience: the publication history of David Hine’s Strange Embrace
Kuvandiq o‘g‘li MODERN WEB DESIGN TRENDS
Wilson Creating the Creation Museum: How Fundamentalist Beliefs Come to Life by Kathleen C. Oberlin
Yilmaz Metaphors of motion and philosophies of process: A practitioner’s perspective in contemporary motion design
Harzewski Weighting Jeanette Winterson
Shende et al. News Android Application
Schnitzhofer Casual information visualization on mobile devices considering the museum context
Atiya Mohamed Atiya et al. Graphic design and Usability in websites
Heilesen A short history of designing for communication on the web
Gremillion Responsive Web Design: Getting the New Baseline in Web Design Right
Burchmore Winner of the 2018 Essay Prize for Early Career Researchers:‘La maladie de porcelaine: Liu Jianhua’s Regular/Fragile (2007) at Oxburgh Hall and the history of massed porcelain display in English aristocratic interiors

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1127521

Country of ref document: HK

C14 Grant of patent or utility model
GR01 Patent grant
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1127521

Country of ref document: HK

CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20170308

Termination date: 20171206

CF01 Termination of patent right due to non-payment of annual fee