管理与具有多个分组中成员资格的数据的交互的制作方法_3

文档序号:9204248阅读:来源:国知局
元素,因此其相应的标记2000和200P被示为连接到两个不同的链——由线300连接的链和由线308连接的链。例如,如果一些数据元素表示文章,则由线300连接的标记可以表示在标记200G表示的“文件夹”内共享第一属性(例如,日期)的文章,并且由线308连接的标记可以表示在标记200N表示的“文件夹”内共享第二属性(例如标题)的文章。
[0048]在一些实现方式中,数据存储系统102向UI模块110发送关于数据元素的变化的信息(有或无来自UI模块110或操作环境108的显式请求),使得图形视图能够动态更新。例如,UI模块110可为添加或删除的数据元素添加或删除标记,或者如果包含当前数据元素的分组的数量变化,则可以更新可选择指示符以指示不同数量的分组。例如由于一元素被放在更多的分组中,所以Π模块110可通过将环分成更多分段来指示该元素在额外分组中的成员资格。
[0049]UI模块110可提供UI元素供用户创建新的数据元素、编辑现有的数据元素(例如,改变其内容)、或改变数据元素之间的关系(例如,向分组添加或删除包含数据元素的父亲下方的数据元素,或改变分组内数据元素的顺序)。权限可被配置为限制某些动作,并且Π模块110可以用多种方式中的任何方式图形表示这些限制。例如,可以特定的颜色方案,或以特定用户界面元素的禁用或缺少向用户显示带有内容不能被用户改变的数据元素。
[0050]参考图4,图形视图的一部分示出用于当前所选标记的中心标记400,带有对应数据元素是成员的五个展开的分组。各种技术可用于视觉指示该标记已被选择,以及哪个分组是最近被展开或选择的。在一些实现方式中,以特定取向(例如,竖直)或以更突出的显示(例如,较大的字体、不同的颜色、高亮显示,或者将该分组的标记重叠在先前分组的标记的顶部)示出较新近被选择的分组。在一些实施方式中,较早前被选择分组的突出度被降低。例如,文本可以变暗或变灰,或者分组中的其它标记可以从中心标记400在径向上延伸得更远以为较新近被选择的分组的标记创造更多的空间。Π模块110还可以允许用户改变标记或链的布局。例如,可允许用户旋转围绕标记所示的链,或提高或降低视图内分组的显示的突出度。
[0051]也可以在视觉上区分(例如,变灰或用较淡的灰度示出)可选择指示符的分段,以表明数据元素相对于不同的分组的其它方面。对于分组中数据元素当中一顺序的最后的数据元素,表示该分组的链的末端的分段其中之一可以变灰或用比相对立分段更淡的灰度示出。例如,包括中心标记400的可选择指示符的实心顶端分段404A和更浅灰度的底部分段404B的一对404A/B指示标记400的对应数据元素在与竖直标记链对齐的该对404A/B表示的分组中是处于最后。对于中心标记400,数据元素的这个位置也很明显,因为竖直标记链被展开并且标记400出现在链的末端。标记406的可选择指示符还包括一对408A/B,其中一个实心分段408A和一个较浅灰度分段408B,表明对应的数据元素在该对408A/B表示的分组(当前已折叠)中处于最后。与竖直链对齐的各对分段也彼此共享诸如颜色等视觉属性。
[0052]在本示例中,竖直链的头部处的标记410表示由该链中的其它标记表示的每个数据元素(它们彼此是兄弟关系)的父数据元素。如上参照图2A所述,除了父标记410在链的头部处之外,其可选择指示符与竖直链中的其它不同,以在视觉上表示标记410表示父数据元素。特别地,顶部分段是空白的,并且无配对的底部分段具有倒置的曲率。在本示例中,其它标记包括带有无配对的倒置分段的可选择指示符,该分段加灰度以表示对应的数据元素是否具有子数据元素。更深的灰度表明对应的数据元素是至少一个子数据元素的父亲,如标记412 (在当前折叠的一分组中)。更浅的灰度表明对应的数据元素不具有任何子数据元素,如标记414。
[0053]中心标记400的可选择指示符包括5对分段,表明对应的数据元素在5个不同分组的成员资格。选择一分段将对应分组带入焦点,例如,通过展开(如果尚未展开)用于相关数据元素的标记链,并且将链旋转到竖直取向。在图4的示例中,所有5个分组被展开,使得标记在径向方向上延伸,与标记400的可选择指示符上的相应的分段对对齐。选择用于已展开分组的一分段还可以折叠该分组,使得不再显示该分组其它成员的标记。在一些实现方式中,各种Π相互作用可以实现图形视图的不同变化。例如,点击展开的分组的一部分并且将其旋转到视图的顶部能够将所选择的分组带入焦点,同时点击展开分组的一部分并将其朝向中心标记400拖拉能够折叠该分组。
[0054]分组中示出的每个标记还具有所示的相应的可选择指示符。用户可以选择图形视图中显示的任何标记,以将所选择的标记带入焦点,例如,将所选择的标记带入视点中心,并且放大所选择的标记。展开的分组可以自动地被重新定向以相对于新选择的中心标记示出。然后,用户可以选择新选择的标记的可选择指示符的各个部分以展开新选择的标记的数据元素是成员的任何分组。适当时,先前展开的分组仍然可以相对于该新选择的标记示出,或者如果新选择的标记不是分组的成员,则相对于先前选择的标记示出。用户界面可以包括用户控制元素,使得所有无关分组关闭以集中于新选择的标记。与用户界面交互还可以使得数据元素能够添加到分组、从分组中删除、从一个分组移动到另一个分组、以及在分组内重新排序。分组也可以被添加、删除和移动以改变层次结构。
[0055]图5A-图5F示出标记链的替代性布置。在图5A中,标记500位于在标记500的上方和下方延伸的对应于第一分组的标记链中。在图5B中,标记500位于在标记500的上方和下方延伸的对应于第二分组的不同的标记链中。在这些示例中,并非总是旋转可选择指示符以对齐特定对与展开的分组对应的分段,而是在必要时使连接相邻的标记的可选择指示符的线倾斜,以连接到适当的分段。另外,虽然普通的标记502在表示第一分组的链的头端处有自身的可选择指示符,但存在标记504,具有标题但在表示第二分组的链的头端处没有可选择指示符。因此,如该第二分组所示,一些标记(例如,表示父数据元素的标记)可以不包括可选择指示符。
[0056]图5C不出第一和第二分组同时均不出为展开形式的视图,共同标记500的两侧布置对应的标记链,使得两个分组的标记均被布置为在显示器上以特定取向示出。例如,两个分组都具有竖直对齐的标记,并且两个分组均由线连接,这些线都弯曲以连接被布置为配合显示区域内有限的可用空间的标记并且穿过共同标记500。在一些实现方式中,Π模块110使用多阶段呈现方法呈现这样的视图,其中标记的位置是主要考虑因素,并且标记之间的路径的形成是次要考虑。例如,当用户与第一展开分组中的一数据元素的标记(例如,图5A中标记500)上的可选择指示符交互以展开第二分组(例如,如图5C中)的标记链时,在第一阶段中进行两个分组的标记的位置的计算,并且在第二阶段进行形成两条标记链的路径的标记之间的线的计算(即标记的可选部分之间)。标记可以被定位为配合可用空间的布置,并且具有该布置计算连接适当可选择指示符的线的路径(可能弯曲或成角度的)。在这样的多阶段呈现过程中,标记的位置确定连接线的路径,而不是连接线确定标记的位置。
[0057]在两个展开的分组中在表示一数据元素的共同标记处具有交叉的线的这种标记的布置可具有其它类型的可选择指示符。例如,除了圆形的可选择指示符,可选择指示符可以具有显示为从连接标记的线垂直延伸的线段的分段。图示出对应于图5A的分组的这种布置,并且图5E示出对应于图5B的分组的这种布置。图5F示出在同一时间展开的两个分组的布置,对应于图5C的布置。
[0058]图6示出Π模块110管理交互的示例性过程600的流程图。UI模块110处于状态602,其响应于来自用户114通过用户界面112的输入或来自操作环境108的输入。当在显示器上生成图形视图时,Π模块110接收(604)指明多个数据元素的信息和相关数据元素的多个分组。Π模块呈现(606)视图,其包括表示各个数据元素的标记。在一些情况下,数据元素是多个分组中的成员,并且表示该数据元素的标记包括可选择指示符,可选择指示符包括表示由该标记表示的数据元素在相关数据元素的多个分组中每个分组的成员资格的部分。基于响应状态602,UI模块110可接收(608)对与相关数据元素的特定已选分组对应的可选择指示符的其中之一的部分的选择。响应于该选择,UI模块110在视图中呈现(610)表示相关数据元素的特定已选分组的一个或多个其它成员的标记。
[0059]上述技术方法可使用执行合适的软件的计算系统来实现。例如,该软件可以包括在一个或多个已编程的或可编程的计算机系统(其可以是各种架构,诸如分布式、客户端/服务器式或网格式)上的一个或多个计算机程序中的过程,每个计算机系统包括至少一个处理器、至少一个数据存储系统(包括易失性和/或非易失性存储器和/或存储元件)、至少一个用户界面(用于使用至少一个输入设备或端口接收输入和用于使用至少一个输出设备或端口提供输出)。该软件可以包括更大的程序的一个或多个模块,例如,提供设计、配置和执行数据流图相关的服务。该方案的模块(例如,数据流图的元素)可被实现为数据结构或符合存储在数据存储库中的数据模型的其它有组织的数据。
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1