具有图形用户界面的装置及开发多媒体计算机应用程序的方法制造方法及图纸

本发明专利技术提供生成和实施图形用户界面（GUIs）的系统和技术，该图形用户界面用于连接和绑定不同对象，包括图形对象和逻辑对象。在提供的GUIs中，使用可视配线表示锁定上述对象不同属性的绑定连接，从而这些属性享有相同值或一组相同值。上述绑定连接允许用户在创建时和/或在运行时，通过控制上述链接对象中的剩余对象中的一个或更多个的属性变化，来对上述链接对象中的任意一个作属性变化。

【技术实现步骤摘要】
【国外来华专利技术】
本专利技术主要涉及用于开发多媒体计算机应用程序的图形用户界面(GUIs)的程序女口广叩ο
技术介绍
建立计算机程序通常需要使用编辑器撰写源代码的步骤，编译该源代码以建立程 序的步骤，以及调试该程序的步骤。这些步骤的每一步是分离的、独立的步骤。通常，撰写源代码使用特定的编程语言。编程语言是人工语言，用于表达引导机器 执行特定功能和/或动作的计算、运算和逻辑。有许多不同的编程语言。如同人类语言，每 个编程语言需要有特定形式的语法和语义的撰写规范。因此，撰写源代码需要遵循编程语 言的特定语法和语义的规则来输入文本。然后使用编译器编译源代码以建立程序。编译器是计算机程序，其将撰写的源代 码转换成另一种语言以建立程序。程序通常是具有机器被构造成以理解和/或遵循的形式 的语目。例如，程序可以是二进制码或汇编语目。在源代码中检测错误是困难的，因为这些错误通常是在编译步骤时或编译之后才 被检测出来。在源代码中的错误会引起程序缺陷。程序缺陷由许多因素产生，例如，使用的 编程语言的类型、源代码中不正确的语法、和/或源代码中的打字错误。相应地，计算机编 程通常包括调试步骤。调试是检测和定位程序缺陷以修复程序缺陷的过程。调试通常是个 极冗长的过程。建立计算机程序通常需要将文本输入某种形式的文本编辑器。有一些程序帮助建 立包括图形用户界面(GUI)的源代码和/或程序。Gn是一种用户界面，通常提供用户可控 制的可视指示符以执行动作。被普遍接受的是，Gn减少了与计算机交互作用的命令行界 面的陡峭的学习曲线。也被普遍接受的是，Gn允许更大的效率和生产率。然而，遵循编程 语言的语法和语义输入文本以建立源代码通常是没有替代方案的。专利技术概要本专利技术提供生成和实施图形用户界面(GUIs)的系统和技术，该图形用户界面用于 连接和绑定不同对象，包括图形对象和逻辑对象。在提供的GUIs中，使用可视配线表示锁 定对象不同属性的绑定连接，从而这些属性享有相同值或一组相同值。绑定连接允许用户 在创建时和/或在运行时，通过控制链接对象中的剩余对象中的一个或多个的属性变化， 对链接对象中的任意一个作属性变化。本专利技术描述的绑定连接可包括若干属性，这些属性 可方便地用于包括网络学习，游戏和通信等广泛的应用程序中。例如，绑定连接可以是双向 的，在该连接线任意一端的属性变化会引起另一端的相应属性变化。绑定连接的方向性可 以使用主/从关系自定义以处理同时在该绑定配线的两端作各属性变化的竞态条件。可使 用多重绑定连接来串接多个对象，在链接对象中的任意一个的属性变化可引起链接对象中的剩余对象各自相应的属性变化。多重绑定连接可在多个对象间形成连接网，从而在这些 对象的属性变化间以任何恰当的方式提供各种交互。本专利技术提供的系统和技术可提供下述优点的一个或多个。第一，在统一的创建和 运行环境中可提供图形用户界面的灵活实施，以连接和绑定各种对象，包括图形对象和逻 辑对象。第二，可提供绑定配线以可视化和自定义各种对象间的绑定连接，从而使不精通程 序语言的用户能在创建和/或运行时控制对象的属性变化。第三，可提供在网络环境和桌 面环境中图形用户界面的灵活布局，以允许多个用户实施该图形用户界面，以从不同的地 理位置和/或在用户实体的防火墙内相互合作。第四，可采用云架构以允许上述系统与如 Facebook, Twitter和LinkedIn等社交网络平台和如iPhone和Android等移动装置相互 整合，以便于多个用户和/或实体间的复杂交互。一个或多个实施例的细节将在下面的附图和说明书中阐明。其他特征和优点将由 说明书、附图和权利要求显现。附图简要说明附图说明图1是提供用于建立多媒体计算机应用程序的结合编程与运行的实施程序的系 统示意图2A是通过网络浏览器提供用户建立多媒体计算机应用程序的结合编程与运行 的实施程序的流程的流程图2B是通过存储于用户终端的结合编程与运行的软件应用程序来提供用于建立 多媒体计算机应用程序的结合编程与运行的实施程序给用户的流程的流程图3是用于建立各种对象的示例GUI的示例屏幕截图4是包括与信息中心和检查器链接的对象的如图3所示的示例GUI的示例屏幕 截图5A-5B是用于在一个对象的一属性与另一个对象的一属性间建立绑定连接的 如图3所示的示例GUI的两个示例屏幕截图6A-6B是用于在一个对象的一属性与另一个对象的两个属性间建立两个绑定 连接的如图3所示的示例GUI的两个示例屏幕截图7A显示了包含一组三个对象的示例场区域，该场区域剪切超出该场区域边界 的该对象组的部分；图7B显示了包含两个其他示例场区域的示例场区域；图7C显示了具 有三个页面以形成翻页册的示例场区域；以及图7D显示了形成网格的五个示例场区域；图8A-8B是用于在一个对象的两个属性与另一个对象的两个属性间建立两个绑 定连接的如图3所示的示例GUI的两个示例屏幕截图9A-9B是用于在一个对象的一属性与三个其他对象的三个属性间建立三个绑 定连接的如图3所示的示例GUI的两个示例屏幕截图10A-10D是用于在两个对象的两个属性与另一个对象的两个属性间建立两个 绑定连接的如图3所示的示例GUI的四个示例屏幕截图1IA-1ID是用于建立将三个对象串接的两个绑定连接的如图3所示的示例⑶I 的四个示例屏幕截图12A-12C是用于通过创建时建立的链接两个对象的绑定连接在运行时藉由改 变另一个对象的一个属性来改变一个对象的一个属性的如图3所示的示例GUI的三个示例屏幕截图；图13A_13C是用于通过创建时建立的链接两个对象的二个绑定连接在运行时藉 由改变另一个对象的一个属性来改变一个对象的二个属性的如图3所示的示例6肌的三个 示例屏幕截图；图14A_1犹是用于通过创建时建立的链接两个对象及另ー个对象的ニ个绑定连 接在运行时经由改变另一个对象的二个属性来改变二个对象的二个属性的如图3所示的 示例GUI的三个示例屏幕截图；图15A_150是用于通过创建时建立的链接两个对象的绑定连接经由改变另ー个 对象的状态而在创建时或运行时改变一个对象的状态的如图3所示的6肌的四个示例屏幕 截图；图16是用于生成可用于连接和绑定两个对象的示例GUI的系统的例子；图17是用于实施图16所示的示例系统的示例方法的流程图；图18示出了用于建立和实施绑定连接的子系统的例子；图19是用于在竞态条件的情形自定义绑定方向的示例方法的流程图；图20是用于生成可用于连接和绑定三个或更多个对象成系列的示例GUI的系统 的例子；图21是用于在链接成系列的三个或更多个对象间建立和实施绑定连接的子系统 的例子；图22是用于在链接成系列的三个或更多个对象间传播属性或状态变化的示例方 法的流程图；图23是可用于实施本专利技术描述的系统和方法的计算装置的例子；图M是包括交互对象的OTI的示例屏幕截图；图25是包括交互对象的OTI的示例屏幕截图；图2A_26B是根据一实施例的交互对象的示例屏幕截图；图27A_27B是根据一实施例的有压缩栏的交互对象的示例屏幕截图；图2A_28B是根据一实施例的包含其他交互对象的交互对象的示例屏幕截图；图四是根据一实施例的交互对象和与该交互对象相关联的信息中心的示例屏幕 截图；图30是根据一实施例的包含连接于交互对象的端口区的对本文档来自技高网...

【技术保护点】

【技术特征摘要】
【国外来华专利技术】2010.06.02 US 61/350,909;2010.11.04 US 61/410,0541.一种提供图形用户界面(GUI)给计算机用于可视编程的方法，该GUI包括创建模式界面，该方法包括在所述计算机的显示器上显示所述创建模式界面，所述创建模式界面包括用于建立程序对象的工具箱和用于可视编程的主窗口，该工具箱被配置成允许在该主窗口中一个或更多个程序对象的建立；监控从所述工具箱对程序对象的选择；检测对所述程序对象的选择；在检测到对所述程序对象的选择后，检测所述主窗口中的位置以建立所述程序对象； 在所述显示器上，在所述主窗口中所检测的位置上显示所述程序对象以建立所述程序对象；以及在所述显示器上显示与所述程序对象相关联的信息中心，所述信息中心包括与所述程序对象的属性相关联的功能区。2.根据权利要求1所述的方法，其特征在于，所述方法还包括监控从所述工具箱对第二程序对象的选择；检测对所述第二程序对象的选择；在检测到对所述第二程序对象的选择后，检测所述主窗口中的位置以建立所述第二程序对象；在所述显示器上显示在所述主窗口中所检测的位置上的所述第二程序对象以建立所述第二程序对象；在所述显示器上显示与所述第二程序对象相关联的第二信息中心，所述第二信息中心包括与所述第二程序对象的属性相关联的第二功能区；检测对所述功能区和所述第二功能区的选择以在所述功能区与所述第二功能区间形成信息交换；以及在所述显示器上显示在所述主窗口中连接所述功能区至所述第二功能区的可视配线， 该可视配线表示所述功能区与所述第二功能区间的信息交换，所述程序对象的属性与所述第二程序对象的属性链接。3.根据权利要求1所述的方法，其特征在于，所述⑶I还包括运行模式界面，该方法还包括在所述显示器上显示包括运行模式窗口的所述运行模式界面；在所述运行模式窗口中显示所述程序对象和所述第二程序对象；以及允许用户与所述程序对象交互以将变化作用于所述第二程序对象的属性。4.根据权利要求3所述的方法，其特征在于，所述CTI还包括编辑模式界面，该方法还包括在所述显示器上显示包括编辑模式窗口的所述编辑模式界面；以及允许用户控制所述编辑模式窗口中的程序对象在所述运行模式界面是否可移动。5.根据权利要求1所述的方法，其特征在于，所述主窗口包括第一坐标系统，并且在所述主窗口中所检测的位置上根据所述第一坐标系统显示所述程序对象；所述程序对象是容器对象，所述容器对象包括窗口边界和第二坐标系统；所述第二坐标系统独立于所述第一坐标系统；以及所述容器对象被配置成包含根据所述第二坐标系统定位的另一程序对象。6.根据权利要求5所述的方法，其特征在于，还包括在所述容器对象中显示根据所述第二坐标系统定位的内部程序对象。7.根据权利要求5所述的方法，其特征在于，还包括显示窗口端口，所述窗口端口被配置成允许显示于所述容器对象中的内部程序对象与显示于所述容器对象外的外部程序对象间的连接。8.根据权利要求7所述的方法，其特征在于，还包括在所述容器对象中显示根据所述第二坐标系统定位的所述内部程序对象；在所述容器对象中显示与所述内部程序对象相关联的内部信息中心，该内部信息中心包括与该内部程序对象的属性相关联的内部功能区；检测对所述内部功能区和所述端口的选择以显示连接所述内部功能区与所述端口的可视配线；以及显示连接所述内部功能区至所述端口的所述可视配线，所述可视配线表示所述内部功能区与所述端口间的信息交换。9.根据权利要求8所述的方法，其特征在于，还包括显示与所述内部程序对象相关联的内部信息中心中的功能区，所述功能区是可编辑的并且与所述内部功能区和所述端口间的连接相关联。10.根据权利要求9所述的方法，其特征在于，还包括显示在所述容器对象外的所述主窗口中根据所述第一坐标系统定位的外部程序对象；在所述主窗口中显示与所述外部程序对象相关联的外部信息中心，所述外部信息中心包括与所述外部程序对象的属性相关联的外部功能区；检测对所述外部功能区和所述内部信息中心的所述功能区的选择以显示连接所述外部功能区与所述内部信息中心的所述功能区的第三可视配线；以及显示连接所述外部功能区至所述内部信息中心的所述功能区的所述第三可视配线，所述第一和第三可视配线表示所述内部功能区与所述外部功能区间的信息交换，所述内部程序对象的属性与所述外部程序对象的属性链接。11.根据权利要求8所述的方法，其特征在于，还包括在所述容器对象外的所述主窗口中显示根据所述第一坐标系统定位的外部程序对象；在所述主窗口中显示与所述外部程序对象相关联的外部信息中心，该外部信息中心包括与所述外部程序对象的属性相关联的外部功能区；检测对所述外部功能区和所述端口的选择以显示连接所述外部功能区与所述端口的第二可视配线；以及显示连接所述外部功能区至所述端口的所述第二可视配线，所述第一和第二可视配线表示所述内部功能区与所述外部功能区间的信息交换，所述内部程序对象的属性与所述外部程序对象的属性链接。12.—种计算机上的图形用户界面(GUI)，该计算机具有显示器、存储器和一个或更多个处理器以执行存储于该存储器中的一个或更多个程序，以实施用于显示于该显示器上的可视编程的方法，该GUI包括创建模式界面，其特征在于，该方法包括在所述计算机的显示器上显示所述创建模式界面，该创建模式界面包括用于建立程序对象的工具箱和用于可视编程的主窗口，该工具箱被配置成允许在该主窗口中建立一个或更多个程序对象；监控从所述工具箱对程序对象的选择；检测对所述程序对象的选择；在检测到对所述程序对象的选择后，检测所述主窗口中的位置以建立所述程序对象； 在所述显示器上，在所述主窗口中所检测的位置上显示所述程序对象以建立所述程序对象；以及在所述显示器上显示与所述程序对象相关联的信息中心，所述信息中心包括与所述程序对象的属性相关联的功能区。13.根据权利要求12所述的⑶I，其特征在于，所述方法还包括监控从所述工具箱对第二程序对象的选择；检测对所述第二程序对象的选择；在检测到对所述第二程序对象的选择后，检测所述主窗口中的位置以建立该第二程序对象；在所述显示器上，在所述主窗口中所检测的位置上显示所述第二程序对象以建立所述第二程序对象；在所述显示器上显示与所述第二程序对象相关联的第二信息中心，该第二信息中心包括与所述第二程序对象的属性相关联的第二功能区；检测对所述功能区和所述第二功能区的选择以在所述功能区与所述第二功能区间形成信息交换；以及在所述显示器上显示在所述主窗口中连接所述功能区至所述第二功能区的可视配线， 该可视配线表示所述功能区与第二功能区间的信息交换，所述程序对象的属性与所述第二程序对象的属性链接。14.根据权利要求12所述的⑶I，其特征在于，还包括运行模式界面，所述方法还包括在所述显示器上显示包括运行模式窗口的所述运行模式界面；在所述运行模式窗口中显示所述程序对象和所述第二程序对象；以及允许用户与所述程序对象交互以改变所述第二程序对象的属性。15.根据权利要求14所述的⑶I，其特征在于，还包括编辑模式界面，所述方法还包括在所述显示器上显示包括编辑模式窗口的所述编辑模式界面；以及允许用户控制所述编辑模式窗口中的程序对象在所述运行模式界面是否可移动。16.根据权利要求12所述的⑶I，其特征在于，所述主窗口包括第一坐标系统，并且将所述程序对象显示在所述主窗口中所检测的位置上是根据所述第一坐标系统；所述程序对象是容器对象，所述容器对象包括窗口边界和第二坐标系统；所述第二坐标系统独立于所述第一坐标系统；以及所述容器对象被配置成包含根据所述第二坐标系统定位的另一程序对象。17.根据权利要求16所述的GUI，其特征在于，所述方法还包括在所述容器对象中显示根据所述第二坐标系统定位的内部程序对象。18.根据权利要求16所述的⑶I，其特征在于，所述方法还包括显示窗口端口，该窗口端口被配置成允许显示于所述容器对象中的内部程序对象与显示于所述容器对象外的外部程序对象间的连接。19.根据权利要求18所述的GUI，其特征在于，所述方法还包括在所述容器对象中显示根据所述第二坐标系统定位的所述内部程序对象；在所述容器对象中显示与所述内部程序对象相关联的内部信息中心，所述内部信息中心包括与该内部程序对象的属性相关联的内部功能区；检测对所述内部功能区和所述端口的选择以显示连接所述内部功能区与该端口的可视配线；以及显示连接所述内部功能区至所述端口的所述可视配线，所述可视配线表示所述内部功能区与所述端口间的信息交换。20.根据权利要求19所述的GUI，其特征在于，所述方法还包括显示与所述内部程序对象相关联的内部信息中心中的功能区，所述功能区是可编辑的并且与所述内部功能区和所述端口间的连接相关联。21.根据权利要求20所述的GUI，其特征在于，所述方法还包括在所述容器对象外的所述主窗口中显示根据所述第一坐标系统定位的外部程序对象；在所述主窗口中显示与所述外部程序对象相关联的外部信息中心，所述外部信息中心包括与所述外部程序对象的属性相关联的外部功能区；检测对所述外部功能区和所述内部信息中心的所述功能区的选择以显示连接所述外部功能区与所述内部信息中心的所述功能区的第三可视配线；以及显示连接所述外部功能区至所述内部信息中心的所述功能区的所述第三可视配线，所述第一和第三可视配线表示所述内部功能区与所述外部功能区间的信息交换，所述内部程序对象的属性与所述外部程序对象的属性链接。22.根据权利要求19所述的GUI，其特征在于，所述方法还包括在所述容器对象外的所述主窗口中显示根据所述第一坐标系统定位的外部程序对象；在所述主窗口中显示与所述外部程序对象相关联的外部信息中心，所述外部信息中心包括与所述外部程序对象的属性相关联的外部功能区；检测对所述外部功能区和所述端口的选择...

【专利技术属性】
技术研发人员：M·W·艾伦，S·M·伯思，P·J·克雷凯尔伯格，
申请(专利权)人：艾伦智能科技公司，
类型：
国别省市：