专利名称：用于显示导航的系统和方法
技术领域：
本申请要求2009年4月2日提交的美国临时专利序号61/166099的优先权益，通过引用将其公开完整地结合到本文中。
背景技术：
由于计算机监视器的出现，查找向用户显示信息的最佳方法的搜索一直在进行。 最初，计算机屏幕具有预定高度和宽度，因此超过可视显示区的信息完全丢失。后来，滚动条的概念得到普及。在典型配置中，滚动区110位于显示区100的右侧，如图1所示。在许多实施例中，滚动区显示两条重要信息。滚动区110通常由向上箭头 111、向下箭头112和滚动条115组成。作为滚动区110的百分比的滚动条115的尺寸表示可观看的总图像的百分比。换言之，如这个示例所示，如果滚动条115大约为总滚动区的 1/3，则只有文档的大约1/3当前在显示区100中是可见的。其次，滚动条115的方位以图形方式表示整个图像中处于显示区100之内的部分。换言之，如图1所示，滚动条115处于滚动区110的顶部，指示正显示图像的开始。在一些实施例中，待观看的整个图像比显示区100要宽。在这种情况下，通常沿显示区100的底部包含滚动区120。与垂直滚动区相似，水平滚动区120包括向左箭头121、 向右箭头122和滚动条125。能够从水平滚动区120搜集的信息与能够从垂直滚动区110 搜集的信息(即，处于显示区100中的图像的百分比以及当前正显示图像的哪一部分的表示)相同。在图1所示的实施例中，显示区是整个图像的尺寸的大约1/2。正显示的图像大约在整个图像的中间。用户通过移动滚动条115、125，来选择在显示区100中显示的图像的部分。这能够通过许多方式进行，包括使用箭头111、112、121和122、点击滚动条115和125并且将它们滑动、或者通过点击滚动区110和120的一部分。移动可观看图像的其它方法也是已知的， 并且在本公开的范围之内。在一些实施例中，整个图像可以是文本、图片或者它们两者的组合，例如报纸或杂志页面。使用滚动条，用户能够操纵图像，以使得整个图像最终按照允许读者合乎逻辑地观看其内容的方式来显示。例如，图加示出将要显示的整个图像150。注意，这个图像既高于又宽于显示区 100。在许多情况下，用户能够使用滚动条125来水平定位图像，以使得从显示区100排除空白页边155，但全部内容是可读的。这种配置如图2b所示。示出整个图像150，并且显示区100中所示的以交叉影线显示的那个部分会是用户可见的。已经解决水平尺寸问题，用户这时简单地使用垂直滚动条115向下移动图像，直至底部在显示区100中是可见的。当然，如果图像比显示区宽许多，则可要求用户不断移动水平滚动条125以访问图像。在诸如报纸之类的其它情况下，图像可包括多列，使得用户使用垂直滚动条115由上至下阅读一列，并且然后移动水平滚动条125，以便对下一列重复进行该过程。除了单页面的导航之外，还有在页面之间进行导航的机制。图3示出用于允许用户易于在文档的页面之间移动的常见界面。定位在显示区200附近的是一组控件，其中包括“下一页”按钮210。另外，控件可包括下列按钮的一个或多个“上一页”212、“首页”214 和“最后一页” 216。通过操作这些控件，用户能够对整个文档向前或向后移动。在其它实施例中，该组控件包括允许输入特定页号的用户可填写栏218。显然，上述导航方案能够相互结合使用。在这种情况下，用户能够迅速移动到特定页面，并且然后使用滚动条在页面中移动。最近，触摸屏装置已经引入观看显示区上的图像的新方式。在一些实施例中，装置显示设计成适合显示区的图像的缩小形式。然后，用户能够通过手指手势在显示区中扩大该图像。类似地，用户能够通过相反的手指手势来缩小(condense)图像。手势、例如触摸缩放(zoom-pinch)用于提供这个功能性。另外，其它手指手势、如滑动(swipe)能够由用户用于沿任何方向移动图像。例如，用户可将其手指放在显示区的中间，并且将其手指滑动到右边。装置可将这个手势解释为指示图像应当移动到右边。换言之，当前在显示区左边的图像这时应当放在显示区内。其它手指手势、例如顺时针和逆时针盘旋(spiral)也已经用于控制显示区上显示的图像。尽管存在操纵显示区中显示的图像的这多种方法，但是仍然存在与轻松导航大文档或图像关联的问题。有利的是开发更易于导航大文档或图像的系统和方法。更具体来说， 如果开发自动导航文档页面上的画面的系统和方法，则会是有利的。
发明内容
现有技术的问题通过用于导航目标装置上的内容页面的这个系统和方法得到解决。目标装置具有通常比内容页面要小的显示区。不是用户使用滚动条或手指手势，而是向用户显示预定的画面序列。画面是页面的预先选择部分。用户只指示他已经完成阅读或观看当前画面的时间，并且然后下一画面在显示区中呈现。这个预定序列由内容提供商或作者来生成，内容提供商或作者将内容和画面序列上传到服务器，这样就能够由潜在用户对其进行访问。
为了更好地理解本公开，参照通过引用结合到本文中的附图，附图包括图1是具有滚动条的显示区的表示；图2是显示区和待显示图像的表示；图3是显示区以及用于控制显示区中显示的图像的一组控件的表示；图4示出待显示的图像；图5示出具有作者所选供观看的多个画面的图像；图6是示出由作者用于建立画面导航序列的序列的流程图；图7是应用所存储的信息的表示；以及图8是用于存储画面导航信息的文件的表示。
具体实施例方式如上所述，多种方法已经用于允许用户导航将要在显示区中显示的图像。但是，这些方法可能是难用且拙劣的，并且不是理想地适合显示某些类型的图像，例如图形或报纸类型布局。本公开通篇使用的术语“图像”指的是能够在显示装置上显示的任何信息的表示。图像包括图形、图片、文本、图画、图示和任何其它可观看信息。虽然不作要求，但是在许多实施例中，待显示的图像比其上观看它的显示区要大(在水平方向、垂直方向或者这两个方向)。这种难题的一种解决方案是允许内容的作者或提供商来定义在保持连续性的同时允许用户易于导航图像的适当画面序列。例如，图如示出比显示区310长许多的图像 300。通常，传统技术会要求用户(在触摸屏上)使用滚动条或手指手势来导航整个图像。图4b示出第一覆盖图320a，其中显示区310覆盖在图像300上。注意，只有图像 300的一小部分才是可见的，如交叉影线所示。图如示出图像300的第二覆盖图320b，也如交叉影线所示。这个覆盖图与第一覆盖图320a邻接。图4d示出三个覆盖图320a、b和 c，它们在相组合时组成整个图像300。如上所述，作者创建适当的画面序列，稍后将更详细地描述。稍后，当用户观看图像时，覆盖图320a在显示区中呈现。在用户完成阅读所显示图像之后，用户例如通过使用手指手势、按下“下一画面”按钮或显示区或者通过使用任何其它适当方法，来指示他希望移动到下一画面。自动显示第二覆盖图320b。此外，当用户指示他已经完成这个图像时，显示第三覆盖图320c。因此，用户易于逐个覆盖图移动，而没有过度困难或运动。图示出具有多个连环漫画画板(comic strip panel) 355a_e的更复杂布局 350。能够创建一组关联覆盖图360a-f。注意，覆盖图360a_f的总体无需组成整个图像350。 在这个示例中，从不使大量图像350是用户可见的。用户首先看到覆盖图360a。用户然后将按照依次顺序看到其余五个覆盖图。此外，虽然图5中未示出，但是覆盖图可相互重叠。图恥示出具有第二组覆盖图 365a-f的各种连环漫画画板35fe-e。注意，作者可选择使两个覆盖图365d_e用于图恥的漫画画板355d。由于画板小于两个覆盖图，所以这些覆盖图需要相互重叠。在另一个实施例中，覆盖图可按照不同取向来定义。图5c示出两个附加覆盖图 370a-b，它们与其它覆盖图尺寸相同，但是它们沿横向定向。此外，由于漫画画板 35 的尺寸，两个横向覆盖图370a、b相互重叠。图6是示出内容提供商或作者在建立画面导航系统中使用的步骤的流程图。这个流程图与能够在任何适当平台上运行的软件程序关联。在一个实施例中，软件加载到并且存储在PC或服务器的存储装置中，软件在其中运行。但是，软件能够存储在任何可写存储介质上，包括RAM、R0M、磁盘驱动器、固态磁盘驱动器、存储棒和其它装置。另外，软件程序能够在任何适当计算系统上运行。此外，计算系统可运行任何操作系统，包括但不限于Unix、 Linux 禾口 Windows。回到图6，在步骤400，内容提供商或作者将内容或出版物上传到驻留在计算系统上的数据库。这个内容或出版物能够具有任何类型，包括文本或图形或者它们两者的组合。 在一些实施例中，内容是具有图像和文本的漫画书。一旦内容已经上传到数据库，则作者可输入描述新内容的元数据，如步骤410所示。这个元数据可包括标题、作者名称、出版日期、购买价格、页数、发行号和其它数据。例如通过使用关键字或其它搜索参数，可搜索这个数据以帮助预期用户或购买者查找内容。
作者则能够在步骤420上传将要用作新内容的封面的图像。这可以是传统图书封面，或者能够是与基本内容完全分离的艺术品。内容、关联元数据的上传以及将封面艺术品加入那个内容是众所周知的，并且是娱乐领域常见的，例如用于歌曲、专辑和游戏。在已经上传内容、封面和元数据之后，作者这时能够创建将由用户或读者使用的画面导航。在一个实施例中，页面按照依次顺序呈现给作者，如步骤430所示。页面按其缺省尺寸来呈现。除了实际页面或图像之外，作者还能够查看表示目标用户装置的显示区的大纲或模板。例如，内容可以是标准信纸大小(8. 5X11英寸)，但是目标装置的显示区可能小许多。在一个实施例中，目标装置可以是Apple iTouch、Palm ft~e、Android或者具有较小显示区的类似PDA。在一个实施例中，显示区是固定的，因为应用预计用于特定目标装置。在这个实施例中，模板是作者立即可用的。在其它实施例中，可要求作者定义尺寸(高度和宽度)以及显示区的取向(正常或横向)。在已经建立显示区的尺寸和取向之后，作者则能够使用这个模板来创建图像序列，该图像序列确定用于由用户或内容购买者随后观看的画面及其序列。例如，如步骤440所示，作者将显示区模板移动到页面或图像上的预期位置。一旦作者对模板的位置感到满意，则作者例如通过点击“保存”或类似方法来表明其选择。这个动作通知应用保存该画面。然后，作者对当前页面重复这个过程所需次数，如判定框450所示。 例如，图fe所示的图像在其序列中具有总共6个所保存画面。如上所述，所有画面的总数无需是内容的整个页面。另外，画面能够重叠，从而使页面的部分在需要时显示多次。在另一个实施例中，作者还能够指定画面的放大率。换言之，不是按照其原始尺寸来显示6个画面，如图5所示，而是作者能够对其放大或缩小。例如，作者可能希望通过减小图像的尺寸来增加一个画面中显示的信息量。换言之，这相当于在传统软件应用中选择小于100%的“缩放”设定。这个设定允许显示更多信息，尽管以降低的锐度和精确度等级显示。备选地，作者可能希望通过选择大于100%的放大率来扩大或“放大”图像。在这种情况下，显示区上显示较少信息，但是所显示的内容大于正常。在这个实施例中，模板具有通常定义为其高度除以其宽度的纵横比。当修改模板的放大率或“缩放”时，模板的纵横比保持固定。图5d示出图的页面，其中已经修改画面放大率。例如，在这个示例中，例如通过将放大率设置在70%，缩小了(zoom out)画面380a。画面38 和385f未改变，具有 100%的放大率。画面385b和38 分别已经放大到120%和140%的设定。画面385c已经缩小(zoom out)，以使得整个漫画画板355c在显示区中是可见的。这通过将放大率减小到例如大约80%来实现。当创建画面导航序列时，作者首先选择缩放等级。这能够通过使用点触轮(click wheel)，输入特定值，选择预定放大等级，使用+或-按键或者使用本领域已知的任何其它方法来进行。这个动作改变显示区模板的有效尺寸，从而允许作者查看图像有多少将在画面中是可见的。一旦作者已经保存该画面，则文件采用这个信息来更新。软件应用保存充分信息，使得作者的预计画面序列随后能够呈现给用户。所保存的信息可包括诸如页号、画面中心或一角的坐标(在页面上测量)以及序列号等项。图7 是示出与图fe关联的画面导航信息的列表的一个表示。图8示出可在建立过程期间生成的XML文件的样本。在这个实施例中，所有画面与页号关联。装置的处理单元解析包含整个页面的图像的文件的路径和名称。一旦处理单元已经运行这个步骤并且定位包含该页面的文件，则开始依次显示画面的过程。在这个示例中，画面按照其中心位置及其缩放等级来标识。图像的适当部分在显示区中显示。在用户输入时，处理单元则移动到列表中的下一项，使用其中心位置和缩放等级。一旦列表中所示的所有项已经显示，则处理单元移动到下一页面，并且重复进行该过程。其它算法能够基于平台、应用需要和内容限制来用于存储并且操纵画面标识和排序信息。例如，软件应用可能单独存储各画面的内容，并且在某些装置请求时自行调整，而不是参照原始内容页面。回到图6，一旦作者已经选择并且保存特定页面所需的所有画面，则他移到下一页，并且重复进行该序列，如步骤430-450所示。这个过程重复进行，直到由作者或内容提供商适当地建立了整个出版物。在这里，建立完成。然后，内容以及由作者所定义的画面导航序列保存在数据库或其它存储机构中。在一个实施例中，作者按照依次顺序来准备页面。换言之，对页面1生成画面序列，之后是页面2，等等。然后，当用户观看内容时，重复进行这个序列。这个实施例是依次阅读的内容、如书籍共同的。在另一个实施例中，画面和页面可按照非依次顺序来存储。例如，假定内容提供商上传出版物、如报纸或杂志。这些类型的内容往往具有在不同页面上延续的链接。因此，作者可建立画面导航，使得显示内容，以使得文章从头到尾显示；而不管文章在哪一页开始或结束。在已经显示整个文章之后，画面导航可返回到原始页面，并且以附加新文章来继续。在另一个实施例中，常规导航技术和本文所述的画面导航的组合一起使用。例如， 考虑报纸的情况。假定报纸的页面在用户的目标装置上通常按照缩小尺寸来显示。用户使用现有技术的技术来指向感兴趣文章。选择特定文章的动作起动前面所述的画面导航软件，画面导航软件则逐个画面显示该文章，如上所述。这个过程的结果是与ZIP文件相似的输出文件。输出档案文件由图像目录以及那个特定输出或出版物唯一的XML文件组成。这个文件适合于下载到用户的目标装置上，其中然后对它进行处理、整理碎片和排序，以便装载装置的所有所需区域，例如资料库、‘装置上生成’缩略图和XML目录。例如，XML文件可保存在诸如基于Linux或Windows的计算机之类的服务器上。希望得到内容的用户则可将文件下载到其目标装置。内容的传递可能要求付费，但是这与本发明不相关。然后使用若干已知机制其中之一将文件下载到目标装置。 在一些实施例中，目标装置具有无线(例如802. lib)能力，并且能够从因特网下载文件。在其它实施例中，目标装置使用电缆或其它介质连接到计算机。然后将文件从计算机传递到装置。传递数据的其它方法是已知的，并且在本发明的范围之内。目标装置能够具有各种类型，包括Apple iTouch、PDA、蜂窝电话、平板装置以及具有某种计算能力的其它便携装置。在某些实施例中，提供多点触摸支持。在某些实施例中， 可提供诸如但不限于英语、法语、德语、日语、荷兰语、意大利语、西班牙语、葡萄牙语、丹麦语、芬兰语、挪威语、瑞典语、韩语、简体汉语、繁体汉语、俄语、波兰语、土耳其语和乌克兰语的多语言支持。在一些实施例中，装置支持一种或多种核心语言，诸如但不限于c++、c0C0a、 XML、Javascript、jQuery, HTML 和 CSS。一旦文件已经下载到目标装置，则对它进行解压缩、处理并且分布到它在目标装置上的相应链接区域。在完成时，用户则能够选择已下载文件，浏览所选页面，并且使用给定控件来导航画面，如上所述。图9示出由用户用于显示图像的步骤的流程图。为了观看如上所述已经创建的图像，用户只开始目标装置上的应用的运行，如框700所示。在一些实施例中，用户点击屏幕上表示感兴趣应用的图标。在其它实施例中，用户输入待运行应用的名称。用于发起应用的这些及其它机制是本领域众所周知的。一旦发起，应用可要求用户选择待显示的内容，如框710所示。在一些实施例中，可用内容的列表出现在显示区上。在其它实施例中，显示内容的图片或其它图形表示的菜单在目标装置上显示。用户使用常用方式的任一种，例如输入特定文件的名称、单击(或点击)表示预期文件的名称或图标或者任何其它方式，来选择预期内容，如框720所示。一旦已经选择预期内容，应用则在显示区中显示图像的第一帧， 如框730所示。这个图像保持在显示区中，直至接收到使显示前进到下一画面的指示为止， 如判定框740所示。在一些实施例中，该指示可包括来自用户的指示，例如点击显示区或者经由诸如鼠标或键盘之类的输入装置来输入信息。在其它实施例中，该指示可以是预定时间量到期。在这种模式中，图像自动定序，很像流行的放映幻灯片类型应用。在另一个实施例中，本导航系统与其它现有技术系统相结合。例如，本系统能够与页面选择器配合使用。这会允许用户选择要开始观看的特定页面。这允许按照多种设定来观看内容，而无需再次观看先前的全部图像。本公开的范围并不局限于本文所述的具体实施例。实际上，通过前面的描述和附图，除了本文所述的之外，本公开的其它各个实施例以及对本公开的修改也将是本领域的技术人员显而易见的。因此，这类其它实施例和修改预计落入本公开的范围之内。此外，虽然本文中为了特定目的而在具体环境的具体实现的上下文中描述了本公开，但是本领域的技术人员将会知道，其有用性不限于此，并且本公开可为了任何数量的目的而在任何数量的环境中有利地实现。相应地，下面提出的权利要求应当根据本文所述的本公开的全面范围和精神来理解。
权利要求
1.一种在目标装置的显示区显示图像的方法，其中，所述图像大于所述显示区，所述方法包括a.创建预定义的画面序列，其中各画面包括所述图像的一部分；b.在所述目标装置的所述显示区中显示所述画面的第一个；c.等待继续进行的指示；d.响应所述指示而显示所述预定义序列中的随后的画面；以及e.重复进行所述等待和显示步骤，直到所述预定义序列完成。
2.如权利要求1所述的方法，其中，所述指示包括由所述用户触摸所述显示区。
3.如权利要求1所述的方法，其中，所述指示包括预定时间量到期。
4.如权利要求1所述的方法，其中，所述创建步骤包括i.定义模板，其中所定义模板表示能够在所述显示区中观看的所述图像的部分； .将第一模板放置在所述图像的第一部分之上；iii.指示所述第一部分将要作为所述序列的一部分来保存；iv.保存所述图像中的所述第一部分的位置的指示；v.将随后的模板放置在所述图像的随后的部分之上；Vi.指示所述随后的部分将要作为所述序列的一部分来保存；以及 Vii.保存所述图像中的所述随后的部分的位置的指示。
5.一种创建画面序列的方法，各画面包括图像的一部分，用于在目标装置的显示区中观看，所述方法包括a.定义模板，其中所定义模板表示能够在所述显示区中观看的所述图像的部分；b.将第一模板放置在所述图像的第一部分之上；c.指示所述第一部分将要作为所述序列的一部分来保存；d.保存所述图像中的所述第一部分的位置的指示；e.将随后的模板放置在所述图像的随后的部分之上；f.指示所述随后的部分将要作为所述序列的一部分来保存；以及g.保存所述图像中的所述随后的部分的位置的指示。
6.如权利要求5所述的方法，其中，重复进行所述随后的部分的所述放置、指示和保存。
7.如权利要求5所述的方法，其中，所述第一和随后的模板具有与同样定义的模板相同的尺寸。
8.如权利要求5所述的方法，其中，所述第一或所述随后的模板的尺寸可在所述放置步骤之前与所定义模板的尺寸不同。
9.如权利要求7所述的方法，其中，所定义模板、所述第一模板和所述随后的模板包括相同的纵横比。
10.如权利要求8所述的方法，其中，所述保存步骤还包括保存所使用模板的尺寸的指示。
11.如权利要求5所述的方法，其中，所述位置的指示包括所述模板的特定方位的定位。
12.如权利要求11所述的方法，其中，所述特定方位包括中心点。
13.如权利要求10所述的方法，其中，所述尺寸的指示与所定义模板的尺寸相关。
14.一种用于创建预定画面序列的系统，所述画面的每个包括图像的一部分，其中所述图像存储在文件中，所述系统包括非暂时计算机可读介质；以及所述介质上存储的计算机可执行指令，包括 i.用于定义第一和第二模板的部件； .用于将所述第一模板放置在所述图像的第一部分之上的部件；iii.用于识别所述图像中的所述第一部分的位置的部件；iv.用于保存所述第一部分的所述位置的部件；v.用于将所述第二模板放置在所述图像的第二部分之上的部件； Vi.用于识别所述图像中的所述第二部分的位置的部件；Vii.用于保存所述第二部分的所述位置的部件；Viii.用于创建所保存位置的序列的部件；以及ix.用于基于所创建序列来反复地显示所述图像的部分的部件。
15.如权利要求14所述的系统，还包括用于保存所述第一模块的尺寸以及所述第一部分的所述位置的部件。
16.如权利要求14所述的系统，其中，所述第一和第二模板具有相同尺寸。
17.如权利要求14所述的系统，其中，所述第一和第二模板具有相同纵横比。
全文摘要
公开用于在目标装置上导航内容的页面的系统和方法。目标装置具有通常比内容页面要小的显示区。不是用户使用滚动条或手指手势来观看整个页面，而是向用户显示预定的画面序列。画面是页面的预先选择部分。用户只指示他已经完成阅读或观看当前画面的时间，并且然后下一画面在显示区中呈现。这个预定序列由内容提供商或作者来生成，内容提供商或作者将内容和画面序列上传到服务器，这样就能够由潜在用户对其进行访问。
文档编号G06F17/00GK102483739SQ201080024911
公开日2012年5月30日 申请日期2010年3月26日 优先权日2009年4月2日
发明者A·哈尼, B·多夫曼, J·扬森, M·马戈利斯, S·林奇, W·斯利特金 申请人:帕内尔弗莱公司