JP4847991B2 - Information processing apparatus, method, program system, and server computer - Google Patents

Information processing apparatus, method, program system, and server computer Download PDF

Info

Publication number
JP4847991B2
JP4847991B2 JP2008194109A JP2008194109A JP4847991B2 JP 4847991 B2 JP4847991 B2 JP 4847991B2 JP 2008194109 A JP2008194109 A JP 2008194109A JP 2008194109 A JP2008194109 A JP 2008194109A JP 4847991 B2 JP4847991 B2 JP 4847991B2
Authority
JP
Japan
Prior art keywords
display
layer
program
processing step
specific layer
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
JP2008194109A
Other languages
Japanese (ja)
Other versions
JP2010015521A (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.)
Yahoo Japan Corp
Original Assignee
Yahoo Japan 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 Yahoo Japan Corp filed Critical Yahoo Japan Corp
Priority to JP2008194109A priority Critical patent/JP4847991B2/en
Publication of JP2010015521A publication Critical patent/JP2010015521A/en
Application granted granted Critical
Publication of JP4847991B2 publication Critical patent/JP4847991B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は、コンピュータでブラウザのプラグインのような付加プログラムを用いる場合における画面表示技術の改良に関する。  The present invention relates to an improvement in screen display technology when an additional program such as a browser plug-in is used on a computer.

近年、アプリケーションなどコンピュータ・プログラムの画面表示では、例えばウェブブラウザ(以下「ブラウザ」とも呼ぶ)がウェブページ表示ウィンドウの上に重ねて、「○○しますか?」のような警告ダイアログを表示するなど、表示物を複数重ねる(重畳する)場合が多い。  In recent years, on the screen display of computer programs such as applications, for example, a web browser (hereinafter also referred to as “browser”) is superimposed on the web page display window, and a warning dialog such as “Do you want to do it?” Is displayed. In many cases, a plurality of display objects are superimposed (superimposed).

このように重畳されるウィンドウなどの各表示物は、オブジェクトなどとも呼ばれ、オペレーティングシステム(OS)などの基本ソフトウェアが個々の層すなわち表示レイヤーとして管理し、表示順序を制御している。このように多層のレイヤー間で表示順序を制御する画面表示制御の構造を、多層レイヤー構造と呼ぶ。  Each display object such as a superimposed window is also referred to as an object, and basic software such as an operating system (OS) manages the individual layers, that is, display layers, and controls the display order. The structure of the screen display control that controls the display order between the multilayer layers is called a multilayer layer structure.

このような多層レイヤー構造は、単一の多層レイヤー構造や一重多層レイヤー構造などと呼ぶ一階層のみの単純な場合もあるが、異なるプログラム間で入れ子の関係を持つ場合がある。このような関係にかかわる例として、音声やアニメーションを組み合わせたウェブコンテンツすなわちインタラクティブ動画ファイルがある。その代表例はアドビシステムズ株式会社のFlash(登録商標)ファイルで、Flashファイルの再生用プログラムであるFlashプレーヤーは、ブラウザに組み込んで従属動作させるいわゆるプラグイン・プログラム(以下単に「プラグイン」とも呼ぶ)である。  Such a multi-layer structure may be a simple one-layer structure called a single multi-layer structure or a single multi-layer structure, but may have a nested relationship between different programs. As an example related to such a relationship, there is a web content combining voice and animation, that is, an interactive moving image file. A typical example is a Flash (registered trademark) file of Adobe Systems, Inc., and a Flash player, which is a program for reproducing the Flash file, is incorporated in a browser and is called a so-called plug-in program (hereinafter simply referred to as “plug-in”). ).

ここで、プラグインを受け入れている側のブラウザなどを受入側プログラムと呼び、それに対し、上記のようなインタラクティブ動画ファイルとそれを実行しているプラグインを、付加プログラムと総称することとする。この場合、付加プログラム側では、自らの表示内容を構成する内部的な複数のレイヤー(以下「子レイヤー」と呼ぶ)を管理し重ねる順序を制御可能であるが、それら子レイヤー群は、ブラウザ側にとっては、管理と制御の単位としている表示レイヤーの一つに過ぎない。  Here, the browser on the side that accepts the plug-in is called a receiving-side program, and the interactive moving image file and the plug-in that executes the interactive video file are collectively called an additional program. In this case, the additional program side can control the order in which multiple internal layers (hereinafter referred to as “child layers”) that constitute its display contents are managed, but these child layer groups are displayed on the browser side. For that, it is just one of the display layers that are the unit of management and control.

以下、ブラウザが管理と制御の単位とする表示レイヤーを「親レイヤー」とも呼び、親レイヤーの一つで付加プログラムが管理と制御の単位とするものを「特定レイヤー」とも呼び、特定レイヤー以外の親レイヤーを「通常レイヤー」とも呼ぶこととする。特定レイヤーは、付加プログラム側で内部的には、一又は二以上の子レイヤーで構成される。  In the following, the display layer that the browser uses as the unit of management and control is also called the “parent layer”, and one of the parent layers that the additional program uses as the unit of management and control is also called the “specific layer”. The parent layer is also called “normal layer”. The specific layer is internally composed of one or more child layers on the additional program side.

このように、受入側プログラムの管理単位である親レイヤーの一つすなわち特定レイヤーとして、子レイヤー群が一連のまとまりを持つ構造を、二重多層レイヤー構造と呼ぶ。この二重多層レイヤー構造において、付加プログラムは、受入側プログラムの機能を呼び出すことにより、自らの子レイヤー群に該当する特定レイヤーと通常レイヤーとの表示順序すなわち上下関係を操作することは可能である。  In this way, a structure in which a group of child layers as a parent layer that is a management unit of the receiving program, that is, a specific layer, has a series of groups is called a double-multilayer structure. In this double multi-layer structure, the additional program can manipulate the display order, that is, the vertical relationship between the specific layer corresponding to its own child layer group and the normal layer by calling the function of the receiving program. .

なお、画面上の同じ部分に、付加プログラムの特定レイヤーと、ブラウザのHTMLに基づく通常レイヤーが存在するとき、マウス操作の対象となるのは、手前側となっているいずれか一方のレイヤーである。
特開2002−334115号公報
Note that when there is a specific layer of the additional program and a normal layer based on the HTML of the browser in the same part on the screen, the target of the mouse operation is either one on the near side .
JP 2002-334115 A

しかし、上記のような二重多層レイヤー構造において、付加プログラム側の子レイヤー群は、付加プログラム側の内部事情に過ぎず、受入側プログラム側からは単一の親レイヤーとしてワンセットで管理することしかできない。このため、従来では、複数の子レイヤーを、親レイヤーを間に挟んで隣接しない状態で使用することはできず、付加プログラムと受入側プログラムの組合せ態様が制限されるという課題があった。  However, in the double multi-layer structure as described above, the child layer group on the additional program side is only an internal situation on the additional program side, and it is managed as a single parent layer from the receiving program side as a single parent layer. I can only do that. For this reason, conventionally, a plurality of child layers cannot be used in a state where they are not adjacent to each other with the parent layer in between, and there is a problem that the combination mode of the additional program and the receiving program is limited.

すなわち、親レイヤーが背面に有っても、手前側となっている特定レイヤー内で子レイヤーの階層を複数重ねることができたが、付加プログラムの特定レイヤーより手前にHTMLなどに基づく他の親レイヤーが有る場合、その手前側に再度、付加プログラムによる他の子レイヤーを表示することは、子レイヤー同士の間に親レイヤーを挟むことになるため、不可能という課題が存在した。  In other words, even if the parent layer is on the back side, a plurality of child layer hierarchies could be stacked within the specific layer on the front side, but other parent layers based on HTML or the like before the specific layer of the additional program. When there is a layer, there is a problem that it is impossible to display another child layer by the additional program on the near side again because the parent layer is sandwiched between the child layers.

これらの課題は、受入側プログラムと付加プログラムを組合わせた連携動作により複雑もしくは高度な機能を実現したり用途を拡大するための障害となっており、その解決が潜在的に待望されていた。  These problems have become obstacles for realizing complex or advanced functions and expanding applications through the combined operation of the receiving side program and the additional program, and there has been a long-awaited solution.

なお、表示対象の重畳に関する技術として、ウェブサイトなどを表示するコンテンツ領域と、表示するウェブサイトを複数候補中から切り替えるナビゲーション領域を、透明にするなどして重ね合わせる提案は存在するが(特許文献1参照)、上記のような二重多層レイヤー構造の課題に関連するものではなかった。  As a technique related to superimposition of display objects, there is a proposal for superimposing a content area for displaying a website and a navigation area for switching a display website from a plurality of candidates by making it transparent (Patent Document) 1), and was not related to the problem of the double multi-layer structure as described above.

また、単一のウェブブラウザに対して、プラグインを複数適用しても、個々のプラグインのレイヤー同士は別個独立で、プラグイン間の情報授受など連携動作の実現は困難かつ煩雑で、上記のような課題の実際的に改善するものではなかった。  In addition, even if multiple plug-ins are applied to a single web browser, the layers of the individual plug-ins are independent of each other, and it is difficult and cumbersome to realize cooperative operations such as information exchange between plug-ins. It was not something that would actually improve the problem.

本発明は、上記のような従来技術の課題を解決するもので、その目的は、下層に移動させるが表示上は手前に見せたいレイヤーの表示物を透過する透明部分を持つように、特定レイヤーの表示全体を作り直すことにより、子レイヤー間に他の親レイヤーを挟むなど、付加プログラムと受入側プログラムの画面表示内容の組合せ態様の自由度を拡大することである。  The present invention solves the above-described problems of the prior art, and its purpose is to provide a specific layer so as to have a transparent portion that passes through the display object of the layer that is moved to the lower layer but is desired to be displayed on the display. By recreating the entire display, the degree of freedom of the combination mode of the screen display contents of the additional program and the receiving program is expanded, such as inserting another parent layer between the child layers.

上記の目的を達成するため、本発明の一態様は、コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理装置において、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御手段を実現し、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御手段と、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御手段の機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御手段と、情報取得手段と、透過設定手段と、を実現し、一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、(1)前記順序制御手段が、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、(2)前記情報取得手段が、前記他の表示レイヤーに表示していた一又は二以上の前記既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、(3)前記透過設定手段が、前記情報取得手段で取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、(4)前記表示制御手段が、前記既存の子レイヤーよりもさらに上層側の子レイヤーに前記新たな表示物を表示することを特徴とする。  In order to achieve the above object, one embodiment of the present invention is an information processing apparatus in which a computer executes an additional program on a reception-side program, wherein the reception-side program controls an arithmetic control unit of the computer. Thus, a display layer control means for controlling the display order of one or two or more display layers whose management unit is a receiving unit and including a specific layer corresponding to the display content of the additional program is realized. The additional program controls generation, deletion, and display order of one or more child layers constituting the specific layer by controlling an arithmetic control unit of the computer, and a new display object. Display control means for drawing and displaying and terminating the display, and the new layer in the specific layer Concerning display of a display, by calling a function of the display layer control unit of the receiving program, an order control unit that controls the order of the vertical position of the specific layer and another display layer, an information acquisition unit, Transparency setting means, and a state in which all or a part of another display layer displaying one or more existing display objects is located above the specific layer, than the other display layer Further, when the display control means tries to display a new display object on the specific layer by the display control means so as to be further on the upper layer side, (1) the order control means is more than the other layer than the specific layer. (2) Information indicating the display range of the one or more existing display objects displayed on the other display layer by the information acquisition means. (3) Based on the information representing the display range acquired by the information acquisition unit, the transparent setting unit transmits the existing display object with respect to the display range. A part is set as an existing child layer of the specific layer, and (4) the display control means displays the new display object in a child layer further higher than the existing child layer. To do.

上記態様を方法という見方から捉えた態様は、コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理方法において、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行し、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、情報取得処理ステップと、透過設定処理ステップと、を実現し、一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、(1)前記順序制御処理ステップは、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、(2)前記情報取得処理ステップは、前記他の表示レイヤーに表示していた一又は二以上の前記既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、(3)前記透過設定処理ステップは、前記情報取得処理ステップで取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、(4)前記表示制御処理ステップは、前記既存の子レイヤーよりも、さらに上層側の子レイヤーに前記新たな表示物を表示することを特徴とする。  The aspect captured from the viewpoint of the method is an information processing method in which a computer executes an additional program on a receiving program. The receiving program controls an arithmetic control unit of the computer, thereby Executing a display layer control processing step for controlling the display order of one or two or more display layers as a unit of management by the receiving program, including a specific layer corresponding to the display content of the additional program, The additional program controls the calculation control unit of the computer to control generation, deletion, and display order of one or more child layers constituting the specific layer, and to draw a new display object. Display control processing step for displaying and ending the display, and the specific layer. An order control processing step for controlling the order of the upper and lower positions of the specific layer and the other display layers by calling a function of the display layer control processing step of the receiving program with respect to the display of the new display object. The information acquisition processing step and the transparency setting processing step are realized, and all or a part of the other display layers displaying one or more existing display objects are positioned above the specific layer. When the display control means tries to display a new display object on the specific layer by the display control means so as to be further higher than the other display layers, (1) the order control processing step is The other display layer is positioned below the specific layer, and (2) the information acquisition processing step includes the other display layer. Information indicating the display range of the one or more existing display objects displayed on the display side is acquired from the receiving-side program, and (3) the transparency setting processing step includes the display range acquired in the information acquisition processing step. Based on the information representing the display area, a transparent portion for transmitting the existing display object is set as an existing child layer of the specific layer for the display range, and (4) the display control processing step includes the existing display layer. The new display object is displayed on a child layer further higher than the child layer.

上記態様をコンピュータ・プログラムという見方から捉えた態様は、受入側プログラム及び付加プログラムをセットとして組み合わせたプログラムシステムであって、前記各プログラムが相互に連携してコンピュータの演算制御部を制御することにより、前記受入側プログラムの実行に従属して前記付加プログラムを実行するプログラムシステムにおいて、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行させ、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、情報取得処理ステップと、透過設定処理ステップと、を実行させ、一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、(1)前記順序制御処理ステップは、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、(2)前記情報取得処理ステップは、前記他の表示レイヤーに表示していた既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、(3)前記透過設定処理ステップは、前記情報取得処理ステップで取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、(4)前記表示制御処理ステップは、前記既存の子レイヤーよりも、さらに上層側の子レイヤーに前記新たな表示物を表示する ことを特徴とする。  The aspect which caught the said aspect from the viewpoint of a computer program is a program system which combined the receiving side program and the additional program as a set, Comprising: Each said program cooperates mutually and controls the calculation control part of a computer. In the program system for executing the additional program in dependence on the execution of the receiving side program, the receiving side program controls the arithmetic control unit of the computer so that the receiving side program has a management unit. Or a display layer control processing step for controlling the display order of two or more display layers including a specific layer corresponding to the display content of the additional program, wherein the additional program is an arithmetic control unit of the computer By controlling A display control processing step for controlling generation, deletion, and display order of one or more child layers constituting the year, drawing and displaying a new display object, and ending the display; and the identification An order control processing step for controlling the order of the upper and lower positions of the specific layer and the other display layers by calling a function of the display layer control processing step of the receiving program with respect to the display of the new display object in the layer. And the information acquisition processing step and the transparency setting processing step are executed, and all or a part of the other display layers displaying one or more existing display objects are positioned above the specific layer. To the specific layer by the display control means so as to be further higher than the other display layers. When the display object is to be displayed by the display control means, (1) the sequence control processing step positions the other display layer below the specific layer, and (2) the information acquisition processing step The information representing the display range of the existing display object displayed on the other display layer is acquired from the receiving-side program, and (3) the transparency setting processing step includes the display range acquired in the information acquisition processing step. Based on the information representing the display area, a transparent portion for transmitting the existing display object is set as an existing child layer of the specific layer for the display range, and (4) the display control processing step includes the existing display layer. The new display object is displayed on a child layer further above the child layer.

このように、特定レイヤーの手前にある親レイヤーの既存表示物よりもさらに手前側に、特定レイヤーの新たな表示物を表示する際、既存表示物の親レイヤーを特定レイヤーより実際は下層に移動する一方、手前となる特定レイヤーに透明部分を設定し透過させることで、視覚上あたかも特定レイヤーの表示物同士の間に親レイヤーの表示物が位置するような一重多層レイヤー構造に準じたサンドイッチ状態の表示内容が実現できる。  In this way, when a new display object of a specific layer is displayed in front of the existing display object of the parent layer in front of the specific layer, the parent layer of the existing display object is actually moved to a lower layer than the specific layer. On the other hand, by setting a transparent part to the specific layer in front and making it transparent, it is sandwiched according to a single-layer structure in which the display object of the parent layer is visually positioned between the display objects of the specific layer. Display contents can be realized.

特に、透明部分については、レイヤー順の入替え時に動的に設定するので、固定の位置やサイズで事前に設定したりそれに拘束されること無く、状況に応じた最適な表示位置等の自由度と柔軟性が実現できる。  In particular, since the transparent part is dynamically set when the layer order is changed, there is no need to set it in advance at a fixed position or size, and it is not constrained by it. Flexibility can be realized.

また、上記のようなサンドイッチ状態は、3層に限らず、さらに、別の親レイヤーの既存表示物(4層目)や、特定レイヤーの新たな表示物(5層目)、のように階層を増やす場合にも同様に対処可能である。すなわち、奥と手前の各既存表示物について、特定レイヤーより下層側(実際は4層目と5層目)に移動はするが、表示範囲を重ねた多角形状に設定する透明部分(実際は3層目)を透過することで、奥の既存表示物は一番奥(実際は5層目)より浮き上がって視覚上の4層目に、透明部分の層は視覚上の5層目に見える(意識されない場合を含む)。  In addition, the sandwich state as described above is not limited to the three layers, and is a hierarchy such as an existing display item (fourth layer) of another parent layer and a new display item (fifth layer) of a specific layer. Similarly, it is possible to cope with the case where the number is increased. That is, for each of the existing display objects at the back and the front, the transparent part (actually the third layer) is set to a polygonal shape that overlaps the display range, although it moves to the lower layer side (actually the fourth and fifth layers) from the specific layer. ), The existing display object in the back floats up from the back (actually the 5th layer) and is visible on the 4th layer visually, and the transparent layer is visible on the 5th layer visually (when not conscious) including).

また、手前の既存表示物(実際は4層目)は、その表示領域だけを型抜きした特定レイヤーの表示物を手前(実際は2層目)に表示することで、その手前側(視覚上の2層目)に浮き上がって見える。実際と視覚上が一致するのは、最も手前の一層目である。  In addition, the existing display object in front (actually the fourth layer) displays the display object of a specific layer in which only the display area is cut out in front (actually the second layer), so that the near side (visual 2) It seems to float up. It is the first layer in the foreground that matches the actual and visual.

このように、表示物について、親レイヤーを、その奥と手前の子レイヤー間で挟む上記のような表示内容は何階層でも繰り返せるので、プログラムの組合せ態様や処理内容が無限に多様化でき、複雑高度な機能も平易な構成で容易に実装可能となる。  In this way, the display contents such as the above that sandwich the parent layer between the back and front child layers of the display object can be repeated in any number of layers, so the program combination and processing contents can be diversified indefinitely and complicatedly Advanced functions can be easily implemented with a simple configuration.

本発明の他の態様は、上記情報処理装置において、前記透過設定手段は、前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する手段と、前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する手段と、透明な部分を設定した前記静止画像を(新たなレイヤーとして)表示させる手段と、静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる手段と、を有することを特徴とする。  According to another aspect of the present invention, in the information processing apparatus, the transparency setting unit includes a unit that converts the content displayed on the layer on which the transparent portion is to be set into a still image, and information that represents the display range. Based on the above, the means for setting the display range portion of the still image to be transparent, the means for displaying the still image with the transparent portion set (as a new layer), and the source of the still image And means for causing the display control means to erase the layer.

上記態様を方法という見方から捉えた態様は、上記情報処理方法において、前記透過設定処理ステップは、前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する処理ステップと、前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する処理ステップと、透明な部分を設定した前記静止画像を表示させる処理ステップと、静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる処理ステップと、を有することを特徴とする。  The aspect captured from the viewpoint of the method is that in the information processing method, the transparency setting processing step is a processing step of converting the content displayed on the layer to which the transparent portion is to be set into a still image, Based on the information representing the display range, a processing step of setting the display range portion of the still image to be transparent, a processing step of displaying the still image with the transparent portion set, and a source of the still image And a processing step of causing the display control means to erase the layer that has become.

上記態様をコンピュータ・プログラムという見方から捉えた態様は、上記プログラムシステムにおいて、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記透過設定処理ステップにおいて、前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する処理ステップと、前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する処理ステップと、透明な部分を設定した前記静止画像を表示させる処理ステップと、静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる処理ステップと、を実行させることを特徴とする請求項B9記載のプログラムシステム。  The aspect which grasped the said aspect from the viewpoint of a computer program is the said program system. WHEREIN: The said additional program tries to set the said transparent part in the said transparency setting process step by controlling the calculation control part of the said computer. A processing step of converting the content displayed on the layer to be converted into a still image, a processing step of setting the display range portion of the still image to be transparent based on the information indicating the display range, and a transparent portion The program system according to claim B9, further comprising: a processing step for displaying the still image in which the image is set; and a processing step for causing the display control unit to erase the layer that is the basis of the still image. .

このように、下層とする既存表示物を透過して上層に見せる透明部分を特定レイヤーに作る態様として、特定レイヤーの表示内容を静止画像に変換のうえ、透過GIFのように任意の形状で透明部分を作成するという簡素な画像処理を用いることにより、実際に稼動する特定レイヤーの再作成をせずに済み、CPU負荷軽減と迅速な画面処理に役立つ。この態様は、特定レイヤーの用途や内容上、アニメーションや応答の動作継続が必須でない場合に、特に適する。  In this way, as a mode of creating a transparent part in the specific layer that can be seen through the existing display object as the lower layer in the upper layer, the display content of the specific layer is converted into a still image and transparent in an arbitrary shape like a transparent GIF By using a simple image processing of creating a part, it is not necessary to recreate a specific layer that actually operates, which is useful for reducing the CPU load and for quick screen processing. This aspect is particularly suitable when it is not essential to continue the operation of animation and response due to the use and contents of the specific layer.

本発明の他の態様は、上記いずれかの態様(情報処理装置)において、前記透過設定手段は、地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させることを特徴とする。  According to another aspect of the present invention, in any one of the above aspects (information processing apparatus), the transparency setting unit is configured to perform the above-described processing based on information representing the display range on an empty layer whose background color is transparent. Alternatively, a plurality of rectangular ranges are arranged so as to surround the display range of two or more existing display objects, and the layer for setting the transparent portion is replaced by the layer.

上記態様を方法という見方から捉えた態様は、既に述べたいずれかの態様(情報処理方法)において、前記透過設定処理ステップは、地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させることを特徴とする。  In the aspect captured from the viewpoint of the method, the transmission setting processing step represents the display range on an empty layer whose background color is transparent in any of the above-described aspects (information processing method). Based on the information, a plurality of rectangular ranges are arranged so as to surround the display range of the one or more existing display objects, and the layer intended to set the transparent portion is replaced by the layer. To do.

上記態様をコンピュータ・プログラムという見方から捉えた態様は、既に述べたいずれかの態様(プログラムシステム)において、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記透過設定処理ステップにおいて、地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させることを特徴とする。  The aspect which grasped the said aspect from the viewpoint of a computer program is the aspect (program system) already described, The said additional program controls the calculation control part of the said computer in the said transparency setting process step. Based on the information representing the display range, a plurality of rectangular ranges are arranged so as to surround the display range of the one or more existing display objects on an empty layer whose background color is transparent, and the layer The transparent layer is set to replace the layer to be set.

このように、下層とする既存表示物を透過して上層に見せる透明部分を特定レイヤーに作る態様として、透明部分を残すように矩形を複数組み合わせて特定レイヤー全体を改めて作り直すことにより、互いに一部の重なる複数の既存表示物も所望の多角形状の透明部分で透過可能となり、特定レイヤーのアニメーションや応答の動作を維持したまま、親レイヤーを子レイヤーで挟むような画面表示が容易に実現可能となる。  In this way, as a mode of creating a transparent part in the specific layer that can be seen through the existing display object in the lower layer and appearing in the upper layer, by recreating the entire specific layer by combining multiple rectangles so as to leave the transparent part, Multiple existing display objects that overlap each other can be transmitted through the transparent part of the desired polygonal shape, and it is possible to easily realize screen display that sandwiches the parent layer between child layers while maintaining the animation and response operation of the specific layer Become.

本発明の他の態様は、上記いずれかの態様(情報処理装置)において、前記受入側プログラムとして、ウェブブラウザ・プログラムと、HTMLファイルと、を用い、前記付加プログラムとして、インタラクティブ動画ファイルと、前記インタラクティブ動画ファイルを前記ウェブブラウザ・プログラム上で動作させるためのプレーヤーであるプラグイン・プログラムと、を用いることを特徴とする。  According to another aspect of the present invention, in any one of the above aspects (information processing apparatus), a web browser program and an HTML file are used as the receiving program, and an interactive moving image file is used as the additional program. And a plug-in program which is a player for operating an interactive moving image file on the web browser program.

本発明の他の態様は、上記いずれかの態様(情報処理方法)において、前記受入側プログラムは、ウェブブラウザ・プログラム及びHTMLファイルであり、前記付加プログラムは、インタラクティブ動画ファイルと、前記インタラクティブ動画ファイルを前記ウェブブラウザ・プログラム上で動作させるためのプレーヤーであるプラグイン・プログラムと、であることを特徴とする。  According to another aspect of the present invention, in any one of the above aspects (information processing method), the receiving program is a web browser program and an HTML file, and the additional program includes an interactive moving image file and the interactive moving image file. And a plug-in program which is a player for operating on the web browser program.

本発明の他の態様は、上記いずれかの態様(プログラムシステム)において、前記受入側プログラムは、ウェブブラウザ・プログラムを利用して動作するHTMLファイルであり、前記付加プログラムは、ウェブブラウザ・プログラム用のプレーヤーであるプラグイン・プログラムを利用して動作する、インタラクティブ動画ファイルであることを特徴とする。  According to another aspect of the present invention, in any one of the above aspects (program system), the receiving-side program is an HTML file that operates using a web browser program, and the additional program is for a web browser program It is an interactive moving image file that operates by using a plug-in program that is a player.

このように、汎用性に優れるウェブブラウザ用HTMLと、そのプラグインにより多彩な表現を可能とするインタラクティブ動画ファイルを用いることで、インターネットウェブサイトに代表されるクライアントサーバシステムの分野において、最小限の導入手順で多様な情報処理内容が広範囲に実現容易となる。  In this way, the use of HTML for web browsers with excellent versatility and interactive video files that enable various expressions using plug-ins makes it the minimum in the field of client-server systems represented by Internet websites. Various information processing contents can be easily realized in a wide range by the introduction procedure.

本発明の他の態様は、演算制御部と、クライアント装置であるコンピュータと通信ネットワーク経由で通信する通信手段と、データ記憶手段と、を備え、既に述べたいずれかの態様における前記プログラムシステムを前記クライアント装置に提供するサーバコンピュータである。 Another aspect of the present invention, the arithmetic control unit, and a communication means for communicating via a computer communication network is a client device, comprising: a data storage means, and already the program system in any of the embodiments described A server computer provided to a client device .

本発明の他の態様は、上記態様を方法という見方から捉えたもので、演算制御部と、クライアント装置であるコンピュータと通信ネットワーク経由で通信する通信手段と、データ記憶手段と、を備えたサーバコンピュータから、既に述べたいずれかの態様における前記プログラムシステムを前記クライアント装置に提供する情報処理方法である。 Another aspect of the present invention captures the above aspect from the viewpoint of a method, and includes a calculation control unit, a communication unit that communicates with a computer that is a client device via a communication network, and a data storage unit. An information processing method for providing the client system with the program system according to any one of the above-described aspects from a computer .

このように、クライアント装置であるコンピュータに対し、サーバから、受入側プログラム及び付加プログラムの全体を提供して実行させることにより、Ajaxのようにサーバとの通信結果に応じて画面表示を動的に変更する情報処理の複雑高度化が容易になり、インターネットにおけるHTTPやウェブを基盤としたクライアントサーバシステムの応用範囲が拡大可能となる。 As described above, by providing the computer as the client apparatus with the entire receiving-side program and the additional program from the server and executing the computer, the screen display can be dynamically performed according to the communication result with the server like Ajax. The complexity and sophistication of information processing to be changed is facilitated, and the application range of the client server system based on HTTP or the web on the Internet can be expanded.

また、以上各態様との組合せが可能な他の好ましい追加の態様として、下層に移動させるが表示上は手前に見せたいレイヤーの表示物を特定レイヤーにおいて模擬画像で代替することにより、子レイヤー間に他の親レイヤーを挟むなど、付加プログラムと受入側プログラムの画面表示内容の組合せ態様の自由度を拡大する例を示す。  In addition, as another preferable additional mode that can be combined with each mode described above, the display object of the layer that is moved to the lower layer but is displayed on the front side is replaced with a simulated image in a specific layer, so that it can be replaced between child layers. An example of expanding the degree of freedom of the combination mode of the screen display contents of the additional program and the receiving program, such as sandwiching another parent layer.

既に述べた各態様と、以下のような追加の態様とは、画面表示内容の組合せ態様の自由度を拡大するアプローチが互いに異なるので、両者の機能(構成もしくは方法)を組み合わせたうえ、例えば、各態様において、(1)適用分野や利用目的に応じ、サーバコンピュータから提供するプログラムシステムの作成時にいずれか一方の機能を動的に切替選択する手段もしくは処理ステップを設けたり、(2)前記受入側プログラム又は前記付加プログラムの種類又は機能を検出し、もしくは実行環境となるコンピュータにおけるCPU能力の大小を検出して、それら検出結果に基づいていずれか一方の機能を動的に切替選択する手段もしくは処理ステップを設けたり、(3)利用者による設定操作を受け付けると共にその設定内容に基づいて、いずれか一方の機能を動的に切替選択する手段もしくは処理ステップを設けることにより、本発明の適用対象と有効性が拡大可能となる。  Each aspect already described and the following additional aspects are different from each other in the approach of expanding the degree of freedom of the combination aspect of the screen display content. Therefore, after combining the functions (configuration or method) of both, for example, In each aspect, (1) a means or a processing step for dynamically switching and selecting one of the functions when creating a program system provided from a server computer according to the application field or purpose of use, or (2) the acceptance Means for detecting the type or function of the side program or the additional program, or detecting the magnitude of the CPU capability in the computer serving as the execution environment, and dynamically switching and selecting one of the functions based on the detection result; Providing a processing step, (3) accepting a setting operation by the user, and based on the setting content, By providing a means or process steps for dynamically switching selecting the displacement or the other function, application target and effectiveness of the present invention is expandable.

すなわち、追加の態様として、本発明の一態様は、コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理装置において、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御手段を実現し、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーに、他の前記表示レイヤーの少なくとも一部を透過するための透明部分を設定する透過設定手段と、 前記特定レイヤーを構成する一又は二以上の子レイヤーについて生成、抹消及び表示順の制御を行うとともに、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記新たな表示物を描画して表示させ並びに表示を終了させる、表示制御手段と、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御手段の機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御手段と、を実現し、前記順序制御手段は、(1)前記特定レイヤーに新たな表示物を前記表示制御手段が表示する際、前記特定レイヤーよりも他の表示レイヤーを下層に位置させ、(2)前記新たな表示物を表示している間、一部の表示レイヤーを操作対象とする場合には、前記特定レイヤーよりも前記操作対象とする表示レイヤーは上層側に位置させ、(3)前記新たな表示物の表示を前記表示制御手段が終了する際、前記特定レイヤーよりも他の表示レイヤーを上層の位置に復帰させ、さらに、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーが前記透明部分を有し、前記特定レイヤーより下層に第一の表示レイヤーが位置し、前記特定レイヤーより上層に前記操作対象とする第二の表示レイヤーが位置する状態で、前記第二の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーの子レイヤーに新たな表示物を表示しようとする場合に、前記第二の表示レイヤーに表示していた既存表示物の表示内容を表す情報を前記受入側プログラムから取得する情報取得手段と、前記情報取得手段で取得した前記表示内容を表す情報に基づいて、前記第二の表示レイヤーに表示されている前記既存表示物の外観を模擬した模擬画像を生成する模擬画像生成手段と、模擬画像生成手段で生成した前記模擬画像を、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記第二の表示レイヤーの前記既存表示物と同じ位置に表示させる模擬画像表示手段と、を実現し、前記表示制御手段は、前記模擬画像を表示している前記子レイヤーよりも、さらに上層側の子レイヤーに前記新たな表示物を表示することを特徴とする。  That is, as an additional aspect, according to one aspect of the present invention, in the information processing apparatus in which the computer executes the additional program on the reception-side program, the reception-side program controls the arithmetic control unit of the computer. Realizing a display layer control means for controlling the display order of one or two or more display layers whose reception side program is a unit of management and including a specific layer corresponding to the display content of the additional program, The additional program controls a calculation control unit of the computer to set a transparent part for setting at least a part of the other display layer in the specific layer, and the specific layer. Control the generation, deletion, and display order of one or more child layers The display control means for drawing and displaying the new display object on the child layer that is a relative upper layer in the specific layer, and displaying the new display object in the specific layer, By invoking the function of the display layer control means of the receiving side program, an order control means for controlling the order of the vertical positions of the specific layer and the other display layers is realized, and the order control means is (1 ) When the display control means displays a new display object on the specific layer, a display layer other than the specific layer is positioned below, and (2) while the new display object is displayed, When the display layer of a part is set as the operation target, the display layer as the operation target is positioned on the upper layer side with respect to the specific layer, and (3) the new display object When the display control means ends the display, the display layer other than the specific layer is returned to the upper layer position, and the additional program controls the calculation control unit of the computer to control the specific In a state where the layer has the transparent portion, the first display layer is positioned below the specific layer, and the second display layer to be operated is positioned above the specific layer. When a new display object is to be displayed on the child layer of the specific layer by the display control means so as to be further above the display layer, the existing display object displayed on the second display layer is displayed. Based on information acquisition means for acquiring information representing display contents from the receiving-side program, and information representing the display contents acquired by the information acquisition means A simulated image generating unit that generates a simulated image that simulates the appearance of the existing display object displayed on the second display layer, and the simulated image generated by the simulated image generating unit is relative to the specific layer. And a simulated image display means for displaying the same at the same position as the existing display object of the second display layer on the child layer that is the upper layer, wherein the display control means displays the simulated image The new display object is displayed on a child layer further higher than the child layer.

上記態様を方法という見方から捉えた態様は、コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理方法において、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行し、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記他の親レイヤーの少なくとも一部を透過するための透明部分を前記特定レイヤーに設定する透過設定処理ステップと、前記特定レイヤーを構成する一又は二以上の子レイヤーについて生成、抹消及び表示順の制御を行うとともに、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、を実現し、前記順序制御処理ステップは、(1)前記特定レイヤーに新たな表示物を前記表示制御処理ステップが表示する際、前記特定レイヤーよりも他の表示レイヤーを下層に位置させ、(2)前記新たな表示物を表示している間、一部の表示レイヤーを操作対象とする場合には、前記特定レイヤーよりも前記操作対象とする表示レイヤーは上層側に位置させ、(3)前記新たな表示物の表示を前記表示制御処理ステップが終了する際、前記特定レイヤーよりも他の表示レイヤーを上層の位置に復帰させ、さらに、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーが前記透明部分を有し、前記特定レイヤーより下層に第一の表示レイヤーが位置し、前記特定レイヤーより上層に前記操作対象とする第二の表示レイヤーが位置する状態で、前記第二の表示レイヤーよりもさらに上層側となるように前記表示制御処理ステップにより前記特定レイヤーの子レイヤーに新たな表示物を表示しようとする場合に、前記第二の表示レイヤーに表示していた既存表示物の表示内容を表す情報を前記受入側プログラムから取得する情報取得処理ステップと、前記情報取得処理ステップで取得した前記表示内容を表す情報に基づいて、前記第二の表示レイヤーに表示されている前記既存表示物の外観を模擬した模擬画像を生成する模擬画像生成処理ステップと、模擬画像生成処理ステップで生成した前記模擬画像を、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記第二の表示レイヤーの前記既存表示物と同じ位置に表示させる模擬画像表示処理ステップと、を実現し、前記表示制御処理ステップは、前記模擬画像を表示している前記子レイヤーよりも、さらに上層側の子レイヤーに前記新たな表示物を表示することを特徴とする。  The aspect captured from the viewpoint of the method is an information processing method in which a computer executes an additional program on a receiving program. The receiving program controls an arithmetic control unit of the computer, thereby Executing a display layer control processing step for controlling the display order of one or two or more display layers as a unit of management by the receiving program, including a specific layer corresponding to the display content of the additional program, The additional program configures the specific layer by setting a transparent portion for transmitting at least a part of the other parent layer to the specific layer by controlling an arithmetic control unit of the computer. When creating, deleting, and controlling the display order for one or more child layers A display control processing step of drawing and displaying the new display object on a child layer that is a relative upper layer in the specific layer, and terminating the display; and displaying the new display object in the specific layer The order control processing step of controlling the order of the upper and lower positions of the specific layer and the other display layers by calling a function of the display layer control processing step of the receiving side program is realized, and the order control The processing step includes (1) when the display control processing step displays a new display object on the specific layer, a display layer other than the specific layer is positioned below, and (2) the new display object is displayed. When some of the display layers are to be operated during display, the display level to be operated from the specific layer is higher than the specific layer. (3) When the display control processing step ends the display of the new display object, the display layer other than the specific layer is returned to the upper layer position, and the additional display is performed. The program controls the calculation control unit of the computer so that the specific layer has the transparent portion, a first display layer is positioned below the specific layer, and the operation target is above the specific layer. In the state where the second display layer is positioned, the display control processing step tries to display a new display object on the child layer of the specific layer so as to be further on the upper layer side than the second display layer. Information acquisition process for acquiring information representing the display content of the existing display object displayed on the second display layer from the receiving-side program. And a simulated image generation that generates a simulated image simulating the appearance of the existing display object displayed on the second display layer based on the information representing the display content acquired in the information step and the information acquisition processing step A simulated image that displays the simulated image generated in the processing step and the simulated image generation processing step on a child layer that is a relative upper layer in the specific layer at the same position as the existing display object in the second display layer A display processing step, wherein the display control processing step displays the new display object in a child layer further on the upper layer side than the child layer displaying the simulated image. .

上記態様をコンピュータ・プログラムという見方から捉えた態様は、受入側プログラム及び付加プログラムをセットとして組み合わせたプログラムシステムであって、前記各プログラムが相互に連携してコンピュータの演算制御部を制御することにより、前記受入側プログラムの実行に従属して前記付加プログラムを実行するプログラムシステムにおいて、前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行させ、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーに、他の前記表示レイヤーの少なくとも一部を透過するための透明部分を設定する透過設定処理ステップと、前記特定レイヤーを構成する一又は二以上の子レイヤーについて生成、抹消及び表示順の制御を行うとともに、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、を実行させ、前記順序制御処理ステップは、(1)前記特定レイヤーに新たな表示物を前記表示制御処理ステップが表示する際、前記特定レイヤーよりも他の表示レイヤーを下層に位置させ、(2)前記新たな表示物を表示している間、一部の表示レイヤーを操作対象とする場合には、前記特定レイヤーよりも前記操作対象とする表示レイヤーは上層側に位置させ、(3)前記新たな表示物の表示を前記表示制御処理ステップが終了する際、前記特定レイヤーよりも他の表示レイヤーを上層の位置に復帰させ、さらに、前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記特定レイヤーが前記透明部分を有し、前記特定レイヤーより下層に第一の表示レイヤーが位置し、前記特定レイヤーより上層に前記操作対象とする第二の表示レイヤーが位置する状態で、前記第二の表示レイヤーよりもさらに上層側となるように前記表示制御処理ステップにより前記特定レイヤーの子レイヤーに新たな表示物を表示しようとする場合に、前記第二の表示レイヤーに表示していた既存表示物の表示内容を表す情報を前記受入側プログラムから取得する情報取得処理ステップと、前記情報取得処理ステップで取得した前記表示内容を表す情報に基づいて、前記第二の表示レイヤーに表示されている前記既存表示物の外観を模擬した模擬画像を生成する模擬画像生成処理ステップと、模擬画像生成処理ステップで生成した前記模擬画像を、前記特定レイヤーにおける相対的な上層である子レイヤーに、前記第二の表示レイヤーの前記既存表示物と同じ位置に表示させる模擬画像表示処理ステップと、を実行させ、前記表示制御処理ステップは、前記模擬画像を表示している前記子レイヤーよりも、さらに上層側の子レイヤーに前記新たな表示物を表示することを特徴とする。  The aspect which caught the said aspect from the viewpoint of a computer program is a program system which combined the receiving side program and the additional program as a set, Comprising: Each said program cooperates mutually and controls the calculation control part of a computer. In the program system for executing the additional program in dependence on the execution of the receiving side program, the receiving side program controls the arithmetic control unit of the computer so that the receiving side program has a management unit. Or a display layer control processing step for controlling the display order of two or more display layers including a specific layer corresponding to the display content of the additional program, wherein the additional program is an arithmetic control unit of the computer By controlling Transparency setting processing step for setting a transparent part for transmitting at least part of the other display layer to the ear, and generation, deletion, and display order control for one or more child layers constituting the specific layer A display control processing step of drawing and displaying the new display object on a child layer that is a relative upper layer in the specific layer, and terminating the display; and the new display object in the specific layer With respect to the display, the function of the display layer control processing step of the receiving program is called to control the order of the vertical position of the specific layer and the other display layer, and the sequence control processing step is executed, The order control processing step includes (1) placing a new display object on the specific layer in the display control processing step. When displaying a display layer other than the specific layer in the lower layer, and (2) when displaying a part of the display layer while displaying the new display object, The display layer to be operated is positioned above the specific layer, and (3) when the display control processing step ends the display of the new display object, the display layer other than the specific layer is displayed in the upper layer. In addition, the additional program controls the calculation control unit of the computer, so that the specific layer has the transparent portion, and the first display layer is positioned below the specific layer. In the state where the second display layer to be operated is positioned above the specific layer, the display layer is further on the upper layer side than the second display layer. When a new display object is to be displayed in the child layer of the specific layer by the display control processing step, information indicating the display content of the existing display object displayed in the second display layer is received from the receiving program. Based on the information acquisition processing step to be acquired and the information representing the display content acquired in the information acquisition processing step, a simulated image simulating the appearance of the existing display object displayed on the second display layer is generated. The simulated image generated in the simulated image generating process step and the simulated image generated in the simulated image generating process step are placed in the same position as the existing display object in the second display layer on a child layer that is a relative upper layer in the specific layer. A simulated image display processing step to be displayed, and the display control processing step includes displaying the child image displaying the simulated image. Than yer, further characterized in that displaying the new display object on the upper side of the child layer.

以上のように、受入側プログラム上における表示レイヤー(親レイヤー)の順序を付加プログラムから動的に入替え制御し、HTMLなどによる他の親レイヤーについて、操作受付などの場面では特定レイヤーより上層にする一方、付加プログラムで新たな表示物について描画や操作受付などを行う際は、前記他の親レイヤーを特定レイヤーより実際は下層に移動するが、特定レイヤーに設ける透明部分から透過させて視覚上はあたかも新たな表示物の直下の層に見せ、新表示物の用済み・消去時には前記他の親レイヤーを特定レイヤーより上層に復帰させる。これにより、視覚上は子レイヤー間に他の親レイヤーを挟むような一重多層レイヤー構造同等の表示内容が実現でき、プログラムの組合せ態様が多様化できる。  As described above, the order of the display layer (parent layer) on the receiving program is dynamically switched from the additional program, and other parent layers such as HTML are placed above a specific layer in scenes such as operation acceptance. On the other hand, when drawing or accepting operations on a new display object with an additional program, the other parent layer is actually moved to a lower layer than the specific layer, but it is as if visually visible through the transparent portion provided in the specific layer. It is shown in the layer immediately below the new display object, and when the new display object is used / erased, the other parent layer is returned to a layer above the specific layer. As a result, display contents equivalent to a single multi-layer structure in which another parent layer is sandwiched between child layers can be realized visually, and the combination mode of programs can be diversified.

しかも、特定レイヤーからみて、他の親レイヤーを下層としても、操作対象とする親レイヤーに限って特定レイヤーより上層側とするので、特定レイヤーの表示物とHTMLによる文字入力欄など親レイヤーの表示物を、他の親レイヤーに機能や外観を邪魔されることなく組合わせて最上層で利用可能となり、付加プログラムと受入側プログラムの組合せについて態様をさらにいっそう多様化し用途を拡大することが可能となる。  In addition, even if the other parent layer is the lower layer when viewed from the specific layer, only the parent layer to be operated is placed above the specific layer, so the display of the specific layer and the display of the parent layer such as the character input field by HTML Products can be used on the top layer by combining functions and appearances without being disturbed by other parent layers, and it is possible to further diversify the aspect of the combination of additional programs and receiving programs and expand the application Become.

ところで、奥側の親レイヤーのHTML領域などが特定レイヤーの透明部分から見え、その手前に特定レイヤーの表示物があり、さらに手前側に別の親レイヤーの既存表示物、という三階層の状態で、さらに上層側に付加プログラムの新たな表示物を表示する際、親レイヤーごと既存表示物も特定レイヤーより下層に移動すると、透明部分と一致しないため全部又は一部が見えなくなって外観が乱れる問題が生じる。  By the way, the HTML area of the parent layer on the back side can be seen from the transparent part of the specific layer, the display object of the specific layer is in front of it, and the existing display object of another parent layer is in front of it In addition, when a new display object of the additional program is displayed on the upper layer side, if the existing display object is also moved below the specific layer for each parent layer, all or part of it will not be visible and the appearance will be distorted. Occurs.

この場合にも、その既存表示物と同じ外観と位置の模擬画像を付加プログラム側で生成し代替表示したうえで新たな表示物を表示することにより、どのレイヤーについても自然な表示を維持できる。加えて、実際は下層に移動した親レイヤーの模擬画像を、その奥と手前の子レイヤー間で挟む上記のような表示内容は、何階層でも繰り返せるので、プログラムの組合せ態様や処理内容が無限に多様化でき、複雑高度な機能も平易な構成で容易に実装可能となる。  Also in this case, a natural display can be maintained for any layer by generating a simulated image having the same appearance and position as the existing display object on the side of the additional program and displaying it as a substitute, and displaying a new display object. In addition, the display content as described above, in which the simulated image of the parent layer moved to the lower layer is sandwiched between the back and front child layers, can be repeated in any number of layers, so there are an infinite variety of program combinations and processing details The complex advanced functions can be easily implemented with a simple configuration.

以上のように、本発明によれば、下層に移動させるが表示上は手前に見せたいレイヤーの表示物を透過する透明部分を持つように、特定レイヤーの表示全体を作り直すことにより、子レイヤー間に他の親レイヤーを挟むなど、付加プログラムと受入側プログラムの画面表示内容の組合せ態様の自由度を拡大することが可能となる。  As described above, according to the present invention, by recreating the entire display of a specific layer so as to have a transparent portion that passes through the display object of the layer that is moved to the lower layer but is displayed on the display, It is possible to expand the degree of freedom of the combination mode of the screen display contents of the additional program and the receiving program, such as sandwiching another parent layer.

次に、本発明を実施するための2つの最良の形態について、図に沿って説明する。なお、まず第1の実施形態について「本実施形態」と呼んで説明し、その後、第2の実施形態(第2実施形態)について説明する。また、背景技術や課題などで既に述べた内容と共通の前提事項については適宜省略する。  Next, two best modes for carrying out the present invention will be described with reference to the drawings. First, the first embodiment will be described as “this embodiment”, and then the second embodiment (second embodiment) will be described. In addition, the same preconditions as those already described in the background art and problems are omitted as appropriate.

〔1.構成〕
まず、第1の実施形態すなわち本実施形態は、下層に移動させるが表示上は手前に見せたいレイヤーの表示物を特定レイヤーにおいて模擬画像で代替することにより、子レイヤー間に他の親レイヤーを挟むなど、付加プログラムと受入側プログラムの画面表示内容の組合せ態様の自由度を拡大するもので、図1の構成図に示すように、情報処理装置であるパーソナルコンピュータ(以下単に「コンピュータ」と呼ぶ)2と、ウェブサーバコンピュータ(以下単に「サーバ」と呼ぶ)5と、をインターネットに代表される通信ネットワークN経由の通信で組み合わせるクライアントサーバシステムである。
[1. Constitution〕
First, in the first embodiment, that is, in the present embodiment, the display object of the layer that is moved to the lower layer but is displayed on the front side is replaced with a simulated image in a specific layer, so that another parent layer is placed between the child layers. This expands the degree of freedom of the combination mode of the screen display contents of the additional program and the receiving program, such as pinching, and as shown in the configuration diagram of FIG. 1, a personal computer (hereinafter simply referred to as “computer”) as an information processing apparatus. ) 2 and a web server computer (hereinafter, simply referred to as “server”) 5 is a client server system that combines communication via a communication network N represented by the Internet.

〔1−1.コンピュータとプログラムの構成〕
このうち、コンピュータ2は、受入側プログラムであるウェブブラウザ・プログラム(以下「ブラウザ」と呼ぶ)B上で、付加プログラムであるプラグイン(例えば、既に説明したFlashなど)Pを実行する情報処理装置である。
[1-1. (Computer and program configuration)
Among these, the computer 2 is an information processing apparatus that executes a plug-in (for example, the Flash already described) P which is an additional program on a web browser program (hereinafter referred to as “browser”) B which is a receiving program. It is.

このコンピュータ2について、ハードウェアの詳細は一般的であるため省略するが、ネットワークとの通信装置80、HDDや主メモリ等の記憶装置81、マウスなどの入出力手段82などを有するほか、CPUなどの演算制御部83を前記ブラウザBやプラグインPなどのソフトウェアで制御することにより、図1に示す各要素(後述)を実現しており、コンピュータ2に対応する方法や、コンピュータプログラムとしても把握可能である。  The details of the hardware of the computer 2 are general and will be omitted. However, the computer 2 includes a communication device 80 with a network, a storage device 81 such as an HDD or a main memory, an input / output means 82 such as a mouse, a CPU, etc. 1 is controlled by software such as the browser B and the plug-in P, so that each element (described later) shown in FIG. 1 is realized, and can be grasped as a method corresponding to the computer 2 and a computer program. Is possible.

より詳細には、受入側プログラムは、ウェブブラウザ・プログラムと、このウェブブラウザ・プログラムの機能を利用しながらウェブブラウザ・プログラム上で動作するHTMLファイル(CSS:Cascading Style Sheetsなど、文書の視覚的構造を規定するスタイルシートや、ブラウザが解釈して実行するスクリプトを、HTMLファイルの内部、またはHTMLファイルに記載された参照先に独立して用意された外部ファイルとして用いる場合をも含むものとする)と、の組合せであるが、以下、説明の便宜上「ブラウザB」と総称する。  More specifically, the receiving program includes a web browser program and a visual structure of a document such as an HTML file (CSS: Cascading Style Sheets or the like) that operates on the web browser program using the function of the web browser program. Including a case where a style sheet that defines the script and a script that is interpreted and executed by the browser are used as an internal file in the HTML file or as an external file that is independently prepared in the reference destination described in the HTML file) Hereinafter, for convenience of explanation, they are collectively referred to as “browser B”.

すなわち、ここで総称するブラウザBは、演算制御部83を制御することにより、HTMLファイルに基づいて液晶などの表示装置85に画面表示を行うほか、CSSなどに基づいて表示レイヤー間の表示順を制御する親レイヤー制御手段10を実現している。この親レイヤー制御手段10の機能を呼び出すことにより、プラグインPからも、各親レイヤーLの上下関係や表示内容を制御可能である。  In other words, the browser B collectively referred to here controls the calculation control unit 83 to display the screen on the display device 85 such as a liquid crystal based on the HTML file, and the display order between the display layers based on the CSS or the like. The parent layer control means 10 to be controlled is realized. By calling the function of the parent layer control means 10, the vertical relationship and display contents of each parent layer L can be controlled from the plug-in P.

ここで、本実施形態における二重多層レイヤー構造では、図2の概念的に示すように、ブラウザBが管理の単位とする一又は二以上の表示レイヤーL(L1,L2…)を「親レイヤー」と呼ぶこととし、親レイヤーLの一つで、プラグインPの表示内容に対応するものは「特定レイヤー」Tと呼ぶこととし、さらに、特定レイヤーT以外の他の親レイヤーは「通常レイヤー」とも呼ぶこととする。この特定レイヤーTは、一又は二以上の子レイヤーT1,T2…で構成される。  Here, in the double multi-layer structure in the present embodiment, as conceptually shown in FIG. 2, one or two or more display layers L (L1, L2,...) That are managed by the browser B are designated as “parent layers”. , One of the parent layers L that corresponds to the display content of the plug-in P is called a “specific layer” T, and other parent layers other than the specific layer T are “normal layers”. ". The specific layer T is composed of one or more child layers T1, T2,.

また、付加プログラムは、より具体的には、インタラクティブ動画ファイルFFをブラウザB上で動作させるためのプレーヤーFPであるプラグイン・プログラムと、このプレーヤーFPの機能を利用しながらプレーヤーFP上で動作するインタラクティブ動画ファイルFFと、の組合せであり、本実施形態における特徴的な各機能要素は、インタラクティブ動画ファイルFFの記述内容にしたがい、プレーヤーFPを介して演算制御部を制御することにより実現されるが、以下、説明の便宜上「プラグインP」と表す。  More specifically, the additional program operates on the player FP while using the plug-in program that is the player FP for operating the interactive moving image file FF on the browser B and the function of the player FP. This is a combination with the interactive video file FF, and each characteristic functional element in the present embodiment is realized by controlling the arithmetic control unit via the player FP according to the description content of the interactive video file FF. Hereinafter, for convenience of explanation, it is expressed as “plug-in P”.

なお、ブラウザBの要素のうちウェブブラウザ・プログラムと、プラグインPの要素のうちプレーヤーFPと、については従来と共通の汎用品でもよい。また、ブラウザBの親レイヤー制御手段10の機能は、一般的には、例えばブラウザのJavaScript(登録商標)言語において、「document.getElementById([レイヤー参照識別子]).style.zIndex=(Z座標値)」のような命令指示を用いることにより、呼び出すことができるが、具体的にはプラグインPとブラウザBのインターフェースによる。  Note that the web browser program among the elements of the browser B and the player FP among the elements of the plug-in P may be general-purpose products common to the conventional ones. Further, the function of the parent layer control means 10 of the browser B is generally set to “document.getElementById ([layer reference identifier]). Style.zIndex = (Z coordinate value), for example, in the JavaScript (registered trademark) language of the browser. It can be called by using a command instruction such as “)”, but specifically depends on the interface between the plug-in P and the browser B.

これら受入側プログラムであるブラウザBと、付加プログラムであるプラグインPは、セットすなわち組み合わせであるプログラムシステムであって、両者が制御及びデータの受渡し等により相互に連携してコンピュータの演算制御部を制御することにより、ブラウザBの実行に従属してプラグインPを実行するプログラムシステムを構成している。  The browser B, which is the receiving program, and the plug-in P, which is the additional program, are a program system that is a set, that is, a combination, both of which cooperate with each other by control and data transfer, etc. By controlling, a program system that executes the plug-in P depending on the execution of the browser B is configured.

なお、ブラウザBとプラグインPの組合せで実現される具体的な適用(アプリケーション)分野と処理内容は、例えば、電子メール操作、ワードプロセッサ、表計算、プレゼンテーションや図の作成など各種考えられる。そのようなアプリケーション分野に応じて必要な処理内容は、個別具体的なHTMLファイルHF及びインタラクティブ動画ファイルFFに、相互の連携内容として、また、必要な場合はサーバとの連携内容を含めて記述されるが、本実施形態の以下のような特徴は、アプリケーションの分野や課題などを問わず汎用的なものである。  Various specific application (application) fields and processing contents realized by the combination of the browser B and the plug-in P are conceivable, such as e-mail operation, word processor, spreadsheet, presentation and drawing creation. The processing contents necessary for such application fields are described in the individual specific HTML file HF and interactive moving image file FF as mutual cooperation contents, and if necessary, including the cooperation contents with the server. However, the following features of the present embodiment are general-purpose regardless of the field or problem of the application.

すなわち、プラグインPは演算制御部83を制御することにより、透過設定手段20と、順序制御手段22と、表示制御手段24と、他の処理手段26と、情報取得手段28と、模擬画像生成手段30と、模擬画像表示手段32と、を実現する。  In other words, the plug-in P controls the arithmetic control unit 83, whereby the transmission setting means 20, the order control means 22, the display control means 24, the other processing means 26, the information acquisition means 28, and the simulated image generation. Means 30 and simulated image display means 32 are realized.

このうち、表示制御手段24は、特定レイヤーTを構成する前記各子レイヤーT(T1,T2…)について、生成、抹消、表示順の制御を行うとともに、表示物の描画、抹消など、表示に関する制御を行う手段である。また、順序制御手段は、特定レイヤーTにおける新たな表示物の表示に関し、ブラウザBの親レイヤー制御手段10の機能を呼び出すことにより、特定レイヤーTと通常レイヤーL(L1,L2…)の上下位置の順序を制御する手段である。  Among these, the display control means 24 controls generation, deletion, and display order for each of the child layers T (T1, T2,...) Constituting the specific layer T, and relates to display such as drawing and deletion of a display object. It is a means for performing control. Further, the order control means calls up the function of the parent layer control means 10 of the browser B with respect to the display of a new display object in the specific layer T, so that the upper and lower positions of the specific layer T and the normal layers L (L1, L2...) Is a means for controlling the order.

〔1−2.サーバの構成〕
次に、サーバ5は、上記のようなブラウザBで用いるHTMLファイルと、プラグインPの動作を決するFlashファイルなどのインタラクティブ動画ファイルFFを、コンピュータ2に提供するものである。このサーバ5は、演算制御部51と、メモリやHDD(ハードディスクドライブ)などの記憶装置52と、クライアント装置であるコンピュータ2と通信ネットワークN経由で通信する通信手段54と、を備えるとともに、記憶装置52の一部をデータ記憶手段56として用いる。
[1-2. Server configuration
Next, the server 5 provides the computer 2 with an HTML file used in the browser B as described above and an interactive moving image file FF such as a Flash file that determines the operation of the plug-in P. The server 5 includes an arithmetic control unit 51, a storage device 52 such as a memory or an HDD (hard disk drive), and a communication unit 54 that communicates with the computer 2 that is a client device via a communication network N. A part of 52 is used as the data storage means 56.

このデータ記憶手段56は、情報処理の適用(アプリケーション)分野に応じた電子メールデータなど処理対象データと、部品データと、を記憶する手段で、ここでいう部品データは、ユーザや処理場面を問わない共通のHTML部分やCSSなど、受入側プログラムや付加プログラム(HTMLファイルHF、インタラクティブ動画ファイルFFなど)の少なくとも一部をなすものである。  This data storage means 56 is a means for storing data to be processed such as e-mail data according to the application (application) field of information processing and part data. The part data here refers to the user and the processing scene. It forms at least a part of a receiving side program and an additional program (HTML file HF, interactive moving image file FF, etc.) such as a common HTML portion and CSS that are not present.

また、このサーバ5では、演算制御部51を図示しないコンピュータプログラムで制御することにより、後述するようなデータ処理手段58と、情報提供手段60と、を実現している。  Further, the server 5 realizes data processing means 58 and information providing means 60 as will be described later by controlling the arithmetic control unit 51 with a computer program (not shown).

なお、コンピュータ2及びサーバ5の構成要素として図1に示した上記各手段は、後述する各作用や機能を実現・実行する処理手段であり、それぞれに対応する情報処理のステップを、それぞれのコンピュータ・プログラムが演算制御部83や51に実行させることで実現できるが、各要素の一部又は全部は、技術的条件や実装態様などに応じ、ワイヤードロジックなど電子的回路によって実現してもよい。  The above-described means shown in FIG. 1 as components of the computer 2 and the server 5 are processing means for realizing / executing each action and function described later, and the information processing steps corresponding to each means are performed on each computer. The program can be realized by causing the arithmetic control units 83 and 51 to execute the program, but part or all of each element may be realized by an electronic circuit such as a wired logic according to a technical condition or a mounting mode.

〔2.基本的作用〕
上記のように構成される本実施形態では、サーバ5において、データ処理手段58が、コンピュータ1から通信ネットワークN経由で受信する画面操作内容の情報に応じて、データ記憶手段56に記憶されている処理対象データを処理し、情報提供手段60がCGI機能により、データ処理手段58での前記処理の結果と、データ記憶手段56に記憶されている前記部品データと、をもとに、HTMLファイルHFと、インタラクティブ動画ファイルFFと、の全部又は一部を作成するとともに、通信ネットワークN経由でコンピュータ2に提供する(情報提供処理ステップ)。
[2. Basic action)
In the present embodiment configured as described above, in the server 5, the data processing unit 58 is stored in the data storage unit 56 according to the information of the screen operation content received from the computer 1 via the communication network N. Processing target data is processed, and the information providing unit 60 uses the CGI function to generate an HTML file HF based on the result of the processing in the data processing unit 58 and the component data stored in the data storage unit 56. And all or a part of the interactive moving image file FF are provided to the computer 2 via the communication network N (information provision processing step).

そして、このようにサーバ5から提供されるHTMLファイルHFと、インタラクティブ動画ファイルFFと、により実現されるコンピュータ2での作用すなわち処理手順について、図3(1)の初期状態で始まる画面表示例と、図4のフローチャートに示す処理手順と、を例に説明する。  Then, the screen display example starting from the initial state of FIG. 3 (1) regarding the operation, that is, the processing procedure in the computer 2 realized by the HTML file HF and the interactive moving image file FF provided from the server 5 in this way, The processing procedure shown in the flowchart of FIG. 4 will be described as an example.

まず、図3(1)の画面は、ブラウザBによりHTMLファイルHFの記述にしたがって実現される領域(以下「HTML領域」と呼ぶこととする)2Hと、プラグインで実現される領域(以下「プラグイン領域」と呼ぶこととする。)1Pと、を同時に表示することで構成される。なお、プラグイン領域1Pは、マウスクリックなどの操作に応じた処理をそれぞれ起動するボタンなどの表示物X1〜X4を備える。  First, the screen of FIG. 3 (1) includes an area 2H realized by the browser B in accordance with the description of the HTML file HF (hereinafter referred to as “HTML area”) 2H and an area realized by the plug-in (hereinafter “ It will be referred to as a “plug-in area.”) 1P is displayed at the same time. The plug-in area 1P includes display objects X1 to X4 such as buttons for starting processes corresponding to operations such as mouse clicks.

そして、図3(1)表示状態に対応するレイヤーの階層構造を概念的に示すのが図3(2)である。なお、背景レイヤーL0は、地色などを規定しており、他の状態でも常に最背面(最下層)である。  FIG. 3 (2) conceptually shows the hierarchical structure of the layers corresponding to the display state of FIG. 3 (1). The background layer L0 defines the ground color and the like, and is always the backmost (lowermost layer) even in other states.

図4の処理手順は、図3(1)の表示を行ったうえ、図5(1)の表示状態へ遷移させ、その後、もとの図3(1)の状態へ戻す処理手順の概要を示すものである。この処理手順では、まず、図3(1)の表示状態を実現するために、透過設定手段20が、通常レイヤーLの少なくとも一部を透過するための透明部分1Tを特定レイヤーTに設定する(ステップS11。透過設定処理ステップ)。すなわち、各レイヤーには、不透明な箇所と透明な箇所を動的に設定可能であり、透過設定手段20は、プラグインPの子レイヤー群中の相対的な下層レイヤーに、後に下層に移動させても透過して見せたい通常レイヤーの表示物と同じ位置及びサイズの透明部分1Tを設定する。  The processing procedure of FIG. 4 shows the outline of the processing procedure for performing the display of FIG. 3 (1), transitioning to the display state of FIG. 5 (1), and then returning to the original state of FIG. 3 (1). It is shown. In this processing procedure, first, the transparency setting means 20 sets the transparent portion 1T for transmitting at least a part of the normal layer L in the specific layer T in order to realize the display state of FIG. Step S11: transparency setting processing step). That is, in each layer, an opaque portion and a transparent portion can be set dynamically, and the transparency setting means 20 moves the layer to a relative lower layer in the child layer group of the plug-in P and later moves to the lower layer. However, the transparent portion 1T having the same position and size as the display object of the normal layer that is desired to be seen through is set.

そして、図3(1)に示したプラグイン領域1P又はHTML領域2Hの双方をマウスなどで操作可能にする場合、仮に、HTML領域2Hよりプラグイン領域1Pを上層とすると、プラグイン領域1Pの透明部分1Tを通してHTML領域2Hは見ることはできるが、HTML領域2Hは上層の特定レイヤーTに妨げられて操作することはできなくなる。このため、図4の処理手順では、HTML領域2Hを操作対象とするために、通常レイヤーL(L1)は、特定レイヤーTより上層に位置させる(ステップS12)。  When both the plug-in area 1P and the HTML area 2H shown in FIG. 3A are operable with a mouse or the like, if the plug-in area 1P is set above the HTML area 2H, the plug-in area 1P Although the HTML area 2H can be seen through the transparent portion 1T, the HTML area 2H cannot be operated because it is blocked by the upper specific layer T. Therefore, in the processing procedure of FIG. 4, the normal layer L (L1) is positioned above the specific layer T in order to set the HTML area 2H as an operation target (step S12).

この状態では、マウスなどによる特定レイヤーTに対する操作にはプラグインPが応答し、HTML領域2Hに対する操作にはブラウザBが応答する。そして、特定レイヤーTに図5(1)に示すように新たな表示物を表示する際(ステップS13)、順序制御手段22は、ブラウザBの親レイヤー制御手段10の機能を呼び出すことにより、全ての通常レイヤーL(図3の状態ではL1のみ)を特定レイヤーTよりも下層に移動させる(図4のステップS14、図5(2)。順序制御処理ステップ)。  In this state, the plug-in P responds to an operation on the specific layer T with a mouse or the like, and the browser B responds to an operation on the HTML area 2H. When a new display object is displayed on the specific layer T as shown in FIG. 5 (1) (step S13), the order control means 22 calls all the functions of the parent layer control means 10 of the browser B, The normal layer L (only L1 in the state of FIG. 3) is moved to a layer lower than the specific layer T (step S14 in FIG. 4, FIG. 5 (2), order control processing step).

そのうえで、表示制御手段24が、表示制御処理ステップとして、図5(2)に示すように、特定レイヤーTにおける相対的な上層である子レイヤーT2に、新たな表示物として、プラグイン領域3P(例えばエラー表示など)を描画して表示させる(図4のステップS15)。  After that, the display control means 24 displays, as a display control processing step, a plug-in area 3P (as a new display object on the child layer T2, which is a relative upper layer in the specific layer T, as shown in FIG. For example, an error display is drawn and displayed (step S15 in FIG. 4).

このように図3の状態から図5の状態へ遷移する様子を、図6の概念図(A)→(B)に示す。この遷移では、図3の状態(図6(A))から、通常レイヤーL1を特定レイヤーTより下層へ移動させるとともに、特定レイヤーTの相対的な上層である子レイヤーT2に、新たな表示物を描画し表示することで、図5の状態(図6(B))を実現している。  The transition from the state of FIG. 3 to the state of FIG. 5 is shown in the conceptual diagram (A) → (B) of FIG. In this transition, the normal layer L1 is moved to a lower layer than the specific layer T from the state of FIG. 3 (FIG. 6A), and a new display object is displayed on the child layer T2 that is a relative upper layer of the specific layer T. Is rendered and displayed to realize the state of FIG. 5 (FIG. 6B).

その後、ユーザによる確認のクリック操作など必要な処理が終了して表示物が用済みになると(ステップS16)、表示制御手段24が表示物の表示を終了させる際(ステップS17)、順序入替手段26は、特定レイヤーTよりも他の親レイヤーLを上層に移動し復帰させる(ステップS18)ことにより、図3の状態を復元する。  Thereafter, when necessary processing such as a click operation for confirmation by the user is finished and the display object is used up (step S16), when the display control unit 24 ends the display of the display object (step S17), the order changing unit 26 is used. 3 restores the state of FIG. 3 by moving the parent layer L other than the specific layer T to the upper layer and returning it (step S18).

〔3.基本的効果〕
以上説明したように、受入側プログラムであるブラウザB上における親レイヤーの順序を、付加プログラムであるプラグインPから動的に入替え制御し、HTMLなどによる通常レイヤーについて、操作受付などの場面では特定レイヤーTより上層にする一方、プラグインPで新たな表示物について描画や操作受付などを行う際は、通常レイヤーを特定レイヤーTより実際は下層に移動するが、特定レイヤーTに設ける透明部分1Tから透過させて視覚上はあたかも新たな表示物の直下の層に見せ、新表示物の用済み・消去時には通常レイヤーを特定レイヤーより上層に復帰させる。
[3. Basic effects)
As described above, the order of the parent layer on browser B, which is the receiving program, is dynamically switched from the plug-in P, which is the additional program, and the normal layer such as HTML is specified in situations such as receiving operations. On the other hand, when drawing or accepting an operation for a new display object with the plug-in P, the normal layer is actually moved to a lower layer than the specific layer T, but from the transparent portion 1T provided on the specific layer T. Permeate it and visually show it as a layer directly under the new display object, and when the new display object is used / erased, the normal layer is returned to a layer above the specific layer.

これにより、ブラウザの管理単位である多層レイヤー構造と、ブラウザ上で動作するFlashなどプラグイン内の多層レイヤー構造と、を視覚的に一つの多層レイヤー構造となるように表示でき、すなわち、視覚上は子レイヤー間に他の親レイヤーを挟むような一重多層レイヤー構造同等の表示内容が実現でき、プログラムの組合せ態様が多様化できる。  As a result, the multi-layer structure that is the management unit of the browser and the multi-layer structure in the plug-in such as Flash that operates on the browser can be displayed so as to be visually one multi-layer structure, that is, visually Can realize display contents equivalent to a single multi-layer structure in which other parent layers are sandwiched between child layers, and the combination of programs can be diversified.

また、上記のように、クライアント装置であるコンピュータ2に対し、サーバ5から、受入側プログラムや付加プログラムの全体又は一部分を提供して実行させることにより、Ajaxのようにサーバとの通信結果に応じて画面表示を動的に変更する情報処理の複雑高度化が容易になり、インターネットにおけるHTTPやウェブを基盤としたクライアントサーバシステムの応用範囲が拡大可能となる。  Further, as described above, the computer 2 which is a client device provides the entire or a part of the receiving-side program and the additional program from the server 5 to be executed, thereby responding to the communication result with the server like Ajax. As a result, the complexity and sophistication of information processing for dynamically changing the screen display can be facilitated, and the application range of the client server system based on HTTP or the web on the Internet can be expanded.

〔4.特定レイヤーを挟む態様〕
また、図3の状態から遷移することにより、図7(1)に例示するように、下層側から順に、通常レイヤー(HTML領域2H)、特定レイヤー(プラグイン領域3P)、通常レイヤー(HTML領域4H)のように、特定レイヤーを通常レイヤーで挟む表示状態を、視覚上、実現する例を示す。
[4. (Aspect sandwiching a specific layer)
Further, by transitioning from the state of FIG. 3, as illustrated in FIG. 7A, the normal layer (HTML region 2H), the specific layer (plug-in region 3P), and the normal layer (HTML region) are sequentially arranged from the lower layer side. An example of visually realizing a display state in which a specific layer is sandwiched between normal layers as shown in FIG.

これは、付加プログラムPによる特定レイヤーTに新たな表示物であるプラグイン領域3Pを表示させるとともに、一部の通常レイヤーを操作対象とする場合であり、この場合、順序制御手段22は、特定レイヤーTに対し、操作対象とする通常レイヤーL2だけを上層側に(図4のステップS12)、それ以外の通常レイヤー2Hを下層側に位置させる制御を行う(図4のステップS14)。  This is a case where the plug-in area 3P, which is a new display object, is displayed on the specific layer T by the additional program P, and a part of the normal layers is an operation target. In this case, the order control means 22 For the layer T, control is performed such that only the normal layer L2 to be operated is positioned on the upper layer side (step S12 in FIG. 4), and other normal layers 2H are positioned on the lower layer side (step S14 in FIG. 4).

このように図3の状態から図7の状態へ遷移する様子を、図8の概念図(A)→(B)に示す。この遷移では、図3の状態(図8(A))から、通常レイヤーL1を特定レイヤーTより下層へ移動させる。また、新たな表示物として、第一には、特定レイヤーTの相対的な上層である子レイヤーT2にプラグイン領域3Pを描画し表示させるとともに、第二には、操作対象とする通常レイヤーL2のHTML領域4H(文字列入力欄)のみは上層に位置させることで、図7の状態(図8(B))を実現している。  The transition from the state of FIG. 3 to the state of FIG. 7 is shown in the conceptual diagram (A) → (B) of FIG. In this transition, the normal layer L1 is moved below the specific layer T from the state of FIG. 3 (FIG. 8A). As a new display object, first, the plug-in area 3P is drawn and displayed on the child layer T2 that is a relative upper layer of the specific layer T, and secondly, the normal layer L2 to be operated is displayed. Only the HTML area 4H (character string input field) is positioned in the upper layer, thereby realizing the state shown in FIG. 7 (FIG. 8B).

なお、プラグイン領域3Pは、図7(1)の入力ダイアログDのうち、HTML領域4H(文字列入力欄)を除いた要素であり、HTML領域4H(文字列入力欄)と組み合わされることで文字列入力欄も備えた入力ダイアログDを構成している。この入力ダイアログDが用済み後は、図4のステップS17,S18に準じ、プラグイン領域3PとHTML領域4Hをそれらの属するレイヤーと共に消去し、各レイヤー順序は図3の状態へ復元する。  The plug-in area 3P is an element excluding the HTML area 4H (character string input field) in the input dialog D of FIG. 7A, and is combined with the HTML area 4H (character string input field). The input dialog D also includes a character string input field. After the input dialog D is used, the plug-in area 3P and the HTML area 4H are deleted together with the layers to which the plug-in area 3P and HTML area 4H belong according to steps S17 and S18 of FIG. 4, and the order of each layer is restored to the state shown in FIG.

このように、付加プログラムによる特定レイヤーに対し、操作対象とする親レイヤーだけを上層側とし、それ以外の親レイヤーを下層側とすることにより、図7に示した入力ダイアログDのように、特定レイヤーの表示物と、文字入力欄など親レイヤーの機能による表示物を、他の親レイヤーに機能や外観を邪魔されることなく組合わせて最上層で利用可能となり、付加プログラムと受入側プログラムの組合せについて態様をさらにいっそう多様化し用途を拡大することが可能となる。  In this way, by specifying only the parent layer to be operated as the upper layer side and the other parent layer as the lower layer side with respect to the specific layer by the additional program, the specific layer is specified as in the input dialog D shown in FIG. You can use the display of the layer and the display by the parent layer function such as the character entry field on the top layer by combining the functions and appearance of the other parent layers without obstructing them. It becomes possible to further diversify the aspect of the combination and expand the application.

〔5.模擬画像を用いる処理〕
本実施形態により、次のようなさらに複雑な表示も可能である。まず、図7(1)(2)に例示した状態は、特定レイヤーTが透明部分1Tを有し、特定レイヤーTより下層(奥側)に位置する第一の通常レイヤーL1のHTML領域2Hが、特定レイヤーTの透明部分1Tを透過して手前の如く見えていて、その手前(上層側)に特定レイヤーTの表示物(プラグイン領域3P)があり、さらに手前にはより上層に位置する第二の通常レイヤーL2の既存表示物として文字列入力欄(手前側のHTML領域4H)がある、という状態である。
[5. (Processing using simulated images)
According to this embodiment, the following more complicated display is also possible. First, in the state illustrated in FIGS. 7A and 7B, the specific layer T has the transparent portion 1T, and the HTML region 2H of the first normal layer L1 located below the specific layer T (back side) is The transparent portion 1T of the specific layer T is seen through the transparent portion 1T, the display object (plug-in area 3P) of the specific layer T is in front (upper layer side), and is positioned in the upper layer further in front. This is a state in which there is a character string input field (an HTML area 4H on the front side) as an existing display object of the second normal layer L2.

この状態は、親レイヤーの次元でみて三階層の状態であり、この状態(図7)をもとに、さらに上層側に、表示制御手段24により、プラグインPの特定レイヤーTの子レイヤーに新たな表示物として、例えば、警告ダイアログ(図9(1)のプラグイン領域5P)を表示しようとする場合を考える。  This state is a three-layer state in terms of the dimension of the parent layer. Based on this state (FIG. 7), the display control means 24 changes the state to the child layer of the specific layer T of the plug-in P on the upper layer side. Consider a case in which, for example, a warning dialog (plug-in area 5P in FIG. 9A) is to be displayed as a new display object.

この場合、プラグインPが新たな表示物を操作可能な状態で表示可能なレイヤーは特定レイヤーに限られることから、文字列入力欄であるHTML領域4Hの通常レイヤーも特定レイヤーより下層に移動することになる。しかし、このように下層となるHTML領域4Hの文字列入力欄は、特定レイヤーの透明部分1Tと位置もサイズも一致しないため、全部又は一部が見えなくなって外観が乱れる問題が生じる。  In this case, the layer that can be displayed in a state in which the plug-in P can operate the new display object is limited to the specific layer, and therefore the normal layer of the HTML area 4H that is the character string input field also moves below the specific layer. It will be. However, the character string input field of the lower HTML region 4H does not match the position and the size of the transparent portion 1T of the specific layer, and thus the whole or a part of the character string input column becomes invisible and the appearance is disturbed.

この問題に対処するため、本実施形態において、プラグインPの情報取得手段28は、第二の親レイヤーL2(手前側のHTML領域4H)よりも、さらに上層側(手前側)の子レイヤーT4に新たな表示物を表示しようとする場合、図10のフローチャートに示すような処理を行う。  In order to cope with this problem, in the present embodiment, the information acquisition means 28 of the plug-in P has a child layer T4 on the upper layer side (front side) further than the second parent layer L2 (front side HTML region 4H). When a new display object is to be displayed, processing as shown in the flowchart of FIG. 10 is performed.

まず、各親レイヤーを特定レイヤーの下層側へ位置させるだけでなく(ステップS31)、第二の親レイヤー(通常レイヤー)L2に表示していた既存表示物(例えば、入力ボックス4H)の表示内容を表す情報(例えば、文字入力欄や選択ボックスなどのパーツ種別、その表示の位置やサイズ、取得した文字列や値の内容など)をブラウザBから取得する(ステップS32、情報取得処理ステップ)。  First, not only each parent layer is positioned on the lower layer side of the specific layer (step S31), but the display contents of the existing display (for example, input box 4H) displayed on the second parent layer (normal layer) L2 (For example, part type such as a character input field and a selection box, the display position and size, the content of the acquired character string and value, etc.) is acquired from the browser B (step S32, information acquisition processing step).

続いて、上記のように情報取得手段28で取得した前記表示内容を表す情報に基づいて、模擬画像生成手段30が、第二の親レイヤーL2に表示されている前記既存表示物(この場合は前記入力ボックス4H)の外観を模擬した模擬画像4Mを生成する(ステップS33、模擬画像生成処理ステップ)。  Subsequently, based on the information representing the display content acquired by the information acquisition unit 28 as described above, the simulated image generation unit 30 is configured to display the existing display object displayed in the second parent layer L2 (in this case, A simulated image 4M simulating the appearance of the input box 4H) is generated (step S33, simulated image generation processing step).

そして、このように模擬画像生成手段30で生成した模擬画像4Mを、模擬画像表示手段32が、特定レイヤーTにおける相対的な上層である子レイヤーT4に、前記第二の親レイヤーL2の前記既存表示物である入力ボックス4Hと同じ表示配置で表示させたうえ(ステップS34、模擬画像表示処理ステップ)、表示制御手段24が、模擬画像4Mを表示している子レイヤーT3よりも、さらに上層側の子レイヤT4ーに新たな表示物を表示する(ステップS35)。  Then, the simulated image 4M generated by the simulated image generating means 30 is transferred from the simulated image display means 32 to the child layer T4, which is a relative upper layer in the specific layer T, in the existing parent layer L2. The display is displayed in the same display arrangement as the input box 4H as a display object (step S34, simulated image display processing step), and the display control means 24 is further higher than the child layer T3 displaying the simulated image 4M. A new display object is displayed on the child layer T4- (step S35).

このように図7の状態から図9の状態へ遷移する様子を、図11の概念図(A)→(B)に示す。この遷移では、図7の状態(図11(A))から、通常レイヤーL2を実際は特定レイヤーTより下層へ移動させるが、代りに、特定レイヤーTの相対的な上層である子レイヤーT3に模擬画像4Mを描画し表示させる。また、操作を受け付ける新たな表示物である警告ダイアログ(単に「警告」とも表す)5Pを特定レイヤーTの最上層T4に描画し位置させることで、図9の状態(図11(B))を実現している。  The transition from the state of FIG. 7 to the state of FIG. 9 is shown in the conceptual diagram (A) → (B) of FIG. In this transition, from the state of FIG. 7 (FIG. 11A), the normal layer L2 is actually moved to a layer below the specific layer T, but instead is simulated to a child layer T3 that is a relative upper layer of the specific layer T. The image 4M is drawn and displayed. 9 is drawn and positioned on the uppermost layer T4 of the specific layer T, so that the state shown in FIG. 9 (FIG. 11B) is obtained. Realized.

このように、ブラウザ上で表示されている既存表示物と同様な外観と位置の模擬画像を付加プログラム側で生成し代替表示することは、利用者に特段の違和感を感じさせない程度にオリジナルに似た外観を持ち、不要な操作ができない表示物を描画することであり、その上に所望の新たな表示物を表示することにより、どのレイヤーについても自然な表示を維持しながら、プログラムの適切な動作が実現できる。  In this way, it is possible to generate a substitute image by generating a simulated image with the same appearance and position as the existing display displayed on the browser on the side of the additional program and resemble the original to the extent that the user does not feel any particular discomfort. This is to draw a display object that has a good appearance and cannot be operated unnecessarily, and by displaying a desired new display object on top of it, while maintaining a natural display for any layer, the appropriate program Operation can be realized.

さらに、実際は下層に移動した親レイヤーの模擬画像を、その奥と手前の子レイヤー間で挟む上記のような表示内容は、何階層でも繰り返せるので、プログラムの組合せ態様や処理内容が無限に多様化でき、複雑高度な機能も平易な構成で容易に実装可能となる。  Furthermore, the display content as described above, where the simulated image of the parent layer moved to the lower layer is sandwiched between the back and front child layers, can be repeated in any number of layers, so the program combination and processing content can be diversified indefinitely In addition, complex and advanced functions can be easily implemented with a simple configuration.

〔6.第2実施形態〕
また、第2実施形態は、下層に移動させるが表示上は手前に見せたいレイヤーの表示物を透過する透明部分を持つように、特定レイヤーの表示全体を作り直すことにより、子レイヤー間に他の親レイヤーを挟むなど、付加プログラムと受入側プログラムの画面表示内容の組合せ態様の自由度を拡大する例である。
[6. Second Embodiment]
In the second embodiment, the entire display of a specific layer is recreated so that it has a transparent portion that passes through the display object of the layer that is moved to the lower layer but is displayed on the display. This is an example of expanding the degree of freedom of the combination mode of the screen display contents of the additional program and the receiving program, such as sandwiching the parent layer.

〔6−1.第2実施形態の概要〕
この第2実施形態は、機能ブロック図で表す場合は、第1実施形態に準じた構成をとりうるが(図1)、作用効果は第1実施形態と異なるもので、図12のフローチャートに示す処理手順のように作用する。また、第2実施形態は、第1実施形態との組合せが可能で、それが好ましいが、単独実施も可能であり、第1実施形態の機能作用を併有しない単独実施の場合、模擬画像生成手段30及び模擬画像表示手段32は省略可能である。
[6-1. Outline of Second Embodiment]
When this second embodiment is represented by a functional block diagram, it can be configured in accordance with the first embodiment (FIG. 1), but the operational effects are different from those of the first embodiment, and are shown in the flowchart of FIG. It works like a procedure. In addition, the second embodiment can be combined with the first embodiment, and it is preferable. However, the second embodiment can also be implemented alone, and in the case of a single implementation that does not have the functional operation of the first embodiment, a simulated image is generated. The means 30 and the simulated image display means 32 can be omitted.

ここで、図12の処理手順は、第2実施形態において、一又は二以上の既存表示物を表示している通常レイヤーが特定レイヤーより上層に位置する状態から、前記通常レイヤーよりもさらに上層側となるように前記特定レイヤーに新たな表示物を表示制御手段で表示しようとする場合(ステップS51)の処理手順である。  Here, in the processing procedure of FIG. 12, in the second embodiment, from the state where the normal layer displaying one or more existing display objects is located above the specific layer, the upper layer side further than the normal layer. This is a processing procedure when a new display object is to be displayed on the specific layer by the display control means (step S51).

このような場合の例は、図13(1)(2)に示すように、HTML領域2Hを持つ通常レイヤーL1が、特定レイヤーTより上層に位置する状態から、通常レイヤーL1よりさらに上層側となるように、プラグイン領域3Pを表示することで、図5(1)同等の状態に遷移する場合である。この例では、第1実施形態で示した図3からの表示切替時と異なり、切替以前の状態において、特定レイヤーT1にまだ透明部分が存在しない(図13)。  In this case, as shown in FIGS. 13 (1) and (2), the normal layer L1 having the HTML region 2H is positioned higher than the specific layer T, and the upper layer side than the normal layer L1. As shown, when the plug-in area 3P is displayed, the state changes to the state equivalent to FIG. In this example, unlike the display switching from FIG. 3 shown in the first embodiment, there is no transparent portion in the specific layer T1 yet before the switching (FIG. 13).

この場合、順序制御手段22が、特定レイヤーTよりも通常レイヤーL1を下層に位置させ(ステップS52)、また、情報取得手段28が、通常レイヤーL1に表示していた既存表示物であるHTML領域2Hの表示範囲を表す情報(例えば、図13の例では、HTML領域2Hに係る矩形の座標範囲)をブラウザBから取得する(ステップS53)。  In this case, the order control means 22 positions the normal layer L1 below the specific layer T (step S52), and the information acquisition means 28 is an HTML area that is an existing display object displayed on the normal layer L1. Information indicating the display range of 2H (for example, the rectangular coordinate range related to the HTML region 2H in the example of FIG. 13) is acquired from the browser B (step S53).

そして、透過設定手段20が、情報取得手段28で取得した前記表示範囲を表す情報に基づいて、その表示範囲について、既存表示物であるHTML領域2Hを透過するための透明部分を前記特定レイヤーのうち既存の子レイヤー(図5では例えばT1)に設定し(ステップS54)、表示制御手段24が、既存の子レイヤーよりもさらに上層側の子レイヤー(図5では例えばT2)に、新たな表示物(例えば警告ダイアログ5P)を表示する(ステップS55)。  Based on the information indicating the display range acquired by the information acquisition unit 28, the transparency setting unit 20 sets a transparent portion for transmitting the HTML region 2H, which is an existing display object, for the display layer. Of these, an existing child layer (for example, T1 in FIG. 5) is set (step S54), and the display control means 24 performs a new display on a child layer (for example, T2 in FIG. 5) further above the existing child layer. A thing (for example, warning dialog 5P) is displayed (step S55).

このように、第2実施形態によれば、特定レイヤーの手前にある通常レイヤーの既存表示物よりもさらに手前側に、特定レイヤーの新たな表示物を表示する際、既存表示物の親レイヤーを特定レイヤーより実際は下層に移動する一方、手前となる特定レイヤーに透明部分を設定し透過させることで、視覚上あたかも特定レイヤーの表示物同士の間に位置するような一重多層レイヤー構造に準じたサンドイッチ状態の表示内容が実現できる。  As described above, according to the second embodiment, when a new display object of a specific layer is displayed further in front of the existing display object of the normal layer in front of the specific layer, the parent layer of the existing display object is displayed. A sandwich that conforms to a single-layered structure that visually moves as if it is located between the display objects of a specific layer by setting a transparent part to the specific layer in front and making it transparent, while moving to the lower layer than the specific layer. The display contents of the status can be realized.

特に、透明部分については、レイヤー順の入替え時に動的に設定するので、固定の位置やサイズで事前に設定したりそれに拘束されること無く、状況に応じた最適な表示位置等の自由度と柔軟性が実現できる。  In particular, since the transparent part is dynamically set when the layer order is changed, there is no need to set it in advance at a fixed position or size, and it is not constrained by it. Flexibility can be realized.

また、特定レイヤーの表示物同士の間に親レイヤーの表示物が視覚上あるような上記のサンドイッチ状態(3層)の場合だけに限らず、手前にさらに、別の親レイヤーの既存表示物と特定レイヤーの新たな表示物、のように階層を足して例えば5層にまでするような場合(例えば図15)にも同様に対処可能である。  Moreover, not only in the case of the above sandwich state (3 layers) in which the display object of the parent layer is visually between the display objects of the specific layer, but in addition to the existing display object of another parent layer The same can be dealt with in the case where the number of layers is increased to, for example, five layers (for example, FIG. 15) such as a new display object of a specific layer.

ここで、図5(1)に示した状態は、プラグイン領域1P、HTML領域2H、プラグイン領域3Pという視覚上の3層の場合である。また、図7(1)に示した状態は、プラグイン領域1P、HTML領域2H、プラグイン領域3Pに加え、別の親レイヤーの既存表示物であるHTML4Hを加えた4層の表示状態である。さらに、図15(1)に示すように、特定レイヤーの新たな表示物であるプラグイン領域5P、のように階層を増やした状態が、5層である。  Here, the state shown in FIG. 5A is a case of three visual layers of a plug-in area 1P, an HTML area 2H, and a plug-in area 3P. The state shown in FIG. 7A is a four-layer display state in which HTML4H, which is an existing display object of another parent layer, is added to the plug-in area 1P, HTML area 2H, and plug-in area 3P. . Furthermore, as shown in FIG. 15 (1), the number of layers is increased as in the plug-in area 5P which is a new display object of a specific layer, which is five layers.

この図15は、第1実施形態における図9と同等の表示を、第2実施形態により実現する場合の概念図である。このように図7(1)の状態から図9(1)の状態に遷移する場合、図7(1)での奥と手前の二つの既存表示物すなわちHTML領域2HとHTML領域4Hについて、図15(2)に示すとおり、特定レイヤーTより下層側(実際は4層目と5層目)に移動はさせるが、これら二つの既存表示物の表示範囲を重ねた多角形状に設定する透明部分11T(実際は3層目)を透過して見せる。  FIG. 15 is a conceptual diagram when the display equivalent to that of FIG. 9 in the first embodiment is realized by the second embodiment. When transitioning from the state of FIG. 7 (1) to the state of FIG. 9 (1) in this way, the two existing display objects in FIG. 7 (1), that is, the HTML area 2H and the HTML area 4H, As shown in FIG. 15 (2), the transparent portion 11T is set to a polygonal shape in which the display ranges of these two existing display objects are overlapped while moving from the specific layer T to the lower layer side (actually the fourth and fifth layers). (Actually the third layer) is shown through.

この結果、奥の既存表示物であるHTML領域2Hは、実際は一番奥の5層目であるが(図15(2))、それより浮き上がって視覚上の4層目に見え(図15(1))、透明部分の層である子レイヤーT1は、操作ボタンなど何らかの表示物があれば視覚上は、一番奥の5層目に見えるし、地色のみなどで目立たない場合は視覚上、ユーザに意識されない。  As a result, the HTML area 2H, which is an existing display object at the back, is actually the 5th layer at the back (FIG. 15 (2)), but it floats above it and is visually visible at the 4th layer (FIG. 15 ( 1)) The child layer T1 which is a layer of the transparent portion is visually visible in the farthest fifth layer if there is any display object such as an operation button, and visually if it is not conspicuous only by the ground color etc. The user is not conscious.

また、手前の既存表示物である入力ボックス4Hは、実際は4層目であるが(図15(2))、その表示領域だけを型抜きした特定レイヤーT2(実際は2層目)の表示物であるプラグイン領域3Pを手前に表示することで、その手前側(視覚上の2層目)に浮き上がって見える(図15(1))。実際と視覚上が一致するのは、最も手前の一層目(警告ダイアログ5P)である。  The input box 4H, which is an existing display object in front, is actually the fourth layer (FIG. 15 (2)), but is a display object of a specific layer T2 (actually the second layer) that is cut out only from the display area. By displaying a certain plug-in region 3P in front, it appears to float up to the near side (the second visual layer) (FIG. 15 (1)). The first and first layer (warning dialog 5P) matches the actual and visual.

このように、表示物について、親レイヤー(上記の例では通常レイヤーL1)を、その奥と手前の子レイヤー(T2とT3)間で挟む上記のような表示内容は何階層でも繰り返せるので、プログラムの組合せ態様や処理内容が無限に多様化でき、複雑高度な機能も平易な構成で容易に実装可能となる。  As described above, since the display content such as the above sandwiching the parent layer (normal layer L1 in the above example) between the back and front child layers (T2 and T3) can be repeated in any number of layers, The combination mode and processing contents can be diversified infinitely, and complex advanced functions can be easily implemented with a simple configuration.

〔6−2.透明部分の設定態様〕
なお、上記のように、既存のレイヤーの所望範囲に透明部分を事後的に設定する処理について、その機能をプラグインPが持たない場合でも、既存のレイヤーを静止画像に変換することで実現可能である。
[6-2. (Transparent part setting mode)
As described above, the process of setting the transparent part in the desired range of the existing layer can be realized by converting the existing layer into a still image even when the plug-in P does not have the function. It is.

この場合、透過設定手段20は、例えば、透明部分を設定しようとする子レイヤーに表示されている内容を静止画像に変換する処理ステップと、前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する処理ステップと、透明な部分を設定した前記静止画像を新たな子レイヤーとして表示させる処理ステップと、静止画像のもととなった子レイヤーを表示制御手段24に消去させる処理ステップと、を実行する。  In this case, the transparency setting unit 20 converts, for example, the processing step of converting the content displayed in the child layer for which the transparent portion is to be set into a still image, and the information representing the display range of the still image. Among them, a processing step for setting the display range portion to be transparent, a processing step for displaying the still image with the transparent portion set as a new child layer, and a display control means for displaying the child layer that is the basis of the still image And a processing step that causes the data to be erased by the CPU 24.

このように、下層とする既存表示物を透過して上層に見せる透明部分を特定レイヤーに作る態様として、特定レイヤーの表示内容を静止画像に変換のうえ、透過GIFのように任意の形状で透明部分を作成し、もとのレイヤーと置き換える、という簡素な画像処理を用いることにより、実際に稼動する特定レイヤーの再作成をせずに済み、CPU負荷軽減と迅速な画面処理に役立つ。この態様は、特定レイヤーの用途や内容上、アニメーションや応答の動作継続が必須でない場合に、特に適する。  In this way, as a mode of creating a transparent part in the specific layer that can be seen through the existing display object as the lower layer in the upper layer, the display content of the specific layer is converted into a still image and transparent in an arbitrary shape like a transparent GIF By using simple image processing in which a part is created and replaced with the original layer, it is not necessary to recreate a specific layer that actually operates, which is useful for reducing CPU load and speeding up screen processing. This aspect is particularly suitable when it is not essential to continue the operation of animation and response due to the use and contents of the specific layer.

〔6−3.透明部分の他の設定態様〕
また、既存のレイヤーの所望範囲に透明部分を事後的に設定する処理について、その機能をプラグインPが持たない場合の異なるアプローチとして、既存のレイヤーを再作成することによっても、実現可能である。
[6-3. Other setting modes of transparent portion]
In addition, as a different approach when the plug-in P does not have the function for the process of setting the transparent portion in the desired range of the existing layer afterwards, it can be realized by re-creating the existing layer. .

この場合、透過設定手段20は、図16に例示するように、地色を透明とする空の子レイヤーTX上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲Kを複数配置することで透明部分11Tを持つレイヤーを作成し、そのレイヤーにより、透明部分を設定しようとしていたもとのレイヤーを代替させる。  In this case, as illustrated in FIG. 16, the transparency setting unit 20 has the one or more existing display objects on the empty child layer TX whose background color is transparent based on the information indicating the display range. A layer having a transparent portion 11T is created by arranging a plurality of rectangular ranges K so as to surround the display range, and the original layer for setting the transparent portion is replaced by the layer.

このように、下層とする既存表示物を透過して上層に見せる透明部分を特定レイヤーに作る態様として、透明部分を残すように矩形を複数組み合わせて特定レイヤー全体を改めて作り直すことにより、互いに一部の重なる複数の既存表示物も所望の多角形状の透明部分で透過可能となり、特定レイヤーのアニメーションや応答の動作を維持したまま、親レイヤーを子レイヤーで挟むような画面表示が容易に実現可能となる。  In this way, as a mode of creating a transparent part in the specific layer that can be seen through the existing display object in the lower layer and appearing in the upper layer, by recreating the entire specific layer by combining multiple rectangles so as to leave the transparent part, Multiple existing display objects that overlap each other can be transmitted through the transparent part of the desired polygonal shape, and it is possible to easily realize screen display that sandwiches the parent layer between child layers while maintaining the animation and response operation of the specific layer Become.

特に、以上のような第2実施形態は、既に説明した第1実施形態とは、画面表示内容の組合せ態様の自由度を拡大するアプローチが互いに異なるので、両者の構成を組み合わせたうえ、例えば、受入側プログラムや付加プログラムの種類や機能、適用分野や利用目的、実行環境となるコンピュータにおけるCPU能力の大小、利用者による設定、といった条件に応じてどちらの構成を利用するかを動的に切り替えることにより、本発明の適用対象と有効性が拡大可能となる。  In particular, the second embodiment as described above differs from the first embodiment described above in that the approaches for expanding the degree of freedom of the combination of screen display contents are different from each other. Depending on the conditions such as the type and function of the receiving program or additional program, the application field or purpose of use, the CPU capacity of the computer that will be the execution environment, and the setting by the user, which configuration is used is dynamically switched As a result, the application target and the effectiveness of the present invention can be expanded.

〔7.他の実施形態〕
なお、上記実施形態は例示に過ぎず、本発明は、以下の例及び他の実施形態も含むものである。例えば、プラグインなどの付加プログラムは、Flashに限らず、マイクロソフト(登録商標)のSilverlight(商標)など他のものでもよく、さらに、受入側プログラムと付加プログラムも、上記実施形態で例示したウェブブラウザとウェブコンテンツ再生プラグインには限定されない。
[7. Other embodiments]
In addition, the said embodiment is only an illustration and this invention includes the following examples and other embodiment. For example, the additional program such as a plug-in is not limited to Flash, but may be another program such as Microsoft (registered trademark) Silverlight (trademark). Further, the receiving side program and the additional program are the web browser exemplified in the above embodiment. And not limited to web content playback plug-ins.

また、ある第1のオペレーティングシステムによるユーザインタフェース表示上に、第2のオペレーティングシステムによる同様なユーザインタフェース表示を重ねることでシームレスな操作環境を実現したい場合など、第1のオペレーティングシステムによる各層を親レイヤー、第2のオペレーティングシステムにおける各層を子レイヤーとする二重多層レイヤー構造が発生するが、このような場合も、子レイヤーを親のレイヤー構造内に組み込んでワンセットに拘束することなく、子レイヤーの間に親レイヤーを挟んだ状態の表示や操作を可能とし、違和感のない操作性が実現できる。  In addition, when it is desired to realize a seamless operation environment by superimposing a similar user interface display by the second operating system on a user interface display by a certain first operating system, each layer by the first operating system is set as a parent layer. In the second operating system, a double multi-layer structure with each layer as a child layer occurs. However, even in this case, the child layer is incorporated into the parent layer structure and is not constrained to one set. It is possible to display and operate with the parent layer sandwiched between them, and realize operability without a sense of incongruity.

本発明の実施形態の構成を示す図。The figure which shows the structure of embodiment of this invention. 本発明の実施形態における二重多層レイヤー構造を例示する概念図。The conceptual diagram which illustrates the double multilayered layer structure in embodiment of this invention. 本発明の実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in embodiment of this invention. 本発明の実施形態における処理手順を示すフローチャート。The flowchart which shows the process sequence in embodiment of this invention. 本発明の実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in embodiment of this invention. 図3の状態から図5の状態への画面遷移を表す概念図。The conceptual diagram showing the screen transition from the state of FIG. 3 to the state of FIG. 本発明の実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in embodiment of this invention. 図3の状態から図7の状態への画面遷移を表す概念図。The conceptual diagram showing the screen transition from the state of FIG. 3 to the state of FIG. 本発明の実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in embodiment of this invention. 本発明の実施形態における他の処理手順を示すフローチャート。The flowchart which shows the other process sequence in embodiment of this invention. 図7の状態から図9の状態への画面遷移を表す概念図。The conceptual diagram showing the screen transition from the state of FIG. 7 to the state of FIG. 本発明の第2実施形態における処理手順を示すフローチャート。The flowchart which shows the process sequence in 2nd Embodiment of this invention. 本発明の第2実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in 2nd Embodiment of this invention. 本発明の第2実施形態において、図13の状態から図5の状態への画面遷移を表す概念図。The conceptual diagram showing the screen transition from the state of FIG. 13 to the state of FIG. 5 in 2nd Embodiment of this invention. 本発明の第2実施形態における画面表示の一状態を示す図。The figure which shows one state of the screen display in 2nd Embodiment of this invention. 本発明の第2実施形態において、地色透明な特定レイヤー全面を作り直すとともに複数の矩形範囲で取り囲むことにより、多角形状の透明部分を設定する状態を示す概念図。In 2nd Embodiment of this invention, the conceptual diagram which shows the state which sets the transparent part of a polygonal shape by recreating the whole surface of a specific layer transparent with a ground color, and surrounding with a several rectangular range.

符号の説明Explanation of symbols

N 通信ネットワーク
1 コンピュータ
B ブラウザ(受入側プログラム)
P プラグイン(付加プログラム)
10 親レイヤー制御手段
20 透過設定手段
22 順序制御手段
24 表示制御手段
26 他の処理手段
28 情報取得手段
30 模擬画像生成手段
32 模擬画像表示手段
82 入出力手段
85 表示装置
5 サーバ
51,83 演算制御部
52,81 記憶装置
54 通信手段
56 データ記憶手段
58 データ処理手段
60 情報提供手段
56 通信制御手段
N Communication network 1 Computer B Browser (receiving program)
P plug-in (additional program)
10 parent layer control means 20 transparency setting means 22 order control means 24 display control means 26 other processing means 28 information acquisition means 30 simulated image generation means 32 simulated image display means 82 input / output means 85 display device 5 servers 51 and 83 arithmetic control Units 52, 81 storage device 54 communication means 56 data storage means 58 data processing means 60 information providing means 56 communication control means

Claims (14)

コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理装置において、
前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、
その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御手段を実現し、
前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、
前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御手段と、
前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御手段の機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御手段と、
情報取得手段と、透過設定手段と、を実現し、
一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、
(1)前記順序制御手段が、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、
(2)前記情報取得手段が、前記他の表示レイヤーに表示していた一又は二以上の前記既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、
(3)前記透過設定手段が、前記情報取得手段で取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、
(4)前記表示制御手段が、前記既存の子レイヤーよりもさらに上層側の子レイヤーに前記新たな表示物を表示する
ことを特徴とする情報処理装置。
In an information processing apparatus in which a computer executes an additional program on a receiving program,
The receiving side program controls the arithmetic control unit of the computer,
Realizing display layer control means for controlling the display order of one or two or more display layers whose receiving side program is a unit of management and including a specific layer corresponding to the display content of the additional program,
The additional program controls the arithmetic control unit of the computer,
Display control means for controlling the generation, deletion, and display order of one or more child layers constituting the specific layer, drawing and displaying a new display object, and terminating the display;
Order control means for controlling the order of the vertical position of the specific layer and other display layers by calling a function of the display layer control means of the receiving program with respect to the display of the new display object in the specific layer. When,
Realizing information acquisition means and transparency setting means,
The display so that all or a part of the other display layers displaying one or more existing display objects are located above the specific layer, and further above the other display layers. When trying to display a new display object on the specific layer by the control means by the display control means,
(1) The order control unit positions the other display layer below the specific layer,
(2) The information acquisition unit acquires information representing a display range of the one or more existing display objects displayed on the other display layer from the reception-side program,
(3) Based on the information indicating the display range acquired by the information acquisition unit, the transparency setting unit includes an existing transparent part for transmitting the existing display object for the display range. Set it as a child layer
(4) The information processing apparatus, wherein the display control means displays the new display object on a child layer further higher than the existing child layer.
前記透過設定手段は、
前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する手段と、
前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する手段と、
透明な部分を設定した前記静止画像を表示させる手段と、
静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる手段と、
を有することを特徴とする請求項1記載の情報処理装置。
The transparency setting means includes
Means for converting the content displayed in the layer to which the transparent portion is to be set into a still image;
Based on the information representing the display range, means for setting the display range portion of the still image to be transparent,
Means for displaying the still image in which a transparent portion is set;
Means for causing the display control means to erase the layer that is the basis of the still image;
The information processing apparatus according to claim 1, further comprising:
前記透過設定手段は、
地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させる
ことを特徴とする請求項1記載の情報処理装置。
The transparency setting means includes
Based on the information representing the display range on a sky layer with a transparent background color, a plurality of rectangular ranges are arranged so as to surround the display range of the one or more existing display objects, and by the layer, The information processing apparatus according to claim 1, wherein the layer for which the transparent portion is to be set is substituted.
前記受入側プログラムとして、ウェブブラウザ・プログラムと、HTMLファイルと、を用い、
前記付加プログラムとして、インタラクティブ動画ファイルと、前記インタラクティブ動画ファイルを前記ウェブブラウザ・プログラム上で動作させるためのプレーヤーであるプラグイン・プログラムと、を用いる
ことを特徴とする請求項1から3のいずれか一項に記載の情報処理装置。
As the receiving program, a web browser program and an HTML file are used,
4. The interactive video file and a plug-in program that is a player for operating the interactive video file on the web browser program are used as the additional program. 5. The information processing apparatus according to one item.
コンピュータが、受入側プログラム上で、付加プログラムを実行する情報処理方法において、
前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、
その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行し、
前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、
前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、
前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、
情報取得処理ステップと、透過設定処理ステップと、を実現し、
一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、
(1)前記順序制御処理ステップは、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、
(2)前記情報取得処理ステップは、前記他の表示レイヤーに表示していた一又は二以上の前記既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、
(3)前記透過設定処理ステップは、前記情報取得処理ステップで取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、
(4)前記表示制御処理ステップは、前記既存の子レイヤーよりもさらに上層側の子レイヤーに前記新たな表示物を表示する
ことを特徴とする情報処理方法。
In an information processing method in which a computer executes an additional program on a receiving program,
The receiving side program controls the arithmetic control unit of the computer,
Executing a display layer control processing step for controlling the display order of one or two or more display layers whose receiving side program is a unit of management and including a specific layer corresponding to the display content of the additional program,
The additional program controls the arithmetic control unit of the computer,
A display control processing step for controlling generation, deletion, and display order of one or more child layers constituting the specific layer, drawing and displaying a new display object, and terminating display;
Concerning the display of the new display object in the specific layer, the order control for controlling the order of the vertical position of the specific layer and the other display layers by calling the function of the display layer control processing step of the receiving program. Processing steps;
An information acquisition processing step and a transparency setting processing step are realized,
The display so that all or a part of the other display layers displaying one or more existing display objects are located above the specific layer, and further above the other display layers. When trying to display a new display object on the specific layer by the control means by the display control means,
(1) The order control processing step positions the other display layer below the specific layer,
(2) The information acquisition processing step acquires information representing a display range of the one or more existing display objects displayed on the other display layer from the reception-side program,
(3) Based on the information representing the display range acquired in the information acquisition processing step, the transparency setting processing step may include a transparent portion for transmitting the existing display object for the display range in the specific layer. Set it to an existing child layer
(4) The information processing method characterized in that the display control processing step displays the new display object in a child layer further higher than the existing child layer.
前記透過設定処理ステップは、
前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する処理ステップと、
前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する処理ステップと、
透明な部分を設定した前記静止画像を(新たなレイヤーとして)表示させる処理ステップと、
静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる処理ステップと、
を有することを特徴とする請求項5記載の情報処理方法。
The transparency setting processing step includes
A processing step of converting the content displayed in the layer to which the transparent portion is to be set into a still image;
Based on information representing the display range, a processing step of setting the display range portion of the still image to be transparent,
A processing step of displaying the still image in which a transparent portion is set (as a new layer);
A processing step for causing the display control means to erase the layer that is the basis of the still image; and
The information processing method according to claim 5, further comprising:
前記透過設定処理ステップは、
地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させる
ことを特徴とする請求項5記載の情報処理方法。
The transparency setting processing step includes
Based on the information representing the display range on a sky layer with a transparent background color, a plurality of rectangular ranges are arranged so as to surround the display range of the one or more existing display objects, and by the layer, The information processing method according to claim 5, wherein the layer for setting the transparent portion is substituted.
前記受入側プログラムは、ウェブブラウザ・プログラム及びHTMLファイルであり、
前記付加プログラムは、インタラクティブ動画ファイルと、前記インタラクティブ動画ファイルを前記ウェブブラウザ・プログラム上で動作させるためのプレーヤーであるプラグイン・プログラムと、である
ことを特徴とする請求項5から7のいずれか一項に記載の情報処理方法。
The receiving program is a web browser program and an HTML file,
The said additional program is an interactive moving image file, and the plug-in program which is a player for operating the said interactive moving image file on the said web browser program, The any one of Claim 5 to 7 characterized by the above-mentioned. The information processing method according to one item.
受入側プログラム及び付加プログラムをセットとして組み合わせたプログラムシステムであって、前記各プログラムが相互に連携してコンピュータの演算制御部を制御することにより、前記受入側プログラムの実行に従属して前記付加プログラムを実行するプログラムシステムにおいて、
前記受入側プログラムは、前記コンピュータの演算制御部を制御することにより、
その受入側プログラムが管理の単位とする一又は二以上の表示レイヤーであって前記付加プログラムの表示内容に対応する特定レイヤーを含むもの、の表示順を制御する表示レイヤー制御処理ステップを実行させ、
前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、
前記特定レイヤーを構成する一又は二以上の子レイヤーについて、その生成、抹消及び表示順の制御を行うとともに、新たな表示物を描画して表示させ並びに表示を終了させる、表示制御処理ステップと、
前記特定レイヤーにおける前記新たな表示物の表示に関し、前記受入側プログラムの前記表示レイヤー制御処理ステップの機能を呼び出すことにより、前記特定レイヤーと他の表示レイヤーの上下位置の順序を制御する、順序制御処理ステップと、
情報取得処理ステップと、透過設定処理ステップと、を実行させ、
一又は二以上の既存表示物を表示している他の表示レイヤーの全部又は一部が前記特定レイヤーより上層に位置する状態から、前記他の表示レイヤーよりもさらに上層側となるように前記表示制御手段により前記特定レイヤーに新たな表示物を前記表示制御手段で表示しようとする場合に、
(1)前記順序制御処理ステップは、前記特定レイヤーよりも前記他の表示レイヤーを下層に位置させ、
(2)前記情報取得処理ステップは、前記他の表示レイヤーに表示していた一又は二以上の前記既存表示物の表示範囲を表す情報を前記受入側プログラムから取得し、
(3)前記透過設定処理ステップは、前記情報取得処理ステップで取得した前記表示範囲を表す情報に基づいて、その表示範囲について、前記既存表示物を透過するための透明部分を前記特定レイヤーのうち既存の子レイヤーに設定し、
(4)前記表示制御処理ステップは、前記既存の子レイヤーよりもさらに上層側の子レイヤーに前記新たな表示物を表示する
ことを特徴とするプログラムシステム。
A program system in which a receiving program and an additional program are combined as a set, wherein the programs cooperate with each other to control a calculation control unit of a computer, whereby the additional program is subordinate to the execution of the receiving program. In a program system that executes
The receiving side program controls the arithmetic control unit of the computer,
The receiving side program executes one or two or more display layers as a unit of management and includes a specific layer corresponding to the display content of the additional program, and executes a display layer control processing step for controlling the display order of the display layer,
The additional program controls the arithmetic control unit of the computer,
A display control processing step for controlling generation, deletion, and display order of one or more child layers constituting the specific layer, drawing and displaying a new display object, and terminating display;
Concerning the display of the new display object in the specific layer, the order control for controlling the order of the vertical position of the specific layer and the other display layers by calling the function of the display layer control processing step of the receiving program. Processing steps;
Performing an information acquisition processing step and a transparency setting processing step;
The display so that all or a part of the other display layers displaying one or more existing display objects are located above the specific layer, and further above the other display layers. When trying to display a new display object on the specific layer by the control means by the display control means,
(1) The order control processing step positions the other display layer below the specific layer,
(2) The information acquisition processing step acquires information representing a display range of the one or more existing display objects displayed on the other display layer from the reception-side program,
(3) Based on the information representing the display range acquired in the information acquisition processing step, the transparency setting processing step may include a transparent portion for transmitting the existing display object for the display range in the specific layer. Set it to an existing child layer
(4) The program system characterized in that the display control processing step displays the new display object on a child layer further higher than the existing child layer.
前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記透過設定処理ステップにおいて、
前記透明部分を設定しようとするレイヤーに表示されている内容を静止画像に変換する処理ステップと、
前記表示範囲を表す情報に基づいて、前記静止画像のうち前記表示範囲の部分を透明に設定する処理ステップと、
透明な部分を設定した前記静止画像を表示させる処理ステップと、
静止画像のもととなった前記レイヤーを前記表示制御手段に消去させる処理ステップと、
を実行させることを特徴とする請求項9記載のプログラムシステム。
In the transparency setting processing step, the additional program controls the arithmetic control unit of the computer.
A processing step of converting the content displayed in the layer to which the transparent portion is to be set into a still image;
Based on information representing the display range, a processing step of setting the display range portion of the still image to be transparent,
A processing step of displaying the still image in which a transparent portion is set;
A processing step for causing the display control means to erase the layer that is the basis of the still image; and
The program system according to claim 9, wherein:
前記付加プログラムは、前記コンピュータの演算制御部を制御することにより、前記透過設定処理ステップにおいて、
地色を透明とする空のレイヤー上に、前記表示範囲を表す情報に基づいて、前記一又は二以上の既存表示物の前記表示範囲を囲むように矩形範囲を複数配置するとともにそのレイヤーにより、前記透明部分を設定しようとする前記レイヤーを代替させることを特徴とする請求項9記載のプログラムシステム。
In the transparency setting processing step, the additional program controls the arithmetic control unit of the computer.
Based on the information representing the display range on a sky layer with a transparent background color, a plurality of rectangular ranges are arranged so as to surround the display range of the one or more existing display objects, and by the layer, The program system according to claim 9, wherein the layer for setting the transparent portion is substituted.
前記受入側プログラムは、ウェブブラウザ・プログラムを利用して動作するHTMLファイルであり、
前記付加プログラムは、ウェブブラウザ・プログラム用のプレーヤーであるプラグイン・プログラムを利用して動作する、インタラクティブ動画ファイルである
ことを特徴とする請求項9から11のいずれか一項に記載のプログラムシステム。
The accepting program is an HTML file that operates using a web browser program,
The program system according to any one of claims 9 to 11, wherein the additional program is an interactive moving image file that operates using a plug-in program that is a player for a web browser program. .
演算制御部と、クライアント装置であるコンピュータと通信ネットワーク経由で通信する通信手段と、データ記憶手段と、を備え、請求項9から12のいずれか一項に記載のプログラムシステムを前記クライアント装置に提供するサーバコンピュータ。 13. A program system according to claim 9 , comprising: an arithmetic control unit; a communication unit that communicates with a computer that is a client device via a communication network; and a data storage unit, wherein the program system according to claim 9 is provided to the client device. Server computer. 演算制御部と、クライアント装置であるコンピュータと通信ネットワーク経由で通信する通信手段と、データ記憶手段と、を備えたサーバコンピュータから、請求項9から12のいずれか一項に記載のプログラムシステムを前記クライアント装置に提供する情報処理方法。 The program system according to any one of claims 9 to 12, from a server computer including an arithmetic control unit, a communication unit that communicates with a computer that is a client device via a communication network, and a data storage unit. An information processing method provided to a client device .
JP2008194109A 2008-06-30 2008-06-30 Information processing apparatus, method, program system, and server computer Expired - Fee Related JP4847991B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2008194109A JP4847991B2 (en) 2008-06-30 2008-06-30 Information processing apparatus, method, program system, and server computer

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008194109A JP4847991B2 (en) 2008-06-30 2008-06-30 Information processing apparatus, method, program system, and server computer

Publications (2)

Publication Number Publication Date
JP2010015521A JP2010015521A (en) 2010-01-21
JP4847991B2 true JP4847991B2 (en) 2011-12-28

Family

ID=41701564

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008194109A Expired - Fee Related JP4847991B2 (en) 2008-06-30 2008-06-30 Information processing apparatus, method, program system, and server computer

Country Status (1)

Country Link
JP (1) JP4847991B2 (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150033117A1 (en) * 2012-02-10 2015-01-29 Sony Corporation Information processing device, information processing method, and program
JP5935448B2 (en) * 2012-03-30 2016-06-15 富士通株式会社 INPUT CONTROL METHOD, INPUT CONTROL PROGRAM, AND INPUT CONTROL DEVICE
JP5821152B2 (en) * 2014-04-15 2015-11-24 ピコもん株式会社 Content providing server and content providing method
CN106201512A (en) * 2016-07-11 2016-12-07 无锡天脉聚源传媒科技有限公司 A kind of method and device of picture presentation
CN111176596B (en) * 2019-12-24 2023-07-25 北京大米未来科技有限公司 Image display area switching method and device, storage medium and electronic equipment

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002334115A (en) * 2001-05-10 2002-11-22 Shuho Emoto Browser screen display method for dynamically displaying navigation information, browser device and program
JP2003271375A (en) * 2002-03-19 2003-09-26 Juki Corp Information display device and information display control method
US20050198315A1 (en) * 2004-02-13 2005-09-08 Wesley Christopher W. Techniques for modifying the behavior of documents delivered over a computer network
JP2006172319A (en) * 2004-12-17 2006-06-29 Mitsubishi Heavy Ind Ltd Information management device, terminal, information management system, information management method and information management program
JP2007115228A (en) * 2005-09-20 2007-05-10 Iti:Kk Masking program and masking system
JP2007122306A (en) * 2005-10-27 2007-05-17 Hitachi Ltd Window input control method

Also Published As

Publication number Publication date
JP2010015521A (en) 2010-01-21

Similar Documents

Publication Publication Date Title
US10437467B2 (en) Native overlay for rapid editing of web content
US11790158B1 (en) System and method for using a dynamic webpage editor
US7512892B2 (en) Method and system for displaying and interacting with paginated content
CN103425479B (en) User interface for remote equipment virtualizes
US7925988B2 (en) System and method for providing sticky applications
US9361280B2 (en) Web application theme preview based on live previews
CN103092612B (en) Realize method and the electronic installation of Android operation system 3D desktop pinup picture
US9880709B2 (en) System and method for creating and displaying previews of content items for electronic works
US9787752B2 (en) Hotspot editor for a user interface
CN111062778A (en) Product browsing method, device, equipment and storage medium
Lal Digital design essentials: 100 ways to design better desktop, web, and mobile interfaces
CN105324763A (en) System, method and user interface for designing customizable products from a mobile device
CN101809573A (en) Updating content display based on cursor position
CN107111496A (en) customizable blade application
CN104133828A (en) Drag-and-drop clipboard for HTML documents
KR20120139716A (en) Method and system for organizing information with a sharable user interface
WO2011151112A1 (en) Method and system for executing a graphics application
JP4847991B2 (en) Information processing apparatus, method, program system, and server computer
US20130117684A1 (en) Dynamically generated icons for graphical user interface on client
JP2012008686A (en) Information processor and method, and program
US7640505B1 (en) Element view toggling
CN105324795B (en) Merge graphic operation
JP4847990B2 (en) A method for fusing multiple program displays with screen modification
CN113094144A (en) Display screen interface control method and electronic equipment
JP4624413B2 (en) Method and program for displaying a user interface on a desktop of a personal computer

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20110629

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20110712

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20110909

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: 20111004

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20111014

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20141021

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Ref document number: 4847991

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees
S533 Written request for registration of change of name

Free format text: JAPANESE INTERMEDIATE CODE: R313533

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350