JP6434435B2 - Information processing apparatus, operation support method, and operation support program - Google Patents

Information processing apparatus, operation support method, and operation support program Download PDF

Info

Publication number
JP6434435B2
JP6434435B2 JP2016027143A JP2016027143A JP6434435B2 JP 6434435 B2 JP6434435 B2 JP 6434435B2 JP 2016027143 A JP2016027143 A JP 2016027143A JP 2016027143 A JP2016027143 A JP 2016027143A JP 6434435 B2 JP6434435 B2 JP 6434435B2
Authority
JP
Japan
Prior art keywords
operation screen
content
information
gui element
gui
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.)
Active
Application number
JP2016027143A
Other languages
Japanese (ja)
Other versions
JP2017146729A (en
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.)
Nippon Telegraph and Telephone Corp
Original Assignee
Nippon Telegraph and Telephone Corp
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 Nippon Telegraph and Telephone Corp filed Critical Nippon Telegraph and Telephone Corp
Priority to JP2016027143A priority Critical patent/JP6434435B2/en
Publication of JP2017146729A publication Critical patent/JP2017146729A/en
Application granted granted Critical
Publication of JP6434435B2 publication Critical patent/JP6434435B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

本発明は、情報処理装置、操作支援方法および操作支援プログラムに関する。   The present invention relates to an information processing apparatus, an operation support method, and an operation support program.

従来、アプリケーションソフトウェアを操作する場合において、アプリケーションソフトウェアの対象分野やアプリケーションソフトウェアの操作方法に精通していない実施者は、どのようにアプリケーションソフトウェアの操作を行えばよいのかわからない場合があり、操作の正確性や効率性の低下を招く要因となっている。従来の技術では操作の正確性や効率性を確保、向上するために、マニュアルを用意したり、操作方法に関する情報を表示したりする手法が知られている。   Conventionally, when operating application software, a practitioner who is not familiar with the target field of application software and the operation method of application software may not know how to operate application software. This is a factor that causes a decrease in efficiency and efficiency. In the prior art, a technique for preparing a manual or displaying information on an operation method is known in order to ensure and improve the accuracy and efficiency of the operation.

例えば、アプリケーションソフトウェアの対象分野や作業の進め方やアプリケーションソフトウェアの操作方法が記載されたマニュアル(以下、手順書)を用意し、実施者がその作業に着手する前に読ませ、理解、記憶させるとともに、必要に応じて参照させる。従来はデジタルコンテンツ管理装置では、デジタルコンテンツにアプリケーションソフトウェア操作画面情報を挿入して手順書を作成していた。   For example, prepare a manual (hereinafter referred to as `` procedure manual '') that describes the target area of application software, how to proceed with the work, and how to operate the application software, and read, understand, and memorize it before the implementer starts the work. , Refer as necessary. Conventionally, a digital content management apparatus has created a procedure manual by inserting application software operation screen information into digital content.

その場合、アプリケーションソフトウェア操作画面キャプチャを画像としてデジタルコンテンツに挿入して表示を行っていた。またデジタルコンテンツを検索する方法として全文検索技術を使ってキーワードを入力して検索したり、画像を検索キーとして検索をしたりしていた。例えば、GUI(Graphical User Interface)を持つソフトウェアの利用方法に関するコンテンツの作成において、利用方法を図示する際に利用されている従来のコンテンツ作成技術としては、キャプチャした操作画面の画像をコンテンツに挿入するものがある。また、そのようにして作成されたコンテンツの中から、利用者が必要とする部分を参照する際に利用されている従来のコンテンツ有効活用技術としては、利用者が指定した、キーワードに合致する部分を全文検索技術等により検索する技術や、画像と合致する部分を画像検索技術等により検索する技術がある。   In that case, the application software operation screen capture was inserted into the digital content as an image and displayed. Also, as a method of searching for digital contents, a full-text search technique is used to search by inputting a keyword, or a search is performed using an image as a search key. For example, in the creation of content related to a method of using software having a GUI (Graphical User Interface), as a conventional content creation technique used when illustrating the method of use, a captured operation screen image is inserted into the content. There is something. In addition, the content that has been created in this way is used to refer to the part that the user needs, and as a conventional content effective utilization technique, the part that matches the keyword specified by the user There are a technique for searching for images using a full-text search technique and the like, and a technique for searching for a portion matching an image using an image search technique.

アプリケーションソフトウェア実施者が必要とする対象分野の知識やアプリケーションソフトウェアの操作方法に関する情報が、ソフトウェア利用時に適宜表示される仕組みを、ソフトウェア開発時にそのソフトウェア自体の機能として用意しておく。このような方法としてオンラインヘルプやバルーンヘルプやポップアップヘルプのようなものを利用する方法がとられていた。   A mechanism in which knowledge about the target field required by the application software implementer and information regarding the operation method of the application software is displayed as appropriate when the software is used is prepared as a function of the software itself during software development. As such a method, a method using online help, balloon help, or pop-up help has been adopted.

“Microsoft(登録商標) Office”、[online]、[平成28年1月22日検索]、 インターネット<http://www.microsoft.com/ja-jp/office>“Microsoft (registered trademark) Office”, [online], [searched on January 22, 2016], Internet <http://www.microsoft.com/en-us/office> “無料でサイトを作成”、[online]、[平成28年1月22日検索]、 インターネット<https://ja.wordpress.com/>“Create a site for free”, [online], [Search January 22, 2016], Internet <https://en.wordpress.com/> “ドキュメント/コンテンツ制作ツール”、[online]、[平成28年1月22日検索]、 インターネット<http://www.toshiba-toac.co.jp/service/digital-contents/tool/index_j.htm>“Document / content creation tool”, [online], [searched on January 22, 2016], Internet <http://www.toshiba-toac.co.jp/service/digital-contents/tool/index_j.htm > “バルーン”、[online]、[平成28年1月22日検索]、 インターネット<https://msdn.microsoft.com/ja-jp/library/windows/desktop/aa511451.aspx>“Balloon”, [online], [Search January 22, 2016], Internet <https://msdn.microsoft.com/en-us/library/windows/desktop/aa511451.aspx>

しかしながら、従来の技術では、アプリケーションソフトウェアの操作方法に関する情報と、実際のアプリケーションソフトウェアの操作画面とが適切に連携できなかったという課題がある。例えば、ユーザが実際のアプリケーションソフトウェア操作画面を見ながら、デジタルコンテンツにアプリケーションソフトウェア操作画面情報が挿入された手順書を参照する際に、操作中にユーザが知りたい情報がどこに書いてあるかわからないため、探すのに手間がかかる場合があった。また、例えば、ユーザが実際のアプリケーションソフトウェアの操作画面と手順書に挿入されたアプリケーションソフトウェアの操作画面とを比較したい場合に、実際の操作画面と手順書とを手動で比較する必要があるため手間がかかる場合があった。   However, in the conventional technology, there is a problem in that the information regarding the operation method of the application software and the actual operation screen of the application software cannot be appropriately linked. For example, when referring to a procedure manual in which application software operation screen information is inserted into digital content while viewing the actual application software operation screen, the user does not know where the information that the user wants to know is written during the operation. , It sometimes took time to find it. Also, for example, when the user wants to compare the actual operation screen of the application software with the operation screen of the application software inserted in the procedure manual, it is necessary to manually compare the actual operation screen with the procedure manual. There was a case.

上述した課題を解決し、目的を達成するために、本発明の情報処理装置は、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する取得部と、前記取得部によって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納部と、前記取得部によって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入部と、前記挿入部によって挿入された操作画面情報のGUI要素と、該GUI要素に関連する前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納部と、を備えることを特徴とする。   In order to solve the above-described problems and achieve the object, an information processing apparatus according to the present invention includes a captured image of an operation screen of application software and structural information regarding the structure of a GUI element displayed on the operation screen. An operation information storage unit that associates the acquisition unit that acquires operation screen information, the captured image of the operation screen of the application software acquired by the acquisition unit, and the structure information related to the structure of the GUI element displayed on the operation screen An operation screen information storage unit to be stored in, an insertion unit for inserting the operation screen information acquired by the acquisition unit into content including a content element describing an operation method of the application software, and an insertion unit inserted by the insertion unit GUI element of the operation screen information and the content related to the GUI element Characterized in that it comprises a content information storage unit for storing the content information storage unit in association with each element, the.

また、本発明の情報処理装置は、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入された該アプリケーションソフトウェアの各操作画面に対応付けて、該操作画面情報の操作画面に表示された各GUI要素の構造に関する構造情報をそれぞれ記憶する操作情報記憶部と、前記各GUI要素に対応付けて、該各GUI要素に関連するアプリケーションソフトウェアの操作方法が記載されたコンテンツ要素をそれぞれ記憶するコンテンツ情報記憶部と、現在表示されている操作画面のGUI要素の構造に関する構造情報を抽出し、該抽出した構造情報と、前記操作情報記憶部に記憶された構造情報との類似度を、前記コンテンツに挿入された操作画面ごとに比較し、前記操作情報記憶部に記憶された各構造情報のうち、最も類似度が高い構造情報に対応する前記コンテンツに挿入された操作画面を特定する特定部と、前記特定部によって特定された操作画面の各GUI要素の構造情報と、前記現在表示されている操作画面の各GUI要素の構造情報とを比較し、前記特定部によって特定された操作画面の各GUI要素と、該各GUI要素にそれぞれ対応する現在表示されている操作画面の各GUI要素とを関連付けてGUI要素記憶部に格納するGUI要素格納部と、を備えることを特徴とする。   The information processing apparatus of the present invention is displayed on the operation screen of the operation screen information in association with each operation screen of the application software inserted in the content including the content element describing the operation method of the application software. In addition, an operation information storage unit that stores structure information related to the structure of each GUI element, and a content element that describes an operation method of application software related to each GUI element are stored in association with each GUI element. The structure information regarding the structure of the content information storage unit and the GUI element of the currently displayed operation screen is extracted, and the similarity between the extracted structure information and the structure information stored in the operation information storage unit is Each operation screen inserted in the content is compared and stored in the operation information storage unit Among the structure information, a specifying unit that specifies an operation screen inserted into the content corresponding to the structure information having the highest similarity, structure information of each GUI element of the operation screen specified by the specifying unit, and the current The structure information of each GUI element of the displayed operation screen is compared, and each GUI element of the operation screen specified by the specifying unit and each of the currently displayed operation screens corresponding to the GUI elements respectively A GUI element storage unit that associates the GUI elements with each other and stores them in the GUI element storage unit.

また、本発明の操作支援方法は、情報処理装置で実行される操作支援方法であって、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する取得工程と、前記取得工程によって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納工程と、前記取得工程によって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入工程と、前記挿入工程によって挿入された操作画面情報のGUI要素と、該GUI要素に関連する前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納工程と、を含んだことを特徴とする。   The operation support method of the present invention is an operation support method executed by the information processing apparatus, and includes a captured image of an operation screen of application software, structure information on a structure of a GUI element displayed on the operation screen, and The operation information is obtained by associating the acquisition step for acquiring the operation screen information, the capture image of the operation screen of the application software acquired by the acquisition step, and the structure information regarding the structure of the GUI element displayed on the operation screen. An operation screen information storing step for storing in the storage unit, an insertion step for inserting the operation screen information acquired in the acquisition step into content including a content element describing the operation method of the application software, and the insertion step The GUI element of the inserted operation screen information and the GUI element A content information storing step of storing in the content information storage unit in association with the content elements, characterized in that it contained.

また、本発明の操作支援プログラムは、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する取得ステップと、前記取得ステップによって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納ステップと、前記取得ステップによって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入ステップと、前記挿入ステップによって挿入された操作画面情報のGUI要素と、該GUI要素に関連する前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納ステップと、をコンピュータに実行させることを特徴とする。   The operation support program according to the present invention includes an acquisition step of acquiring operation screen information including a captured image of an operation screen of application software and structure information relating to a structure of a GUI element displayed on the operation screen; An operation screen information storage step for storing the captured image of the operation screen of the application software acquired in the step and the structure information related to the structure of the GUI element displayed on the operation screen in the operation information storage unit; An operation step of inserting the operation screen information acquired in the step into a content including a content element describing the operation method of the application software, a GUI element of the operation screen information inserted in the insertion step, and the GUI element Conte related to Associating the tool element, characterized in that to execute the content information storing step of storing in the content information storage section, to the computer.

本発明によれば、アプリケーションソフトウェアの操作方法に関する情報と、実際の操作画面とを適切に連携させることができるという効果を奏する。   According to the present invention, there is an effect that information on an operation method of application software and an actual operation screen can be appropriately linked.

図1は、第一の実施の形態に係る操作支援システムの全体構成を示す概略構成図である。FIG. 1 is a schematic configuration diagram showing the overall configuration of the operation support system according to the first embodiment. 図2は、第一の実施の形態に係る作成装置の構成を示すブロック図である。FIG. 2 is a block diagram showing the configuration of the creation apparatus according to the first embodiment. 図3は、操作情報記憶部に記憶される情報の一例を示す図である。FIG. 3 is a diagram illustrating an example of information stored in the operation information storage unit. 図4は、GUI要素の構造情報を説明する図である。FIG. 4 is a diagram for explaining the structure information of the GUI element. 図5は、コンテンツ情報記憶部に記憶されるテーブルの一例を示す図である。FIG. 5 is a diagram illustrating an example of a table stored in the content information storage unit. 図6は、コンテンツへ操作画面を挿入する処理を説明する図である。FIG. 6 is a diagram illustrating processing for inserting an operation screen into content. 図7は、コンテンツ上に表示されたGUI要素の境界を表示する処理を説明する図である。FIG. 7 is a diagram for explaining processing for displaying the boundary of the GUI element displayed on the content. 図8は、コンテンツ要素とGUI要素とを結合する処理を説明する図である。FIG. 8 is a diagram illustrating processing for combining a content element and a GUI element. 図9は、第一の実施の形態に係るユーザ端末の構成を示すブロック図である。FIG. 9 is a block diagram showing the configuration of the user terminal according to the first embodiment. 図10は、操作中の操作画面と類似した操作画面をコンテンツ内から特定する処理を説明する図である。FIG. 10 is a diagram for describing processing for specifying an operation screen similar to the operation screen being operated from the content. 図11は、操作中の操作画面内のGUI要素とコンテンツ内のGUI要素とを対応付ける処理を説明する図である。FIG. 11 is a diagram illustrating a process of associating a GUI element in the operation screen being operated with a GUI element in the content. 図12は、操作中の操作画面にコンテンツ要素を表示する処理を説明する図である。FIG. 12 is a diagram for explaining processing for displaying a content element on the operation screen during operation. 図13は、操作中の操作画面におけるGUI要素に入力された情報をチェックする処理を説明する図である。FIG. 13 is a diagram for describing processing for checking information input to a GUI element on the operation screen during operation. 図14は、操作中の操作画面におけるGUI要素に入力された情報をチェックする処理を説明する図である。FIG. 14 is a diagram illustrating a process of checking information input to a GUI element on the operation screen being operated. 図15は、操作中の操作画面におけるGUI要素に自動的に入力する処理を説明する図である。FIG. 15 is a diagram illustrating a process of automatically inputting a GUI element on the operation screen being operated. 図16は、操作中の操作画面におけるGUI要素に入力された情報を記録する処理を説明する図である。FIG. 16 is a diagram illustrating a process of recording information input to a GUI element on the operation screen being operated. 図17は、第一の実施の形態に係る作成装置によるGUI要素とコンテンツ要素の対応付け処理の流れを示すフローチャートである。FIG. 17 is a flowchart showing a flow of a process of associating a GUI element and a content element by the creating apparatus according to the first embodiment. 図18は、第一の実施の形態に係るユーザ端末による操作画面へのコンテンツ要素の表示処理の流れを示すフローチャートである。FIG. 18 is a flowchart showing a flow of content element display processing on the operation screen by the user terminal according to the first embodiment. 図19は、操作支援プログラムを実行するコンピュータを示す図である。FIG. 19 is a diagram illustrating a computer that executes an operation support program.

以下に、本願に係る情報処理装置、操作支援方法および操作支援プログラムの実施の形態を図面に基づいて詳細に説明する。なお、この実施の形態により本願に係る情報処理装置、操作支援方法および操作支援プログラムが限定されるものではない。   Embodiments of an information processing apparatus, an operation support method, and an operation support program according to the present application will be described below in detail with reference to the drawings. Note that the information processing apparatus, the operation support method, and the operation support program according to the present application are not limited by this embodiment.

[第一の実施の形態]
以下の実施の形態では、第一の実施の形態に係る操作支援システムの構成、作成装置およびユーザ端末の構成、作成装置およびユーザ端末の処理の流れを順に説明し、最後に第一の実施の形態による効果を説明する。
[First embodiment]
In the following embodiment, the configuration of the operation support system according to the first embodiment, the configuration of the creation device and the user terminal, the processing flow of the creation device and the user terminal will be described in order, and finally the first embodiment The effect by form is demonstrated.

[第一の実施の形態に係る操作支援システムの構成]
まず、図1を用いて、第一の実施の形態に係る操作支援システムについて説明する。図1は、第一の実施の形態に係る操作支援システムの全体構成を示す概略構成図である。
[Configuration of Operation Support System According to First Embodiment]
First, the operation support system according to the first embodiment will be described with reference to FIG. FIG. 1 is a schematic configuration diagram showing the overall configuration of the operation support system according to the first embodiment.

図1に示すように、操作支援システムは、ネットワーク30を介して、作成装置10およびユーザ端末20と接続されている。なお、ネットワーク30は、接続される各装置が相互に通信可能に構成されていればよく、例えばインターネットやLAN(Local Area Network)、WAN(Wide Area Network)等で構成することができる。また、図1の例では、作成装置10およびユーザ端末20がそれぞれ1台であるが、これに限定されるものではなく、作成装置10およびユーザ端末20が複数であってもよい。また、作成装置10およびユーザ端末20は、例えばパーソナルコンピュータ、スマートフォン等の情報処理装置である。   As shown in FIG. 1, the operation support system is connected to the creation device 10 and the user terminal 20 via a network 30. The network 30 only needs to be configured so that the connected devices can communicate with each other. For example, the network 30 can be configured with the Internet, a LAN (Local Area Network), a WAN (Wide Area Network), or the like. In the example of FIG. 1, the number of the creation apparatuses 10 and the user terminals 20 is one, but the present invention is not limited to this, and there may be a plurality of creation apparatuses 10 and user terminals 20. The creation device 10 and the user terminal 20 are information processing devices such as a personal computer and a smartphone.

作成装置10は、アプリケーションソフトウェアの操作方法が記載されたコンテンツを作成する情報処理装置であり、コンテンツを作成するためのソフトウェアがインストールされているものとする。ここで、アプリケーションソフトウェアの操作方法が記載されたコンテンツとは、例えば、アプリケーションソフトウェアの操作方法が記載された説明文を含むデジタルコンテンツ(文書作成ソフトの電子ファイル)である。   The creation device 10 is an information processing device that creates content describing how to operate application software, and software for creating content is installed. Here, the content in which the operation method of the application software is described is, for example, digital content (an electronic file of document creation software) including an explanatory text in which the operation method of the application software is described.

作成装置10は、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得し、取得したキャプチャ画像と、該操作画面情報の操作画面に表示されたGUI(Graphical User Interface)要素の構造に関する構造情報とを対応付けて後述する操作情報記憶部14aに格納する。ここで、上記の操作画面情報とは、作成装置10の操作者が実際にアプリケーションの操作画面を表示させてアプリケーションを操作した際にキャプチャされた操作画面のログ情報である。   The creation apparatus 10 acquires operation screen information including a capture image of the operation screen of the application software and structure information regarding the structure of the GUI element displayed on the operation screen. The acquired capture image and the operation screen information Are stored in the operation information storage unit 14a, which will be described later, in association with structure information related to the structure of a GUI (Graphical User Interface) element displayed on the operation screen. Here, the operation screen information is log information of the operation screen captured when the operator of the creation apparatus 10 actually displays the operation screen of the application and operates the application.

また、作成装置10は、操作画面情報を、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入し、挿入した操作画面情報のGUI要素と、該GUI要素に関連するコンテンツ要素とを対応付けて後述するコンテンツ情報記憶部14bに格納する。ここで、コンテンツ要素とは、例えば、デジタルコンテンツに含まれる図形やテキスト文書などの描画オブジェクトである。   Further, the creation device 10 inserts the operation screen information into content including a content element in which an operation method of the application software is described, and includes a GUI element of the inserted operation screen information and a content element related to the GUI element. The content information is stored in the content information storage unit 14b, which will be described later. Here, the content element is, for example, a drawing object such as a graphic or a text document included in the digital content.

ユーザ端末20は、アプリケーションソフトウェアの操作画面を表示する情報処理装置であり、アプリケーションソフトウェアとコンテンツ内のアプリケーションソフトウェア操作画面情報を連携させるためのソフトウェアがインストールされているものとする。また、ユーザ端末20は、作成装置10によって作成されたデジタルコンテンツを記憶している。さらに、作成装置10によって構築された操作画面情報とGUI要素の構造情報とを関連付けた情報、およびGUI要素とコンテンツ要素とを関連付けた情報とを記憶しているものとする。   The user terminal 20 is an information processing apparatus that displays an operation screen of application software, and software for linking the application software and application software operation screen information in content is installed. The user terminal 20 stores digital content created by the creation device 10. Furthermore, it is assumed that information that associates the operation screen information constructed by the creation device 10 with the structure information of the GUI element and information that associates the GUI element and the content element are stored.

ユーザ端末20は、コンテンツに含まれるコンテンツオブジェクト(コンテンツ要素)を実際のアプリケーションソフトウェア操作画面に表示したり、コンテンツに記述したルールや手順を使って実際の操作画面を自動操作したり、逆に実際のアプリケーションソフトウェア操作画面の情報をコンテンツに記録する。   The user terminal 20 displays the content object (content element) included in the content on the actual application software operation screen, automatically operates the actual operation screen using the rules and procedures described in the content, or conversely The information on the application software operation screen is recorded in the content.

このように、作成装置10側では、操作画面に表示されたGUI要素とコンテンツに含まれる図形やテキスト文書などのコンテンツ要素を関連付けることを可能とし、これにより、ユーザ端末20が、デジタルコンテンツと実行中のアプリケーションソフトウェアを連携させ、アプリケーションソフトウェアの操作支援を様々な形態(ワンソースマルチユース)で行うことができる。   As described above, the creation device 10 side can associate the GUI element displayed on the operation screen with the content element such as the graphic or text document included in the content, so that the user terminal 20 can execute the digital content and the execution. Application software can be linked to support operation of the application software in various forms (one-source multi-use).

[作成装置の構成]
次に、図2を用いて、図1に示した作成装置10の構成を説明する。図2は、第一の実施の形態に係る作成装置の構成を示すブロック図である。図2に示すように、この作成装置10は、入力部11、出力部12、制御部13、記憶部14を有する。以下にこれらの各部の処理を説明する。
[Configuration of creation device]
Next, the configuration of the creation apparatus 10 shown in FIG. 1 will be described with reference to FIG. FIG. 2 is a block diagram showing the configuration of the creation apparatus according to the first embodiment. As illustrated in FIG. 2, the creation device 10 includes an input unit 11, an output unit 12, a control unit 13, and a storage unit 14. The processing of each of these units will be described below.

入力部11は、作成装置10の操作者からの各種操作を受付けるものであり、マウスやキーボードなどを備えて構成される。ここで操作者とは、例えば、コンテンツを作成する者である。また、出力部12は、デジタルコンテンツ等を表示するものであり、モニタ(若しくはディスプレイ、タッチパネル)やスピーカを備えて構成される。   The input unit 11 receives various operations from the operator of the creation apparatus 10 and includes a mouse, a keyboard, and the like. Here, the operator is, for example, a person who creates content. The output unit 12 displays digital contents and the like, and includes a monitor (or display, touch panel) and a speaker.

また、記憶部14は、制御部13による各種処理に必要なデータおよびプログラムを格納するが、特に本発明に密接に関連するものとしては、操作情報記憶部14aと、コンテンツ情報記憶部14bとを有する。例えば、記憶部14は、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)等の半導体メモリ素子、又は、ハードディスク、光ディスク等の記憶装置などである。   The storage unit 14 stores data and programs necessary for various processes performed by the control unit 13, and the operation information storage unit 14 a and the content information storage unit 14 b are particularly closely related to the present invention. Have. For example, the storage unit 14 is a semiconductor memory device such as a random access memory (RAM) or a flash memory, or a storage device such as a hard disk or an optical disk.

操作情報記憶部14aは、アプリケーションソフトウェアの操作画面をキャプチャした操作画面情報と、該操作画面情報の操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて記憶する。つまり、操作情報記憶部14aは、図3に例示するように、作成装置10の操作者が実際にアプリケーションの操作画面を表示させてアプリケーションを操作した際のキャプチャ画像と、該操作画面に表示されたGUI要素の構造情報とを記憶する。   The operation information storage unit 14a stores operation screen information obtained by capturing an operation screen of application software and structure information related to the structure of the GUI element displayed on the operation screen of the operation screen information in association with each other. That is, as illustrated in FIG. 3, the operation information storage unit 14 a is displayed on the operation screen and a captured image when the operator of the creation apparatus 10 actually displays the operation screen of the application and operates the application. The GUI element structure information is stored.

ここで、図4の例を用いて、GUI要素の構造情報を説明する。図4は、GUI要素の構造情報を説明する図である。図4に例示するように、操作画面のキャプチャ画像内に表示された操作画面(ウィンドウ)には、GUI要素として、テキストボックスと、チェックボックスと、ボタンとが表示されている。操作情報記憶部14aは、テキストボックス、チェックボックス、およびボタンの各構造情報をキャプチャ画像と対応付けて記憶する。例えば、操作情報記憶部14aは、構造情報として、位置や大きさ、GUI部品の種別、入力値を記憶する。   Here, the structure information of the GUI element will be described using the example of FIG. FIG. 4 is a diagram for explaining the structure information of the GUI element. As illustrated in FIG. 4, a text box, a check box, and a button are displayed as GUI elements on the operation screen (window) displayed in the captured image of the operation screen. The operation information storage unit 14a stores the structure information of the text box, the check box, and the button in association with the captured image. For example, the operation information storage unit 14a stores the position and size, the type of GUI component, and the input value as the structure information.

図4の例を挙げて具体的に説明すると、例えば、操作情報記憶部14aは、テキストボックスの構造情報として、テキストボックスの高さを示す「boundingRectangleH」が「15」、テキストボックスの横幅を示す「boundingRectangleW」が「347」、テキストボックスの左上のX座標を示す「boundingRectangleX」が「202」、テキストボックスの左上のY座標を示す「boundingRectangleY」が「372」、GUI部品の種別を示す「ClassName」が「TextBox」、テキストボックスの名前を示す「name」が「備考欄」、テキストボックスに入力された値を示す「Value」が「AAA」であることを記憶している。   Specifically, referring to the example of FIG. 4, for example, the operation information storage unit 14a, as the text box structure information, “boundingRectangleH” indicating the height of the text box is “15”, and indicates the width of the text box. “BoundingRectangleW” is “347”, “boundingRectangleX” indicating the upper left X coordinate of the text box is “202”, “boundingRectangleY” indicating the upper left Y coordinate of the text box is “372”, and “ClassName” indicating the type of the GUI component “TextBox”, “name” indicating the name of the text box is “remarks column”, and “Value” indicating the value input to the text box is “AAA”.

コンテンツ情報記憶部14bは、アプリケーションソフトウェアの操作画面をキャプチャした操作画面情報のGUI要素と、アプリケーションソフトウェアの操作方法の説明文等が記載されたコンテンツ要素とを対応付けて記憶する。例えば、図5に例示するように、コンテンツ情報記憶部14bは、コンテンツ要素を一意に識別する「コンテンツオブジェクトID」と、GUI要素を一意に識別する「GUI部品識別ID」とを対応付けて記憶する。図5の例では、コンテンツオブジェクトID「1111」と、GUI部品識別ID「2222」とが対応付けて記憶されている。これは、コンテンツオブジェクトID「1111」のコンテンツ要素と、GUI部品識別ID「2222」のGUI要素とが関連するものとして紐付けて記憶されていることを意味する。   The content information storage unit 14b stores the GUI element of the operation screen information obtained by capturing the operation screen of the application software and the content element in which the description of the operation method of the application software is described in association with each other. For example, as illustrated in FIG. 5, the content information storage unit 14 b stores a “content object ID” that uniquely identifies a content element and a “GUI component identification ID” that uniquely identifies a GUI element in association with each other. To do. In the example of FIG. 5, the content object ID “1111” and the GUI component identification ID “2222” are stored in association with each other. This means that the content element with the content object ID “1111” and the GUI element with the GUI component identification ID “2222” are associated with each other and stored.

制御部13は、各種の処理手順などを規定したプログラムおよび所要データを格納するための内部メモリを有し、これらによって種々の処理を実行するが、特に本発明に密接に関連するものとしては、取得部13a、操作画面情報格納部13b、挿入部13c、表示部13dおよびコンテンツ情報格納部13eを有する。ここで、制御部13は、CPU(Central Processing Unit)やMPU(Micro Processing Unit)などの電子回路やASIC(Application Specific Integrated Circuit)やFPGA(Field Programmable Gate Array)などの集積回路である。   The control unit 13 has an internal memory for storing a program that defines various processing procedures and necessary data, and performs various processes by using these programs. Particularly, as closely related to the present invention, It has the acquisition part 13a, the operation screen information storage part 13b, the insertion part 13c, the display part 13d, and the content information storage part 13e. Here, the controller 13 is an electronic circuit such as a CPU (Central Processing Unit) or MPU (Micro Processing Unit), or an integrated circuit such as an ASIC (Application Specific Integrated Circuit) or an FPGA (Field Programmable Gate Array).

取得部13aは、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する。ここで、アプリケーションソフトウェアの操作画面のキャプチャ画像とは、例えば、作成装置10の操作者が実際にアプリケーションの操作画面を表示させてアプリケーションを操作した際にキャプチャされた操作画面のログ情報であり、事前に記憶部14に記憶されているものとする。この操作画面は、例えば、操作者の指示を受け付けた際、画面が切り替わった際、または、所定の時間間隔で、キャプチャされ、ログ情報として記憶されたものとする。また、例えば、取得部13aは、コンテンツ作成者がコンテンツを作成する際に文書作成ソフトの電子ファイルを開いた場合や、コンテンツに挿入する操作画面のキャプチャ画像の選択指示を受け付けた場合に、操作画面情報を取得する。   The acquisition unit 13a acquires operation screen information including a capture image of the operation screen of the application software and structure information regarding the structure of the GUI element displayed on the operation screen. Here, the captured image of the operation screen of the application software is, for example, log information of the operation screen captured when the operator of the creation apparatus 10 actually displays the operation screen of the application and operates the application. It is assumed that it is stored in the storage unit 14 in advance. For example, this operation screen is captured and stored as log information when an instruction from the operator is received, when the screen is switched, or at a predetermined time interval. Further, for example, the acquisition unit 13a operates when the content creator opens an electronic file of the document creation software when creating the content or when an instruction to select a captured image on the operation screen to be inserted into the content is received. Get screen information.

操作画面情報格納部13bは、取得部13aによって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部14aに格納する。例えば、前述した図4の例では、操作画面情報格納部13bは、テキストボックス、チェックボックス、およびボタンの各構造情報をキャプチャ画像と対応付けて記憶する。   The operation screen information storage unit 13b associates the captured image of the operation screen of the application software acquired by the acquisition unit 13a with the structure information regarding the structure of the GUI element displayed on the operation screen in the operation information storage unit 14a. Store. For example, in the example of FIG. 4 described above, the operation screen information storage unit 13b stores the structure information of the text box, the check box, and the button in association with the captured image.

挿入部13cは、取得部13aによって取得された操作画面情報を、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する。ここで、図6を用いて、コンテンツへ操作画面を挿入する処理を説明する。図6は、コンテンツへ操作画面を挿入する処理を説明する図である。例えば、取得部13aは、図6に例示するように、操作者がコンテンツを表示して手順書等を作成している際に、操作情報記憶部14aに記憶されている情報から、コンテンツに挿入する操作画面のキャプチャ画像の選択指示を受け付けると、選択されたキャプチャ画像とともに該キャプチャ画像の構造情報をコンテンツに挿入する。なお、図6における「説明文」とは、操作者によりコンテンツ内に入力された文書であり、図6の例では、説明文の右横にキャプチャ画面が挿入されている。   The insertion unit 13c inserts the operation screen information acquired by the acquisition unit 13a into content including a content element describing an operation method of application software. Here, processing for inserting an operation screen into content will be described with reference to FIG. FIG. 6 is a diagram illustrating processing for inserting an operation screen into content. For example, as illustrated in FIG. 6, the acquisition unit 13 a inserts into the content from information stored in the operation information storage unit 14 a when the operator displays the content and creates a procedure manual or the like. When an instruction to select a captured image on the operation screen to be received is received, structure information of the captured image is inserted into the content together with the selected captured image. Note that the “description” in FIG. 6 is a document input into the content by the operator. In the example of FIG. 6, a capture screen is inserted on the right side of the description.

このように、操作画面のキャプチャ画像をコンテンツに挿入する際に、挿入される操作画面のキャプチャ画像内に表示された操作画面の構造情報(操作画面に表示されているテキストボックスやボタンなどのGUI要素の表示位置や入力情報・表示情報などの状態の情報)を操作情報記憶部14aに格納しておく。   As described above, when a captured image of the operation screen is inserted into the content, the structure information of the operation screen displayed in the captured image of the operation screen to be inserted (GUI such as a text box or a button displayed on the operation screen). Information about the display position of the element and state information such as input information and display information) is stored in the operation information storage unit 14a.

表示部13dは、挿入部13cによって挿入された操作画面情報のGUI要素の選択を受け付けた場合に、該選択されたGUI要素の構造情報に含まれる操作画面に表示された座標を用いて、選択されたGUI要素が表示された領域と他の領域との境界を表示する。   When the display unit 13d accepts selection of the GUI element of the operation screen information inserted by the insertion unit 13c, the display unit 13d selects using the coordinates displayed on the operation screen included in the structure information of the selected GUI element. The boundary between the area where the displayed GUI element is displayed and another area is displayed.

ここで、図7を用いて、コンテンツ上に表示されたGUI要素の境界を表示する処理について説明する。図7は、コンテンツ上に表示されたGUI要素の境界を表示する処理を説明する図である。図7に示すように、表示部13dは、コンテンツ上でのマウスクリック位置(図7の(1)参照)を過去において実際に表示したときの画面キャプチャ画像内の座標(図7の(2)参照)に変換し、この値を含んでいるGUI要素(図7の(3)参照)をGUI要素構造情報の中から検索し、検索したGUI要素(図7の例では、「テキストボックス」)の境界値の座標(図7の(4)参照)をコンテンツ表示システム上の座標に変換してマウスクリックで選択したGUI要素を赤色で矩形表示(図7の(5)参照)する。   Here, the process of displaying the boundary of the GUI element displayed on the content will be described with reference to FIG. FIG. 7 is a diagram for explaining processing for displaying the boundary of the GUI element displayed on the content. As shown in FIG. 7, the display unit 13d displays the coordinates ((2) in FIG. 7) when the mouse click position on the content (see (1) in FIG. 7) is actually displayed in the past. The GUI element (see (3) in FIG. 7) including this value is retrieved from the GUI element structure information, and the retrieved GUI element (“text box” in the example of FIG. 7) The coordinates of the boundary value (see (4) in FIG. 7) are converted into coordinates on the content display system, and the GUI element selected by clicking with the mouse is displayed in red and rectangular (see (5) in FIG. 7).

具体的な処理例を説明すると、表示部13dは、コンテンツがパワーポイントの場合に、OSからスライドの表示位置と挿入した画像の表示位置とクリックした座標位置とを取得し、座標位置から挿入した画像におけるクリックした位置の相対座標を取得する。そして、表示部13dは、挿入した画像の表示倍率を取得し、上記の座標に表示倍率をかけて、操作画面キャプチャ上の座標を取得する。続いて、表示部13dは、操作画面キャプチャ上に表示されていたGUI要素の構造情報にある座標情報を検索して、配下にあるGUI要素(図7の例では、「テキストボックス」)を取得する。そして、表示部13dは、配下のGUI要素の座標情報を取得し、取得したGUI要素に表示倍率をかけて、さらに画像の表示位置を加算してGUI要素のコンテンツ上の座標を取得して、コンテンツ上にGUI要素が表示されている領域とその他の領域との境界を示す赤色の矩形を表示する。   Explaining a specific processing example, when the content is a power point, the display unit 13d acquires the display position of the slide, the display position of the inserted image, and the clicked coordinate position from the OS, and the image inserted from the coordinate position. Get the relative coordinates of the clicked position at. Then, the display unit 13d acquires the display magnification of the inserted image, multiplies the above-described coordinates by the display magnification, and acquires the coordinates on the operation screen capture. Subsequently, the display unit 13d searches the coordinate information in the structure information of the GUI element displayed on the operation screen capture, and acquires the subordinate GUI element (“text box” in the example of FIG. 7). To do. Then, the display unit 13d acquires the coordinate information of the subordinate GUI element, multiplies the acquired GUI element by the display magnification, and further adds the display position of the image to acquire the coordinates on the content of the GUI element. A red rectangle indicating the boundary between the area where the GUI element is displayed on the content and the other area is displayed.

このように、コンテンツで操作画面キャプチャ画像を表示した際のコンテンツ上の座標系と操作画面キャプチャ画像上の座標系の間の相互の座標変換を行う。そして、座標変換により、コンテンツ表示システム上に表示された操作画面のキャプチャ画像上の任意の点から対応する操作画面キャプチャ画像上の座標を算出し、各GUI要素の境界の座標を比較することにより、当該の点が、どのGUI要素上にあるか判定する。   In this way, mutual coordinate conversion is performed between the coordinate system on the content when the operation screen capture image is displayed as the content and the coordinate system on the operation screen capture image. Then, the coordinates on the operation screen capture image corresponding to the arbitrary points on the capture image of the operation screen displayed on the content display system are calculated by coordinate conversion, and the coordinates of the boundary of each GUI element are compared. Determine which GUI element the point is on.

コンテンツ情報格納部13eは、挿入部13cによって挿入された操作画面情報のGUI要素と、該GUI要素に関連するコンテンツ要素とを対応付けてコンテンツ情報記憶部14bに格納する。具体的には、コンテンツ情報格納部13eは、GUI要素に関連するコンテンツ要素の選択を受け付けた場合に、該選択されたGUI要素とコンテンツ要素とを対応付けてコンテンツ情報記憶部14bに格納する。   The content information storage unit 13e stores the GUI element of the operation screen information inserted by the insertion unit 13c in association with the content element related to the GUI element in the content information storage unit 14b. Specifically, when the selection of the content element related to the GUI element is received, the content information storage unit 13e stores the selected GUI element and the content element in association with each other in the content information storage unit 14b.

図8の例を用いて説明すると、例えば、説明文1とテキストボックスが選択された場合には、説明文1のコンテンツオブジェクトID「1111」と、テキストボックスの識別ID(図5のGUI部品識別IDに相当)「2222」とを対応付けてコンテンツ情報記憶部14bに格納する。   Referring to the example of FIG. 8, for example, when the description 1 and the text box are selected, the content object ID “1111” of the description 1 and the identification ID of the text box (GUI component identification of FIG. 5). (Corresponding to ID) “2222” in association with each other and stored in the content information storage unit 14b.

このように、マウスクリック等によりコンテンツ作成者が指定した点から、コンテンツシステム上に表示された操作画面キャプチャ画像内のGUI要素を選択し、一方コンテンツ内に表示されたコンテンツ要素を選択し、その対応関係をコンテンツ要素とGUI要素の対応を保持するコンテンツ情報記憶部14b内のテーブルに保存する。   In this way, from the point designated by the content creator by mouse click or the like, the GUI element in the operation screen capture image displayed on the content system is selected, while the content element displayed in the content is selected, The correspondence relationship is stored in a table in the content information storage unit 14b that holds the correspondence between the content element and the GUI element.

[ユーザ端末の構成]
次に、図9を用いて、図1に示したユーザ端末20の構成を説明する。図9は、第一の実施の形態に係るユーザ端末の構成を示すブロック図である。図9に示すように、このユーザ端末20は、入力部21、出力部22、制御部23、記憶部24を有する。以下にこれらの各部の処理を説明する。なお、ユーザ端末20は、作成装置10によって作成されたコンテンツをアプリケーションソフトウェアの手順書として記憶しているものとする。
[User terminal configuration]
Next, the configuration of the user terminal 20 shown in FIG. 1 will be described with reference to FIG. FIG. 9 is a block diagram showing the configuration of the user terminal according to the first embodiment. As illustrated in FIG. 9, the user terminal 20 includes an input unit 21, an output unit 22, a control unit 23, and a storage unit 24. The processing of each of these units will be described below. It is assumed that the user terminal 20 stores the content created by the creation device 10 as a procedure manual for application software.

入力部21は、ユーザ端末20を所有するユーザからの各種操作を受付けるものであり、マウスやキーボードなどを備えて構成される。ここでユーザとは、アプリケーションソフトウェアを利用する者である。また、出力部22は、アプリケーションソフトウェアの操作画面等を表示するものであり、モニタ(若しくはディスプレイ、タッチパネル)やスピーカを備えて構成される。   The input unit 21 receives various operations from a user who owns the user terminal 20, and includes a mouse, a keyboard, and the like. Here, the user is a person who uses application software. The output unit 22 displays an operation screen of application software and the like, and includes a monitor (or display, touch panel) and a speaker.

また、記憶部24は、制御部23による各種処理に必要なデータおよびプログラムを格納するが、特に本発明に密接に関連するものとしては、操作情報記憶部24aと、コンテンツ情報記憶部24bと、GUI要素記憶部24cとを有する。例えば、記憶部24は、RAM、フラッシュメモリ等の半導体メモリ素子、又は、ハードディスク、光ディスク等の記憶装置などである。   In addition, the storage unit 24 stores data and programs necessary for various processes by the control unit 23, and in particular, those closely related to the present invention include an operation information storage unit 24 a, a content information storage unit 24 b, And a GUI element storage unit 24c. For example, the storage unit 24 is a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk.

操作情報記憶部24aは、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入された該アプリケーションソフトウェアの各操作画面に対応付けて、該操作画面情報の操作画面に表示された各GUI(Graphical User Interface)要素の構造に関する構造情報をそれぞれ記憶する。ここで、操作情報記憶部24aは、前述した操作情報記憶部14aと同様の情報を記憶している。また、ここで、コンテンツに挿入された該アプリケーションソフトウェアの各操作画面とは、コンテンツ作成者が実際に操作を行った際に作成装置10に表示された画面であり、作成装置10によりコンテンツに挿入された画面である。   The operation information storage unit 24a is associated with each operation screen of the application software inserted in the content including the content element describing the operation method of the application software, and displays each GUI displayed on the operation screen of the operation screen information. (Graphical User Interface) Stores structure information on the structure of each element. Here, the operation information storage unit 24a stores the same information as the operation information storage unit 14a described above. Here, each operation screen of the application software inserted in the content is a screen displayed on the creation device 10 when the content creator actually operates, and is inserted into the content by the creation device 10. It is the screen that was made.

また、コンテンツ情報記憶部24bは、各GUI要素に対応付けて、該各GUI要素に関連するアプリケーションソフトウェアの操作方法が記載されたコンテンツ要素をそれぞれ記憶する。コンテンツ情報記憶部24bは、前述したコンテンツ情報記憶部14bと同様の情報を記憶している。つまり、操作情報記憶部24aおよびコンテンツ情報記憶部24bは、作成装置10によって構築された操作画面情報とGUI要素の構造情報とを関連付けた情報、およびGUI要素とコンテンツ要素を関連付けた情報とを記憶しているものとする。   In addition, the content information storage unit 24b stores content elements in which operation methods of application software related to the GUI elements are described in association with the GUI elements. The content information storage unit 24b stores the same information as the content information storage unit 14b described above. That is, the operation information storage unit 24a and the content information storage unit 24b store information that associates the operation screen information constructed by the creation device 10 with the structural information of the GUI element, and information that associates the GUI element with the content element. Suppose you are.

GUI要素記憶部24cは、コンテンツ作成者が実際にアプリケーションを操作したことでコンテンツに挿入された操作画面の各GUI要素と、ユーザ端末20において現在表示されている操作画面の各GUI要素とが紐づけられて記憶されている。例えば、GUI要素記憶部24cは、コンテンツに挿入された操作画面のテキストボックスの識別子と、ユーザ端末20において現在表示されている操作画面のテキストボックスの識別子とが対応付けられて記憶されている。また、例えば、コンテンツに挿入された操作画面のチェックボックスやボタンの識別子と、ユーザ端末20において現在表示されている操作画面のチェックボックスやボタンの識別子とが対応付けられて記憶されている。   The GUI element storage unit 24c associates each GUI element of the operation screen inserted into the content by the content creator actually operating the application with each GUI element of the operation screen currently displayed on the user terminal 20. Attached and remembered. For example, the GUI element storage unit 24c stores the identifier of the text box of the operation screen inserted into the content and the identifier of the text box of the operation screen currently displayed on the user terminal 20 in association with each other. Further, for example, check box and button identifiers of operation screens inserted in the content and check boxes and button identifiers of operation screens currently displayed on the user terminal 20 are stored in association with each other.

制御部23は、各種の処理手順などを規定したプログラムおよび所要データを格納するための内部メモリを有し、これらによって種々の処理を実行するが、特に本発明に密接に関連するものとしては、特定部23a、GUI要素格納部23b、コンテンツ表示部23c、報知部23d、自動入力部23eおよび記録部23fを有する。ここで、制御部23は、CPUやMPUなどの電子回路やASICやFPGAなどの集積回路である。   The control unit 23 has an internal memory for storing a program that defines various processing procedures and the necessary data, and performs various processes by using these programs. Particularly, as closely related to the present invention, It has a specifying unit 23a, a GUI element storage unit 23b, a content display unit 23c, a notification unit 23d, an automatic input unit 23e, and a recording unit 23f. Here, the control unit 23 is an electronic circuit such as a CPU or MPU, or an integrated circuit such as an ASIC or FPGA.

特定部23aは、現在表示されている操作画面のGUI要素の構造に関する構造情報を抽出し、該抽出した構造情報と、操作情報記憶部24aに記憶された構造情報との類似度を、コンテンツに挿入された操作画面ごとに比較し、操作情報記憶部24aに記憶された各構造情報のうち、最も類似度が高い構造情報に対応するコンテンツに挿入された操作画面を特定する。   The specifying unit 23a extracts structure information related to the structure of the GUI element of the currently displayed operation screen, and uses the similarity between the extracted structure information and the structure information stored in the operation information storage unit 24a as content. Comparison is made for each inserted operation screen, and the operation screen inserted in the content corresponding to the structure information having the highest similarity among the pieces of structure information stored in the operation information storage unit 24a is specified.

ここで、図10を用いて、操作中の操作画面と類似した操作画面をコンテンツ内から特定する処理を説明する。図10は、操作中の操作画面と類似した操作画面をコンテンツ内から特定する処理を説明する図である。図10に示すように、特定部23aは、実際に操作している操作画面に付随するGUI要素の構造情報とコンテンツ内の操作画面に付随するGUI要素構造情報とを比較して類似度を評価する。そして、特定部23aは、最も類似度が高い構造情報に対応するコンテンツ内の過去に表示された操作画面を特定する。   Here, a process for specifying an operation screen similar to the operation screen being operated from the content will be described with reference to FIG. FIG. 10 is a diagram for describing processing for specifying an operation screen similar to the operation screen being operated from the content. As illustrated in FIG. 10, the specifying unit 23a compares the GUI element structure information associated with the operation screen that is actually operated with the GUI element structure information associated with the operation screen in the content, and evaluates the degree of similarity. To do. The identifying unit 23a identifies an operation screen displayed in the past in the content corresponding to the structural information having the highest similarity.

例えば、図10の例では、特定部23aは、実際に操作している操作画面のGUI要素であるテキストボックス、チェックボックスおよびボタンが表示されている操作画面を、コンテンツ内から検索する。そして、特定部23aは、テキストボックス、チェックボックスおよびボタンが表示されている操作画面が複数ある場合には、テキストボックスに入力されている情報(文字列や値)、チェックボックスの状態(オン・オフ)が類似しているものを類似度が高いものとして評価してもよいし、各GUI要素の構造情報として、例えば、より大きさ(高さと長さ)が類似しているGUI要素を類似度が高いものとして評価してもよい。そして、特定部23aは、最も類似度が高い構造情報に対応するコンテンツ内に挿入された操作画面を特定する。なお、上記した類似度の評価の方法は、一例であって、どのような方法であってもよく、適宜変更可能なものとする。   For example, in the example of FIG. 10, the specifying unit 23a searches the content for an operation screen on which text boxes, check boxes, and buttons that are GUI elements of the operation screen that is actually operated are displayed. When there are a plurality of operation screens on which text boxes, check boxes, and buttons are displayed, the specifying unit 23a displays information (character strings and values) input to the text boxes, check box states (on / on Off) may be evaluated as having a high degree of similarity, and, for example, GUI elements that are more similar in size (height and length) are similar as structural information of each GUI element. You may evaluate as a high degree. Then, the specifying unit 23a specifies the operation screen inserted in the content corresponding to the structural information having the highest similarity. The method for evaluating the degree of similarity described above is an example, and any method may be used, and the method may be changed as appropriate.

このように、実行中の操作画面から操作画面キャプチャ画像及び操作画面に表示されているボタンやテキスト等のGUI要素の構造情報を抽出し、抽出したGUI要素の構造情報を使ってコンテンツ内に挿入された操作画面のキャプチャ画像とそのGUI要素の構造情報のセットの集合から類似した操作画面のキャプチャ画像とそのGUI要素の構造情報のセットを検索する。このため、例えば、コンテンツ内のアプリケーションソフトウェア操作画面に対して実際に操作しているアプリケーションソフトウェア操作画面情報を検索条件として用語を入力することなく表示されているテキスト文字列やチェックボックスのオン・オフ、スライダの位置などのGUI要素の種別や状態を考慮した検索ができる。   As described above, the operation screen capture image and the structure information of the GUI element such as the button and text displayed on the operation screen are extracted from the operation screen being executed, and inserted into the content using the structure information of the extracted GUI element. A similar operation screen capture image and set of GUI element structure information are retrieved from a set of the set operation image capture image and GUI element structure information set. For this reason, for example, text strings and check boxes that are displayed without inputting terms using the application software operation screen information that is actually operated on the application software operation screen in the content as a search condition. The search can be performed in consideration of the type and state of the GUI element such as the position of the slider.

GUI要素格納部23bは、特定部23aによって特定された操作画面の各GUI要素の構造情報と、現在表示されている操作画面の各GUI要素の構造情報とを比較し、特定部23aによって特定された操作画面の各GUI要素と、該各GUI要素にそれぞれ対応する現在表示されている操作画面の各GUI要素とを関連付けてGUI要素記憶部24cに格納する。   The GUI element storage unit 23b compares the structure information of each GUI element of the operation screen specified by the specifying unit 23a with the structure information of each GUI element of the currently displayed operation screen, and is specified by the specifying unit 23a. Each GUI element on the operation screen and the GUI element on the currently displayed operation screen corresponding to each GUI element are stored in the GUI element storage unit 24c in association with each other.

例えば、図11に例示するように、コンテンツに挿入された操作画面のテキストボックス、チェックボックスおよびボタンと、ユーザ端末20において現在表示されている操作画面のテキストボックス(図11の(1)参照)、チェックボックス(図11の(2)参照)およびボタン(図11の(3)参照)とをそれぞれ対応付けてGUI要素記憶部24cに格納する。このように、挿入された操作画面のキャプチャ画像と実行中の操作画面とを比較し、挿入された操作画面のキャプチャ画像内のGUI要素に対応する実行中の操作画面内のGUI要素を、両方の操作画面の構造情報を使って特定して対応付けを行う。   For example, as illustrated in FIG. 11, the text box, check box, and button of the operation screen inserted in the content, and the text box of the operation screen currently displayed on the user terminal 20 (see (1) in FIG. 11). , Check boxes (see (2) in FIG. 11) and buttons (see (3) in FIG. 11) are associated with each other and stored in the GUI element storage unit 24c. As described above, the captured image of the inserted operation screen is compared with the operation screen being executed, and both of the GUI elements in the operation screen being executed corresponding to the GUI element in the captured image of the inserted operation screen are displayed. Using the structure information of the operation screen, it identifies and associates.

コンテンツ表示部23cは、現在表示されている操作画面の各GUI要素に対応するコンテンツに挿入された操作画面の各GUI要素をGUI要素記憶部24cからそれぞれ取得し、該取得した各GUI要素に対応するコンテンツ要素をコンテンツ情報記憶部24bから取得し、該コンテンツ要素を、現在表示されている操作画面に表示する。   The content display unit 23c acquires each GUI element of the operation screen inserted into the content corresponding to each GUI element of the currently displayed operation screen from the GUI element storage unit 24c, and corresponds to each acquired GUI element The content element to be acquired is acquired from the content information storage unit 24b, and the content element is displayed on the currently displayed operation screen.

例えば、図12に例示されるように、コンテンツ表示部23cは、現在表示されている操作画面(図12の右側の画面)のGUI要素である「テキストボックス」、「チェックボックス」および「ボタン」に対応するコンテンツに挿入された操作画面(図12の左側の画面)の各GUI要素である「テキストボックス」、「チェックボックス」および「ボタン」をGUI要素記憶部24cから取得する。そして、コンテンツ表示部23cは、取得した各GUI要素「テキストボックス」、「チェックボックス」および「ボタン」に対応するコンテンツ要素「説明文A」、「説明文B」および「説明文C」をコンテンツ情報記憶部24bから取得する。そして、コンテンツ表示部23cは、現在表示されている操作画面の「テキストボックス」の近傍に「説明文A」を表示し、現在表示されている操作画面の「チェックボックス」の近傍に「説明文B」を表示し、現在表示されている操作画面の「ボタン」の近傍に「説明文C」を表示する。   For example, as illustrated in FIG. 12, the content display unit 23c displays “text box”, “check box”, and “button” that are GUI elements of the currently displayed operation screen (the screen on the right side of FIG. 12). The “text box”, “check box”, and “button”, which are the GUI elements of the operation screen (the screen on the left side in FIG. 12) inserted in the content corresponding to “”, are acquired from the GUI element storage unit 24c. Then, the content display unit 23c stores the content elements “description A”, “description B”, and “description C” corresponding to the acquired GUI elements “text box”, “check box”, and “button”. Obtained from the information storage unit 24b. Then, the content display unit 23c displays “description A” near the “text box” on the currently displayed operation screen, and “description” near the “check box” on the currently displayed operation screen. B ”is displayed, and“ description C ”is displayed in the vicinity of the“ button ”on the currently displayed operation screen.

このように、ユーザ端末20では、実行中の操作画面内のGUI要素に対応する、コンテンツ内に挿入された操作画面キャプチャ画像内に表示されているGUI要素を取得し、コンテンツ情報記憶部24bから取得したGUI要素に対応するコンテンツ要素を取得し、実行中の操作画面内のGUI要素の近傍に全体または一部を表示する。これにより、ユーザ端末20では、コンテンツ内の必要な情報を検索するために適切な用語を知らなくても、コンテンツ内の必要な情報の参照が可能になる。また、GUI要素の構造情報を利用して検索を行っているので、画像のみの検索では実現できない、操作画面に表示されているテキスト文字列やチェックボックスのオン・オフなどのGUI要素の種別や状態なども検索条件として、コンテンツ内におけるユーザに必要な情報を表示することが可能になる。   As described above, the user terminal 20 acquires the GUI element displayed in the operation screen capture image inserted in the content corresponding to the GUI element in the operation screen being executed, from the content information storage unit 24b. The content element corresponding to the acquired GUI element is acquired, and the whole or a part is displayed in the vicinity of the GUI element in the operation screen being executed. Thereby, the user terminal 20 can refer to necessary information in the content without knowing an appropriate term for searching for necessary information in the content. In addition, since the search is performed using the structure information of the GUI element, the type of GUI element such as the text string displayed on the operation screen and the check box on / off, which cannot be realized only by the image search, Information necessary for the user in the content can be displayed as a search condition such as the state.

報知部23dは、現在表示されている操作画面のGUI要素に対して、所定の情報が入力された際に、現在表示されている操作画面のGUI要素に対応するコンテンツに挿入された操作画面のGUI要素に対して入力された所定の情報に対する条件が予め設定されている場合には、該入力された所定の情報が条件を満たすか判定し、条件を満たさないと判定した場合には、入力された情報に対する警告を報知する。なお、GUI要素ごとに設定された条件は、コンテンツ作成者がコンテンツの作成時に事前に設定しているものであり、GUI要素に条件が設定されていない場合には、上記の報知部23dは実行されない。   When the predetermined information is input to the GUI element of the currently displayed operation screen, the notifying unit 23d displays the operation screen inserted into the content corresponding to the GUI element of the currently displayed operation screen. When the condition for the predetermined information input to the GUI element is set in advance, it is determined whether the input predetermined information satisfies the condition. If it is determined that the condition is not satisfied, the input is performed. A warning for the information is sent. Note that the condition set for each GUI element is set in advance by the content creator when creating the content. If no condition is set for the GUI element, the notification unit 23d executes Not.

ここで図13および図14の例を用いて、操作中の操作画面におけるGUI要素に入力された情報をチェックする処理を説明する。図13および図14は、操作中の操作画面におけるGUI要素に入力された情報をチェックする処理を説明する図である。例えば、図13の例では、コンテンツ内に挿入された操作画面のテキストボックスの入力条件として「AAA」が入力されることが設定されている。また、図13の例では、コンテンツ内に挿入された操作画面のテキストボックスに対応する操作中の操作画面のテキストボックスにおいては、「BBB」が入力されたものとする。   Here, a process of checking information input to the GUI element on the operation screen being operated will be described with reference to the examples of FIGS. 13 and 14. FIG. 13 and FIG. 14 are diagrams for describing processing for checking information input to a GUI element on the operation screen being operated. For example, in the example of FIG. 13, it is set that “AAA” is input as the input condition of the text box on the operation screen inserted in the content. In the example of FIG. 13, it is assumed that “BBB” is input in the text box on the operation screen being operated corresponding to the text box on the operation screen inserted into the content.

この場合、報知部23dは、操作中の操作画面のテキストボックスに入力された「BBB」が「AAA」ではないため、設定された入力条件を満たさないと判定し、入力された情報に対する警告を報知する。ここで、警告として、例えば、テキストボックスに入力された「BBB」の文字を赤色にしてもよいし、テキストボックスに入力された「BBB」が適切でない旨をメッセージで表示するようにしてもよい。なお、「AAA」はコンテンツに挿入したアプリケーションソフトウェア操作画面に入力された情報であり、コンテンツに挿入されたアプリケーションソフトウェア操作画面と実際に操作中の操作画面を比較して異なっている個所を表示することができる。   In this case, the notification unit 23d determines that the input condition is not satisfied because “BBB” input in the text box of the operation screen being operated is not “AAA”, and issues a warning for the input information. Inform. Here, as a warning, for example, the character “BBB” input in the text box may be red, or a message may be displayed indicating that “BBB” input in the text box is not appropriate. . Note that “AAA” is information input on the application software operation screen inserted into the content, and the application software operation screen inserted into the content and the operation screen currently being operated are compared to display different portions. be able to.

また、例えば、図14の例では、コンテンツ内に挿入された操作画面のテキストボックスの入力条件として「2<X<5」が設定されている。また、図14の例では、コンテンツ内に挿入された操作画面のテキストボックスに対応する操作中の操作画面のテキストボックスにおいては、「7」が入力されたものとする。この場合、報知部23dは、操作中の操作画面のテキストボックスに入力された「7」が5よりも大きいため、設定された入力条件「2<X<5」を満たさないと判定し、入力された情報に対する警告を報知する。   For example, in the example of FIG. 14, “2 <X <5” is set as the input condition of the text box on the operation screen inserted in the content. In the example of FIG. 14, it is assumed that “7” is input in the text box of the operation screen being operated corresponding to the text box of the operation screen inserted in the content. In this case, the notification unit 23d determines that the set input condition “2 <X <5” is not satisfied because “7” input in the text box of the operation screen being operated is greater than 5, and the input A warning for the information is sent.

このように、GUI要素ごとに設定された条件を使って、対応するGUI要素をテキストボックスに設定されている文字列や、チェックボックスのチェック状態等、GUI要素に設定されている値を評価することができる。つまり、ユーザ端末20は、コンテンツに挿入されたアプリケーションソフトウェア操作画面のGUI要素に関する条件を利用して実際に操作中の画面のGUI要素に対する入力チェックを行うことができる。   In this way, using the conditions set for each GUI element, the value set in the GUI element, such as the character string in which the corresponding GUI element is set in the text box or the check state of the check box, is evaluated. be able to. That is, the user terminal 20 can perform an input check on the GUI element of the screen that is actually being operated using the conditions related to the GUI element of the application software operation screen inserted into the content.

自動入力部23eは、現在表示されている操作画面のGUI要素に対応するコンテンツに挿入された操作画面のGUI要素に対して入力する情報が予め設定されている場合には、該設定されている情報を、現在表示されている操作画面のGUI要素に入力する。例えば、図15に例示するように、コンテンツ内に挿入された操作画面のテキストボックスに入力する情報として「AAA」が予め設定されている場合には、自動入力部23eは、現在表示されている操作画面のテキストボックスに対して「AAA」を自動的に入力する。   The automatic input unit 23e is set when information to be input to the GUI element of the operation screen inserted in the content corresponding to the GUI element of the currently displayed operation screen is set in advance. Information is input to the GUI element of the currently displayed operation screen. For example, as illustrated in FIG. 15, when “AAA” is preset as information to be entered in the text box of the operation screen inserted in the content, the automatic input unit 23 e is currently displayed. "AAA" is automatically entered into the text box on the operation screen.

記録部23fは、現在表示されている操作画面のGUI要素に所定の情報が入力された場合に、該入力された情報をコンテンツ内に記録する。例えば、図16に例示するように、現在表示されている操作画面のテキストボックスに「CCC」が入力された場合に、該入力された「CCC」を、現在表示されている操作画面に対応するコンテンツに挿入された操作画面のスライドに記録する。   When predetermined information is input to the GUI element of the currently displayed operation screen, the recording unit 23f records the input information in the content. For example, as illustrated in FIG. 16, when “CCC” is input in the text box of the currently displayed operation screen, the input “CCC” corresponds to the currently displayed operation screen. Record on the slide of the operation screen inserted in the content.

[作成装置の処理の一例]
次に、図17を用いて、作成装置10の処理について説明する。図17は、第一の実施の形態に係る作成装置によるGUI要素とコンテンツ要素の対応付け処理の流れを示すフローチャートである。
[Example of creation device processing]
Next, processing of the creation apparatus 10 will be described with reference to FIG. FIG. 17 is a flowchart showing a flow of a process of associating a GUI element and a content element by the creating apparatus according to the first embodiment.

図17に示すように、作成装置10の取得部13aは、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する(ステップS101)。例えば、取得部13aは、コンテンツ作成者がコンテンツを作成する際に文書作成ソフトの電子ファイルを開いた場合や、コンテンツに挿入する操作画面のキャプチャ画像の選択指示を受け付けた場合に、操作画面情報を取得する。   As illustrated in FIG. 17, the acquisition unit 13 a of the creation apparatus 10 acquires operation screen information including a captured image of an operation screen of application software and structure information regarding the structure of the GUI element displayed on the operation screen. (Step S101). For example, the acquisition unit 13a operates the operation screen information when the content creator opens an electronic file of the document creation software when the content is created, or when an instruction to select a captured image of the operation screen to be inserted into the content is received. To get.

そして、操作画面情報格納部13bは、取得部13aによって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部14aに格納する(ステップS102)。   Then, the operation screen information storage unit 13b associates the captured image of the operation screen of the application software acquired by the acquisition unit 13a with the structure information regarding the structure of the GUI element displayed on the operation screen, and stores the operation information storage unit 14a (step S102).

続いて、挿入部13cは、取得部13aによって取得された操作画面情報を、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する(ステップS103)。例えば、取得部13aは、操作者がコンテンツを表示して手順書等を作成している際に、操作情報記憶部14aに記憶されている情報から、コンテンツに挿入する操作画面のキャプチャ画像の選択指示を受け付けると、選択されたキャプチャ画像とともに該キャプチャ画像の構造情報をコンテンツに挿入する。   Subsequently, the insertion unit 13c inserts the operation screen information acquired by the acquisition unit 13a into the content including the content element describing the operation method of the application software (step S103). For example, the acquisition unit 13a selects the captured image of the operation screen to be inserted into the content from the information stored in the operation information storage unit 14a when the operator displays the content and creates a procedure manual or the like. When the instruction is received, the structure information of the captured image is inserted into the content together with the selected captured image.

そして、挿入部13cによって挿入された操作画面情報のGUI要素の選択を受け付けると(ステップS104肯定)、該選択されたGUI要素の構造情報に含まれる操作画面に表示された座標を用いて、選択されたGUI要素が表示された領域と他の領域との境界を表示する(ステップS105)。   When the selection of the GUI element of the operation screen information inserted by the insertion unit 13c is accepted (Yes at Step S104), the selection is performed using the coordinates displayed on the operation screen included in the structure information of the selected GUI element. The boundary between the area where the GUI element is displayed and another area is displayed (step S105).

その後、コンテンツ情報格納部13eは、GUI要素に関連するコンテンツ要素の選択を受け付けると(ステップS106肯定)、該選択されたGUI要素とコンテンツ要素とを対応付けてコンテンツ情報記憶部14bに格納する(ステップS107)。   Thereafter, when the content information storage unit 13e receives selection of a content element related to the GUI element (Yes in Step S106), the selected GUI element and the content element are associated with each other and stored in the content information storage unit 14b ( Step S107).

[ユーザ端末の処理の一例]
次に、図18を用いて、ユーザ端末20の処理について説明する。図18は、第一の実施の形態に係るユーザ端末による操作画面へのコンテンツ要素の表示処理の流れを示すフローチャートである。
[Example of user terminal processing]
Next, the process of the user terminal 20 is demonstrated using FIG. FIG. 18 is a flowchart showing a flow of content element display processing on the operation screen by the user terminal according to the first embodiment.

図18に示すように、ユーザ端末20の特定部23aは、アプリケーションソフトウェアの操作画面を表示すると(ステップS201肯定)、表示された操作中の操作画面と類似した操作画面をコンテンツに挿入された操作画面のなかから特定する(ステップS202)。具体的には、特定部23aは、現在表示されている操作画面のGUI要素の構造に関する構造情報を抽出し、該抽出した構造情報と、操作情報記憶部24aに記憶された構造情報との類似度を、コンテンツに挿入された操作画面ごとに比較し、操作情報記憶部24aに記憶された各構造情報のうち、最も類似度が高い構造情報に対応するコンテンツに挿入された操作画面を特定する。   As illustrated in FIG. 18, when the specifying unit 23 a of the user terminal 20 displays the operation screen of the application software (Yes in step S <b> 201), an operation in which an operation screen similar to the displayed operation screen is inserted into the content is displayed. Identification is made from the screen (step S202). Specifically, the specifying unit 23a extracts structure information related to the structure of the GUI element of the currently displayed operation screen, and the similarity between the extracted structure information and the structure information stored in the operation information storage unit 24a. Are compared for each operation screen inserted in the content, and the operation screen inserted in the content corresponding to the structural information having the highest similarity among the pieces of structural information stored in the operation information storage unit 24a is specified. .

そして、GUI要素格納部23bは、操作中の操作画面内のGUI要素とコンテンツ内に挿入された過去の操作画面内のGUI要素とを対応付ける(ステップS203)。具体的には、GUI要素格納部23bは、特定部23aによって特定された操作画面の各GUI要素の構造情報と、現在表示されている操作画面の各GUI要素の構造情報とを比較し、特定部23aによって特定された操作画面の各GUI要素と、該各GUI要素にそれぞれ対応する現在表示されている操作画面の各GUI要素とを関連付けてGUI要素記憶部24cに格納する。   Then, the GUI element storage unit 23b associates the GUI element in the operation screen being operated with the GUI element in the past operation screen inserted in the content (step S203). Specifically, the GUI element storage unit 23b compares the structure information of each GUI element of the operation screen specified by the specifying unit 23a with the structure information of each GUI element of the currently displayed operation screen, and specifies The GUI elements of the operation screen specified by the unit 23a and the GUI elements of the currently displayed operation screen corresponding to the GUI elements are stored in the GUI element storage unit 24c in association with each other.

続いて、コンテンツ表示部23cは、操作中の操作画面へコンテンツ要素を表示する(ステップS204)。具体的には、コンテンツ表示部23cは、現在表示されている操作画面の各GUI要素に対応するコンテンツに挿入された操作画面の各GUI要素をGUI要素記憶部24cからそれぞれ取得し、該取得した各GUI要素に対応するコンテンツ要素をコンテンツ情報記憶部24bから取得し、該コンテンツ要素を、現在表示されている操作画面に表示する。   Subsequently, the content display unit 23c displays the content element on the operation screen being operated (step S204). Specifically, the content display unit 23c acquires each GUI element of the operation screen inserted into the content corresponding to each GUI element of the currently displayed operation screen from the GUI element storage unit 24c, and acquires the acquired GUI element. The content element corresponding to each GUI element is acquired from the content information storage unit 24b, and the content element is displayed on the currently displayed operation screen.

そして、自動入力部23eは、現在表示されている操作画面のGUI要素に対応するコンテンツに挿入された操作画面のGUI要素に対して入力する情報が予め設定されているか判定する(ステップS205)。この結果、自動入力部23eは、設定されていると判定した場合には(ステップS205肯定)、該設定されている情報を、現在表示されている操作画面のGUI要素に入力して(ステップS206)、ステップS207の処理に進む。また、自動入力部23eは、設定されていないと判定した場合には(ステップS205否定)、そのままステップS207の処理に進む。   Then, the automatic input unit 23e determines whether information to be input to the GUI element of the operation screen inserted in the content corresponding to the GUI element of the currently displayed operation screen is set in advance (Step S205). As a result, when it is determined that the automatic input unit 23e is set (Yes at Step S205), the set information is input to the GUI element of the currently displayed operation screen (Step S206). ), The process proceeds to step S207. If the automatic input unit 23e determines that it has not been set (No at Step S205), the process directly proceeds to Step S207.

続いて、報知部23dは、現在表示されている操作画面のGUI要素に対して、所定の情報が入力されたか否かを判定する(ステップS207)。この結果、報知部23dは、所定の情報が入力されたと判定した場合には(ステップS207肯定)、現在表示されている操作画面のGUI要素に対応するコンテンツに挿入された操作画面のGUI要素に対して入力された所定の情報に対する条件が予め設定されている場合には、該入力された所定の情報が条件を満たすか判定する(ステップS208)。   Subsequently, the notification unit 23d determines whether or not predetermined information has been input for the GUI element of the currently displayed operation screen (step S207). As a result, when the notification unit 23d determines that the predetermined information has been input (Yes in step S207), the notification unit 23d displays the GUI element of the operation screen inserted into the content corresponding to the GUI element of the currently displayed operation screen. On the other hand, if the condition for the predetermined information input is set in advance, it is determined whether the input predetermined information satisfies the condition (step S208).

この結果、報知部23dは、条件を満たさないと判定した場合には(ステップS209否定)、入力された情報に対する警告を報知して(ステップS210)、ステップS208に戻り、改めて入力された所定の情報が条件を満たすか判定する。また、条件を満たしたと判定された場合には(ステップS209肯定)、記録部23fは、現在表示されている操作画面のGUI要素に所定の情報が入力された場合に、該入力された情報をコンテンツ内に記録する(ステップS211)。   As a result, when the notification unit 23d determines that the condition is not satisfied (No at Step S209), the notification unit 23d notifies a warning to the input information (Step S210), returns to Step S208, and returns to the predetermined input that has been input again. Determine if the information meets the condition. Further, when it is determined that the condition is satisfied (Yes at Step S209), the recording unit 23f displays the input information when predetermined information is input to the GUI element of the currently displayed operation screen. Record in the content (step S211).

[第一の実施の形態の効果]
このように、第一の実施の形態に係る操作支援システムでは、作成装置10は、アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得し、取得されたキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部14aに格納する。そして、作成装置10は、取得された操作画面情報を、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入し、挿入された操作画面情報のGUI要素と、該GUI要素に関連するコンテンツ要素とを対応付けてコンテンツ情報記憶部14bに格納する。このため、アプリケーションソフトウェアの操作方法に関する情報と、実際の操作画面とを適切に連携させることができる。つまり、コンテンツに挿入された操作画面情報のGUI要素とアプリケーションソフトウェアの操作方法が記載されたコンテンツ要素とを関連付けることを可能とし、これにより、デジタルコンテンツと実行中のアプリケーションソフトウェアを連携させ、アプリケーションソフトウェアの操作支援を様々な形態で行うことができる。また、ユーザ端末20は、アプリケーションソフトウェアの操作支援を様々な形態で行うワンソース・マルチユースとしてオンラインヘルプやチェックツールのコンテンツや自動操作ツールとして利用することができる。
[Effect of the first embodiment]
As described above, in the operation support system according to the first embodiment, the creation apparatus 10 includes the captured image of the operation screen of the application software and the structure information regarding the structure of the GUI element displayed on the operation screen. The operation screen information is acquired, and the acquired captured image and the structure information regarding the structure of the GUI element displayed on the operation screen are associated with each other and stored in the operation information storage unit 14a. Then, the creation device 10 inserts the acquired operation screen information into the content including the content element in which the operation method of the application software is described, and relates to the GUI element of the inserted operation screen information and the GUI element. The content elements are associated with each other and stored in the content information storage unit 14b. For this reason, the information regarding the operation method of the application software can be appropriately linked with the actual operation screen. In other words, it is possible to associate the GUI element of the operation screen information inserted into the content and the content element describing the operation method of the application software, thereby linking the digital content and the running application software, The operation support can be performed in various forms. In addition, the user terminal 20 can be used as online help, check tool contents, or an automatic operation tool as one-source multi-use that performs operation support of application software in various forms.

また、ユーザ端末20は、アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入された該アプリケーションソフトウェアの各操作画面に対応付けて、該操作画面情報の操作画面に表示された各GUI要素の構造に関する構造情報をそれぞれ記憶する操作情報記憶部24aと、各GUI要素に対応付けて、該各GUI要素に関連するアプリケーションソフトウェアの操作方法が記載されたコンテンツ要素をそれぞれ記憶するコンテンツ情報記憶部24bとを有する。そして、ユーザ端末20は、現在表示されている操作画面のGUI要素の構造に関する構造情報を抽出し、該抽出した構造情報と、操作情報記憶部24aに記憶された構造情報との類似度を、コンテンツに挿入された操作画面ごとに比較し、操作情報記憶部24aに記憶された各構造情報のうち、最も類似度が高い構造情報に対応するコンテンツに挿入された操作画面を特定する。続いて、ユーザ端末20は、特定された操作画面の各GUI要素の構造情報と、現在表示されている操作画面の各GUI要素の構造情報とを比較し、特定された操作画面の各GUI要素と、該各GUI要素にそれぞれ対応する現在表示されている操作画面の各GUI要素とを関連付けてGUI要素記憶部24cに格納する。   In addition, the user terminal 20 associates each GUI displayed on the operation screen with the operation screen information in association with each operation screen of the application software inserted in the content including the content element describing the operation method of the application software. An operation information storage unit 24a that stores structure information related to the structure of each element, and a content information storage that stores content elements that describe an operation method of application software related to each GUI element in association with each GUI element Part 24b. Then, the user terminal 20 extracts structure information related to the structure of the GUI element of the currently displayed operation screen, and determines the similarity between the extracted structure information and the structure information stored in the operation information storage unit 24a. Comparison is made for each operation screen inserted in the content, and the operation screen inserted in the content corresponding to the structural information having the highest similarity among the pieces of structural information stored in the operation information storage unit 24a is specified. Subsequently, the user terminal 20 compares the structure information of each GUI element of the specified operation screen with the structure information of each GUI element of the currently displayed operation screen, and each GUI element of the specified operation screen. Are stored in the GUI element storage unit 24c in association with the GUI elements of the currently displayed operation screen corresponding to the GUI elements.

これにより、アプリケーションソフトウェアの操作方法に関する情報と、実際の操作画面とを適切に連携させることができる。例えば、コンテンツ内のアプリケーションソフトウェア操作画面に対して実際に操作しているアプリケーションソフトウェア操作画面情報を検索条件として用語を入力することなく表示されているテキスト文字列やチェックボックスのオン・オフ、スライダの位置などのGUI要素の種別や状態を考慮した検索ができる。これにより、検索するのに適切な用語を知らなくても、コンテンツ内の必要な部分の参照が可能になる。また、画像のみの検索では実現できない、操作画面に表示されているテキスト文字列やチェックボックスのオン・オフなどのGUI要素の種別や状態なども検索条件として、コンテンツ内の必要な部分の検索、参照が可能になる。   Thereby, the information regarding the operation method of the application software can be appropriately linked with the actual operation screen. For example, the application software operation screen information that is actually operated on the application software operation screen in the content is used as a search condition, and text strings and check boxes that are displayed without entering terms are turned on / off. A search can be performed in consideration of the type and state of a GUI element such as a position. This makes it possible to refer to a necessary part in the content without knowing an appropriate term for searching. In addition, search of necessary parts in the content, such as the text string displayed on the operation screen and the type and status of GUI elements such as check box ON / OFF, which cannot be realized by searching only for images, Reference is possible.

また、ユーザ端末20は、現在表示されている操作画面の各GUI要素に対応するコンテンツに挿入された操作画面の各GUI要素をGUI要素記憶部24cからそれぞれ取得し、該取得した各GUI要素に対応するコンテンツ要素をコンテンツ情報記憶部24bから取得し、該コンテンツ要素を、現在表示されている操作画面に表示する。このため、コンテンツに挿入されたアプリケーションソフトウェア操作画面のGUI要素に関するコンテンツ要素を実際のアプリケーションソフトウェア操作画面に表示することができる。   Further, the user terminal 20 acquires each GUI element of the operation screen inserted in the content corresponding to each GUI element of the currently displayed operation screen from the GUI element storage unit 24c, and stores the acquired GUI element in each GUI element acquired. The corresponding content element is acquired from the content information storage unit 24b, and the content element is displayed on the currently displayed operation screen. For this reason, the content element regarding the GUI element of the application software operation screen inserted in the content can be displayed on the actual application software operation screen.

また、ユーザ端末20は、現在表示されている操作画面のGUI要素に対して、所定の情報が入力された際に、現在表示されている操作画面のGUI要素に対応するコンテンツに挿入された操作画面のGUI要素に対して入力された所定の情報に対する条件が予め設定されている場合には、該入力された所定の情報が条件を満たすか判定し、条件を満たさないと判定した場合には、入力された情報に対する警告を報知する。このため、コンテンツに挿入されたアプリケーションソフトウェア操作画面のGUI要素に関する条件を利用して実際に操作中の画面のGUI要素に対する入力チェックを行うことができる。   In addition, the user terminal 20 performs an operation inserted into content corresponding to the GUI element of the currently displayed operation screen when predetermined information is input to the GUI element of the currently displayed operation screen. When the condition for the predetermined information input to the GUI element of the screen is set in advance, it is determined whether the input predetermined information satisfies the condition, and when it is determined that the condition is not satisfied A warning for the input information is notified. For this reason, it is possible to perform an input check on the GUI element of the screen that is actually being operated using the conditions related to the GUI element of the application software operation screen inserted into the content.

(システム構成等)
また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。さらに、各装置にて行なわれる各処理機能は、その全部または任意の一部が、CPUおよび当該CPUにて解析実行されるプログラムにて実現され、あるいは、ワイヤードロジックによるハードウェアとして実現され得る。
(System configuration etc.)
Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured. Further, all or any part of each processing function performed in each device may be realized by a CPU and a program analyzed and executed by the CPU, or may be realized as hardware by wired logic.

また、本実施の形態において説明した各処理のうち、自動的におこなわれるものとして説明した処理の全部または一部を手動的におこなうこともでき、あるいは、手動的におこなわれるものとして説明した処理の全部または一部を公知の方法で自動的におこなうこともできる。この他、上記文書中や図面中で示した処理手順、制御手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。   In addition, among the processes described in this embodiment, all or part of the processes described as being automatically performed can be manually performed, or the processes described as being manually performed All or a part of the above can be automatically performed by a known method. In addition, the processing procedure, control procedure, specific name, and information including various data and parameters shown in the above-described document and drawings can be arbitrarily changed unless otherwise specified.

(プログラム)
また、上記実施の形態に係る作成装置10やユーザ端末20が実行する処理をコンピュータが実行可能な言語で記述したプログラムを作成することもできる。この場合、コンピュータがプログラムを実行することにより、上記実施の形態と同様の効果を得ることができる。さらに、かかるプログラムをコンピュータ読み取り可能な記録媒体に記録して、この記録媒体に記録されたプログラムをコンピュータに読み込ませて実行することにより上記実施の形態と同様の処理を実現してもよい。以下に、作成装置10またはユーザ端末20と同様の機能を実現する操作支援プログラムを実行するコンピュータの一例を説明する。
(program)
It is also possible to create a program in which processing executed by the creation device 10 and the user terminal 20 according to the above-described embodiment is described in a language that can be executed by a computer. In this case, the same effect as the above-described embodiment can be obtained by the computer executing the program. Further, such a program may be recorded on a computer-readable recording medium, and the program recorded on the recording medium may be read by a computer and executed to execute the same processing as in the above embodiment. Below, an example of the computer which performs the operation assistance program which implement | achieves the function similar to the production apparatus 10 or the user terminal 20 is demonstrated.

図19は、操作支援プログラムを実行するコンピュータを示す図である。図19に示すように、コンピュータ1000は、例えば、メモリ1010と、CPU1020と、ハードディスクドライブインタフェース1030と、ディスクドライブインタフェース1040と、シリアルポートインタフェース1050と、ビデオアダプタ1060と、ネットワークインタフェース1070とを有する。これらの各部は、バス1080によって接続される。   FIG. 19 is a diagram illustrating a computer that executes an operation support program. As illustrated in FIG. 19, the computer 1000 includes, for example, a memory 1010, a CPU 1020, a hard disk drive interface 1030, a disk drive interface 1040, a serial port interface 1050, a video adapter 1060, and a network interface 1070. These units are connected by a bus 1080.

メモリ1010は、ROM(Read Only Memory)1011およびRAM1012を含む。ROM1011は、例えば、BIOS(Basic Input Output System)等のブートプログラムを記憶する。ハードディスクドライブインタフェース1030は、ハードディスクドライブ1090に接続される。ディスクドライブインタフェース1040は、ディスクドライブ1100に接続される。ディスクドライブ1100には、例えば、磁気ディスクや光ディスク等の着脱可能な記憶媒体が挿入される。シリアルポートインタフェース1050には、例えば、マウス1110およびキーボード1120が接続される。ビデオアダプタ1060には、例えば、ディスプレイ1130が接続される。   The memory 1010 includes a ROM (Read Only Memory) 1011 and a RAM 1012. The ROM 1011 stores a boot program such as BIOS (Basic Input Output System). The hard disk drive interface 1030 is connected to the hard disk drive 1090. The disk drive interface 1040 is connected to the disk drive 1100. A removable storage medium such as a magnetic disk or an optical disk is inserted into the disk drive 1100, for example. For example, a mouse 1110 and a keyboard 1120 are connected to the serial port interface 1050. For example, a display 1130 is connected to the video adapter 1060.

ここで、図19に示すように、ハードディスクドライブ1090は、例えば、OS1091、アプリケーションプログラム1092、プログラムモジュール1093およびプログラムデータ1094を記憶する。上記実施の形態で説明した各テーブルは、例えばハードディスクドライブ1090やメモリ1010に記憶される。   Here, as shown in FIG. 19, the hard disk drive 1090 stores, for example, an OS 1091, an application program 1092, a program module 1093, and program data 1094. Each table described in the above embodiment is stored in, for example, the hard disk drive 1090 or the memory 1010.

また、操作支援プログラムは、例えば、コンピュータ1000によって実行される指令が記述されたプログラムモジュールとして、ハードディスクドライブ1090に記憶される。具体的には、上記実施の形態で説明した作成装置10またはユーザ端末20が実行する各処理が記述されたプログラムモジュールが、ハードディスクドライブ1090に記憶される。   Further, the operation support program is stored in the hard disk drive 1090 as a program module in which a command executed by the computer 1000 is described, for example. Specifically, a program module describing each process executed by the creation apparatus 10 or the user terminal 20 described in the above embodiment is stored in the hard disk drive 1090.

また、操作支援プログラムによる情報処理に用いられるデータは、プログラムデータとして、例えば、ハードディスクドライブ1090に記憶される。そして、CPU1020が、ハードディスクドライブ1090に記憶されたプログラムモジュール1093やプログラムデータ1094を必要に応じてRAM1012に読み出して、上述した各手順を実行する。   Data used for information processing by the operation support program is stored as program data, for example, in the hard disk drive 1090. Then, the CPU 1020 reads out the program module 1093 and the program data 1094 stored in the hard disk drive 1090 to the RAM 1012 as necessary, and executes the above-described procedures.

なお、操作支援プログラムに係るプログラムモジュール1093やプログラムデータ1094は、ハードディスクドライブ1090に記憶される場合に限られず、例えば、着脱可能な記憶媒体に記憶されて、ディスクドライブ1100等を介してCPU1020によって読み出されてもよい。あるいは、操作支援プログラムに係るプログラムモジュール1093やプログラムデータ1094は、LAN(Local Area Network)やWAN(Wide Area Network)等のネットワークを介して接続された他のコンピュータに記憶され、ネットワークインタフェース1070を介してCPU1020によって読み出されてもよい。   The program module 1093 and the program data 1094 related to the operation support program are not limited to being stored in the hard disk drive 1090. For example, the program module 1093 and the program data 1094 are stored in a removable storage medium and read by the CPU 1020 via the disk drive 1100 or the like. May be issued. Alternatively, the program module 1093 and the program data 1094 related to the operation support program are stored in another computer connected via a network such as a LAN (Local Area Network) or a WAN (Wide Area Network), and are transmitted via the network interface 1070. May be read by the CPU 1020.

10 作成装置
11、21 入力部
12、22 出力部
13、23 制御部
13a 取得部
13b 操作画面情報格納部
13c 挿入部
13d 表示部
13e コンテンツ情報格納部
14、24 記憶部
14a、24a 操作情報記憶部
14b、24b コンテンツ情報記憶部
20 ユーザ端末
23a 特定部
23b GUI要素格納部
23c コンテンツ表示部
23d 報知部
23e 自動入力部
23f 記録部
24c GUI要素記憶部
30 ネットワーク
DESCRIPTION OF SYMBOLS 10 Creation apparatus 11, 21 Input part 12, 22 Output part 13, 23 Control part 13a Acquisition part 13b Operation screen information storage part 13c Insertion part 13d Display part 13e Content information storage part 14, 24 Storage part 14a, 24a Operation information storage part 14b, 24b Content information storage unit 20 User terminal 23a Identification unit 23b GUI element storage unit 23c Content display unit 23d Notification unit 23e Automatic input unit 23f Recording unit 24c GUI element storage unit 30 Network

Claims (7)

アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI(Graphical User Interface)要素の構造に関する構造情報とからなる操作画面情報を取得する取得部と、
前記取得部によって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納部と、
前記取得部によって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入部と、
前記挿入部によって挿入された操作画面情報のGUI要素の選択を受け付けた場合に、該選択されたGUI要素の構造情報に含まれる前記操作画面に表示された座標を用いて、前記選択されたGUI要素が表示された領域と他の領域との境界を表示する表示部と、
前記GUI要素に関連するコンテンツ要素の選択を受け付けた場合に、該選択されたGUI要素と前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納部と、
を備えることを特徴とする情報処理装置。
An acquisition unit that acquires operation screen information including a captured image of an operation screen of the application software and structure information on a structure of a GUI (Graphical User Interface) element displayed on the operation screen;
An operation screen information storage unit that stores the captured image of the operation screen of the application software acquired by the acquisition unit and the structure information related to the structure of the GUI element displayed on the operation screen in association with each other in the operation information storage unit;
An insertion unit for inserting the operation screen information acquired by the acquisition unit into content including a content element in which an operation method of the application software is described;
When the selection of the GUI element of the operation screen information inserted by the insertion unit is received, the selected GUI is used by using the coordinates displayed on the operation screen included in the structure information of the selected GUI element. A display for displaying the boundary between the area where the element is displayed and another area;
When accepting the selection of content element associated with the GUI element, a content information storage unit for storing the content information storage unit in association with the previous SL content elements and that the selected GUI element,
An information processing apparatus comprising:
アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入された該アプリケーションソフトウェアの各操作画面に対応付けて、該各操作画面に表示された各GUI要素の構造に関する構造情報をそれぞれ記憶する操作情報記憶部と、
前記各GUI要素に対応付けて、該各GUI要素に関連するアプリケーションソフトウェアの操作方法が記載されたコンテンツ要素をそれぞれ記憶するコンテンツ情報記憶部と、
現在表示されている操作画面のGUI要素の構造に関する構造情報を抽出し、該抽出した構造情報と、前記操作情報記憶部に記憶された構造情報との類似度を、前記コンテンツに挿入された操作画面ごとに比較し、前記操作情報記憶部に記憶された各構造情報のうち、最も類似度が高い構造情報に対応する前記コンテンツに挿入された操作画面を特定する特定部と、
前記特定部によって特定された操作画面の各GUI要素の構造情報と、前記現在表示されている操作画面の各GUI要素の構造情報とを比較し、前記特定部によって特定された操作画面の各GUI要素と、該各GUI要素にそれぞれ対応する現在表示されている操作画面の各GUI要素とを関連付けてGUI要素記憶部に格納するGUI要素格納部と、
を備えることを特徴とする情報処理装置。
Structure information related to the structure of each GUI element displayed on each operation screen is stored in association with each operation screen of the application software inserted in the content including the content element describing the operation method of the application software. An operation information storage unit;
A content information storage unit that stores content elements in which operation methods of application software related to the GUI elements are described in association with the GUI elements;
The structure information regarding the structure of the GUI element of the currently displayed operation screen is extracted, and the similarity between the extracted structure information and the structure information stored in the operation information storage unit is inserted into the content. Compared for each screen, among the structure information stored in the operation information storage unit, a specifying unit for specifying the operation screen inserted in the content corresponding to the structure information having the highest similarity,
The structure information of each GUI element of the operation screen specified by the specifying unit is compared with the structure information of each GUI element of the currently displayed operation screen, and each GUI of the operation screen specified by the specifying unit is compared. A GUI element storage unit that associates an element with each GUI element of the currently displayed operation screen corresponding to each GUI element, and stores the element in the GUI element storage unit;
An information processing apparatus comprising:
前記現在表示されている操作画面の各GUI要素に対応する前記コンテンツに挿入された操作画面の各GUI要素を前記GUI要素記憶部からそれぞれ取得し、該取得した各GUI要素に対応するコンテンツ要素を前記コンテンツ情報記憶部から取得し、該コンテンツ要素を、前記現在表示されている操作画面に表示するコンテンツ表示部をさらに備えることを特徴とする請求項に記載の情報処理装置。 Each GUI element of the operation screen inserted in the content corresponding to each GUI element of the currently displayed operation screen is acquired from the GUI element storage unit, and a content element corresponding to the acquired GUI element is obtained. The information processing apparatus according to claim 2 , further comprising: a content display unit that is obtained from the content information storage unit and displays the content element on the currently displayed operation screen. 前記現在表示されている操作画面のGUI要素に対して、所定の情報が入力された際に、前記現在表示されている操作画面のGUI要素に対応する前記コンテンツに挿入された操作画面のGUI要素に対して入力された所定の情報に対する条件が予め設定されている場合には、該入力された所定の情報が前記条件を満たすか判定報知部をさらに備えることを特徴とする請求項に記載の情報処理装置。 When predetermined information is input to the GUI element of the currently displayed operation screen, the GUI element of the operation screen inserted in the content corresponding to the GUI element of the currently displayed operation screen 3. The method according to claim 2 , further comprising: a determination notification unit that determines whether the input predetermined information satisfies the condition when a condition for the predetermined information input is set in advance. Information processing device. 前記現在表示されている操作画面のGUI要素に対応する前記コンテンツに挿入された操作画面のGUI要素に対して入力する情報が予め設定されている場合には、該設定されている情報を、前記現在表示されている操作画面のGUI要素に入力する自動入力部をさらに備えることを特徴とする請求項に記載の情報処理装置。 When information to be input to the GUI element of the operation screen inserted into the content corresponding to the GUI element of the currently displayed operation screen is set in advance, the set information is The information processing apparatus according to claim 2 , further comprising an automatic input unit configured to input to a GUI element of an operation screen currently displayed. 情報処理装置で実行される操作支援方法であって、
アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する取得工程と、
前記取得工程によって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納工程と、
前記取得工程によって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入工程と、
前記挿入工程によって挿入された操作画面情報のGUI要素の選択を受け付けた場合に、該選択されたGUI要素の構造情報に含まれる前記操作画面に表示された座標を用いて、前記選択されたGUI要素が表示された領域と他の領域との境界を表示する表示工程と、
前記GUI要素に関連するコンテンツ要素の選択を受け付けた場合に、該選択されたGUI要素と前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納工程と、
を含んだことを特徴とする操作支援方法。
An operation support method executed by an information processing apparatus,
An acquisition step of acquiring operation screen information including a captured image of the operation screen of the application software and structure information regarding the structure of the GUI element displayed on the operation screen;
An operation screen information storage step of storing the captured image of the operation screen of the application software acquired by the acquisition step and the structure information regarding the structure of the GUI element displayed on the operation screen in association with each other in the operation information storage unit;
An insertion step of inserting the operation screen information acquired by the acquisition step into content including a content element describing an operation method of the application software;
When the selection of the GUI element of the operation screen information inserted by the insertion step is accepted, the selected GUI is used by using the coordinates displayed on the operation screen included in the structure information of the selected GUI element. A display process for displaying a boundary between the area where the element is displayed and another area;
When accepting the selection of content element associated with the GUI element, a content information storing step of storing in the content information storage unit in association with the previous SL content elements and that the selected GUI element,
An operation support method characterized by comprising
アプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されているGUI要素の構造に関する構造情報とからなる操作画面情報を取得する取得ステップと、
前記取得ステップによって取得されたアプリケーションソフトウェアの操作画面のキャプチャ画像と、該操作画面に表示されたGUI要素の構造に関する構造情報とを対応付けて操作情報記憶部に格納する操作画面情報格納ステップと、
前記取得ステップによって取得された操作画面情報を、前記アプリケーションソフトウェアの操作方法が記載されたコンテンツ要素を含むコンテンツに挿入する挿入ステップと、
前記挿入ステップによって挿入された操作画面情報のGUI要素の選択を受け付けた場合に、該選択されたGUI要素の構造情報に含まれる前記操作画面に表示された座標を用いて、前記選択されたGUI要素が表示された領域と他の領域との境界を表示する表示ステップと、
前記GUI要素に関連するコンテンツ要素の選択を受け付けた場合に、該選択されたGUI要素と前記コンテンツ要素とを対応付けてコンテンツ情報記憶部に格納するコンテンツ情報格納ステップと、
をコンピュータに実行させるための操作支援プログラム。
An acquisition step of acquiring operation screen information including a captured image of an operation screen of the application software and structure information regarding a structure of a GUI element displayed on the operation screen;
An operation screen information storage step for storing the captured image of the operation screen of the application software acquired in the acquisition step and the structure information related to the structure of the GUI element displayed on the operation screen in the operation information storage unit;
An insertion step of inserting the operation screen information acquired in the acquisition step into content including a content element describing an operation method of the application software;
When the selection of the GUI element of the operation screen information inserted by the insertion step is accepted, the selected GUI is used by using the coordinates displayed on the operation screen included in the structure information of the selected GUI element. A display step for displaying a boundary between the area where the element is displayed and another area;
When accepting the selection of content element associated with the GUI element, a content information storing step of storing in the content information storage unit in association with the previous SL content elements and that the selected GUI element,
An operation support program for causing a computer to execute.
JP2016027143A 2016-02-16 2016-02-16 Information processing apparatus, operation support method, and operation support program Active JP6434435B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2016027143A JP6434435B2 (en) 2016-02-16 2016-02-16 Information processing apparatus, operation support method, and operation support program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2016027143A JP6434435B2 (en) 2016-02-16 2016-02-16 Information processing apparatus, operation support method, and operation support program

Publications (2)

Publication Number Publication Date
JP2017146729A JP2017146729A (en) 2017-08-24
JP6434435B2 true JP6434435B2 (en) 2018-12-05

Family

ID=59682997

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016027143A Active JP6434435B2 (en) 2016-02-16 2016-02-16 Information processing apparatus, operation support method, and operation support program

Country Status (1)

Country Link
JP (1) JP6434435B2 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7185866B2 (en) 2019-03-15 2022-12-08 ハミングヘッズ株式会社 Information processing device, information processing method, computer program
US20220383215A1 (en) * 2019-11-01 2022-12-01 Nippon Telegraph And Telephone Corporation Management device, management method, and management program
WO2023276160A1 (en) * 2021-07-02 2023-01-05 日本電信電話株式会社 Setting confirmation device, setting confirmation method, and setting confirmation program

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS62186317A (en) * 1986-02-12 1987-08-14 Nec Corp Information processor
JPH11306171A (en) * 1998-04-20 1999-11-05 Fujitsu Ltd Item information input method and recording medium
JP2008191993A (en) * 2007-02-06 2008-08-21 Canon Inc Gui component display device and gui component display method
JP5066499B2 (en) * 2008-09-24 2012-11-07 株式会社日立ソリューションズ Web application operation procedure manual generation system
JP5885204B2 (en) * 2012-11-19 2016-03-15 日本電信電話株式会社 User operation support method and apparatus
JP5936138B2 (en) * 2013-06-19 2016-06-15 インターナショナル・ビジネス・マシーンズ・コーポレーションInternational Business Machines Corporation Apparatus and method for generating operation procedure manual

Also Published As

Publication number Publication date
JP2017146729A (en) 2017-08-24

Similar Documents

Publication Publication Date Title
JP4395761B2 (en) Program test support apparatus and method
WO2012032705A1 (en) Display processing device, display processing method, and program
JP6434435B2 (en) Information processing apparatus, operation support method, and operation support program
JP2019525373A (en) How to generate test cases
JP2016177553A (en) Information processing device, information processing system, information processing method, and program
JP2009217473A (en) Plant information display device and method
US9557989B2 (en) Comparison and merging of IC design data
JP6996629B2 (en) Verification automation equipment, verification automation methods, and programs
JP5426938B2 (en) Information processing apparatus and information processing method
JP6260585B2 (en) Information processing apparatus and information processing program
JP2018503917A (en) Method and apparatus for text search based on keywords
US20230133985A1 (en) Display control device and display control method
JP5885204B2 (en) User operation support method and apparatus
JP2019106137A (en) Display program, display method, display device, comment display control program, comment display control method, and comment display control device
US20180365341A1 (en) Three-Dimensional Cad System Device, and Knowledge Management Method Used in Three-Dimensional Cad
JP2012064051A (en) Help display device, help display method and help display program
JP2005292982A (en) Data processing system designing device and computer program for the same
JP7325252B2 (en) Document information presentation device and program
JP6364786B2 (en) Design document management program, design document management method, and design document management apparatus
JP2013025457A (en) Graphical user interface design device
JP6107337B2 (en) Operation recording apparatus, operation recording method, and operation recording program
JP6247542B2 (en) Monitoring point definition changing method and engineering device
JP2010152607A (en) Process monitor, and process monitoring method
JP2012216209A (en) Cad control device, cad control system, control method for cad control system, and cad control program
JP2007179203A (en) Slip retrieval device, slip retrieval method, program and computer-readable storage medium

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20171212

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180829

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180904

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20181022

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20181106

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20181108

R150 Certificate of patent or registration of utility model

Ref document number: 6434435

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150