Gui程序制作辅助装置、gui程序制作辅助方法、程序及集成电路的制作方法

专利名称：Gui程序制作辅助装置、gui程序制作辅助方法、程序及集成电路的制作方法
技术领域：
本发明涉及一种⑶I (Graphical User Interface,图形用户界面)程序的制作辅 助技术，尤其是有关提高GUI程序的制作效率的技术。
背景技术：
近年来，个人电脑、手机及数字电视等数字家电产品(以下称为“设备”)普遍都具 备 GUI。在用于使设备运行GUI的GUI程序制作中，为了提高开发效率，利用辅助GUI程序 制作的GUI编译器(GUI builder)。利用⑶I编译器，设计师将构成按钮或图像等⑶I的部件(⑶I部件)配置在工作 画面上，给配置的GUI部件设定大小或颜色等属性。GUI编译器根据配置于工作画面的GUI 部件、为各⑶I部件设定的属性，制作画面布局(screen layout)。而且，利用GUI编译器，设计师进行将处理程序与构成画面布局的各GUI部件关联 起来的工作。在此，处理程序是记载有用户对GUI部件进行操作时要执行的处理的程序，由 程序员预先记述。如果由设计师进行的将处理程序对应关联的工作结束，GUI编译器按照与画面布 局和构成该画面布局的各GUI部件关联的处理程序，自动生成GUI程序的源代码(source code)。作为这样的⑶I编译器，例如已由专利文献1所公开。然而，在专利文献1所记载的GUI编译器中，完全没有考虑在处理程序所对应关联 的画面布局被替换成别的画面布局时，简化对构成替换后的画面布局的各GUI部件进行处 理程序的对应关联的工作。专利文献1 :日本专利公报特许第4197095号。

发明内容
本发明的目的在于提供一种能够提高在替换画面布局开发新的GUI程序时的开 发效率的技术。本发明所提供的GUI程序制作辅助装置包括，根据用户的操作输入，生成包含多 个⑶I (图形用户界面)部件的⑶I画面布局，并将已生成的画面布局替换成别的画面布局 的画面布局制作部；根据用户的操作输入，制作与操作所述GUI部件时所执行的处理有关 的处理程序的处理程序制作部；根据用户的操作输入，将所述GUI部件与所述处理程序进 行关联，生成表示该关联的连接信息的连接设定部；基于所述画面布局、所述处理程序以及 所述连接信息，生成Gn程序的源代码的源代码生成部；当由所述画面布局制作部将已生 成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的GUI部 件类似的GUI部件，并将类似的GUI部件彼此对应起来的画面布局比较部；执行将与所述替 换前画面布局的⑶I部件关联的所述处理程序与通过所述画面布局比较部而被对应起来的GUI部件进行关联的连接恢复处理的连接信息恢复部。


图I是本发明实施方式的GUI程序制作辅助装置的方框图。图2是在画面布局制作部生成画面布局时在显示器显示的输入画面的一个例子的示意图。图3是画面布局定义信息的一个例子的示意图。图4是在用户进行将⑶I部件和处理程序关联起来的工作时所显示的输入画面的一个例子的示意图。图5是连接信息的一个例子的示意图。 图6是处理程序的一个例子的示意图。图7是源代码的ー个例子的示意图。图8(A)是替换前画面布局的一个例子的示意图，(B)是替换后画面布局的ー个例子的示意图。图9是表示本发明实施方式的GUI程序制作辅助装置进行GUI程序制作处理的流程图。图10是表示替换画面布局时的处理的流程图。图11是表示图10中S2300的子程序的流程图。图12是表示比较例的⑶I编译器的结构的方框图。图13是表示本发明实施方式的GUI程序制作辅助装置的硬件结构的方框图。
具体实施例方式(到获得本实施方式的⑶I程序制作辅助装置为止的经过)图12是表示比较例的⑶I编译器的结构的方框图。在图12中，比较例的⑶I编译器2000包括画面布局制作部2001、连接设定部2002、处理程序制作部2003、源代码生成部2004以及存储部2005。画面布局制作部2001根据用户的操作输入生成⑶I的画面布局。连接设定部2002根据用户的操作输入，将处理程序与构成画面布局的GUI部件进行关联，生成表示GUI部件和处理程序的连接关系的连接信息。处理程序制作部2003按照程序员的操作输入制作处理程序。源代码生成部2004基于画面布局、处理程序及连接信息，生成⑶I程序的源代码。存储部2005保存画面布局、处理程序、连接信息、⑶I程序的源代码。然而，在图12所示的GUI编译器的情况下，如果与处理程序关联的画面布局被替换为别的画面布局，用户还必须逐一进行将处理程序与构成替换后的画面布局的各⑶I部件关联起来的工作，存在非常费事的问题。尤其是，有时只需对替换前的画面布局作些轻微的修正来制作替换后的画面布局，在这种情况下，用户也必须再次进行与对替换前的画面布局所做的工作几乎同样的エ作，造成很大的负担。因此，本实施方式的目的在于提供ー种能够提高在替换画面布局开发新的GUI程序时的开发效率的技术。
(本发明的实施方式的GUI程序制作辅助装置的说明)下面，參照附图对本发明的实施方式进行说明。图I是本发明实施方式的GUI程序制作辅助装置100的方框图。⑶I程序制作辅助装置100由包括中央运算装置、和ROM、RAM及硬盘等存储装置、显示器等输出装置以及键盘等输入装置的计算机构成。⑶I程序制作辅助装置100包括画面布局制作部101、连接设定部102、处理程序制作部103、源代码生成部104、画面布局比较部105、连接信息恢复部106及存储部200。在此，画面布局制作部101至连接信息恢复部106例如由CPU执行的程序模块构成。画面布局制作部101根据用户的操作输入，生成包含多个⑶ I部件的⑶I画面布局。图2是在画面布局制作部101生成画面布局时在显示器显示的输入画面301的ー个例子的示意图。画面布局制作部101通过该输入画面301接收来自用户的操作输入。输入画面301包括工作区域L31、程序配置区域L32及⑶I部件选择区域L33。工作区域L31设置在输入画面301的中央，根据用户的操作输入，⑶I部件302被配置。工作区域L31与画面布局相对应，工作区域L31的各位置为画面布局的各位置。在此，规定工作区域L31的水平方向(横向)为X轴，垂直方向(纵向)为Y轴，用X坐标和Y坐标规定各位置。因此，画面布局的各位置也以工作区域L31的X坐标和Y坐标来表示。程序配置区域L32设在输入画面301的下部，显示表示能够与⑶I部件关联起来的处理程序的图标304。在图2的例子中，显示写有player_program的一个图标304。另夕卜，如果能够与GUI部件关联的处理程序存在多个，则各处理程序的图标304都显示在程序配置区域L32。⑶I部件选择区域L33设在输入画面的右侧，一览显示用户可选择的预先确定的多个⑶I部件。在图2的例子中，GUI部件包括Box、Button、Label、以及List。用户从⑶I部件选择区域L33所显示的⑶I部件中，通过点击例如鼠标来选择喜欢的⑶I部件。然后，将所选择的⑶I部件拖放在工作区域L31。由此，⑶I部件被追加到制作中的画面布局。另外，画面布局制作部101具备设定⑶I部件属性的功能。作为⑶I部件的属性，包括例如名称、位置、大小及字符串。名称属性定义赋予CTI部件的名称。位置属性定义⑶I部件配置在工作区域L31中的位置。字符串属性定义⑶I部件所显示的字符串。图2中，假设用户使用鼠标双击了工作区域L31所显示的⑶I部件302。于是，画面布局制作部101在与⑶I部件302相邻的位置显示用于设定⑶I部件302的属性的属性设定面板303。用户通过在属性设定面板303设置的各属性输入栏内输入属性值，设定⑶I部件302的属性。在图2的例子的属性设定面板303中，“Name”栏中输入名称的属性值，“X”、“Y”栏中输入位置的属性值，栏中输入大小属性值，“Text”栏中输入字符串属性值。“Name”栏中填写了 “ Button_01”。因此，⑶I部件302的名称的属性值为“Button_0I”。另外，“X”、“Y”栏里分别填写了“ 100”、“100”。因此，⑶I部件302的位置属性值的X坐标为100，Y坐标为100。也就是说，⑶I部件302在画面布局中配置在(X，Y) = (100，100)的位置。
另外，如果用户在工作区域L31内操作鼠标使GUI部件302移动，则工作区域L31内的⑶I部件302的位置在“X”、“Y”栏得到反映。也就是说，用户通过在X”、“Y”栏中直接输入属性值，或用鼠标使GUI部件302移动，从而设定GUI部件302的位置的属性值。“W”、“H”栏中分别填写了 “50”、“ 120”。因此，⑶I部件302的大小属性值在水平方向为“50”，在垂直方向为“120”。此时，⑶I部件302为具有50X120尺寸的矩形。“Text”栏中填写“push”。因此，⑶I部件302的字符串属性为“push”，在⑶I部件302上重叠有“push”的字符串。当由用户在工作区域L31配置⑶I部件，对所配置的⑶I部件设定属性的工作完成后，画面布局制作部101生成各⑶I部件属性已被定义的画面布局定义信息201，并存储于存储部200。这样，画面布局制作部101通过生成画面布局已被定义的画面布局定义信息201，从而生成画面布局。
画面布局定义信息201,用例如XML(eXtensible Markup Language :可扩展标记语言)记述。图3是画面布局定义信息201的一个例子的示意图。图3的例子示出包含⑶I部件302的画面布局的画面布局定义信息201。⑶I部件302属于按钮部件类别。因此，在图3的例子中，〈class〉的标记中记述“Button”。在此，部件类别定义⑶I部件的种类。另外，作为部件类别，还存在标签、列表、文本框(box)等。因此，作为⑶I部件的种类，除按钮外还存在标签、列表、文本框等。另外，GUI部件302的位置的属性值为(X，Y) = (100，100)。因此，<x>的标记中记述100, <y>的标记中记述100。另外，⑶I部件302的大小的属性值为(W，H) = (50，100)。因此，〈width〉的标记中记述50,〈height〉的标记中记述100。另外，由于⑶I部件302的字符串的属性值为“push”，因此〈text〉的标记中记述“push”。并且，画面布局制作部101具有根据用户的操作输入，将通过上述的操作而制作成的画面布局与保存完毕的画面布局进行替换的功能。回到图1，连接设定部102根据用户的操作输入，将⑶I部件和处理程序进行关联，生成表示该关联的连接信息202，并存储于存储部200。具体来说，如果用户在按压键盘的指定键的状态下用鼠标选择图2所示的工作区域L31中配置的GUI部件302，并拖放至如图2所示的程序配置区域L32中配置的图标304，则连接设定部102请求画面布局制作部101在显示器显示图4所示的输入画面。图4是在用户进行将⑶I部件和处理程序关联起来的工作时所显示的输入画面的一个例子的示意图。在图4的输入画面中，⑶I部件302和图标304由线段502连接。然后，从该线段502的中央分歧出线段503，在线段503的前端显示有方法列表501。方法列表501显示图标304所示的处理程序(player_program)所具备的多个方法的ー览表。在图4的例子中，示出、]^”、“81(^”、“デ；1^￥31(1”、“代￥；[11(1”的方法。用户从这些方法中选择ー个或多个方法，将处理程序与GUI部件302关联起来。在图4的例子中,“play”的方法用黑圆点表示,被用户所选择。此时,连接设定部102将player_program的“play”方法与GUI部件302关联起来。这样，本实施方式中，在将处理程序与GUI部件关联起来的同时也将该处理程序所包含的某一方法与GUI部件进行关联。图5是连接信息202的一个例子的示意图。如图5所示，连接信息202由例如XML记述。但是，这只是ー个例子，只要是电脑能解释的语言，用什么样的语言记述都可以。在图5中，示出了针对图2所示的⑶I部件302的连接信息202。图5中，<ui>标记中记述⑶I部件302的名称“Button_01”。〈program〉的标记中记述处理程序的名称“player_program”。由此,“player_program”的处理程序与⑶I部件302被关联起来。另外，在“method”的标记中，记述了处理程序中被关联起来的方法名“play”。由此，“play”方法与⑶I部件302被关联起来。 本实施方式中，连接信息202例如针对每个GUI部件而被生成并存储于存储部200。而且，连接信息202记述有⑶I部件的名称的属性值。因此，将⑶I部件302的名称的属性值作为线索(key)，能够确定GUI部件302的连接信息202，从而能够确定与GUI部件关联的处理程序。处理程序制作部103根据用户的操作输入，制作与⑶I部件被操作时执行的处理有关的处理程序203。具体来说，处理程序制作部103例如由文本编辑器(text editor)构成，进行处理程序203的制作和编辑。制作成的处理程序203被保存在存储部200。处理程序203例如由JavaScript (注册 商标)等记述,具备至少ー个以上的方法。图6是处理程序203的一个例子的不意图。图6的例子示出图4所示的“player_program”的处理程序203。在图6的第一行ILi述“player—program'，, “player—program，，被宣布。如图4 所不，“卩1&5^1'_卩1'08以111”包括“卩1&7”、“810卩”、“打(^ ^(1”、“代￥；[11(1”的方法。因此，在图6的3至6行的各行定义了这些方法。图6的例子省略了各方法的详细的程序代码。另外，假设制作处理程序203的用户主要是程序员，是与制作画面布局的设计人员不同的用户。另外，执行方法的设备也可以与显示⑶I的设备不同。即，当显示⑶I的设备例如通过网络与服务器连接时，如果用户操作GUI部件，则该设备将GUI部件的操作信息通知给服务器。然后，服务器可以根据该操作信息执行与GUI部件关联的方法，将处理结果返回给设备。在这种情况下，安装有⑶I的设备也可不必安装处理程序203。这样，处理程序203即可以存在干与安装有Gn设备同一的设备，也可以存在于用网络连接的不同的设备。源代码生成部104根据画面布局定义信息201、连接信息202以及处理程序203，制作GUI程序的源代码204。制作成的源代码204被保存于存储部200。源代码204例如用Java (注册 商标)Script记述。另外，画面布局制作部101可以变更画面布局的设定，使画面布局存在于与安装处理程序的设备不同的设备。此时，源代码生成部104生成用于让画面布局上的⑶I部件经由网络访问安装处理程序203的设备的源代码204。图7是源代码204的一个例子的示意图。图7的例子示出⑶I部件302的源代码204。第一行属于按钮的部件类别的对象的“buttonl”被宣布。在第二行记述“buttonl. setProgram(player_program)，，，“player_program，，与“buttonl” 的对象关联起来。在第三行，记述“buttonl. setProgramMethod ( “play”)”，“play” 的方法与buttonl的对象关联起来。因此,安装有源代码204的设备在⑶I部件 302被操作时，执行player_program的“play”的方法。这样，源代码生成部104解析画面布局定义信息201，提取表示画面布局上的各GUI部件的种类或显示位置的属性，生成各GUI部件的源代码204，将所提取的属性注册到所生成的源代码204。另外，在图7的例子中，省略了 GUI部件的属性的记述。而且，源代码生成部104解析连接信息202，提取与各GUI部件相关联的处理程序203及方法。然后，当GUI部件发生了事件(event)(例如，用户按下部件的GUI部件等事件)时，源代码生成部104将用于调出与⑶I部件关联的处理程序203及方法的代码记述于源代码204。由此，当GUI部件发生事件时，源代码204被解释，关联的处理程序的方法被执行。在本实施方式中，源代码204针对每个GUI部件而生成，以画面布局为单位归纳成I个文件。回到图I，存储部200例如由HDD (硬盘驱动器)构成，保存画面布局定义信息201、连接信息202、处理程序203以及处理程序源代码204。在由画面布局制作部101将生成完毕的画面布局替换为别的画面布局时，画面布局比较部105从替换前画面布局推測与替换后画面布局的⑶I部件类似的⑶I部件，将类似的GUI部件彼此对应起来。有关推测的详细内容，将在以后详述。连接信息恢复部106执行将与替换前画面布局的⑶I部件关联的处理程序与通过画面布局比较部105而被对应起来的⑶I部件进行关联的连接恢复处理。在以往的⑶I编译器中，当替换生成完毕的画面布局制作别的画面布局时，用户必须用手工进行操作，逐一地将处理程序与替换后画面布局的各⑶I部件进行关联。例如，替换后的画面布局通过删除替换前画面布局的一部分⑶I部件、或向替换前画面布局追加新的⑶I部件、或变更替换前画面布局的⑶I部件的位置来制作的情况较多。因此，替换后画面布局相对于替换前画面布局而言很多⑶I部件是共同的可能性较高。如果象以往的GUI编译器那样，让用户进行将处理程序分别与替换后画面布局的各GUI部件关联起来的操作，会加重用户的负担。因此，在本实施方式中，针对替换后画面布局的各⑶I部件，从替换前画面布局中推测类似的GUI部件，对被推测有类似的GUI部件的替换后画面布局的GUI部件，自动地将处理程序与类似的GUI部件关联起来。由此，能够减轻用户针对替换后画面布局将处理程序进行关联的负担，从而能大幅提高⑶I画面布局的开发效率。具体来说，连接信息恢复部106将进行了连接恢复处理的替换后画面布局的⑶I部件的名称的属性值，用对应的替换前画面布局的GUI部件的名称的属性值更新。例如，假设替换后画面布局的⑶I部件的名称的属性值为“ButtonJU”，替换前画面布局的⑶I部件的名称的属性值为“Button_A”，则替换后画面布局的GUI部件的名称的属性值成为“Button—A”。
由此，将与替换前画面布局的⑶I部件关联的处理程序及方法与替换后画面布局的GUI部件关联起来。也就是说，替换后画面布局的⑶I部件的连接信息202及源代码204，以替换前画面布局的GUI部件的名称的属性值的“Button_A”为线索而与替换前画面布局的画面布局定义信息201相关联。因此，如果用替换前画面布局的GUI部件的名称的属性值更新替换后画面布局的⑶I部件的名称的属性值，则可以不用重新生成替换后画面布局的⑶I部件的连接信息202及源代码204，将替换前画面布局的⑶I部件的处理程序和方法与替换后画面布局的GUI部件关联起来。另外，连接信息恢复部106向用户通知通过画面布局比较部105而被对应起来的GUI部件，对由用户进行了表示推测结果正确的操作输入的GUI部品执行连接恢复处理。
例如，对于替换后画面布局的⑶I部件，也有可能推測出与用户设想的⑶I部件不同的其他⑶I部件为类似的⑶I部件。此时，由于连接恢复处理自动运行，所以用户必须解除关联，再次进行将所希望的处理程序和方法与替换后画面布局的GUI部件关联起来的操作。这样，反而降低了用户的工作效率。因此，采用询问用户推测结果是否正确的结构。由此，可以让用户事先判断推测结果是否正确，防止将用户意图之外的处理程序与替换后画面布局的⑶I部件关联，从而可以提高工作效率。作为询问的方式，可以将替换后画面布局的⑶I部件的名称的属性值和替换前画面布局的GUI部件的名称的属性值对应起来加以显示，且在显示器上显示包含“正确”或者“不正确”的选择项目的对话框。然后，可以使该对话框按GUI部件的数目反复显示。或者可以将全部⑶I部件的对应列表显示，并且，针对各对应，在显示器上显示包含“正确”或者“不正确”的选择项目的I个对话框。或者，可以将替换前画面布局和替换后画面布局并排显示，用连接GUI部件的线段表现GUI部件的对应，并且，通过用户操作删除不正确的对应的线段。以上是对⑶I程序制作辅助装置100的结构的说明。(流程图)以下，对本实施方式中的⑶I程序制作辅助装置100所进行的处理进行说明。图9是表示本发明实施方式的GUI程序制作辅助装置100进行的GUI程序制作处理的流程图。首先，处理程序制作部103根据用户的操作输入，制作如图6所示的针对GUI部件的处理程序203 (S1001)。制作成的处理程序203保存于存储部200。处理程序203被保存后，表示处理程序203的图标304被显示在如图2所示的程序配置区域L32。其次，画面布局制作部101根据用户的操作输入，配置⑶I部件，制作画面布局(S1002)。此时，对各⑶I部件设定只有唯一解释的名称的属性值。这个名称的属性值，即可以由画面布局制作部101自动附加，也可以由用户指定。作为由画面布局制作部101自动附加的方式，例如，如果GUI部件属于按钮的部件类别，第一个按钮的CTI部件为“Button_01”，第二个按钮的⑶I部件为“Button_02”，如此，可以赋予由表示类别或标记的字符串和表示制作顺序的数值的组合而成的名称的属性值。然后，画面布局制作部101在由用户进行的画面布局的制作工作结束后，生成定义画面布局的画面布局定义信息201，并保存于存储部200。由此，画面布局被保存在存储部200。此时，画面布局制作部101可以让用户输入画面布局定义信息201的文件名，使具有该文件名的画面布局定义信息201保存于存储部200。由此，用户通过指定文件名，可以在显示器上显示用具有指定的文件名的画面布局定义信息201定义的制作完毕的画面布局。然后，在由用户编辑制作完毕的画面布局的情况下，当编辑工作结束时，画面布局制作部101生成编辑后的画面布局的画面布局定义信息201，并将其盖写在原来的画面布局定义信息201上。图8(A)是由画面布局制作部101制作的画面布局900的一个例子的示意图。以后，将图8(A)的画面布局900作为替换前画面布局进行说明。其次，连接设定部102根据用户的操作输入，将处理程序203与构成由画面布局制作部101制作的画面布局900的⑶I部件关联起来(S1003)。
在图8(A)的例子中，⑶I部件901是按钮类别的⑶I部件，通过用户而与处理程序203的“ play”方法关联。因此，连接设定部102生成将处理程序203的“ play”方法与⑶I部件901进行关联的连接信息202。连接设定部102对其他的⑶I部件902至904也同样进行与处理程序203的关联，并生成连接信息202。生成的连接信息202被保存于存储部200。其次，源代码生成部104根据与各⑶I部件关联的处理程序203、定义画面布局910的画面布局定义信息201以及连接信息202的记述内容，生成如图7所示的⑶I程序源代码204 (S1004)。生成的源代码204被保存于存储部200。另外,处理程序203在启动⑶I程序时由设备读入而可以使用。因此,源代码204中明示的初始化处理没有被定义。然而，在源代码204中，当明确地定义初始化处理的情况下，也可以在处理程序203中只记述处理程序的定义，使在源代码204中进行处理程序203的初始化处理。以上是⑶I程序的制作处理。下面，对替换画面布局时的处理进行说明。图10是表示替换画面布局时的处理的流程图。首先，画面布局制作部101用与S1002同样的方法制作与画面布局900不同的画面布局910 (S2100)。然后，制作定义画面布局910的画面布局定义信息201，并保存于存储部200。在此，画面布局制作部101暂时结束画面布局910的制作处理。图8(B)是画面布局910的一个例子的示意图。以后，将画面布局910作为替换后画面布局进行说明。其次，画面布局制作部101根据用户的操作输入，将画面布局900替换成画面布局910(S2200)。具体来说，画面布局制作部101在画面布局910由显示器显示的状态下，受理来自用户的画面布局的替换指示。于是，画面布局制作部101列表显示保存于存储部200中的画面布局定义信息201的文件名。然后，当由用户选择了ー个画面布局定义信息201时，画面布局制作部101将由选择出的画面布局定义信息201所定义的画面布局900作为替换前画面布局显不于显不器。然后，画面布局制作部101在显示器上显示询问用户是否可以用画面布局910来替换画面布局900的对话框。然后，如果用户进行了表示可以替换的操作输入，画面布局制作部101将画面布局900认作为画面布局910的替换对象的画面布局。另ー方面,如果用户进行表示不可以替换的操作输入，则画面布局制作部101可以再一次列表显示画面布局定义信息201的文件名，催促用户选择别的画面布局。然后，画面布局制作部101 —旦确认了作为画面布局910的替换对象的画面布局900后，再次在显示器上显示画面布局910。接着，画面布局比较部105将画面布局900和画面布局910进行比较，从画面布局900中推测与构成画面布局910的⑶I部件类似的⑶I部件(S2300)。在此，画面布局比较部105将类似的GUI部件对应起来，记述在推测数据中，并存储于存储部200。接着，连接信息恢复部106根据由画面布局比较部105生成的推测数据，判断被推测与画面布局910的⑶I部件类似的⑶I部件在画面布局900中是否存在(S2400)。然后，连接信息恢复部106当判断存在类似的⑶I部件时(在S2400为是)，处理进入S2500，当判断不存在类似的GUI部件时(在S2400为否)，结束处理。·其次，连接信息恢复部106用类似的GUI部件的名称的属性值更新被推測存在类似的⑶I部件的画面布局910的⑶I部件的名称的属性值(S2500)。由此，画面布局900的GUI部件的处理程序以及方法与对应的画面布局910的GUI部件关联起来。例如，假设推测⑶I部件901和⑶I部件911类似，⑶I部件911的名称的属性值为“Button_01”，⑶I部件901的名称的属性值为“Button_A”。此时，连接信息恢复部106将画面布局910的⑶I部件911的名称的属性值从“Button_01”更新为“Button_A”。另外，对于⑶I部件911以外的构成画面布局910的⑶I部件912至914，如果类似的GUI部件在画面布局900中存在，连接信息恢复部106将其名称的属性值与GUI部件911 一祥，用对应的GUI部件的名称的属性值来更新。另外，在S2500，如果更新GUI部件的名称的属性值的结果与其他的GUI部件的名称的属性值相重复，连接信息恢复部106可以酌情变更重复的⑶I部件的名称。例如，假设⑶I部件911的名称的属性值被更新为“Button_A”，但在画面布局910中，⑶I部件912的名称的属性值为“Button_A”。在这种情况下，连接信息恢复部106可以将⑶I部件911的名称的属性值变更为与“ Button_A”不同的属性值(例如，“ Button_A’，，)，也可以将⑶I部件912的名称的属性值从 “Button_A” 变更为 “Button_A，”。另外，若将⑶I部件911的名称的属性值设为“Button_A’”，则将画面布局900的⑶I部件901的名称的属性值从“Button_A”变更为“Button_A，”，将⑶I部件901的连接信息202及源代码204的线索也从“Button_A”变更为“Button_A’”。通过这样的操作，能防止⑶I部件901和处理程序203的关联切断。另外，在S2500，连接信息恢复部106也可以向用户提示名称的属性值可被更新的GUI部件的候补，询问用户是否实际更新名称的属性值。另外，当在S2400中类似的⑶I部件不存在时(在S2400为否)，连接信息恢复部106可以显示画面布局900和画面布局910，让用户指定与画面布局910的⑶I部件类似的画面布局900的⑶I部件。此时，连接信息恢复部106可以将画面布局910的⑶I部件的名称的属性值用用户指定的画面布局900的GUI部件的名称的属性值更新。这样ー来，用户指定的GUI部件的处理程序及方法与画面布局910的GUI部件关联起来。
以上是替换画面布局时的处理。下面对比较画面布局900和画面布局910的处理进行详细说明。图11是图10中S2300的子程序的流程图。另外，在以下的说明中，假设GUI部件的名称的属性值由画面布局制作部101自动生成，并且不重复。首先，画面布局比较部105在画面布局900中提取存在连接信息202、且与处理程序和方法关联的GUI部件(S2301)。然后 ，将提取出的GUI部品与画面布局910中的GUI部件进行比较。其次，画面布局比较部105判断在S2301中提取的⑶I部件中是否存在没有完成比较的⑶I部件(S2302)。如果存在未完成比较的⑶I部件(在S2302为是)，处理进入
S2303。另ー方面，如果在S2301提取的⑶I部件中全部的Gn部件都已完成比较(在S2302为否)，结束处理。其次，画面布局比较部105判断在画面布局910中是否存在具有与S2302中未完成比较的GUI部件相同名称的属性值的GUI部件(S2303)。然后，画面布局比较部105当判定存在具有相同名称的属性值的GUI部件时(在S2303为是)，推測这两个GUI部件类似，将这两个⑶I部件彼此对应起来并记述于推测数据中(S2308)。另ー方面，画面布局比较部105判断不存在具有相同名称的属性值的GUI部件时(在S2303为否)，处理进入S2304。例如，在画面布局的制作过程中，通过对制作完毕的画面布局追加⑶I部件或删除一部分⑶I部件等来制作新的画面布局的情况较多。在此情况下，在新的画面布局中原封不动地采用原来就存在的⑶I部件的名称的属性值的情况也较多。S2303处理对于这种情况比较有效。其次，画面布局比较部105判断在画面布局910中是否存在与S2302中未完成比较的GUI部件相同种类的GUI部件，且判断在两个画面布局中，该种类的GUI部件是否只存在 I 个(S2304)。然后，画面布局比较部105在判断存在与S2302中未完成比较的⑶I部件相同种类的GUI部件，且在两个画面布局中该种类的GUI部件只存在I个时(在S2304为是)，推测这两个⑶I部件类似，将这两个⑶I部件彼此对应起来，并记述于推测数据中(S2308)。在此，作为⑶I部件的种类比如有按钮、列表、图像等，⑶I部件由所属的部件类别来定义。在图8(A)，⑶的例子中，画面布局900的⑶I部件904的种类为列表。另外，画面布局910的⑶I部件914的种类也为列表。而且，在两个画面布局中，列表的⑶I部件只有I个。因此，推测⑶I部件904与⑶I部件914类似。另ー方面，如果在两个画面布局中不存在相同种类的GUI部件，或者是虽然存在相同种类的⑶I部件但其个数为2个以上(在S2304为否)，处理进入S2305。例如，在视频内容的GUI中，由列表显示视频内容的文件名或者缩略像的I个列表的GUI部件、和用于选择并再生被列表显示的视频内容的多个按钮的GUI部件构成的情况较多。
因此，S2304的处理对这样的包含I个列表的⑶I部件的画面布局有效。另外，在此，当相同种类的CTI部件为I个时，推测两个CTI部件类似，但并不局限于此。例如，在相同种类的⑶I部件在画面布局900及910中存在2个以上且数目相同的情况下，也可以推测两个GUI部件类似。在这种情况下，根据相同种类的相同数目的GUI部件的例如配置图案等，可以推测构成2个以上且相同数目的GUI部件的各GUI部件的类似性。接着，画面布局比较部105判断画面布局910中是否存在位置的属性值与S2302中未完成比较的GUI部件相同的GUI部件(S2305)。然后，画面布局比较部105在判定存在位置的属性值相同的⑶I部件时(在S2305为是)，推測这两个⑶I部件类似，将这两个⑶I部件对应起来，并记述于推测数据(S2308)。另ー方面，当画面布局比较部105判定不存在位置的属性值相同的GUI部件时 (在S2305为否)，处理进入S2306。在此，即使位置的属性值多少有些误差，画面布局比较部105也可以判定位置的属性值相同。具体来说，画面布局比较部105为X坐标、Y坐标分别设置下限阈值和上限阈值。然后，如果以画面布局900的⑶I部件的位置的属性值为基准，在画面布局910中存在位于X坐标及Y坐标的各自的下限阈值及上限临界值的范围以内的GUI部件，画面布局比较部105可以推测这些⑶I部件类似。例如，在画面布局的制作过程中，通过对制作完毕的画面布局追加⑶I部件或删除一部分⑶I部件等来制作新的画面布局的情况较多。在这种情况下，在新的画面布局中原来就存在的⑶I部件的位置未被修正的情况也较多。S2305的处理对于这种情况比较有效。另外，在定型图案的GUI中，GUI部件的配置位置根据种类而被预先确定的情况较多。为此，在替换前画面布局和替换后画面布局中被配置于相同位置的⑶I部件与相同的处理程序关联的可能性变高。因此，S2305的处理可以高精度地推测定型图案的⑶I中⑶I部件的类似性。其次，画面布局比较部105确定在S2302未完成比较的⑶I部件中种类相同的⑶I部件群，判断画面布局910中是否存在与该GUI部件群种类相同、且名称的规则性相同的GUI 部件群(S2306)。然后，画面布局比较部105在判断存在种类相同且名称的规则性相同的GUI部件群时(在S2306为是)，分别从两个GUI部件群中按名称的属性值从小到大的顺序取出相同数目的⑶I部件，将取出的⑶I部件彼此对应起来，记述于推测数据(S2308)。另ー方面，如果画面布局比较部105判断不存在种类相同且名称的规则性相同的⑶I部件群(在S2306为否)，处理进入S2307。在此，GUI部件群彼此的名称的规则性相同是指，例如一方的GUI部件群包括具有“Button01”、“Button02”、“Button03”名称的属性值的⑶I部件，另一方的⑶I部件群包括具有 “naviButtonOl ”、“naviButton02”、“naviButton03” 名称的属性值的 GUI 部件。例如，在画面布局900中，⑶I部件901至903的名称的属性值分别为“ButtonOl”、“Button02”、“Button03”。在画面布局910中，⑶I部件911至913的名称的属性值分别为“naviButtonOl”、“naviButton02”、“naviButton03”。此吋，⑶I部件901至903的种类分别为按钮，且其名称的属性值具有“Button01”、“Button02”、“Button03”的规则性。更具体地说，其字符串一致，且接在字符串之后的数值以I为单位连续増大。因此，⑶I部件901至903作为⑶I部件群被确定。另ー方面，⑶I部件911至913的种类为按钮，且名称的属性值具有“naviButton01”、“naviButton02”、“naviButton03” 的规则性。因此，GUI 部件 911 至 913作为GUI部件群被确定。然后，在从画面布局900确定的GUI部件群中，名称的属性值以GUI部件901为最小，其次是⑶I部件902、接着是⑶I部件903。另ー方面，在从画面布局910确定的⑶I部件群中，名称的属性值以GUI部件911为最小，其次是GUI部件912、接着是GUI部件913。因此，画面布局比较部105推测⑶I部件901至903各部件分别与⑶I部件911至913类似，并将这些GUI部件彼此对应起来。另外，也有从画面布局900确定的构成⑶I部件群的⑶I部件的个数和从画面布 局910确定的⑶I部件群的⑶I部件的个数不一致的情況。例如，在画面布局900中的⑶I部件群有4个⑶I部件901至904，而画面布局910中有3个⑶I部件911至913。此时，假设⑶I部件904的名称的属性值为“Button04”，画面布局比较部105可以按名称的属性值的顺序将相同数目的⑶I部件彼此对应起来，使⑶I部件901至903分别与⑶I部件911至913对应。其次，画面布局比较部105从在S2302未完成比较的⑶I部件中，确定位置连续的⑶I部件群，判断是否存在与该⑶I部件群种类相同、且位置连续的⑶I部件群(S2307)。然后，画面布局比较部105在判断存在种类相同且位置连续的⑶I部件群时(在S2307为是)，从两个GUI部件群中分别取出相同数目的GUI部件，将取出的GUI部件彼此对应起来，记述于推测数据(S2308)。另ー方面，如果画面布局比较部105判断不存在种类相同且位置连续的⑶I部件群(在S2307为否)，处理返回S2302。在此，位置连续是指，⑶I部件在例如垂直方向或水平方向上连续的意思。在图8(A)所示的画面布局900中，由于⑶I部件901至903种类相同且位置在水平方向上连续，因此作为⑶I部件群被确定。另外，在图8(B)所示的画面布局910中，由于⑶I部件911至913种类相同且位置在垂直方向上连续，因此作为⑶I部件群被确定。该⑶I部件群与⑶I部件901至903种类相同。另外，在画面布局900的⑶I部件群中⑶I部件901位于左端，画面布局910的⑶I部件群中⑶I部件911位于上端。因此，推测⑶I部件901和⑶I部件911类似，这两个GUI部件被对应起来。而且，⑶I部件902、903位于画面布局900的⑶I部件群中从左边起第二、第三的位置，⑶I部件912、913位于画面布局910的⑶I部件群中从上面起第2，第3的位置。因此，GUI部件902与GUI部件912相对应，GUI部件903与GUI部件913相对应。另外，也有如同画面布局900中的⑶I部件群包括在水平方向连续配置的4个⑶I部件901至904那样，⑶I部件群彼此的⑶I部件个数不一致的情況。此时，可以将画面布局900的⑶I部件群中从左端起的3个⑶I部件901至903分别与画面布局910的⑶I部件群从上端起的3个⑶I部件911至913相对应。如果在S2307为否时，则推测数据中完全未记述⑶I部件彼此的对应，处理返回到S2302。以上是画面布局比较处理的详细说明。(变形例I)下面说明上述的⑶I程序制作辅助装置100的变形例I。在该变形例中，让用户输入表示画面布局中的CTI部件的配置图案的图案信息，根据该图案信息适当变更图11的S2303至S2307所示的推测处理的顺序。在该变形例I中，画面布局制作部101根据用户的操作输入，在画面布局上设定表示⑶I部件的配置图案的图案信息。具体来说，画面布局制作部101在画面布局的制作エ作中，让用户从预先确定的多个图案信息中选择其中之一的图案信息。然后，将由用户选择的图案信息记述到画面布局定义信息201中，从而在画面布局中设定图案信息。在此，作为图案信息存在表示视频内容的画面布局的GUI部件的配置图案的视频 内容图案、表示操作菜单的画面布局的GUI部件的配置图案的操作菜单图案，以及表示定型的画面布局的GUI部件的配置图案的定型图案。视频内容的图案，是设想了例如用户在DVD录像机等AV设备中再生视频内容时，让用户从多个视频内容中选择任意内容的GUI的GUI部件的配置图案而设计。操作菜单图案，是设想了例如为了操纵AV设备或汽车导航系统等的数码设备而在画面上显示的操作菜单的⑶I的⑶I部件的配置图案。定型图案，是设想了通过式样书等适合CTI部件的种类的配置位置被预先指定的定型的⑶I的⑶I部件的配置图案。视频内容的GUI包括将视频内容的文件名或者缩略像列表显示的一个列表的GUI部件、和用于选择和再生被列表显示的视频内容的多个按钮GUI部件的情况较多。在设计这样的⑶I时，替换前画面布局及替换后画面布局中都包含一个列表的GUI部件的可能性变高。因此，如果图案信息表示视频内容图案，画面布局比较部105接在图11所示的S2302之后执行S2304的“相同种类的部件只存在I个”的推测处理(第I推测处理的ー个例子)，接着，依次执行S2303，S2305至S2307的剩余的推测处理。由此，在适用于视频内容图案的⑶I的画面布局中，可以高精度地类推⑶I部件。在操作菜单的⑶I中，如同多个按钮的⑶I部件被连续配置，多个图像的⑶I部件被连续配置那样，相同种类的GUI部件有规则地配置的情况较多。因此，如果图案信息表示操作菜单图案，画面布局比较部105接在S2302之后执行S2307的“种类相同且位置连续”的推测处理(第2推测处理的一个例子)，接着，依次执行S2303至S2306的推測处理。由此，在适用于操作菜单图案的⑶I的画面布局中，可以高精度地推测⑶I部件的类似性。在定型图案的⑶I中，⑶I部件的配置位置根据种类而被预先规定的情况较多。因此，在替换前画面布局和替换后画面布局中被配置在相同位置的⑶I部件与相同处理程序关联的可能性变闻。因此，如果图案信息表示定型图案，画面布局比较部105接在S2302之后执行S2305的“位置相同”的推测处理(第3推测处理的一个例子)，接着，依次执行S2303、
S2304、S2306、S2307的推测处理。由此，在适用于定型图案的GM的画面布局中，可以高精度地推测⑶I部件的类似性。这样，在变形例I中，由于根据画面布局所适用的⑶I的种类，优先应用推測精度高的推測处理，因此，能够高效地执行比较⑶I部件彼此的类似性的处理。另外，在变形例I中，用户选择一个图案信息，但并不局限于此，也可以选择多个图案信息。此时，对各图案信息预先设置优先度，在多个图案信息被设定的情况下，可以按照优先度决定推测处理的顺序。例如，假设用户设定视频内容图案、操作菜单图案作为图案信息，并使视频内容图案的优先度高于操作菜单图案的优先度。在此情况下，画面布局比较部105可以接在S2302的推测处理之后执行S2304的推測处理，然后执行S2307的推測处理，接下来再依次执行剩余的推測处理。(变形例2)在上述的实施方式中，对于被对应起来的GUI部件，用替换前画面布局的名称的属性值更新了替换后画面布局的GUI部件的名称的属性值。在变形例2中，对于被对应起来的GUI部件，用替换后画面布局的名称的属性值更新替换前画面布局的GUI部件的名称的属性值。例如，假设替换后画面布局的⑶I部件的名称的属性值为“Button_01”，替换前画面布局的⑶I部件的名称的属性值为“Button_A”，用“ Button_01”更新“ Button_A”。假设设计师在替换后画面布局的作成后，再次编辑替换前画面布局。此时，设计师由于在替换后画面布局中针对⑶I部件(BI)已经将名称的属性值设定为“ButtonJU”，因此，无法迅速地确认在替换前画面布局中名称的属性值为“Button_A”的⑶I部件是否为GUI 部品(BI)。因此，通过对替换前画面布局的⑶I部件设定替换后画面布局的⑶I部件的名称的属性值，能够提高替换前画面布局的编辑工作的效率。在这种情况下，由于⑶I部件901与处理程序的关联被切断，因此必须将处理程序与GUI部件901进行关联。例如，在图8(A)、(B)中，假设GUI部件901、911被对应起来。此时，连接信息恢复部106只需在⑶I部件901的连接信息202中将名称的属性值从“Button_A”改写为“ButtonJU”即可。由此，⑶I部件901、911都恢复了与处理程序的关联。(变形例3)在上述实施方式中，是以替换前画面布局和替换后画面布局的类似性为基准，将处理程序与替换后画面布局进行关联。在变形例3中，是从与替换前画面布局关联的处理程序的特征来类推与替换后画面布局的各GUI部件关联的处理程序。例如，假设替换前画面布局是在AV设备中再生视频内容的离线(offline)用的画面布局，将该替换前画面布局替换成在网上再生视频内容的在线(online)用的画面布局。此时，假设在替换前画面布局中，离线用的再生程序与例如再生按钮的⑶I部件关联。于是，画面布局比较部105将与该离线用的再生程序相对应的在线用的再生程序与再生按钮的⑶I部件关联起来。此时，画面布局比较部105例如可以从离线用的再生程序的名称或可选择的方法的种类来确定在线用的再生程序。具体来说，假设下线用的再生程序的名称为“ofT_play_program”,在线用的再生程序的名称为“on_play_program”,这两个程序的名称的类似度高，则可以将“on_play_pix)gram”与再生按钮的⑶I部件关联起来。作为类似度，可以采用两个名称中一致的文字数目。另夕卜，如果像“ofT_play_program”和“on_play_program”都具有“play”、“stop”、“fTorwarWrewind”的方法那样，两个程序的方法的类似度较高，则可以将“on_play_program”与再生按钮的⑶I部件关联起来。在此，作为方法的类似度，可以采用两个程序中一致的方法数目。另タ卜，假设程序员已将“off_play_program”和“on_play_program”预先对应起来。此时，画面布局比较部105可以将与“ off_play_program”对应的“ on_play_program”与再生按钮的⑶I部件进行关联。这样的结构在例如与替换前画面布局关联的处理程序版本升级时比较有效。
例如，假设在替换前画面布局中，“play_program(ver. I) ”与再生按钮的⑶I部件关联，下一代的版本的“ play_program(ver. 2) ”与该 “play_program(ver. I) ” 对应。于是，画面布局比较部105可以在替换后画面布局中，将“play_program(ver. 2) ”与再生按钮的⑶I部件关联起来。图13是表示本发明实施方式的GUI程序制作辅助装置100的硬件结构的方框图。⑶I程序制作辅助装置100具备CPU (CENTRAL PROCESSING UNIT、中央处理单元)1201、R0M/RAM1202、显示部1203、I/O 1204、网络接ロ 1205、外部存储装置1206以及输入部1207。CPU1201至输入部1207通过总线1200彼此连接。R0M/RAM1202或外部存储装置1206存储让电脑作为GW程序制作辅助装置100而发挥其功能的程序。显示部1203例如由液晶显示器或有机EL显示器等构成，显示CPU1201处理的处
理結果。I/O 1204是用于连接外部设备的输入输出接ロ，例如采用USB端ロ。网络接ロ1205例如由将GUI程序制作辅助装置100与互联网连接的通信电路构成。外部存储装置1206例如由HDD(硬盘)等的存储装置构成。输入部1207例如由键盘、鼠标等的输入装置等构成，接收来自用户的各种各样的操作输入。图I所示的画面布局制作部101、连接设定部102以及处理程序制作部103是在显示部1203显示指定的GUI，通过GUI接收来自用户的操作输入的程序模块，被存储在ROM/RAM1202或外部存储装置1206，由CPU1201执行来实现。图I所示的源代码生成部104、画面布局比较部105以及连接信息恢复部106是存储于R0M/RAM1202或外部存储装置1206的不伴随⑶I显示的程序模块，由CPU1201执行来实现。图I所示的存储部200例如由R0M/RAM1202或外部存储装置1206等构成。另外，图I所示的⑶I程序制作辅助装置100也可以作为集成电路的LSI来实现。此时，将图I所示的画面布局制作部101至连接信息恢复部106集成化即可。而且，在这种情况下，没有必要将程序从R0M/RAM1202或外部存储装置1206加载到CPU1201。可以将这些分别集成一个芯片，也可以将含有这些的一部分或全部集成一个芯片。在此，虽然称作了 LSI，但根据集成度的不同，有时也称为1C，系统LSI，超(super)LSI，超大(ultra)LSI 的。另外，集成电路化的手段不限于LSI，也可以用专用电路或通用处理器来实现。也可以在LSI制造后，利用可编程的FPGA(Field Programmable Gate Array)或可重新配置LSI内部的电路单元的连接或设定的可重构处理器(Reconfigurable Processor)。此外，如果由于半导体技术的进步或衍生出的其他技术而出现了能替换LSI的集成电路化的技术，当然，也可以利 用该技术进行功能块的集成化。也有可能应用生物技木。另外，在⑶I程序制作辅助装置100的构成要素中，也可以将存储部200与从画面布局制作部101至连接信息恢复部106合在一起集成ー个芯片。另外，在本实施方式中，可以通过将构成GUI程序制作辅助装置100的处理手段作为步骤的方法来实现。而且，本实施方式也可以作为让电脑执行该方法所包含的步骤的程序来实现。再者，本实施方式也可以作为存储该程序的CD-ROM等计算机可读取的存储媒体来实现。(本实施方式的⑶I程序制作辅助装置汇总)(I)本实施方式的⑶I程序制作辅助装置包括根据用户的操作输入生成包含多个Gn(图形用户界面)部件的⑶I画面布局，并将已生成的画面布局替换成别的画面布局的画面布局制作部；根据用户的操作输入制作与所述Gn部件被操作时所执行的处理有关的处理程序的处理程序制作部；根据用户的操作输入将所述GUI部件与所述处理程序进行关联，生成表示该关联的连接信息的连接设定部；基于所述画面布局、所述处理程序以及所述连接信息生成GUI程序的源代码的源代码生成部；当由所述画面布局制作部将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的Gn部件类似的GUI部件，并将类似的GUI部件彼此对应起来的画面布局比较部；执行将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而被彼此对应起来的GUI部件进行关联的连接恢复处理的连接信息恢复部。根据此结构，从替换前画面布局中推測与替换后画面布局的各⑶I部件类似的GUI部件，将与类似的GUI部件关联的处理程序自动地与被推测有类似的GUI部件的替换后画面布局的⑶I部件关联起来。因此，能够减轻用户将处理程序与替换后画面布局进行关联的工作量，从而能够大幅提高⑶I的画面布局的开发效率。(2)优选，所述连接信息恢复部向用户通知通过所述画面布局比较部而被对应起来的GUI部件，对由用户进行表示推测结果正确的操作输入的GUI部品执行所述连接恢复处理。根据此结构，可以让用户事先判断推測结果是否正确，可以防止将用户意图之外的处理程序与替换后画面布局的GUI部件关联起来，从而提高工作效率。(3)优选，所述画面布局比较部通过比较所述替换前画面布局与所述替换后画面布局中赋予各GUI部件的名称，推测类似性。根据此结构，在替换后画面布局和替换前画面布局中，名称共通的⑶I部件被大量采用时，可以高精度地推测类似的GUI部件。(4)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布局中相同种类的GUI部件的个数，推测类似性。根据此结构，在具有I个列表的GUI部件的视频内容的GUI的画面布局中，可以高精度地推测类似的GUI部件。
(5)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布局中赋予各GUI部件的名称的连续性，推测类似性。根据此结构，在⑶I的名称按一定的规则自动作成的画面布局中，可以高精度地检测类似的GUI部件。(6)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布局中GUI部件的位置，推测类似性。根据此结构，在适用于由式样书预先规定了 GUI部件的配置位置的定型图案的⑶I的画面布局中，可以高精度地推測⑶I部件的类似性。(7)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布局中各GUI部件配置的规则性，推测类似性。 根据此结构，在为了操作AV设备等在画面上显示的操作菜单的GUI的画面布局中，可以高精度地检测类似的⑶I部件。(8)优选，所述连接信息恢复部将进行了所述连接恢复处理的所述替换后画面布局的GUI部件的名称，用相对应的所述替换前画面布局的GUI部件的名称来更新。根据此结构，不必重新生成替换后画面布局的⑶I部件的连接信息及源代码，可以将替换前画面布局的⑶I部件的处理程序与替换后画面布局的⑶I部件关联起来。(9)优选，所述连接信息恢复部用进行了所述连接恢复处理的所述替换后画面布局的GUI部件的名称，更新对应的所述替换前画面布局的GUI部件的名称。根据此结构，可以谋求再次编辑替换前画面布局时的编辑工作的高效率。(10)优选，所述画面布局生成部根据用户的操作输入，将表示⑶I部件的配置图案的图案信息设定于所述画面布局；所述画面布局比较部依次执行多个推测处理来推测类似性，根据所述图案信息变更推测处理的顺序。根据此结构，由于根据画面布局所适用的⑶I的种类，优先应用推測精度高的推测处理，因此可以高效率地执行比较⑶I部件之间的类似性的处理。(11)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局中相同种类的GUI部件的个数来推测类似性的第I推测处理；所述画面布局比较部在所述图案信息为表示视频内容的GUI的GUI部件的配置图案的视频内容图案时，最先执行所述第I推測处理。根据此结构，在象视频内容的CTI那样具有I个列表的GUI部件的画面布局中，可以更高精度地推测类似的⑶I部件。(12)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局中各GUI部件的配置的规则性推测类似性的第2推测处理；所述画面布局比较部在所述图案信息为表示操作菜单的GUI的GUI部件的配置图案的操作菜单图案吋，最先执行所述第2推測处理。根据此结构，在为了操作AV设备在画面上显示的操作菜单的⑶I的画面布局中，可以更高精度地检测类似的⑶I部件。(13)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局中GUI部件的位置推测类似性的第3推测处理；所述画面布局比较部在所述图案信息为表示GUI部件配置于预先规定的配置位置的定型的GUI的定型图案时，最先执行所述第3推測处理。根据此结构，在适用于由式样书预先规定了 GUI部件的配置位置的定型图案的⑶I的画面布局中，可以更高精度地推測⑶I部件的类似性。产业上的可利用性本发明所涉及的⑶I程序制作辅助装置作为具有 画面布局比较部和连接信息恢复部、提高ー边替换多个画面布局ー边被开发的⑶I程序的开发效率的⑶I编译器极为有用。
权利要求
1.一种⑶I程序制作辅助装置，其特征在于包括 画面布局制作部，根据用户的操作输入，生成包含多个GUI (图形用户界面)部件的GUI画面布局，并将已生成的画面布局替换成别的画面布局； 处理程序制作部，根据用户的操作输入，制作与所述GUI部件被操作时所执行的处理有关的处理程序； 连接设定部，根据用户的操作输入，将所述GUI部件与所述处理程序进行关联，生成表示该关联的连接信息； 源代码生成部，基于所述画面布局、所述处理程序以及所述连接信息，生成Gn程序的源代码； 画面布局比较部，当由所述画面布局制作部将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的⑶I部件类似的⑶I部件，并将类似的⑶I部件彼此对应起来； 连接信息恢复部，执行将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而被对应起来的⑶I部件进行关联的连接恢复处理。
2.根据权利要求I所述的GUI程序制作辅助装置，其特征在于 所述连接信息恢复部，向用户通知通过所述画面布局比较部而被对应起来的GUI部件，对由用户进行表示推测结果正确的操作输入的GUI部品，执行所述连接恢复处理。
3.根据权利要求I或2所述的GUI程序制作辅助装置，其特征在于 所述画面布局比较部，通过比较所述替换前画面布局与所述替换后画面布局中赋予各GUI部件的名称，推测类似性。
4.根据权利要求I至3中任一项所述的GUI程序制作辅助装置，其特征在于 所述画面布局比较部，通过比较所述替换后画面布局与所述替换前画面布局中相同种类的GUI部件的个数，推测类似性。
5.根据权利要求I至4中任一项所述的GUI程序制作辅助装置，其特征在于 所述画面布局比较部，通过比较所述替换后画面布局与所述替换前画面布局中赋予各GUI部件的名称的连续性，推测类似性。
6.根据权利要求I至5中任一项所述的GUI程序制作辅助装置，其特征在于 所述画面布局比较部，通过比较所述替换后画面布局与所述替换前画面布局中⑶I部件的位置，推测类似性。
7.根据权利要求I至6中任一项所述的GUI程序制作辅助装置，其特征在于 所述画面布局比较部，通过比较所述替换后画面布局与所述替换前画面布局中各⑶I部件配置的规则性，推测类似性。
8.根据权利要求I至7中任一项所述的GUI程序制作辅助装置，其特征在于 所述连接信息恢复部，将进行了所述连接恢复处理的所述替换后画面布局的⑶I部件的名称，用相对应的所述替换前画面布局的GUI部件的名称来更新。
9.根据权利要求I至7中任一项所述的GUI程序制作辅助装置，其特征在于 所述连接信息恢复部，用进行了所述连接恢复处理的所述替换后画面布局的⑶I部件的名称，更新相对应的所述替换前画面布局的GUI部件的名称。
10.根据权利要求I至9中任一项所述的⑶I程序制作辅助装置，其特征在于所述画面布局生成部，根据用户的操作输入，将表示GUI部件的配置图案的图案信息设定于所述画面布局； 所述画面布局比较部，依次执行多个推测处理来推测类似性，根据所述图案信息变更推测处理的顺序。
11.根据权利要求10所述的GUI程序制作辅助装置，其特征在于 所述推测处理，包括通过比较所述替换后画面布局与所述替换前画面布局中相同种类的GUI部件的个数推测类似性的第I推测处理； 所述画面布局比较部，在所述图案信息为表示视频内容的GUI的GUI部件的配置图案的视频内容图案时，最先执行所述第I推测处理。
12.根据权利要求10或11所述的GUI程序制作辅助装置，其特征在于 所述推测处理，包括通过比较所述替换后画面布局与所述替换前画面布局中各⑶I部件的配置的规则性推测类似性的第2推测处理； 所述画面布局比较部，在所述图案信息为表示操作菜单的GUI的GUI部件的配置图案的操作菜单图案时，最先执行所述第2推测处理。
13.根据权利要求10至12中任一项所述的⑶I程序制作辅助装置，其特征在于 所述推测处理，包括通过比较所述替换后画面布局与所述替换前画面布局中⑶I部件的位置推测类似性的第3推测处理； 所述画面布局比较部，在所述图案信息为表示⑶I部件配置于预先规定的配置位置的定型的GUI的定型图案时，最先执行所述第3推测处理。
14.一种GUI程序制作辅助方法，其特征在于包括以下步骤 画面布局制作步骤，计算机根据用户的操作输入，生成含括多个GUI (图形用户界面)部件的⑶I画面布局，并将已生成的画面布局替换成别的画面布局； 处理程序制作步骤，计算机根据用户的操作输入，制作与所述GUI部件被操作时所执行的处理有关的处理程序； 连接设定步骤，计算机根据用户的操作输入，将所述GUI部件与所述处理程序进行关联，生成表示该关联的连接信息； 源代码生成步骤，计算机基于所述画面布局、所述处理程序以及所述连接信息，生成GUI程序的源代码； 画面布局比较步骤，计算机当在所述画面布局制作步骤将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的⑶I部件类似的⑶I部件，并将类似的GUI部件彼此对应起来； 连接信息恢复步骤，计算机执行将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而被对应起来的⑶I部件进行关联的连接恢复处理。
15.一种程序，使计算机作为以下各部而发挥功能 画面布局制作部，根据用户的操作输入，生成包含多个GUI (图形用户界面)部件的GUI画面布局，并将已生成的画面布局替换成别的画面布局； 处理程序制作部，根据用户的操作输入，制作与所述GUI部件被操作时所执行的处理有关的处理程序； 连接设定部，根据用户的操作输入，将所述GUI部件与所述处理程序进行关联，生成表示该关联的连接信息； 源代码生成部，基于所述画面布局、所述处理程序以及所述连接信息，生成Gn程序的源代码； 画面布局比较部，当由所述画面布局制作部将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的⑶I部件类似的⑶I部件，并将类似的⑶I部件彼此对应起来； 连接信息恢复部，执行将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而被对应起来的⑶I部件进行关联的连接恢复处理。
16.一种集成电路，其特征在于包括 画面布局制作部，根据用户的操作输入，生成包含多个GUI (图形用户界面)部件的GUI画面布局，并将已生成的画面布局替换成别的画面布局； 处理程序制作部，根据用户的操作输入，制作与所述GUI部件被操作时所执行的处理有关的处理程序； 连接设定部，根据用户的操作输入，将所述GUI部件与所述处理程序进行关联，生成表示该关联的连接信息； 源代码生成部，基于所述画面布局、所述处理程序以及所述连接信息，生成Gn程序的源代码； 画面布局比较部，当由所述画面布局制作部将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的⑶I部件类似的⑶I部件，并将类似的⑶I部件彼此对应起来； 连接信息恢复部，执行将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而被对应起来的⑶I部件进行关联的连接恢复处理。
全文摘要
画面布局比较部105，在通过画面布局制作部101将生成完毕的画面布局替换成其它的画面布局时，从替换前画面布局推测与替换后画面布局的GUI部件类似的GUI部件，将类似的GUI部件彼此对应起来。连接信息恢复部106执行将与替换前画面布局的GUI部件关联的处理程序与通过画面布局比较部105而被对应起来的GUI部件进行关联的连接恢复处理。
文档编号G06F9/44GK102959511SQ20128000151
公开日2013年3月6日 申请日期2012年4月20日 优先权日2011年6月20日
发明者篠本雄基, 矢岛英明, 秦秀彦 申请人:松下电器产业株式会社