CN101944021B - 一种实现图形用户界面的方法及系统 - Google Patents

一种实现图形用户界面的方法及系统 Download PDF

Info

Publication number
CN101944021B
CN101944021B CN201010266145.8A CN201010266145A CN101944021B CN 101944021 B CN101944021 B CN 101944021B CN 201010266145 A CN201010266145 A CN 201010266145A CN 101944021 B CN101944021 B CN 101944021B
Authority
CN
China
Prior art keywords
visual element
plane
axis
attribute
user
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.)
Expired - Fee Related
Application number
CN201010266145.8A
Other languages
English (en)
Other versions
CN101944021A (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.)
A Smart Way Of Network Technology (beijing) Co Ltd
Original Assignee
Individual
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 Individual filed Critical Individual
Priority to CN201010266145.8A priority Critical patent/CN101944021B/zh
Publication of CN101944021A publication Critical patent/CN101944021A/zh
Priority to EP11820976.6A priority patent/EP2613252A4/en
Priority to PCT/CN2011/001107 priority patent/WO2012027946A1/zh
Priority to US13/779,838 priority patent/US20130174071A1/en
Application granted granted Critical
Publication of CN101944021B publication Critical patent/CN101944021B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图形用户界面。该用户界面具有响应用户对可拖动模块的多种操作请求,并由服务器返回相应的指令控制客户端绘出相应的界面的作用。本发明适用于对多个操作对象进行操作的动态交互系统领域,起到了提高用户体验、方便用户安排的效果。

Description

一种实现图形用户界面的方法及系统
技术领域
本发明涉及能够对多个对象进行操作的人机交互系统,特别地涉及运用在万维网中的用户界面(UI,User Interface)。
背景技术
人们经常通过一个二维表格列出当前或之后的计划,例如课程表。课程表是最初的纸质任务表。其中日期放置到横轴上,时间放置到纵轴上。随着网络的发展,这种纸质的任务表被设计成电子的形式用来传播。和纸质形式相同,现代的日历表也被设计为二维结构。横轴是时间标签,代表一天内的24小时,纵轴是日期标签。
Figure BSA00000247848100011
的日历表,
Figure BSA00000247848100012
中的日历表,以及一些其它类似的软件都用此种类型的结构来方便人们的日常生活。这种类型的日历表忽略了一个重要的东西:不同的任务可能包含了多于一个的相同属性。
举个简单的例子,某人想在某段日期内购买一些书,那么这个人需要制作一个购物单,他/她有两个选择。一个是制作一个只含日期的表格。这意味着这个人需在每个日期的下面列出一个购书清单,例如在7月2号购买物理1、物理2和物理3,在7月3号购买数学1、数学2和数学3。但是,仔细研究发现,这些书拥有两个相同的属性:一个是日期,另外一个是科目。因此,这个人可以用一个二维的表格去描述这个清单。横轴是日期标签,纵轴是科目标签。那么,这个人只需要在这两个标签决定的平面表格里面写上一些数字或者书的名字。这个表格也可以很容易的被扩展。当具有足够多的书需要购买时,此表格的方便性就会显得尤为突出。
再例如,某一招标公司在安排自己的业务时,每个招标会都具有时间,日期和地点三个属性。例如9月5日上午9点至11点在安徽蚌埠市有一场招标会议,在此市的招标会议还有9月6日上午10点到12点,9月7日下午3点到5点。在安徽芜湖市有两场招标会议,一场为9月8号上午9点到11点,一场为9月11号下午2点到4点。那么该公司就可以列出一个具有三维坐标的任务表。时间属于横轴,日期属于纵轴,地点以类似z轴的方式决定了拥有这个坐标轴的时间和日期。那么公司就会在地点为安徽蚌埠市决定的平面,日期为9月5日、6日和7日的下面对应的时间安排相应的招标会议。这种任务表的出现则会大大方便了公司的会议时间管理。在旅程规划、生产规划、以及商品采购等诸多领域中,也对这种任务表形态的用户界面存在需求。
发明内容
本发明提供了一种实现图形用户界面的方法,该用户界面能够操纵多个可视单元,所述方法包括:
响应于用户添加第一可视单元的请求,在显示设备上绘制第一平面,所述第一平面具有x轴维度和y轴维度;在与所述第一平面相邻的区域绘制第一Z轴维度标签,所述第一Z轴维度标签与所述第一平面相关联,所述第一Z轴维度标签的属性值与所述第一可视单元的第一属性的值相关联;在所述第一平面中绘制所述第一可视单元;
响应于用户添加第二可视单元的请求,如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值具有关联关系,则在所述第一平面上绘制所述第二可视单元;以及,
响应于用户的拖拽操作,所述第一可视单元与所述第二可视单元可在所述第一平面中被移动。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中,
如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值不存在关联关系,则在与所述第一Z轴维度标签的相邻位置绘制第二Z轴维度标签,所述第二Z轴维度标签具有与所述第二可视单元的第一属性的值相关联的属性值,并在相邻于所述第二Z轴维度标签的位置绘制第二平面,所述第二平面也具有x轴维度和y轴维度,在所述第二平面中绘制所述第二可视单元;以及,响应于用户的拖拽操作,所述第一可视单元可在所述第一平面中被移动,所述第二可视单元可在所述第二平面中被移动。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中
响应于用户激活所述第一Z轴维度标签的请求,隐藏所述第二平面,并显示所述第一平面;
响应于用户激活所述第二Z轴标签的请求,隐藏除所述第一平面,并显示所述第二平面。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中
响应于用户将所述第一Z轴标签拖动到所述第二Z轴标签的位置,交换所述第一Z轴标签与所述第二Z轴标签的位置,交换后所述第一Z轴标签与所述第一平面相关联,所述第二Z轴标签与所述第二平面相关联。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中
所述第一可视单元还具有第二属性,响应于用户的拖拽操作,所述第二属性限制所述第一可视单元在所述第一平面的x轴维度上可被移动的范围。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中,
所述第一可视单元还具有第三属性,响应于用户的拖拽操作,所述第三属性限制所述第一可视单元在所述第一平面的y轴维度上可被移动的范围。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,如果对所述可视单元的拖拽操作的目标位置超出了由所述第一属性、所述第二属性或所述第三属性所限制的活动范围,则使所述第一可视单元返回拖拽操作的起始位置,或者显示提示信息。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户对所述第一可视单元的沿X轴维度的拉伸请求,改变所述第一可视单元沿X轴维度的长度。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户对所述第一平面沿Y轴维度增加一个或多个区段的请求,与所请求增加的区段的数量成比例地增加所述第一平面沿Y轴维度的长度,所述第一可视单元的第二属性与一个或多个Y轴区段相关联,所述第一可视单元在所述第一平面上可被移动。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户对所述第一平面删除最后被增加的沿Y轴维度的区段的请求,检查所述第一平面的所述最后被增加的区段上是否存在可视单元,
如果不存在,则改变所述第一平面沿Y轴维度的长度,以不显示所述最后被增加的沿Y轴维度的区段,所述第一可视单元在所述第一平面上可被移动;
如果存在,则显示提示信息。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户对所述第一可视单元的删除请求,取消对所述第一可视单元的显示;响应于用户对所述第二可视单元的删除请求,取消对所述第二可视单元的显示。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户删除所述第一Z轴维度标签的请求,
如果在所述第一平面内没有可视单元,则清除在所述显示设备上显示的所述第一Z轴维度标签以及所述第一平面,
如果在所述第一平面内存在一个或多个可视单元,则显示提示信息。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户对所述第一可视单元的拖拽操作,而将所述第一可视单元拖动到与所述第二可视单元相重叠的位置时,沿X轴维度平铺所述第一可视单元与所述第二可视单元,以消除重叠。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户添加第一可视单元或第二可视单元的请求,从服务器获取所述第一可视单元或所述第二可视单元的属性信息;响应于用户对所述第一可视单元或所述第二可视单元的拖拽操作,向服务器传送所述第一可视单元或所述第二可视单元被放置的X轴维度以及Y轴维度的坐标信息。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户将所述第一Z轴标签拖动到所述第二Z轴标签的位置,向服务器传送所述第一Z轴标签与所述第二Z轴标签交换位置后的位置值。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,响应于用户的拖拽操作,向服务器传送被拖拽的可视单元被放置的坐标信息,所述服务器确定对所述可视单元的拖拽操作的目标位置是否超出了由所述第一属性、所述第二属性或所述第三属性所限制的活动范围。
在进一步的实施例中,根据本发明的实现图形用户界面的方法还包括,向服务器传送所述第一可视单元沿X轴维度的起始坐标和结束坐标。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,如果取消了对所述第一可视单元或所述第二可视单元的显示,向服务器传送所述第一可视单元或所述第二可视单元被删除的信息。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,还包括向服务器传送所述第一可视单元和所述第二可视单元沿X轴维度的坐标和沿Y轴维度的坐标。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中所述可视单元的第一属性为地点属性,第二属性为时间属性,第三属性为日期属性。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中所述可视单元是图标、按钮、标签或图层。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,标签并不仅限于位于Z轴维度。
在进一步的实施例中,根据本发明的实现图形用户界面的方法,其中所述X轴维度延水平方向延伸,所述Y轴维度延竖直方向延伸。
本发明还提供了一种实现图形用户界面的系统,该用户界面能够操纵多个可视单元,所述系统包括:
第一模块,用于响应于用户添加第一可视单元的请求,在显示设备上绘制第一平面,所述第一平面具有x轴维度和y轴维度;在与所述第一平面相邻的区域绘制第一Z轴维度标签,所述第一Z轴维度标签与所述第一平面相关联,所述第一Z轴维度标签的属性值与所述第一可视单元的第一属性的值相关联;在所述第一平面中绘制所述第一可视单元;
第二模块,用于响应于用户添加第二可视单元的请求,如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值具有关联关系,则在所述第一平面上绘制所述第二可视单元;以及,
第三模块,用于响应于用户的拖拽操作,所述第一可视单元与所述第二可视单元可在所述第一平面中被移动。
附图说明
图1描绘了本发明实施例的用户界面显示在用户端的初始状态。
图2描述了如何对该用户界面中的操作对象进行4种不同的命令操作。
图3描述了增加一个可视单元后的用户界面。
图4描述了可视单元、用户界面、服务器和数据库之间的关系。
图5描述了在存在多个可视单元的情况下新增一个可视单元后的用户界面。
图6(a)描述了将图5中的可视单元310_01删除后的用户界面。
图6(b)描述了删除一个图层320_03后的用户界面。
图6(c)描述了删除一个Z轴标签后的用户界面。
图7描述了图6(b)中的两个Z轴标签交换后的用户界面。
图8描述了本发明的另一实施例的用户界面的实现流程。
图9描述了将本发明的用户界面扩展到四维结构的实施例。
图10中示出了实施本发明的用户界面的计算设备。
具体实施方式
为了加深对这个发明的理解,参考中提到的例子将只被用作为本发明的一个应用,任何时候这里所提到的例子都不能限制这个发明所涉及的范围。任何运用与本发明相同的原理所开发的替代品或者后来对这个UI的改进都将在本发明所要求保护的范围在内。
本发明将从一个图形化的UI设计的角度被详细描述,但是这个系统除了所描述的功能外还可用来服务于其它目的。一方面,这里描述的一个或多个技术可以作为一些类似电子任务表的应用程序的扩展被实现。另一方面,这里提到的一个或多个技术也可以允许一个软件开发者将其开发成多维UI或者其它的表现形式。
在本发明的第一实施例中包括客户端和提供数据存储以及逻辑运算功能的后端服务器。其中客户端负责进行界面的绘制与用户交互效果的生成,服务器响应客户端的请求,并且根据既定逻辑进行运算后作出相应的输出以协助客户端完成UI的交互效果。下面将首先结合第一实施例介绍客户端与服务器进行实时交互状态下的本发明。本发明也可在较少借助后端服务器或者不借助后端服务器的情况下实施,在后面介绍采用非实时交互模式的本发明。
图1描绘了根据本发明的用户界面(UI)显示在用户端的初始状态。为明确其位置,图中显示了浮动控制台100,它是一个悬浮在网页上面的可控制多个Web页面的浮动控制台。图1中示出了x轴坐标110,y轴坐标120和z轴坐标130。因三维坐标110、120与130的缺省值为0,该UI140的初始状态是在浮动控制台100下的一块空白区域,其区域大小由UI140的界面范围所定。与此相对应的,服务器410(在图4中示出)对UI140在X、Y、Z轴上的原始数据进行初始化。当用户在执行增加(ADD)、拖拽(DRAG)、删除(DELETE)和交换(EXCHANGE)等命令时,该UI140将响应来自服务器410的不同的输出指令并完成相应的界面绘制效果,以实现对操作对象150的操作。接下来,将结合第一实施例对实现每个命令的具体方式进行描述。
图2描述了在本发明中如何对UI140中的操作对象150进行4种不同的命令操作,可视对象150具体可以是可视单元310_01,可以是y轴图层320,也可以是Z轴标签330_01(参见图3)。事实上,对操作对象150的操作命令将不局限于在此描述的增加(ADD)、拖拽(DRAG)、删除(DELETE)和交换(EXCHANGE)4种,例如复制等命令也可通过具有类似的技术思想来实现。图4描述了可视单元310、UI140、服务器410和数据库420之间的关系。本发明中的操作对象150可以为多个标签、多个图层或多个可视单元。将Z轴标签用附图标记330指出,例如第一Z轴标签330_01、第二Z轴标签330_02(参见图5),可视单元用附图标记310指出,具体每个可视单元为第一可视单元310_01,第二可视单元310_02等(参见图5)。图3描述了增加一个第一可视单元310_01后的UI140。图5描述了在存在多个可视单元310的情况下新增一个可视单元310_04后的UI140。
在本发明中可被操作的可视单元310各自都具有一些属性,不同的属性可对应于UI140的不同的维度。用来描述这些属性的数据可从数据库420(在图4中示出)中获取。当UI140基于用户的请求而获取一个可视单元310时,可视单元310的属性数据将从数据库420中提取,并记录到服务器410中。服务器410具有数据记录411,数据计算412,和逻辑判断413三个功能单元。在替代实施方式中,服务器410可同时具有其它类型的操作。当可视单元310的属性数据被服务器410记录后,服务器410的逻辑判断单元413对该可视单元310进行判断,判断包括但不仅限于:与可视单元310的属性相对应的Z轴标签是否已添加,该可视单元310是否已被添加到UI140上,以及该可视单元310是否已经被固定于UI140上。固定表现在该UI140上的该可视单元310不可被拖动。固定的实际意义可能为物品已经被购买、事件已经被执行、会议已经被预订等。服务器410访问数据库420并进行逻辑判断后,通过返回的逻辑值指示客户端执行用户界面140的多种绘制。
在其他实施例中,与可视单元310相关联的属性信息也可存储在运行该UI140的计算机上,例如,存储在包含UI140的Web页面中,并由浏览器脚本或者其他本地代码来执行第一实施例中由服务器410所执行的数据记录411、数据计算412、逻辑判断413等操作。
向UI140添加可视单元310
1.当返回值显示与可视单元310相对应的Z轴标签未添加,并且可视单元310未添加时,此时需要在UI140中绘制一个新的平面340,并在该平面上绘制可视单元310。本实施例中的可视单元310具有三个属性:时间、日期与地点。不同的属性对应于不同的维度。例如,延水平方向延伸的x轴维度110表示属性“时间”,延竖直方向延伸的y轴维度120代表属性“日期”,以及在与x轴维度和y轴维度确定的平面340相邻的区域标签,其对应着z轴维度130,这里代表属性“地点”,如图1和图3所示。图3中,z轴维度沿平面340的左侧延伸,作为替代方案,z轴维度也可在与平面340的相邻的其它区域中被布置。可视单元310在这三个坐标维度的约束下具有一定的拖动范围限制。拖动范围的限制将在拖拽命令中被描述。
当UI140获取一个可视单元310时,首先在x轴维度110上显示一个适当长度的图层320,该图层320在X轴方向上可被分为不同的段,用来表示不同的范围区间,该图层320在Y轴方向上具有对应于初始高度的一个区段,一个区段可代表日期属性中的一天。在该图层320上绘制可视单元310,并依据可视单元310的属性值,确定在该图层320上绘制可视单元310的大小和位置。例如,基于时间/日期属性为7月1日中午12点到晚上6点,将可视单元310在绘制在对应于该时间范围的X轴位置,以及对应于该日期的Y轴区段。用户可以在该图层320上拖动该可视单元310,或者对该可视单元310执行沿X轴方向的拉伸或缩小操作。通过计算可视单元310与此图层320不同段的相对坐标,可确定经用户对可视单元310拉伸或缩小后所对应的在X轴方向的开始坐标和结束坐标。对可视单元310的坐标的确定可以在运行UI140的本地计算机上的进行,也可在服务器410上进行。
关于可视单元310的属性值的获取,可由服务器410从数据库420中获取,用户也可在UI140或其它位置上输入该可视单元310的属性值。该可视单元310的属性值还可以存储在运行UI140的本地计算机中。
接下来,因返回的逻辑值中显示与可视单元310的属性对应的Z轴标签未添加,则在此UI140的z轴维度130上将增加一个新的标签330_01(图3中的标签330_01),该标签330_01中的内容与可视单元310的相应属性值相关联。在本实施例中,标签330_01的内容表示地点。所有具有相同地点属性的可视单元310都将在z轴维度对应于同一个标签330_01,并被绘制在与该标签330_01相对应的x轴维度110和y轴维度120所形成平面340上。当一个标签330_01在z轴维度130上生成后,服务器410即将其在z轴维度130上的位置(例如z轴第一个标签的位置或第二个标签的位置)等保存并记录。图3显示了添加此种类型的可视单元310_01之后的UI140。此时经过用户自定义后的可视单元310_01的开始时间为9am,结束时间为12pm。
2.当返回值显示与可视单元310相对应的Z轴标签已添加,可视单元310未添加时,此时的UI140已经绘制有与该Z轴标签相对应的平面。图5显示了存在多个可视单元310的情况下新增一个可视单元310_04后的UI140,可视单元310_04的地点属性的值同标签330_01的属性值相同,因而基于标签330_01确定UI140上已经绘制有与该标签相对应的平面340_01,故只需在已经确定的图平面340_01中新增添一个可视单元310。
如果新增加的可视单元310在与对应的Z轴标签确定的UI层(例如,标签330_01所在的UI层)中的其它可视单元310具有相重叠的时间属性,则会发生冲突。通过将多个可视单元310在UI140上的位置信息发送给服务器410,服务器410计算多个可视单元310的可活动区域及进行碰撞处理并输出相应的指令以指导UI140进行相应的绘制工作。在其他实施例中,多个可视单元的可活动区域以及碰撞处理规则,也可在运行UI140的本地计算机上进行处理。
若用户通过UI140在与某一个标签330(例如标签330_01)相对应的平面(例如平面340_01)中增加若干个Y轴方向上的区段的数量,UI140将在该层中的y轴方向的维度120上按增加的数量值成比例地增加图层320的高度。Y轴方向上的每个区段可代表日期属性中的一天。增加的数量值将被记录到该标签330_01的偏移量中。服务器410通过此偏移量可计算出之后的标签330_02在Y轴维度上的起始数据,如图5。用户也可对y轴方向上的区段进行删除。具体见下文中的“在UI140上删除操作对象150”。当用户在y轴维度增加的区段数量超过UI140的边界所限制的显示范围时,将调用浮动条函数,以指示UI140绘制浮动条501。用户通过拖动浮动条501完成对某一标签330所对应的整个y轴维度的查看。在本实施例中,对浮动条501的绘制可以在服务器410的控制下进行,也可以在运行UI140的本地计算机上进行处理。
3.当返回值显示可视单元310相对应的Z轴标签已添加,可视单元310已添加时,此时在UI140上显示该已经存在的可视单元310。
该可视单元310还可被移动和删除。下面将详细介绍拖拽操作的实施方式。
在UI140上拖拽可视单元310
1.可视单元310被拖动并放置后,UI140将向服务器410传送可视单元310被拖动到的位置信息。服务器410检测该可视单元310的可移动区间。一个可视单元310的可移动区间由其属性中的一个或多个来决定。例如本实施例中提到的可视单元310_04具有时间属性限制,该时间属性将限制其只能在与该属性相符合的x轴维度110内。可视单元310的时间属性可代表开关门时间,该时间限制其只能在9AM-6PM之间被拖动。当被拖动的可视单元310被放下时,服务器410将该可视单元310所处在的水平轴属性值(表示时间)与数据库420中的时间属性值(开关门时间)进行比较,如若逻辑不符合,则执行不可拖动,那么被拖动的可视单元310将被返回原位。在其他实施例中,判断可视单元310是否可拖动的过程也可由运行UI140的本地计算机执行。
2.可视单元310的属性还限制了它在y轴维度120上的移动。例如图3的实施例中,可视单元310_01的日期属性限制其只能在代表日期为2010-7-1这一天的Y轴维度区段内移动,而不能拖动到对应任何其它日期的Y轴区段。当被拖动的可视单元310被放下时,服务器410将该可视单元310所处区域的y轴属性值(表示日期)和数据库420中所记录的该可视单元310的日期属性值进行比较,若逻辑不相等,则执行不可拖动,那么被拖动的可视单元310将被返回原位。
3.可视单元310的属性还限制其只能在与之相符合的z轴维度130所对应的平面内移动。例如图3的实施例中,可视单元310_01的属性(地点:北京)限制其只能在z轴属性值(表示地点)为北京的相应区域内移动,而不能在z轴属性值为上海、深圳的等其它地点区域内移动。当被拖动的可视单元310_01被放下时,服务器410将该可视单元310自身的该属性(地点)值和代表该可视单元310所处区域的z轴的属性值相比较,若逻辑不相等,则执行不可拖动,那么被拖动的可视单元310将被返回原位。当拖动过程结束后,若可视单元310在UI140上的位置超出由其相应属性所限制的范围,则UI140执行不可拖动命令,那么被拖动的可视单元310将被返回到原位。在实际应用中,执行不可拖动也可换作警告,或弹出对话框等其它标识。图2中的拖动部分显示了拖动前后的逻辑操作。在其他实施例中,判断可视单元310是否可拖动的过程也可由运行UI140的本地计算机执行。
4.当可视单元310被拖动时,若用户只在x轴维度110上拖动可视单元310,可视单元310将只改变它在x轴维度上的坐标值。按照相对x轴维度110的位置,服务器410可重新记录可视单元310的坐标值。若用户只在y轴维度120上进行可视单元310的拖动,可视单元310将只改变它在Y轴维度120上的位置。服务器410对可视单元310在y轴维度120上的当前位置计算。如果可视单元310同时在x轴维度和y轴维度上被拖动,则服务器410将对被移动后的可视单元310的X轴维度坐标和Y轴坐标同时进行计算,并将计算后的值进行存储。
在UI140上删除操作对象150
图2中的删除命令230在UI140中同样也是一个非常重要的操作。删除操作可分为对可视单元310的删除、对图层320减少其在Y轴维度上的区段的数量,以及对z轴标签330的删除。
1.当UI140响应一个可视单元310的被删除命令时,向返回服务器410一清零标志,UI140随即清除对该可视单元310的图形显示。将图5中的可视单元310_05删除后的UI140如图6(a)所示。
2.当UI140响应对图层320上的Y轴维度的区段数量的减少命令时,首先判断该图层区段上是否含有可视单元310,若含有,则执行不可删除,或弹出对话框询问用户是否删除该图层上的可视单元310。判断步骤可以在服务器410上执行,也可以在运行UI140的本地计算机上执行。若该图层320上不包含任何可视单元310,如图6(a)中的图层区段320_03,则服务器410执行可删除命令,UI140将清除该图层320区段的图形显示。图层区段320_03被删除后,其所在的y轴维度的总长度将减少一个单位,与y轴维度有关的偏移量也将相应的减少。图6(b)为删除一个图层区段320_03后的UI140。在图6(a)中所示的UI140中,用户删除可视单元310_05后的图层区段320_02也是所含可视单元310的数量为0的图层区段。当用户删除图层区段320_02后,图层区段320_03将取代图层区段320_02的位置,即若用户删除多行图层中的某一图层区段时,其后的所有图层区段在y轴维度上的位置将向上提高一个单位。
3.当UI140响应对某一z轴标签330的删除命令时,首先判断拥有该标签属性的x轴维度和y轴维度下的可视单元310的数量是否为零,若否,则执行不可删除,或弹出对话框询问用户是否删除与该标签330相对应的可视单元310。判断步骤可以在服务器410上执行,也可以在运行UI140的本地计算机上执行。若该标签330_02对应的可视单元310数量为零,如图6(b)中所示,则将标签330_02上的可视单元310_03删除后,该Z轴标签330_02可被删除。Z轴标签330_02被删除时,服务器410将该标签、该标签在z轴上的位置数据以及该标签下y轴维度的偏离值进行置零。如果UI140上在z轴标签下方330_02下方还有第三个z轴标签330_03,则z轴标签330_03将替代Z轴标签330_02的位置。
在UI140上交换标签330
本发明中的z轴标签330可进行相互交换操作。当可视单元310在z轴维度上第一次创建时,服务器410记录其地点属性值,以及与其对应的Z轴标签330在z轴维度上的位置值,例如z轴第一个位置,z轴第二个位置等。Z轴标签330和z轴标签330在z轴的位置组成可视单元310的z轴坐标数据。如图5,标签330_01中的内容代码为3129,在z轴位置01,那么“3129 01”组成了该z轴标签330_01下的所有可视单元310的z轴坐标数据。当用户拖动一个z轴标签到另一个z轴标签上并放下时,服务器410将代表这两个z轴标签的数据和这两个z轴标签在z轴维度上的位置数据进行交换,以完成对两个标签交换后的数据存储。例如在z轴01位置的z轴标签代码3129和在z轴02位置的z轴标签代码4213进行交换,交换后的数据将为“3129 02”和“4213 01”。服务器410对交换后的数据进行重新记录。同时,标签330_01所对应的平面340_01和标签330_02所对应的平面340_02进行交换。在进一步的实施例中,在平面340_01和平面340_02内的可视单元310将根据z轴维度的变换进行Y轴坐标的有关数据的数据更改。如图7为图6(b)中的标签330_01和标签330_02进行交换后的UI140。交换后,图层区段320_04取代图6(b)中Z轴标签330_01所对应的图层区段320_01,并且图层区段320_04将代表值为2010-7-1的日期属性。而Z轴标签330_01所对应的图层区段320_01所代表的日期属性将基于Z轴维度上Z轴标签330_01之前的所有Z轴标签330所对应于图层的Y轴区段的数量而重新进行计算。
总览
UI140还可以响应用户的总览请求。此时,服务器410将对该UI140中的所有可视单元310按x轴维度110、y轴维度120和z轴维度130的先后顺序进行排列,并且服务器410将所有可视单元310中需要计算的部分分别进行计算,例如时间累加、路程累加以及价格计算等。然后服务器410将计算后的值返回到UI140上,由UI140显示总的时间、路程和价格等。
上述过程介绍了在客户端与服务器410进行实时交互模式下的UI140。在其他实施例中,本发明所描述的用户界面以及其与用户的交互过程也可应用到非实时交互模式下。非实时交互模式可分为一键提交模式和无需网络通信的本地处理模式,在本地处理中不需要服务器410的参与。
一键提交模式的交互方式流程在图8中示出。此时,用户对UI140上的每个可视单元310进行操作时将不再向服务器410传送请求,也不需等待服务器410的返回值作出相应的提示或警告。
在一键提交模式中,UI140从服务器410获取多个备选的可视单元310的属性信息,并在将多个可视单元310布置于UI140上之后,向服务器410提交请求,此时的服务器410对所提交的可视单元310进行逻辑判断后向UI140返回逻辑值,UI140根据逻辑值判断提交请求成功或失败。
UI140在向服务器410提交多个可视单元310之前,所有在UI140上对可视单元310、y轴图层320和z轴标签330的操作将通过运行UI140的本地计算机(图8中的计算机810)进行逻辑计算和判断。
当UI140响应用户对可视单元310的添加请求时,本地计算机810将该可视单元310的地点属性与z轴上的标签330进行逐一比较,若该可视单元310的z轴标签330未添加,UI140将进行该z轴标签330的绘制;若该可视单元310的地点属性与z轴上的某一标签330相一致,则表明与该可视单元310相对应的z轴标签330已添加。则UI140基于该可视单元310的属性在该z轴标签330所对应的UI层上绘制该可视单元310。本地运行的UI140还提供对Y轴维度上的图层320的区段数量的增加/减少、拖拽可视单元310、删除可视单元310、交换/删除Z轴标签330等操作的支持。
基于可视单元310本身的属性,运行于本地计算机810的UI140通过本地计算机810可以限制该可视单元310在UI层上的移动范围。当被拖动的可视单元310被放下时,本地计算机810将该可视单元310所处在的坐标值同其相应属性值进行比较,若逻辑不符合,则执行不可拖动,那么被拖动的可视单元310将被返回原位。在实际应用中,执行不可拖动也可换作警告,或弹出对话框等其它标识。
当用户将被安排好后的UI140进行提交时,UI140向服务器410发送请求。此时,服务器410将对该UI140上的所有可视单元310的坐标值进行记录。例如,通过对与图层320的相对位置判定可视单元310的x轴坐标,通过在Y轴方向上的偏离值和第一个图层320判断可视单元310的y轴坐标,以及通过标签330所在的位置判断可视单元310的z轴坐标。
脱机状态下的交互操作可无需服务器410参与。此时的UI140可经由用户手动输入而获得可视单元310的每个属性值,或者将一系列的可视单元310的属性以文件或者类似方式导入到该UI140中。其余操作与前述异步交互模式相同。
该UI140中的可视单元310也可表示其它含义,具有其它属性,例如标准商品单元SIE(Standard Item Element)。以衣服的SIE购买计划表为例,该SIE具有三个属性:价格,种类,和品牌。以延水平方向的x轴维度为价格轴,价格区间从0-10,000。以延竖直方向的y轴维度为种类:例如上衣,牛仔裤。在x轴维度与y轴维度确定的平面层相邻的区域绘制第一z轴维度选项卡,代表该SIE的第三属性:品牌。具有此种可视单元类型的UI将与上述的可视单元310同样具有可添加(ADD),可拖拽(DRAG),可删除(DELETE),和可交换(EXCHANGE)等命令。所不同的是,此时由x轴维度所表示的价格区间将由市场价格和服务器所设置的经验价格所限定。在y轴维度上,该UI设置不同的选项卡,例如上衣选项卡,牛仔裤选项卡,在每一选项卡下,UI可以响应用户请求在这一选项卡下进行x轴维度的叠加。此UI中,z轴维度的品牌作为一种标签可以被交换。
尽管这个UI中提到的事物是可视单元310,以及这个用户界面的维度是三维的结构,但在本发明的特定功能和行为将不止具有时间、日期、地点属性的可视单元310或者仅仅具有三维结构的UI140,这是很容易被理解的。例如,可以在x轴维度110和z轴维度130相似的情况下进行多个第四维度的叠加,如图9。而且,上面描述的这个发明中特定的功能和行为是以一个特定的例子形式描述的。所有相似的,修改的,或者基于这里描述的发明的思想进行的改变都将被保护。
在图10中示出了实施本发明的用户界面的计算设备,诸如计算机1000。计算机1000典型地包括处理单元1002、存储器1004、磁盘1006以及外围设备1008。存储器1004典型地包括操作系统、一个或多个程序模块,还可以包括数据。外围设备1008可包括鼠标、键盘以及网络通信设备等。
例如,一个具有普通电脑软件技术的人都可以意识到本发明中提到的客户端/服务端装置,用户界面中的内容,和/或者在本例子中描述的例子中数据的传输方式可以被以另外一种形式在一台或多台电脑上包含更多或更少的选择,或者其它的功能来描述。

Claims (10)

1.一种运用图形用户界面进行人机交互的方法,该用户界面能够操纵多个可视单元,所述方法包括:
响应于用户添加第一可视单元的请求,获取所述第一可视单元的属性信息;在显示设备上绘制第一平面,所述第一平面具有X轴维度和Y轴维度;在与所述第一平面相邻的区域绘制第一Z轴维度标签,所述第一Z轴维度标签与所述第一平面相关联,所述第一Z轴维度标签的属性值与所述第一可视单元的第一属性的值相关联;在所述第一平面中绘制所述第一可视单元;
响应于用户添加第二可视单元的请求,获取所述第二可视单元的属性信息;如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值具有关联关系,则在所述第一平面上绘制所述第二可视单元;以及,
响应于用户的拖拽操作,所述第一可视单元与所述第二可视单元可在所述第一平面中被移动;以及
向服务器传送所述第一可视单元和所述第二可视单元沿X轴维度的坐标和沿Y轴维度的坐标。
2.根据权利要求1所述的方法,其中,
如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值不存在关联关系,则在与所述第一Z轴维度标签的相邻位置绘制第二Z轴维度标签,所述第二Z轴维度标签具有与所述第二可视单元的第一属性的值相关联的属性值,并在相邻于所述第二Z轴维度标签的位置绘制第二平面,所述第二平面也具有X轴维度和Y轴维度,在所述第二平面中绘制所述第二可视单元;以及,响应于用户的拖拽操作,所述第一可视单元可在所述第一平面中被移动,所述第二可视单元可在所述第二平面中被移动。
3.根据权利要求2所述的方法,其中
响应于用户激活所述第一Z轴维度标签的请求,隐藏所述第二平面,并显示所述第一平面;
响应于用户激活所述第二Z轴维度标签的请求,隐藏所述第一平面,并显示所述第二平面。
4.根据权利要求1-3中任何一项的所述方法,其中
所述第一可视单元还具有第二属性,响应于用户的拖拽操作,所述第二属性限制所述第一可视单元在所述第一平面的X轴维度上可被移动的范围。
5.根据权利要求4所述方法,其中,
所述第一可视单元还具有第三属性,响应于用户的拖拽操作,所述第三属性限制所述第一可视单元在所述第一平面的Y轴维度上可被移动的范围。
6.根据权利要求1的所述方法,响应于用户对所述第一平面沿Y轴维度增加一个或多个区段的请求,与所请求增加的区段的数量成此例地增加所述第一平面沿Y轴维度的长度,所述第一可视单元的第三属性与一个或多个Y轴区段相关联,所述第一可视单元在所述第一平面上可被移动。
7.根据权利要求1或2的所述方法,响应于用户添加第一可视单元或第二可视单元的请求,从服务器获取所述第一可视单元或所述第二可视单元的属性信息;响应于用户对所述第一可视单元或所述第二可视单元的拖拽操作,向服务器传送所述第一可视单元或所述第二可视单元被放置的X轴维度以及Y轴维度的坐标信息。
8.根据权利要求2的所述方法,响应于用户将所述第一Z轴维度标签拖动到所述第二Z轴维度标签的位置,交换所述第一Z轴维度标签与所述第二Z轴维度标签的位置,交换后所述第一Z轴维度标签与所述第一平面相关联,所述第二Z轴维度标签与所述第二平面相关联,向服务器传送所述第一Z轴维度标签与所述第二Z轴维度标签交换位置后的位置值。
9.根据权利要求5的所述方法,响应于用户的拖拽操作,向服务器传送被拖拽的可视单元被放置的坐标信息,所述服务器确定对所述可视单元的拖拽操作的目标位置是否超出了由所述第一属性、所述第二属性或所述第三属性所限制的活动范围,如果对所述可视单元的拖拽操作的目标位置超出了由所述第一属性、所述第二属性或所述第三属性所限制的活动范围,则使所述可视单元返回拖拽操作的起始位置,或者显示提示信息。
10.一种运用图形用户界面进行人机交互的系统,该用户界面能够操纵多个可视单元,所述系统包括:
第一模块,用于响应于用户添加第一可视单元的请求,获取所述第一可视单元的属性信息;在显示设备上绘制第一平面,所述第一平面具有X轴维度和Y轴维度;在与所述第一平面相邻的区域绘制第一Z轴维度标签,所述第一Z轴维度标签与所述第一平面相关联,所述第一Z轴维度标签的属性值与所述第一可视单元的第一属性的值相关联;在所述第一平面中绘制所述第一可视单元;
第二模块,用于响应于用户添加第二可视单元的请求,获取所述第二可视单元的属性信息;如果所述第二可视单元的第一属性的值与所述第一Z轴维度标签的属性值具有关联关系,则在所述第一平面上绘制所述第二可视单元;以及,
第三模块,用于响应于用户的拖拽操作,所述第一可视单元与所述第二可视单元可在所述第一平面中被移动;以及
第四模块,用于向服务器传送所述第一可视单元和所述第二可视单元沿X轴维度的坐标和沿Y轴维度的坐标。
CN201010266145.8A 2010-08-30 2010-08-30 一种实现图形用户界面的方法及系统 Expired - Fee Related CN101944021B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201010266145.8A CN101944021B (zh) 2010-08-30 2010-08-30 一种实现图形用户界面的方法及系统
EP11820976.6A EP2613252A4 (en) 2010-08-30 2011-07-05 METHOD AND SYSTEM FOR REALIZING GRAPHICAL USER INTERFACE
PCT/CN2011/001107 WO2012027946A1 (zh) 2010-08-30 2011-07-05 一种实现图形用户界面的方法及系统
US13/779,838 US20130174071A1 (en) 2010-08-30 2013-02-28 Method and system for realizing graphical user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201010266145.8A CN101944021B (zh) 2010-08-30 2010-08-30 一种实现图形用户界面的方法及系统

Publications (2)

Publication Number Publication Date
CN101944021A CN101944021A (zh) 2011-01-12
CN101944021B true CN101944021B (zh) 2014-01-08

Family

ID=43436022

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201010266145.8A Expired - Fee Related CN101944021B (zh) 2010-08-30 2010-08-30 一种实现图形用户界面的方法及系统

Country Status (4)

Country Link
US (1) US20130174071A1 (zh)
EP (1) EP2613252A4 (zh)
CN (1) CN101944021B (zh)
WO (1) WO2012027946A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101944021B (zh) * 2010-08-30 2014-01-08 田文清 一种实现图形用户界面的方法及系统
US20140157099A1 (en) * 2012-12-04 2014-06-05 Rolan Abdukalykov Efficient space allocation for business objects
CN104182121A (zh) * 2014-08-06 2014-12-03 深圳市金立通信设备有限公司 一种悬浮图标的移动方法
CN107480157B (zh) * 2016-06-08 2021-02-19 阿里巴巴集团控股有限公司 局部区域对象展示方法、局部区域线路展示方法及装置
CN107608668B (zh) * 2017-09-22 2021-02-05 网易(杭州)网络有限公司 H5页面制作兼容显示的方法、装置、终端设备及存储介质
CN110022457A (zh) * 2019-03-25 2019-07-16 视联动力信息技术股份有限公司 一种会议预约方法和视联网系统
CN110399194B (zh) * 2019-07-26 2022-12-20 杭州相宜时光科技有限公司 日期信息的显示方法、设备及计算机可读存储介质
CN115885507A (zh) * 2020-08-18 2023-03-31 皮尔公司 正交结构用户界面

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101425063A (zh) * 2007-11-01 2009-05-06 国际商业机器公司 多维度数据集的显示及浏览的方法及设备
CN101794280A (zh) * 2010-03-11 2010-08-04 北京中科辅龙计算机技术股份有限公司 一种基于表格模板集的表格自动生成方法及系统

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6948124B2 (en) * 2000-12-20 2005-09-20 Eastman Kodak Company Graphical user interface utilizing three-dimensional scatter plots for visual navigation of pictures in a picture database
US8028249B2 (en) * 2001-05-23 2011-09-27 Eastman Kodak Company Method and system for browsing large digital multimedia object collections
US7124373B1 (en) * 2002-01-09 2006-10-17 International Business Machines Corporation System and method for rearranging run-time ordering of open tasks
US7003737B2 (en) * 2002-04-19 2006-02-21 Fuji Xerox Co., Ltd. Method for interactive browsing and visualization of documents in real space and time
US20040109025A1 (en) * 2002-08-28 2004-06-10 Jean-Marie Hullot Computer program comprising a plurality of calendars
US9715678B2 (en) * 2003-06-26 2017-07-25 Microsoft Technology Licensing, Llc Side-by-side shared calendars
US20060248109A1 (en) * 2005-04-29 2006-11-02 Microsoft Corporation Filtering a view of information presented by an application based on attributes previously used by a user
US7986324B2 (en) * 2007-01-12 2011-07-26 Fujitsu Limited Display device, display program storage medium and display method
US20080175104A1 (en) * 2007-01-23 2008-07-24 Microsoft Corporation Flexible electronic calendar integrating tasks and appointments
US9026936B2 (en) * 2007-11-13 2015-05-05 Piematrix, Inc. System and method of facilitating project management with user interface
US8612888B2 (en) * 2008-04-01 2013-12-17 Litl, Llc Method and apparatus for managing digital media content
CN101345721B (zh) * 2008-08-14 2011-09-14 腾讯科技(深圳)有限公司 一种创建列表的方法及系统
CN101944021B (zh) * 2010-08-30 2014-01-08 田文清 一种实现图形用户界面的方法及系统

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101425063A (zh) * 2007-11-01 2009-05-06 国际商业机器公司 多维度数据集的显示及浏览的方法及设备
CN101794280A (zh) * 2010-03-11 2010-08-04 北京中科辅龙计算机技术股份有限公司 一种基于表格模板集的表格自动生成方法及系统

Also Published As

Publication number Publication date
CN101944021A (zh) 2011-01-12
US20130174071A1 (en) 2013-07-04
EP2613252A4 (en) 2016-06-22
EP2613252A1 (en) 2013-07-10
WO2012027946A1 (zh) 2012-03-08

Similar Documents

Publication Publication Date Title
CN101944021B (zh) 一种实现图形用户界面的方法及系统
Pasaribu Development of a Web Based Inventory Information System
US8402392B2 (en) Method and apparatus for providing access to and working with architectural drawings on the internet
CN101772756B (zh) 对象堆栈
US9047690B2 (en) System and method for facilitating creation of a rich virtual environment
US20200265121A1 (en) Generating Technical Drawings From Building Information Models
CN105574303A (zh) 企业信息化运行系统
CN104679814A (zh) 基于dwg、dxf文件格式图形的管理方法
CN106775766A (zh) 一种在线通用可视化开发人机交互界面的系统及方法
Mei et al. Datav: Data visualization on large high-resolution displays
CN103838560B (zh) 显示终端的音频信息的显示方法及装置
US20230214545A1 (en) Smart render design tool and method
Samphaongoen A visual approach to construction cost estimating
CN103124286A (zh) 用于拓展云计算和物联网技术基础的天地操作系统
Zhang The revolutions in China’s inter-governmental fiscal system
Dorozhkina et al. Features of the Application of Information Modeling in the Construction Industry
JP2017120453A (ja) 計画管理システム及び方法及び記録媒体
JP6419308B2 (ja) ビジネスモデル開発支援装置及びビジネスモデル開発支援方法
Mizuoka et al. MDA development of Manufacturing Execution System based on automatic code generation
Endah et al. Analysis and design of the integrated management information system of the company (simantap)
Danso-Amoako et al. Framework for a point-n-click interface system for 3D CAD construction visualization and documentation
Kovvuri Web-Based Visual Project Progress (4D BIM) to Plan and Monitor in a More Lean and Efficient Way
Dennis et al. Communication requirements and network evaluation within electronic meeting system environments
CN105488627A (zh) 管理erp中套件展现和编辑的装置及方法
CN115495184A (zh) 单据控件处理方法、装置、设备、介质和计算机程序产品

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
ASS Succession or assignment of patent right

Owner name: TIAN WENQING

Free format text: FORMER OWNER: TREKIZ NETWORK TECHNOLOGY (BEIJING) CO., LTD.

Effective date: 20130820

C41 Transfer of patent application or patent right or utility model
COR Change of bibliographic data

Free format text: CORRECT: ADDRESS; FROM: 100027 CHAOYANG, BEIJING TO: 100016 CHAOYANG, BEIJING

TA01 Transfer of patent application right

Effective date of registration: 20130820

Address after: 100016 Beijing city Chaoyang District South ten ranking No. 28 Dongrunfengjing 5-2-1703

Applicant after: Tian Wenqing

Address before: 100027 Beijing city Chaoyang District Sanyuanqiao Xiaguang No. 66 ocean Shinkansen B block 502

Applicant before: Chuang Yi Yi network technology (Beijing) Co., Ltd.

C14 Grant of patent or utility model
GR01 Patent grant
ASS Succession or assignment of patent right

Owner name: SIRUICHUANG NETWORK TECHNOLOGY (BEIJING) CO., LTD.

Free format text: FORMER OWNER: TIAN WENQING

Effective date: 20140826

C41 Transfer of patent application or patent right or utility model
COR Change of bibliographic data

Free format text: CORRECT: ADDRESS; FROM: 100016 CHAOYANG, BEIJING TO: 100025 CHAOYANG, BEIJING

TR01 Transfer of patent right

Effective date of registration: 20140826

Address after: 100025, Beijing, Chaoyang District Jing Jing Li street, No. 3, No. 6, building -2 to 22, 101, 5, 504-505 rooms

Patentee after: A smart way of network technology (Beijing) Co., Ltd.

Address before: 100016 Beijing city Chaoyang District South ten ranking No. 28 Dongrunfengjing 5-2-1703

Patentee before: Tian Wenqing

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

Granted publication date: 20140108

Termination date: 20170830