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

摘要

画面布局比较部105，在通过画面布局制作部101将生成完毕的画面布局替换成其它的画面布局时，从替换前画面布局推测与替换后画面布局的GUI部件类似的GUI部件，将类似的GUI部件彼此对应起来。连接信息恢复部106执行将与替换前画面布局的GUI部件关联的处理程序与通过画面布局比较部105而被对应起来的GUI部件进行关联的连接恢复处理。

说明书

技术领域

本发明涉及一种GUI(Graphical User Interface，图形用户界面)程序的制作辅助技 术，尤其是有关提高GUI程序的制作效率的技术。

背景技术

近年来，个人电脑、手机及数字电视等数字家电产品(以下称为“设备”)普遍都具 备GUI。

在用于使设备运行GUI的GUI程序制作中，为了提高开发效率，利用辅助GUI程序 制作的GUI编译器(GUI builder)。

利用GUI编译器，设计师将构成按钮或图像等GUI的部件(GUI部件)配置在工作 画面上，给配置的GUI部件设定大小或颜色等属性。GUI编译器根据配置于工作画面的 GUI部件、为各GUI部件设定的属性，制作画面布局(screen layout)。

而且，利用GUI编译器，设计师进行将处理程序与构成画面布局的各GUI部件关联 起来的工作。在此，处理程序是记载有用户对GUI部件进行操作时要执行的处理的程序， 由程序员预先记述。

如果由设计师进行的将处理程序对应关联的工作结束，GUI编译器按照与画面布局 和构成该画面布局的各GUI部件关联的处理程序，自动生成GUI程序的源代码(source  code)。作为这样的GUI编译器，例如已由专利文献1所公开。

然而，在专利文献1所记载的GUI编译器中，完全没有考虑在处理程序所对应关联 的画面布局被替换成别的画面布局时，简化对构成替换后的画面布局的各GUI部件进行 处理程序的对应关联的工作。

专利文献1：日本专利公报特许第4197095号。

发明内容

本发明的目的在于提供一种能够提高在替换画面布局开发新的GUI程序时的开发效 率的技术。

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

附图说明

图1是本发明实施方式的GUI程序制作辅助装置的方框图。

图2是在画面布局制作部生成画面布局时在显示器显示的输入画面的一个例子的示意图。

图3是画面布局定义信息的一个例子的示意图。

图4是在用户进行将GUI部件和处理程序关联起来的工作时所显示的输入画面的一个例 子的示意图。

图5是连接信息的一个例子的示意图。

图6是处理程序的一个例子的示意图。

图7是源代码的一个例子的示意图。

图8(A)是替换前画面布局的一个例子的示意图，(B)是替换后画面布局的一个例子的 示意图。

图9是表示本发明实施方式的GUI程序制作辅助装置进行GUI程序制作处理的流程图。

图10是表示替换画面布局时的处理的流程图。

图11是表示图10中S2300的子程序的流程图。

图12是表示比较例的GUI编译器的结构的方框图。

图13是表示本发明实施方式的GUI程序制作辅助装置的硬件结构的方框图。

具体实施方式

(到获得本实施方式的GUI程序制作辅助装置为止的经过)

图12是表示比较例的GUI编译器的结构的方框图。在图12中，比较例的GUI编译 器2000包括画面布局制作部2001、连接设定部2002、处理程序制作部2003、源代码生 成部2004以及存储部2005。

画面布局制作部2001根据用户的操作输入生成GUI的画面布局。连接设定部2002 根据用户的操作输入，将处理程序与构成画面布局的GUI部件进行关联，生成表示GUI 部件和处理程序的连接关系的连接信息。处理程序制作部2003按照程序员的操作输入制 作处理程序。源代码生成部2004基于画面布局、处理程序及连接信息，生成GUI程序的 源代码。存储部2005保存画面布局、处理程序、连接信息、GUI程序的源代码。

然而，在图12所示的GUI编译器的情况下，如果与处理程序关联的画面布局被替换 为别的画面布局，用户还必须逐一进行将处理程序与构成替换后的画面布局的各GUI部 件关联起来的工作，存在非常费事的问题。

尤其是，有时只需对替换前的画面布局作些轻微的修正来制作替换后的画面布局，在 这种情况下，用户也必须再次进行与对替换前的画面布局所做的工作几乎同样的工作，造 成很大的负担。

因此，本实施方式的目的在于提供一种能够提高在替换画面布局开发新的GUI程序 时的开发效率的技术。

(本发明的实施方式的GUI程序制作辅助装置的说明)

下面，参照附图对本发明的实施方式进行说明。图1是本发明实施方式的GUI程序 制作辅助装置100的方框图。GUI程序制作辅助装置100由包括中央运算装置、和ROM、 RAM及硬盘等存储装置、显示器等输出装置以及键盘等输入装置的计算机构成。

GUI程序制作辅助装置100包括画面布局制作部101、连接设定部102、处理程序制 作部103、源代码生成部104、画面布局比较部105、连接信息恢复部106及存储部200。 在此，画面布局制作部101至连接信息恢复部106例如由CPU执行的程序模块构成。

画面布局制作部101根据用户的操作输入，生成包含多个GUI部件的GUI画面布局。 图2是在画面布局制作部101生成画面布局时在显示器显示的输入画面301的一个例子的 示意图。画面布局制作部101通过该输入画面301接收来自用户的操作输入。

输入画面301包括工作区域L31、程序配置区域L32及GUI部件选择区域L33。

工作区域L31设置在输入画面301的中央，根据用户的操作输入，GUI部件302被 配置。工作区域L31与画面布局相对应，工作区域L31的各位置为画面布局的各位置。 在此，规定工作区域L31的水平方向(横向)为X轴，垂直方向(纵向)为Y轴，用X 坐标和Y坐标规定各位置。因此，画面布局的各位置也以工作区域L31的X坐标和Y坐 标来表示。

程序配置区域L32设在输入画面301的下部，显示表示能够与GUI部件关联起来的 处理程序的图标304。在图2的例子中，显示写有player_program的一个图标304。另 外，如果能够与GUI部件关联的处理程序存在多个，则各处理程序的图标304都显示在 程序配置区域L32。

GUI部件选择区域L33设在输入画面的右侧，一览显示用户可选择的预先确定的多 个GUI部件。在图2的例子中，GUI部件包括Box、Button、Label、以及List。

用户从GUI部件选择区域L33所显示的GUI部件中，通过点击例如鼠标来选择喜欢 的GUI部件。然后，将所选择的GUI部件拖放在工作区域L31。由此，GUI部件被追加 到制作中的画面布局。

另外，画面布局制作部101具备设定GUI部件属性的功能。作为GUI部件的属性， 包括例如名称、位置、大小及字符串。名称属性定义赋予GUI部件的名称。位置属性定 义GUI部件配置在工作区域L31中的位置。字符串属性定义GUI部件所显示的字符串。

图2中，假设用户使用鼠标双击了工作区域L31所显示的GUI部件302。于是，画 面布局制作部101在与GUI部件302相邻的位置显示用于设定GUI部件302的属性的属 性设定面板303。

用户通过在属性设定面板303设置的各属性输入栏内输入属性值，设定GUI部件302 的属性。

在图2的例子的属性设定面板303中，“Name”栏中输入名称的属性值，“X”、 “Y”栏中输入位置的属性值，“W”、“H”栏中输入大小属性值，“Text”栏中输入 字符串属性值。

“Name”栏中填写了“Button_01”。因此，GUI部件302的名称的属性值为“Button _01”。

另外，“X”、“Y”栏里分别填写了“100”、“100”。因此，GUI部件302的位 置属性值的X坐标为100，Y坐标为100。也就是说，GUI部件302在画面布局中配置在 (X，Y)＝(100，100)的位置。

另外，如果用户在工作区域L31内操作鼠标使GUI部件302移动，则工作区域L31 内的GUI部件302的位置在“X”、“Y”栏得到反映。也就是说，用户通过在X”、“Y” 栏中直接输入属性值，或用鼠标使GUI部件302移动，从而设定GUI部件302的位置的 属性值。

“W”、“H”栏中分别填写了“50”、“120”。因此，GUI部件302的大小属性 值在水平方向为“50”，在垂直方向为“120”。此时，GUI部件302为具有50×120 尺寸的矩形。

“Text”栏中填写“push”。因此，GUI部件302的字符串属性为“push”，在GUI 部件302上重叠有“push”的字符串。

当由用户在工作区域L31配置GUI部件，对所配置的GUI部件设定属性的工作完成 后，画面布局制作部101生成各GUI部件属性已被定义的画面布局定义信息201，并存 储于存储部200。这样，画面布局制作部101通过生成画面布局已被定义的画面布局定义 信息201，从而生成画面布局。

画面布局定义信息201，用例如XML(eXtensible Markup Language：可扩展标记 语言)记述。图3是画面布局定义信息201的一个例子的示意图。图3的例子示出包含 GUI部件302的画面布局的画面布局定义信息201。

GUI部件302属于按钮部件类别。因此，在图3的例子中，<class>的标记中记述 “Button”。在此，部件类别定义GUI部件的种类。另外，作为部件类别，还存在标签、 列表、文本框(box)等。因此，作为GUI部件的种类，除按钮外还存在标签、列表、文本 框等。

另外，GUI部件302的位置的属性值为(X，Y)＝(100，100)。因此，<x>的标 记中记述100，<y>的标记中记述100。

另外，GUI部件302的大小的属性值为(W，H)＝(50，100)。因此，<width> 的标记中记述50，<height>的标记中记述100。

另外，由于GUI部件302的字符串的属性值为“push”，因此<text>的标记中记述 “push”。

并且，画面布局制作部101具有根据用户的操作输入，将通过上述的操作而制作成的 画面布局与保存完毕的画面布局进行替换的功能。

回到图1，连接设定部102根据用户的操作输入，将GUI部件和处理程序进行关联， 生成表示该关联的连接信息202，并存储于存储部200。具体来说，如果用户在按压键盘 的指定键的状态下用鼠标选择图2所示的工作区域L31中配置的GUI部件302，并拖放 至如图2所示的程序配置区域L32中配置的图标304，则连接设定部102请求画面布局制 作部101在显示器显示图4所示的输入画面。

图4是在用户进行将GUI部件和处理程序关联起来的工作时所显示的输入画面的一 个例子的示意图。

在图4的输入画面中，GUI部件302和图标304由线段502连接。然后，从该线段 502的中央分歧出线段503，在线段503的前端显示有方法列表501。

方法列表501显示图标304所示的处理程序(player_program)所具备的多个方法 的一览表。在图4的例子中，示出“play”、“stop”、“fforward”、“rewind”的方 法。用户从这些方法中选择一个或多个方法，将处理程序与GUI部件302关联起来。在 图4的例子中，“play”的方法用黑圆点表示，被用户所选择。此时，连接设定部102将 player_program的“play”方法与GUI部件302关联起来。这样，本实施方式中，在 将处理程序与GUI部件关联起来的同时也将该处理程序所包含的某一方法与GUI部件进 行关联。

图5是连接信息202的一个例子的示意图。如图5所示，连接信息202由例如XML 记述。但是，这只是一个例子，只要是电脑能解释的语言，用什么样的语言记述都可以。

在图5中，示出了针对图2所示的GUI部件302的连接信息202。图5中，<ui>标 记中记述GUI部件302的名称“Button_01”。<program>的标记中记述处理程序的名 称“player_program”。由此，“player_program”的处理程序与GUI部件302被关 联起来。

另外，在“method”的标记中，记述了处理程序中被关联起来的方法名“play”。由 此，“play”方法与GUI部件302被关联起来。

本实施方式中，连接信息202例如针对每个GUI部件而被生成并存储于存储部200。 而且，连接信息202记述有GUI部件的名称的属性值。因此，将GUI部件302的名称的 属性值作为线索(key)，能够确定GUI部件302的连接信息202，从而能够确定与GUI 部件关联的处理程序。

处理程序制作部103根据用户的操作输入，制作与GUI部件被操作时执行的处理有 关的处理程序203。具体来说，处理程序制作部103例如由文本编辑器(text editor)构成， 进行处理程序203的制作和编辑。制作成的处理程序203被保存在存储部200。

处理程序203例如由JavaScript(注册商标)等记述，具备至少一个以上的方法。图 6是处理程序203的一个例子的示意图。

图6的例子示出图4所示的“player_program”的处理程序203。在图6的第一行 记述“player_program”，“player_program”被宣布。

如图4所示，“player_program”包括“play”、“stop”、“fforward”、“rewind” 的方法。因此，在图6的3至6行的各行定义了这些方法。图6的例子省略了各方法的详 细的程序代码。

另外，假设制作处理程序203的用户主要是程序员，是与制作画面布局的设计人员不 同的用户。

另外，执行方法的设备也可以与显示GUI的设备不同。即，当显示GUI的设备例如 通过网络与服务器连接时，如果用户操作GUI部件，则该设备将GUI部件的操作信息通 知给服务器。然后，服务器可以根据该操作信息执行与GUI部件关联的方法，将处理结 果返回给设备。

在这种情况下，安装有GUI的设备也可不必安装处理程序203。这样，处理程序203 即可以存在于与安装有GUI设备同一的设备，也可以存在于用网络连接的不同的设备。

源代码生成部104根据画面布局定义信息201、连接信息202以及处理程序203，制 作GUI程序的源代码204。制作成的源代码204被保存于存储部200。源代码204例如 用Java(注册商标)Script记述。

另外，画面布局制作部101可以变更画面布局的设定，使画面布局存在于与安装处理 程序的设备不同的设备。此时，源代码生成部104生成用于让画面布局上的GUI部件经 由网络访问安装处理程序203的设备的源代码204。

图7是源代码204的一个例子的示意图。图7的例子示出GUI部件302的源代码204。

第一行属于按钮的部件类别的对象的“button1”被宣布。在第二行记述“button1. setProgram(player_program)”，“player_program”与“button1”的对象关联 起来。

在第三行，记述“button1.setProgramMethod(“play”)”，“play”的方法与 button1的对象关联起来。

因此，安装有源代码204的设备在GUI部件302被操作时，执行player_program 的“play”的方法。

这样，源代码生成部104解析画面布局定义信息201，提取表示画面布局上的各GUI 部件的种类或显示位置的属性，生成各GUI部件的源代码204，将所提取的属性注册到所 生成的源代码204。另外，在图7的例子中，省略了GUI部件的属性的记述。而且，源代 码生成部104解析连接信息202，提取与各GUI部件相关联的处理程序203及方法。然 后，当GUI部件发生了事件(event)(例如，用户按下部件的GUI部件等事件)时，源代 码生成部104将用于调出与GUI部件关联的处理程序203及方法的代码记述于源代码 204。由此，当GUI部件发生事件时，源代码204被解释，关联的处理程序的方法被执行。

在本实施方式中，源代码204针对每个GUI部件而生成，以画面布局为单位归纳成1 个文件。

回到图1，存储部200例如由HDD(硬盘驱动器)构成，保存画面布局定义信息201、 连接信息202、处理程序203以及处理程序源代码204。

在由画面布局制作部101将生成完毕的画面布局替换为别的画面布局时，画面布局比 较部105从替换前画面布局推测与替换后画面布局的GUI部件类似的GUI部件，将类似 的GUI部件彼此对应起来。有关推测的详细内容，将在以后详述。

连接信息恢复部106执行将与替换前画面布局的GUI部件关联的处理程序与通过画 面布局比较部105而被对应起来的GUI部件进行关联的连接恢复处理。

在以往的GUI编译器中，当替换生成完毕的画面布局制作别的画面布局时，用户必 须用手工进行操作，逐一地将处理程序与替换后画面布局的各GUI部件进行关联。

例如，替换后的画面布局通过删除替换前画面布局的一部分GUI部件、或向替换前 画面布局追加新的GUI部件、或变更替换前画面布局的GUI部件的位置来制作的情况较 多。因此，替换后画面布局相对于替换前画面布局而言很多GUI部件是共同的可能性较 高。如果象以往的GUI编译器那样，让用户进行将处理程序分别与替换后画面布局的各 GUI部件关联起来的操作，会加重用户的负担。

因此，在本实施方式中，针对替换后画面布局的各GUI部件，从替换前画面布局中 推测类似的GUI部件，对被推测有类似的GUI部件的替换后画面布局的GUI部件，自动 地将处理程序与类似的GUI部件关联起来。

由此，能够减轻用户针对替换后画面布局将处理程序进行关联的负担，从而能大幅提 高GUI画面布局的开发效率。

具体来说，连接信息恢复部106将进行了连接恢复处理的替换后画面布局的GUI部 件的名称的属性值，用对应的替换前画面布局的GUI部件的名称的属性值更新。例如， 假设替换后画面布局的GUI部件的名称的属性值为“Button_01”，替换前画面布局的 GUI部件的名称的属性值为“Button_A”，则替换后画面布局的GUI部件的名称的属 性值成为“Button_A”。

由此，将与替换前画面布局的GUI部件关联的处理程序及方法与替换后画面布局的 GUI部件关联起来。

也就是说，替换后画面布局的GUI部件的连接信息202及源代码204，以替换前画 面布局的GUI部件的名称的属性值的“Button_A”为线索而与替换前画面布局的画面布 局定义信息201相关联。因此，如果用替换前画面布局的GUI部件的名称的属性值更新 替换后画面布局的GUI部件的名称的属性值，则可以不用重新生成替换后画面布局的GUI 部件的连接信息202及源代码204，将替换前画面布局的GUI部件的处理程序和方法与 替换后画面布局的GUI部件关联起来。

另外，连接信息恢复部106向用户通知通过画面布局比较部105而被对应起来的GUI 部件，对由用户进行了表示推测结果正确的操作输入的GUI部品执行连接恢复处理。

例如，对于替换后画面布局的GUI部件，也有可能推测出与用户设想的GUI部件不 同的其他GUI部件为类似的GUI部件。此时，由于连接恢复处理自动运行，所以用户必 须解除关联，再次进行将所希望的处理程序和方法与替换后画面布局的GUI部件关联起 来的操作。这样，反而降低了用户的工作效率。

因此，采用询问用户推测结果是否正确的结构。由此，可以让用户事先判断推测结果 是否正确，防止将用户意图之外的处理程序与替换后画面布局的GUI部件关联，从而可 以提高工作效率。

作为询问的方式，可以将替换后画面布局的GUI部件的名称的属性值和替换前画面 布局的GUI部件的名称的属性值对应起来加以显示，且在显示器上显示包含“正确”或 者“不正确”的选择项目的对话框。然后，可以使该对话框按GUI部件的数目反复显示。

或者可以将全部GUI部件的对应列表显示，并且，针对各对应，在显示器上显示包 含“正确”或者“不正确”的选择项目的1个对话框。或者，可以将替换前画面布局和替 换后画面布局并排显示，用连接GUI部件的线段表现GUI部件的对应，并且，通过用户 操作删除不正确的对应的线段。

以上是对GUI程序制作辅助装置100的结构的说明。

(流程图)

以下，对本实施方式中的GUI程序制作辅助装置100所进行的处理进行说明。图9 是表示本发明实施方式的GUI程序制作辅助装置100进行的GUI程序制作处理的流程图。

首先，处理程序制作部103根据用户的操作输入，制作如图6所示的针对GUI部件 的处理程序203(S1001)。制作成的处理程序203保存于存储部200。处理程序203被 保存后，表示处理程序203的图标304被显示在如图2所示的程序配置区域L32。

其次，画面布局制作部101根据用户的操作输入，配置GUI部件，制作画面布局 (S1002)。此时，对各GUI部件设定只有唯一解释的名称的属性值。这个名称的属性值， 即可以由画面布局制作部101自动附加，也可以由用户指定。作为由画面布局制作部101 自动附加的方式，例如，如果GUI部件属于按钮的部件类别，第一个按钮的GUI部件为 “Button_01”，第二个按钮的GUI部件为“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的GUI部件关联起来(S1003)。

在图8(A)的例子中，GUI部件901是按钮类别的GUI部件，通过用户而与处理程 序203的“play”方法关联。因此，连接设定部102生成将处理程序203的“play”方 法与GUI部件901进行关联的连接信息202。

连接设定部102对其他的GUI部件902至904也同样进行与处理程序203的关联， 并生成连接信息202。生成的连接信息202被保存于存储部200。

其次，源代码生成部104根据与各GUI部件关联的处理程序203、定义画面布局910 的画面布局定义信息201以及连接信息202的记述内容，生成如图7所示的GUI程序源 代码204(S1004)。生成的源代码204被保存于存储部200。

另外，处理程序203在启动GUI程序时由设备读入而可以使用。因此，源代码204 中明示的初始化处理没有被定义。然而，在源代码204中，当明确地定义初始化处理的情 况下，也可以在处理程序203中只记述处理程序的定义，使在源代码204中进行处理程序 203的初始化处理。

以上是GUI程序的制作处理。

下面，对替换画面布局时的处理进行说明。图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的GUI部件类似的GUI部件(S2300)。在此，画面布 局比较部105将类似的GUI部件对应起来，记述在推测数据中，并存储于存储部200。

接着，连接信息恢复部106根据由画面布局比较部105生成的推测数据，判断被推测 与画面布局910的GUI部件类似的GUI部件在画面布局900中是否存在(S2400)。然 后，连接信息恢复部106当判断存在类似的GUI部件时(在S2400为是)，处理进入S2500， 当判断不存在类似的GUI部件时(在S2400为否)，结束处理。

其次，连接信息恢复部106用类似的GUI部件的名称的属性值更新被推测存在类似 的GUI部件的画面布局910的GUI部件的名称的属性值(S2500)。由此，画面布局900 的GUI部件的处理程序以及方法与对应的画面布局910的GUI部件关联起来。

例如，假设推测GUI部件901和GUI部件911类似，GUI部件911的名称的属性 值为“Button_01”，GUI部件901的名称的属性值为“Button_A”。此时，连接信 息恢复部106将画面布局910的GUI部件911的名称的属性值从“Button_01”更新 为“Button_A”。

另外，对于GUI部件911以外的构成画面布局910的GUI部件912至914，如果类 似的GUI部件在画面布局900中存在，连接信息恢复部106将其名称的属性值与GUI部 件911一样，用对应的GUI部件的名称的属性值来更新。

另外，在S2500，如果更新GUI部件的名称的属性值的结果与其他的GUI部件的名 称的属性值相重复，连接信息恢复部106可以酌情变更重复的GUI部件的名称。例如， 假设GUI部件911的名称的属性值被更新为“Button_A”，但在画面布局910中，GUI 部件912的名称的属性值为“Button_A”。

在这种情况下，连接信息恢复部106可以将GUI部件911的名称的属性值变更为与 “Button_A”不同的属性值(例如，“Button_A’”)，也可以将GUI部件912的 名称的属性值从“Button_A”变更为“Button_A’”。

另外，若将GUI部件911的名称的属性值设为“Button_A’”，则将画面布局900 的GUI部件901的名称的属性值从“Button_A”变更为“Button_A’”，将GUI部 件901的连接信息202及源代码204的线索也从“Button_A”变更为“Button_A’”。 通过这样的操作，能防止GUI部件901和处理程序203的关联切断。

另外，在S2500，连接信息恢复部106也可以向用户提示名称的属性值可被更新的 GUI部件的候补，询问用户是否实际更新名称的属性值。

另外，当在S2400中类似的GUI部件不存在时(在S2400为否)，连接信息恢复部 106可以显示画面布局900和画面布局910，让用户指定与画面布局910的GUI部件类 似的画面布局900的GUI部件。此时，连接信息恢复部106可以将画面布局910的GUI 部件的名称的属性值用用户指定的画面布局900的GUI部件的名称的属性值更新。这样 一来，用户指定的GUI部件的处理程序及方法与画面布局910的GUI部件关联起来。

以上是替换画面布局时的处理。

下面对比较画面布局900和画面布局910的处理进行详细说明。图11是图10中 S2300的子程序的流程图。

另外，在以下的说明中，假设GUI部件的名称的属性值由画面布局制作部101自动 生成，并且不重复。

首先，画面布局比较部105在画面布局900中提取存在连接信息202、且与处理程序 和方法关联的GUI部件(S2301)。然后，将提取出的GUI部品与画面布局910中的 GUI部件进行比较。

其次，画面布局比较部105判断在S2301中提取的GUI部件中是否存在没有完成比 较的GUI部件(S2302)。如果存在未完成比较的GUI部件(在S2302为是)，处理进 入S2303。

另一方面，如果在S2301提取的GUI部件中全部的GUI部件都已完成比较(在S2302 为否)，结束处理。

其次，画面布局比较部105判断在画面布局910中是否存在具有与S2302中未完成 比较的GUI部件相同名称的属性值的GUI部件(S2303)。然后，画面布局比较部105 当判定存在具有相同名称的属性值的GUI部件时(在S2303为是)，推测这两个GUI 部件类似，将这两个GUI部件彼此对应起来并记述于推测数据中(S2308)。

另一方面，画面布局比较部105判断不存在具有相同名称的属性值的GUI部件时(在 S2303为否)，处理进入S2304。

例如，在画面布局的制作过程中，通过对制作完毕的画面布局追加GUI部件或删除 一部分GUI部件等来制作新的画面布局的情况较多。在此情况下，在新的画面布局中原 封不动地采用原来就存在的GUI部件的名称的属性值的情况也较多。S2303处理对于这 种情况比较有效。

其次，画面布局比较部105判断在画面布局910中是否存在与S2302中未完成比较 的GUI部件相同种类的GUI部件，且判断在两个画面布局中，该种类的GUI部件是否只 存在1个(S2304)。

然后，画面布局比较部105在判断存在与S2302中未完成比较的GUI部件相同种类 的GUI部件，且在两个画面布局中该种类的GUI部件只存在1个时(在S2304为是)， 推测这两个GUI部件类似，将这两个GUI部件彼此对应起来，并记述于推测数据中 (S2308)。

在此，作为GUI部件的种类比如有按钮、列表、图像等，GUI部件由所属的部件类 别来定义。

在图8(A)，(B)的例子中，画面布局900的GUI部件904的种类为列表。另外， 画面布局910的GUI部件914的种类也为列表。而且，在两个画面布局中，列表的GUI 部件只有1个。因此，推测GUI部件904与GUI部件914类似。

另一方面，如果在两个画面布局中不存在相同种类的GUI部件，或者是虽然存在相 同种类的GUI部件但其个数为2个以上(在S2304为否)，处理进入S2305。

例如，在视频内容的GUI中，由列表显示视频内容的文件名或者缩略图图像的1个 列表的GUI部件、和用于选择并再生被列表显示的视频内容的多个按钮的GUI部件构成 的情况较多。

因此，S2304的处理对这样的包含1个列表的GUI部件的画面布局有效。另外，在 此，当相同种类的GUI部件为1个时，推测两个GUI部件类似，但并不局限于此。例如， 在相同种类的GUI部件在画面布局900及910中存在2个以上且数目相同的情况下，也 可以推测两个GUI部件类似。在这种情况下，根据相同种类的相同数目的GUI部件的例 如配置图案等，可以推测构成2个以上且相同数目的GUI部件的各GUI部件的类似性。

接着，画面布局比较部105判断画面布局910中是否存在位置的属性值与S2302中 未完成比较的GUI部件相同的GUI部件(S2305)。然后，画面布局比较部105在判定 存在位置的属性值相同的GUI部件时(在S2305为是)，推测这两个GUI部件类似，将 这两个GUI部件对应起来，并记述于推测数据(S2308)。

另一方面，当画面布局比较部105判定不存在位置的属性值相同的GUI部件时(在 S2305为否)，处理进入S2306。在此，即使位置的属性值多少有些误差，画面布局比较 部105也可以判定位置的属性值相同。

具体来说，画面布局比较部105为X坐标、Y坐标分别设置下限阈值和上限阈值。然 后，如果以画面布局900的GUI部件的位置的属性值为基准，在画面布局910中存在位 于X坐标及Y坐标的各自的下限阈值及上限临界值的范围以内的GUI部件，画面布局比 较部105可以推测这些GUI部件类似。

例如，在画面布局的制作过程中，通过对制作完毕的画面布局追加GUI部件或删除 一部分GUI部件等来制作新的画面布局的情况较多。在这种情况下，在新的画面布局中 原来就存在的GUI部件的位置未被修正的情况也较多。S2305的处理对于这种情况比较 有效。

另外，在定型图案的GUI中，GUI部件的配置位置根据种类而被预先确定的情况较 多。为此，在替换前画面布局和替换后画面布局中被配置于相同位置的GUI部件与相同 的处理程序关联的可能性变高。因此，S2305的处理可以高精度地推测定型图案的GUI 中GUI部件的类似性。

其次，画面布局比较部105确定在S2302未完成比较的GUI部件中种类相同的GUI 部件群，判断画面布局910中是否存在与该GUI部件群种类相同、且名称的规则性相同 的GUI部件群(S2306)。

然后，画面布局比较部105在判断存在种类相同且名称的规则性相同的GUI部件群 时(在S2306为是)，分别从两个GUI部件群中按名称的属性值从小到大的顺序取出相 同数目的GUI部件，将取出的GUI部件彼此对应起来，记述于推测数据(S2308)。

另一方面，如果画面布局比较部105判断不存在种类相同且名称的规则性相同的GUI 部件群(在S2306为否)，处理进入S2307。

在此，GUI部件群彼此的名称的规则性相同是指，例如一方的GUI部件群包括具有 “Button01”、“Button02”、“Button03”名称的属性值的GUI部件，另一方的GUI 部件群包括具有“naviButton01”、“naviButton02”、“naviButton03”名称的属性 值的GUI部件。

例如，在画面布局900中，GUI部件901至903的名称的属性值分别为“Button01”、 “Button02”、“Button03”。在画面布局910中，GUI部件911至913的名称的属性 值分别为“naviButton01”、“naviButton02”、“naviButton03”。

此时，GUI部件901至903的种类分别为按钮，且其名称的属性值具有“Button01”、 “Button02”、“Button03”的规则性。更具体地说，其字符串一致，且接在字符串之 后的数值以1为单位连续增大。因此，GUI部件901至903作为GUI部件群被确定。

另一方面，GUI部件911至913的种类为按钮，且名称的属性值具有“naviButton01”、 “naviButton02”、“naviButton03”的规则性。因此，GUI部件911至913作为GUI 部件群被确定。

然后，在从画面布局900确定的GUI部件群中，名称的属性值以GUI部件901为最 小，其次是GUI部件902、接着是GUI部件903。另一方面，在从画面布局910确定的 GUI部件群中，名称的属性值以GUI部件911为最小，其次是GUI部件912、接着是 GUI部件913。因此，画面布局比较部105推测GUI部件901至903各部件分别与GUI 部件911至913类似，并将这些GUI部件彼此对应起来。

另外，也有从画面布局900确定的构成GUI部件群的GUI部件的个数和从画面布局 910确定的GUI部件群的GUI部件的个数不一致的情况。例如，在画面布局900中的 GUI部件群有4个GUI部件901至904，而画面布局910中有3个GUI部件911至913。 此时，假设GUI部件904的名称的属性值为“Button04”，画面布局比较部105可以按 名称的属性值的顺序将相同数目的GUI部件彼此对应起来，使GUI部件901至903分别 与GUI部件911至913对应。

其次，画面布局比较部105从在S2302未完成比较的GUI部件中，确定位置连续的 GUI部件群，判断是否存在与该GUI部件群种类相同、且位置连续的GUI部件群(S2307)。 然后，画面布局比较部105在判断存在种类相同且位置连续的GUI部件群时(在S2307 为是)，从两个GUI部件群中分别取出相同数目的GUI部件，将取出的GUI部件彼此对 应起来，记述于推测数据(S2308)。

另一方面，如果画面布局比较部105判断不存在种类相同且位置连续的GUI部件群 (在S2307为否)，处理返回S2302。

在此，位置连续是指，GUI部件在例如垂直方向或水平方向上连续的意思。

在图8(A)所示的画面布局900中，由于GUI部件901至903种类相同且位置在水 平方向上连续，因此作为GUI部件群被确定。

另外，在图8(B)所示的画面布局910中，由于GUI部件911至913种类相同且位 置在垂直方向上连续，因此作为GUI部件群被确定。该GUI部件群与GUI部件901至 903种类相同。另外，在画面布局900的GUI部件群中GUI部件901位于左端，画面布 局910的GUI部件群中GUI部件911位于上端。因此，推测GUI部件901和GUI部件 911类似，这两个GUI部件被对应起来。

而且，GUI部件902、903位于画面布局900的GUI部件群中从左边起第二、第三 的位置，GUI部件912、913位于画面布局910的GUI部件群中从上面起第2，第3的 位置。因此，GUI部件902与GUI部件912相对应，GUI部件903与GUI部件913相 对应。

另外，也有如同画面布局900中的GUI部件群包括在水平方向连续配置的4个GUI 部件901至904那样，GUI部件群彼此的GUI部件个数不一致的情况。此时，可以将画 面布局900的GUI部件群中从左端起的3个GUI部件901至903分别与画面布局910 的GUI部件群从上端起的3个GUI部件911至913相对应。

如果在S2307为否时，则推测数据中完全未记述GUI部件彼此的对应，处理返回到 S2302。

以上是画面布局比较处理的详细说明。

(变形例1)

下面说明上述的GUI程序制作辅助装置100的变形例1。在该变形例中，让用户输入 表示画面布局中的GUI部件的配置图案的图案信息，根据该图案信息适当变更图11的 S2303至S2307所示的推测处理的顺序。

在该变形例1中，画面布局制作部101根据用户的操作输入，在画面布局上设定表示 GUI部件的配置图案的图案信息。具体来说，画面布局制作部101在画面布局的制作工作 中，让用户从预先确定的多个图案信息中选择其中之一的图案信息。然后，将由用户选择 的图案信息记述到画面布局定义信息201中，从而在画面布局中设定图案信息。

在此，作为图案信息存在表示视频内容的画面布局的GUI部件的配置图案的视频内 容图案、表示操作菜单的画面布局的GUI部件的配置图案的操作菜单图案，以及表示定 型的画面布局的GUI部件的配置图案的定型图案。

视频内容的图案，是设想了例如用户在DVD录像机等AV设备中再生视频内容时， 让用户从多个视频内容中选择任意内容的GUI的GUI部件的配置图案而设计。

操作菜单图案，是设想了例如为了操纵AV设备或汽车导航系统等的数码设备而在画 面上显示的操作菜单的GUI的GUI部件的配置图案。

定型图案，是设想了通过式样书等适合GUI部件的种类的配置位置被预先指定的定 型的GUI的GUI部件的配置图案。

视频内容的GUI包括将视频内容的文件名或者缩略图图像列表显示的一个列表的 GUI部件、和用于选择和再生被列表显示的视频内容的多个按钮GUI部件的情况较多。

在设计这样的GUI时，替换前画面布局及替换后画面布局中都包含一个列表的GUI 部件的可能性变高。

因此，如果图案信息表示视频内容图案，画面布局比较部105接在图11所示的S2302 之后执行S2304的“相同种类的部件只存在1个”的推测处理(第1推测处理的一个例子)， 接着，依次执行S2303，S2305至S2307的剩余的推测处理。由此，在适用于视频内容 图案的GUI的画面布局中，可以高精度地类推GUI部件。

在操作菜单的GUI中，如同多个按钮的GUI部件被连续配置，多个图像的GUI部件 被连续配置那样，相同种类的GUI部件有规则地配置的情况较多。

因此，如果图案信息表示操作菜单图案，画面布局比较部105接在S2302之后执行 S2307的“种类相同且位置连续”的推测处理(第2推测处理的一个例子)，接着，依次 执行S2303至S2306的推测处理。由此，在适用于操作菜单图案的GUI的画面布局中， 可以高精度地推测GUI部件的类似性。

在定型图案的GUI中，GUI部件的配置位置根据种类而被预先规定的情况较多。因 此，在替换前画面布局和替换后画面布局中被配置在相同位置的GUI部件与相同处理程 序关联的可能性变高。

因此，如果图案信息表示定型图案，画面布局比较部105接在S2302之后执行S2305 的“位置相同”的推测处理(第3推测处理的一个例子)，接着，依次执行S2303、S2304、 S2306、S2307的推测处理。由此，在适用于定型图案的GUI的画面布局中，可以高精度 地推测GUI部件的类似性。

这样，在变形例1中，由于根据画面布局所适用的GUI的种类，优先应用推测精度 高的推测处理，因此，能够高效地执行比较GUI部件彼此的类似性的处理。

另外，在变形例1中，用户选择一个图案信息，但并不局限于此，也可以选择多个图 案信息。此时，对各图案信息预先设置优先度，在多个图案信息被设定的情况下，可以按 照优先度决定推测处理的顺序。

例如，假设用户设定视频内容图案、操作菜单图案作为图案信息，并使视频内容图案 的优先度高于操作菜单图案的优先度。在此情况下，画面布局比较部105可以接在S2302 的推测处理之后执行S2304的推测处理，然后执行S2307的推测处理，接下来再依次执 行剩余的推测处理。

(变形例2)

在上述的实施方式中，对于被对应起来的GUI部件，用替换前画面布局的名称的属 性值更新了替换后画面布局的GUI部件的名称的属性值。在变形例2中，对于被对应起 来的GUI部件，用替换后画面布局的名称的属性值更新替换前画面布局的GUI部件的名 称的属性值。

例如，假设替换后画面布局的GUI部件的名称的属性值为“Button_01”，替换前 画面布局的GUI部件的名称的属性值为“Button_A”，用“Button_01”更新“Button _A”。

假设设计师在替换后画面布局的作成后，再次编辑替换前画面布局。此时，设计师由 于在替换后画面布局中针对GUI部件(B1)已经将名称的属性值设定为“Button_01”， 因此，无法迅速地确认在替换前画面布局中名称的属性值为“Button_A”的GUI部件是 否为GUI部品(B1)。

因此，通过对替换前画面布局的GUI部件设定替换后画面布局的GUI部件的名称的 属性值，能够提高替换前画面布局的编辑工作的效率。

在这种情况下，由于GUI部件901与处理程序的关联被切断，因此必须将处理程序 与GUI部件901进行关联。例如，在图8(A)、(B)中，假设GUI部件901、911被 对应起来。此时，连接信息恢复部106只需在GUI部件901的连接信息202中将名称的 属性值从“Button_A”改写为“Button_01”即可。由此，GUI部件901、911都恢复 了与处理程序的关联。

(变形例3)

在上述实施方式中，是以替换前画面布局和替换后画面布局的类似性为基准，将处理 程序与替换后画面布局进行关联。在变形例3中，是从与替换前画面布局关联的处理程序 的特征来类推与替换后画面布局的各GUI部件关联的处理程序。

例如，假设替换前画面布局是在AV设备中再生视频内容的离线(offline)用的画面布 局，将该替换前画面布局替换成在网上再生视频内容的在线(online)用的画面布局。

此时，假设在替换前画面布局中，离线用的再生程序与例如再生按钮的GUI部件关 联。于是，画面布局比较部105将与该离线用的再生程序相对应的在线用的再生程序与再 生按钮的GUI部件关联起来。

此时，画面布局比较部105例如可以从离线用的再生程序的名称或可选择的方法的种 类来确定在线用的再生程序。具体来说，假设下线用的再生程序的名称为“off_play_ program”，在线用的再生程序的名称为“on_play_program”，这两个程序的名称的 类似度高，则可以将“on_play_program”与再生按钮的GUI部件关联起来。作为类 似度，可以采用两个名称中一致的文字数目。

另外，如果像“off_play_program”和“on_play_program”都具有“play”、 “stop”、“fforward”、“rewind”的方法那样，两个程序的方法的类似度较高，则可 以将“on_play_program”与再生按钮的GUI部件关联起来。在此，作为方法的类似 度，可以采用两个程序中一致的方法数目。

另外，假设程序员已将“off_play_program”和“on_play_program”预先对应 起来。此时，画面布局比较部105可以将与“off_play_program”对应的“on_play _program”与再生按钮的GUI部件进行关联。

这样的结构在例如与替换前画面布局关联的处理程序版本升级时比较有效。

例如，假设在替换前画面布局中，“play_program(ver.1)”与再生按钮的GUI 部件关联，下一代的版本的“play_program(ver.2)”与该“play_program(ver.1)” 对应。

于是，画面布局比较部105可以在替换后画面布局中，将“play_program(ver.2)” 与再生按钮的GUI部件关联起来。

图13是表示本发明实施方式的GUI程序制作辅助装置100的硬件结构的方框图。 GUI程序制作辅助装置100具备CPU(CENTRAL PROCESSING UNIT、中央处理单 元)1201、ROM/RAM1202、显示部1203、I/O 1204、网络接口1205、外部存储装置 1206以及输入部1207。CPU1201至输入部1207通过总线1200彼此连接。

ROM/RAM1202或外部存储装置1206存储让电脑作为GUI程序制作辅助装置100 而发挥其功能的程序。

显示部1203例如由液晶显示器或有机EL显示器等构成，显示CPU1201处理的处 理结果。

I/O 1204是用于连接外部设备的输入输出接口，例如采用USB端口。网络接口1205 例如由将GUI程序制作辅助装置100与互联网连接的通信电路构成。外部存储装置1206 例如由HDD(硬盘)等的存储装置构成。输入部1207例如由键盘、鼠标等的输入装置等 构成，接收来自用户的各种各样的操作输入。

图1所示的画面布局制作部101、连接设定部102以及处理程序制作部103是在显示 部1203显示指定的GUI，通过GUI接收来自用户的操作输入的程序模块，被存储在 ROM/RAM1202或外部存储装置1206，由CPU1201执行来实现。

图1所示的源代码生成部104、画面布局比较部105以及连接信息恢复部106是存储 于ROM/RAM1202或外部存储装置1206的不伴随GUI显示的程序模块，由CPU1201 执行来实现。图1所示的存储部200例如由ROM/RAM1202或外部存储装置1206等构 成。

另外，图1所示的GUI程序制作辅助装置100也可以作为集成电路的LSI来实现。 此时，将图1所示的画面布局制作部101至连接信息恢复部106集成化即可。而且，在这 种情况下，没有必要将程序从ROM/RAM1202或外部存储装置1206加载到CPU1201。 可以将这些分别集成一个芯片，也可以将含有这些的一部分或全部集成一个芯片。

在此，虽然称作了LSI，但根据集成度的不同，有时也称为IC，系统LSI，超(super)LSI， 超大(ultra)LSI的。

另外，集成电路化的手段不限于LSI，也可以用专用电路或通用处理器来实现。也可 以在LSI制造后，利用可编程的FPGA(Field Programmable Gate Array)或可重新配 置LSI内部的电路单元的连接或设定的可重构处理器(Reconfigurable Processor)。

此外，如果由于半导体技术的进步或衍生出的其他技术而出现了能替换LSI的集成电 路化的技术，当然，也可以利用该技术进行功能块的集成化。也有可能应用生物技术。

另外，在GUI程序制作辅助装置100的构成要素中，也可以将存储部200与从画面 布局制作部101至连接信息恢复部106合在一起集成一个芯片。

另外，在本实施方式中，可以通过将构成GUI程序制作辅助装置100的处理手段作 为步骤的方法来实现。而且，本实施方式也可以作为让电脑执行该方法所包含的步骤的程 序来实现。再者，本实施方式也可以作为存储该程序的CD-ROM等计算机可读取的存储 媒体来实现。

(本实施方式的GUI程序制作辅助装置汇总)

(1)本实施方式的GUI程序制作辅助装置包括：根据用户的操作输入生成包含多个 GUI(图形用户界面)部件的GUI画面布局，并将已生成的画面布局替换成别的画面布 局的画面布局制作部；根据用户的操作输入制作与所述GUI部件被操作时所执行的处理 有关的处理程序的处理程序制作部；根据用户的操作输入将所述GUI部件与所述处理程 序进行关联，生成表示该关联的连接信息的连接设定部；基于所述画面布局、所述处理程 序以及所述连接信息生成GUI程序的源代码的源代码生成部；当由所述画面布局制作部 将已生成的画面布局替换成别的画面布局时，从替换前画面布局推测与替换后画面布局的 GUI部件类似的GUI部件，并将类似的GUI部件彼此对应起来的画面布局比较部；执行 将与所述替换前画面布局的GUI部件关联的所述处理程序与通过所述画面布局比较部而 被彼此对应起来的GUI部件进行关联的连接恢复处理的连接信息恢复部。

根据此结构，从替换前画面布局中推测与替换后画面布局的各GUI部件类似的GUI 部件，将与类似的GUI部件关联的处理程序自动地与被推测有类似的GUI部件的替换后 画面布局的GUI部件关联起来。

因此，能够减轻用户将处理程序与替换后画面布局进行关联的工作量，从而能够大幅 提高GUI的画面布局的开发效率。

(2)优选，所述连接信息恢复部向用户通知通过所述画面布局比较部而被对应起来 的GUI部件，对由用户进行表示推测结果正确的操作输入的GUI部品执行所述连接恢复 处理。

根据此结构，可以让用户事先判断推测结果是否正确，可以防止将用户意图之外的处 理程序与替换后画面布局的GUI部件关联起来，从而提高工作效率。

(3)优选，所述画面布局比较部通过比较所述替换前画面布局与所述替换后画面布 局中赋予各GUI部件的名称，推测类似性。

根据此结构，在替换后画面布局和替换前画面布局中，名称共通的GUI部件被大量 采用时，可以高精度地推测类似的GUI部件。

(4)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布 局中相同种类的GUI部件的个数，推测类似性。

根据此结构，在具有1个列表的GUI部件的视频内容的GUI的画面布局中，可以高 精度地推测类似的GUI部件。

(5)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布 局中赋予各GUI部件的名称的连续性，推测类似性。

根据此结构，在GUI的名称按一定的规则自动作成的画面布局中，可以高精度地检 测类似的GUI部件。

(6)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布 局中GUI部件的位置，推测类似性。

根据此结构，在适用于由式样书预先规定了GUI部件的配置位置的定型图案的GUI 的画面布局中，可以高精度地推测GUI部件的类似性。

(7)优选，所述画面布局比较部通过比较所述替换后画面布局与所述替换前画面布 局中各GUI部件配置的规则性，推测类似性。

根据此结构，在为了操作AV设备等在画面上显示的操作菜单的GUI的画面布局中， 可以高精度地检测类似的GUI部件。

(8)优选，所述连接信息恢复部将进行了所述连接恢复处理的所述替换后画面布局 的GUI部件的名称，用相对应的所述替换前画面布局的GUI部件的名称来更新。

根据此结构，不必重新生成替换后画面布局的GUI部件的连接信息及源代码，可以 将替换前画面布局的GUI部件的处理程序与替换后画面布局的GUI部件关联起来。

(9)优选，所述连接信息恢复部用进行了所述连接恢复处理的所述替换后画面布局 的GUI部件的名称，更新对应的所述替换前画面布局的GUI部件的名称。

根据此结构，可以谋求再次编辑替换前画面布局时的编辑工作的高效率。

(10)优选，所述画面布局生成部根据用户的操作输入，将表示GUI部件的配置图 案的图案信息设定于所述画面布局；所述画面布局比较部依次执行多个推测处理来推测类 似性，根据所述图案信息变更推测处理的顺序。

根据此结构，由于根据画面布局所适用的GUI的种类，优先应用推测精度高的推测 处理，因此可以高效率地执行比较GUI部件之间的类似性的处理。

(11)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局 中相同种类的GUI部件的个数来推测类似性的第1推测处理；所述画面布局比较部在所 述图案信息为表示视频内容的GUI的GUI部件的配置图案的视频内容图案时，最先执行 所述第1推测处理。

根据此结构，在象视频内容的GUI那样具有1个列表的GUI部件的画面布局中，可 以更高精度地推测类似的GUI部件。

(12)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局 中各GUI部件的配置的规则性推测类似性的第2推测处理；所述画面布局比较部在所述 图案信息为表示操作菜单的GUI的GUI部件的配置图案的操作菜单图案时，最先执行所 述第2推测处理。

根据此结构，在为了操作AV设备在画面上显示的操作菜单的GUI的画面布局中，可 以更高精度地检测类似的GUI部件。

(13)优选，所述推测处理包括通过比较所述替换后画面布局与所述替换前画面布局 中GUI部件的位置推测类似性的第3推测处理；所述画面布局比较部在所述图案信息为 表示GUI部件配置于预先规定的配置位置的定型的GUI的定型图案时，最先执行所述第 3推测处理。

根据此结构，在适用于由式样书预先规定了GUI部件的配置位置的定型图案的GUI 的画面布局中，可以更高精度地推测GUI部件的类似性。

产业上的可利用性

本发明所涉及的GUI程序制作辅助装置作为具有画面布局比较部和连接信息恢复部、 提高一边替换多个画面布局一边被开发的GUI程序的开发效率的GUI编译器极为有用。