JP2010244271A - Method of creating xml file, information processing apparatus, and xml file - Google Patents
Method of creating xml file, information processing apparatus, and xml file Download PDFInfo
- Publication number
- JP2010244271A JP2010244271A JP2009091799A JP2009091799A JP2010244271A JP 2010244271 A JP2010244271 A JP 2010244271A JP 2009091799 A JP2009091799 A JP 2009091799A JP 2009091799 A JP2009091799 A JP 2009091799A JP 2010244271 A JP2010244271 A JP 2010244271A
- Authority
- JP
- Japan
- Prior art keywords
- background image
- area
- partial area
- image
- xml file
- 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.)
- Withdrawn
Links
Images
Landscapes
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
本発明は、XMLファイル作成方法、情報処理装置、XMLファイルに関する。 The present invention relates to an XML file creation method, an information processing apparatus, and an XML file.
従来、ウィンドウ内に表示されているオブジェクト(文字や絵)を、ウィンドウの拡大率または縮小率に合わせて拡大または縮小することが知られている(例えば特許文献1)。 Conventionally, it is known to enlarge or reduce an object (character or picture) displayed in a window in accordance with the enlargement ratio or reduction ratio of the window (for example, Patent Document 1).
従来の技術は、ウィンドウの拡大または縮小に伴って、ウィンドウ内に表示される全てのオブジェクトが拡大または縮小される。またブラウザーでは、ユーザーがオブジェクトにマウスカーソルを重ねてクリックすると、そのオブジェクトに関連づけて予め指定されているリンク先のページを開いて表示するなどのアクションが実行される。ところで、ウィンドウ内に予め設定された背景画像領域に背景画像を表示し、背景画像領域内の部分領域に背景画像に重ねて文字やアイコン等のオブジェクトを表示させるという仕様のブラウザーについて考える。このブラウザーでは、背景画像はウィンドウサイズの拡大または縮小に応じて拡大または縮小することが決められている。一方、背景画像に重ねて表示させるオブジェクトは背景画像と同率に拡大縮小されない(仕様上そのようになっているか、あるいは拡大率または縮小率の算出誤差発生のため)。このような仕様のブラウザーのウィンドウサイズがユーザーの操作によって変えられたとき、背景画像に重ねて表示されるオブジェクトの位置によっては、オブジェクトと背景画像の見栄えが悪くなるという問題がある。背景画像はウィンドウサイズに応じて拡大縮小するが、オブジェクトは背景画像と同率では拡大縮小されないためである。 In the conventional technique, as the window is enlarged or reduced, all objects displayed in the window are enlarged or reduced. In the browser, when the user clicks the object with the mouse cursor over it, an action is performed such as opening and displaying a linked page specified in advance in association with the object. By the way, a browser having a specification in which a background image is displayed in a background image area set in advance in a window and an object such as a character or an icon is displayed on a background image in a partial area in the background image area is considered. In this browser, it is determined that the background image is enlarged or reduced in accordance with the enlargement or reduction of the window size. On the other hand, the object to be displayed superimposed on the background image is not enlarged or reduced at the same rate as the background image (because of the specification, or because of an error in calculating the enlargement rate or reduction rate). When the browser window size having such a specification is changed by a user operation, there is a problem that the appearance of the object and the background image may be deteriorated depending on the position of the object displayed on the background image. This is because the background image is scaled according to the window size, but the object is not scaled at the same rate as the background image.
本発明は上記問題に鑑みてなされたもので、ウィンドウ内に表示されているオブジェクトに対してユーザーが操作を行うと、予め指定したアクションを実行することができるとともに、ウィンドウが拡大または縮小されてもオブジェクトと背景との見栄えを崩さないようにできる技術を提供することを目的の一つとする。 The present invention has been made in view of the above problems. When a user performs an operation on an object displayed in a window, a predetermined action can be executed and the window is enlarged or reduced. One of the purposes is to provide a technique that can keep the appearance of the object and the background from being destroyed.
(1)上記目的を達成するためのXMLファイル作成方法は、ウィンドウ内に定義された背景画像領域に配置させる画像として、前記背景画像領域の拡大または縮小に応じて拡大または縮小して表示される背景画像を表す背景画像ファイルを指定し、前記背景画像領域内に定義された部分領域であって前記背景画像に含まれる被注目図形領域の少なくとも一部を含む部分領域に関連づけて、当該部分領域に配置させる透明画像を表す透明画像ファイルを指定し、前記部分領域に関連づけて、当該部分領域に対する操作がなされたときのアクションを示す情報を指定する、ことを含む。 (1) An XML file creation method for achieving the above object is displayed as an image to be arranged in a background image area defined in a window, enlarged or reduced according to the enlargement or reduction of the background image area. A background image file representing a background image is designated, and the partial area is defined in the background image area and is associated with the partial area including at least a part of the target graphic area included in the background image. Designating a transparent image file representing a transparent image to be arranged, and associating with the partial area, designating information indicating an action when an operation is performed on the partial area.
本発明のXMLファイル作成方法に従って作成されたXMLファイルは、次のような特徴を持つブラウザーに参照されることを前提としている。ブラウザー側では、予めウィンドウ内の所定の位置に背景画像領域を設定しており、当該背景画像領域に表示するように、XMLファイルにおいて指定された画像を表示する。また、背景画像領域内に定義された部分領域に表示するようにXMLファイルにおいて指定された画像を表示する。背景画像領域はウィンドウサイズの拡大または縮小に応じて拡大または縮小するが、部分領域は背景画像領域と同率に拡大縮小しない(仕様上そのように決められているかあるいは、拡大率または縮小率の算出誤差発生のため)。また、ブラウザー側は、部分領域に対してユーザーの操作がなされると、部分領域に対する操作がなされたときに実行するようにXMLファイルにおいて指定されたアクションを実行する。 It is assumed that the XML file created according to the XML file creation method of the present invention is referred to by a browser having the following characteristics. On the browser side, a background image area is set in advance in a predetermined position in the window, and an image specified in the XML file is displayed so as to be displayed in the background image area. In addition, an image designated in the XML file is displayed so as to be displayed in a partial area defined in the background image area. The background image area is enlarged or reduced according to the enlargement or reduction of the window size, but the partial area is not enlarged or reduced at the same rate as the background image area (this is determined by the specification or the enlargement ratio or reduction ratio is calculated). Because of errors). Further, when the user performs an operation on the partial area, the browser side executes an action specified in the XML file so as to be executed when the operation on the partial area is performed.
本発明によるXMLファイルを前述の特徴を持つブラウザーが参照して処理することにより、このXMLファイルは、当該ブラウザーがインストールされたコンピューターを利用するユーザーに次のような現象を確認させることができる。被注目図形は背景画像の一部であるので、背景画像領域が拡大または縮小されると、背景画像と共に(同率で)被注目図形は拡大または縮小される。そのため、背景画像領域のサイズが変わっても、背景画像内における被注目図形領域内の見た目と被注目図形領域外の見た目の構図は変わらない。部分領域は背景画像領域に合わせて拡大縮小されないが、部分領域に配置される画像は透明であるため、部分領域においては背景画像(少なくとも一部の被注目図形を含む)がそのまま透過して表示される。その結果、部分領域に配置される画像によって隠されてしまうことなく、被注目図形が完全に表示される。したがって、例えば被注目図形が企業のロゴなどである場合、本発明によると、ウィンドウサイズを変えても背景画像全体のサイズが変わるだけで、被注目図形を含む背景画像のデザインは崩れないので、ブランドイメージをコントロールすることができる。 By browsing and processing the XML file according to the present invention by the browser having the above-described characteristics, the XML file can make the user who uses the computer in which the browser is installed confirm the following phenomenon. Since the figure of interest is a part of the background image, when the background image area is enlarged or reduced, the figure of interest is enlarged or reduced together with the background image (at the same rate). For this reason, even if the size of the background image area changes, the appearance in the target graphic area in the background image and the appearance outside the target graphic area do not change. The partial area is not enlarged or reduced to match the background image area, but the image placed in the partial area is transparent, so the background image (including at least some of the target graphic) is transparently displayed in the partial area. Is done. As a result, the target graphic is completely displayed without being hidden by the image arranged in the partial area. Therefore, for example, when the figure to be noticed is a company logo, etc., according to the present invention, even if the window size is changed, the size of the background image including the figure to be noticed does not collapse, only the size of the background image changes. The brand image can be controlled.
また、被注目図形は、それが表示されている領域に対して操作をするとなんらかのアクションが実行されるであろうことをユーザーに認識させる役目も担っている。背景画像を背景画像領域に配置したときに、背景画像内の被注目図形領域の少なくとも一部を部分領域が含むように依頼側が背景画像をデザインされていると(あるいはそのように部分領域が設定されていると)、ユーザーが被注目図形に注目して、被注目図形領域の少なくとも一部を含む部分領域を操作したときに、部分領域に関連づけられたアクションを実行させることができる。 In addition, the graphic of interest also plays a role of allowing the user to recognize that some action will be executed when an operation is performed on the area where it is displayed. When the background image is arranged in the background image area, if the requester has designed the background image so that the partial area includes at least part of the graphic area of interest in the background image (or the partial area is set as such) When the user pays attention to the target graphic and operates a partial area including at least a part of the target graphic area, an action associated with the partial area can be executed.
(2)上記目的を達成するための情報処理装置は、上述のXMLファイル作成方法に従って作成されたXMLファイルを取得するXMLファイル取得手段と、前記XMLファイルに基づいて前記背景画像ファイルと前記透明画像ファイルとを取得し、前記背景画像領域に前記背景画像を配置するとともに前記部分領域に前記透明画像を配置させた前記ウィンドウを、ディスプレイに表示する表示制御手段と、前記部分領域に対する操作がなされたことを検出すると、前記XMLファイルにおいて前記部分領域に関連づけて指定されている前記アクションを実行するアクション実行手段と、を備える。 (2) An information processing apparatus for achieving the above object includes an XML file acquisition unit that acquires an XML file created according to the XML file creation method, the background image file and the transparent image based on the XML file. And a display control means for displaying the window in which the background image is arranged in the background image area and the transparent image is arranged in the partial area on the display, and an operation on the partial area is performed. Action detecting means for executing the action specified in association with the partial area in the XML file.
本発明の情報処理装置は、前述の特徴を持ったブラウザーがインストールされていることを前提としている。本発明によると、ブラウザーのウィンドウサイズが変更されても、被注目図形を含む背景画像のデザインが崩れない。また、被注目図形に注目したユーザーによって、被注目図形領域の少なくとも一部を含む部分領域が操作されたとき、部分領域に関連づけられたアクションを実行することができる。 The information processing apparatus according to the present invention is premised on that a browser having the above-described features is installed. According to the present invention, even when the browser window size is changed, the design of the background image including the graphic of interest remains unchanged. In addition, when a partial area including at least a part of the target graphic area is operated by a user who has focused on the target graphic, an action associated with the partial area can be executed.
(3)上記目的を達成するためのXMLファイルは、ウィンドウ内に定義された背景画像領域に配置させる画像として、前記背景画像領域の拡大または縮小に応じて拡大または縮小して表示される背景画像を表す背景画像ファイルを指定する記述と、前記背景画像領域内に定義された部分領域であって前記背景画像に含まれる被注目図形領域の少なくとも一部を含む部分領域に関連づけて、当該部分領域に配置させる透明画像を表す透明画像ファイルを指定する記述と、前記部分領域に関連づけて、当該部分領域に対する操作がなされたときのアクションを示す情報を指定する記述と、を含む。 (3) An XML file for achieving the above object is a background image displayed as an image to be arranged in a background image area defined in a window, enlarged or reduced according to the enlargement or reduction of the background image area. And a partial area defined in the background image area, the partial area defined in the background image area and including at least a part of the target graphic area included in the background image. And a description specifying a transparent image file representing a transparent image to be arranged on the screen, and a description specifying information indicating an action when an operation is performed on the partial area in association with the partial area.
前述の特徴を持つブラウザーがインストールされた情報処理装置において、当該ブラウザーに本発明のXMLファイルを参照させると、ブラウザーのウィンドウサイズが変更されても、被注目図形を含む背景画像のデザインが崩れないようにすることができる。また、被注目図形に注目したユーザーによって、被注目図形領域の少なくとも一部を含む部分領域が操作されたときに、部分領域に関連づけられたアクションを情報処理装置に実行させることができる。 In an information processing apparatus in which a browser having the above-described features is installed, if the browser references the XML file of the present invention, the design of the background image including the graphic of interest does not break even if the browser window size is changed Can be. In addition, when a partial area including at least a part of the target graphic area is operated by a user who has focused on the target graphic, the information processing apparatus can execute an action associated with the partial area.
なお、以上のようなXMLファイル作成方法によって作成されたXMLファイルを参照してブラウザーの処理を実行する情報処理装置は、この手法をコンピューターに実現させるプログラムの発明や、この手法を実施する方法の発明としても適用可能である。また、以上のような情報処理装置は、単独の装置によって実現される場合もあれば、複数の装置を組み合わせることによって実現される場合もあり、各種の態様を含むものである。一部がソフトウェアであり一部がハードウェアであったりするなど、適宜、変更可能である。さらに、前述のプログラムや、XMLファイルを記録する記録媒体としても発明は成立する。むろん、その記録媒体は、磁気記録媒体であってもよいし光磁気記録媒体であってもよいし、今後開発されるいかなる記録媒体においても全く同様に考えることができる。 Note that an information processing apparatus that executes browser processing by referring to an XML file created by the XML file creation method as described above is an invention of a program that causes a computer to realize this technique, and a method of implementing this technique. The invention can also be applied. The information processing apparatus as described above may be realized by a single apparatus or may be realized by combining a plurality of apparatuses, and includes various aspects. It can be changed as appropriate, for example, part of it is software and part is hardware. Furthermore, the present invention is also realized as a recording medium for recording the above-described program or XML file. Of course, the recording medium may be a magnetic recording medium, a magneto-optical recording medium, or any recording medium that will be developed in the future.
ここでは、下記の順序に従って本発明の実施の形態について説明する。
(1)概要と構成:
(2)デバイスブラウザーの処理:
(3)他の実施形態:
Here, embodiments of the present invention will be described in the following order.
(1) Outline and configuration:
(2) Device browser processing:
(3) Other embodiments:
(1)概要と構成:
図1は、本発明にかかる情報処理装置としてPC(Personal Computer)10の構成を示すブロック図である。PC10は、RAM,ROM,CPU等を備える制御部20とHDD(Hard Disk Device)30とを備えており、ROMまたはHDD30に記録された様々なプログラムを制御部20で実行することができる。本実施形態においては、デバイスブラウザー21や、WEBブラウザー22を実行することができる。また、PC10にはキーボード40、マウス41、ディスプレイ42、プリンター43などの周辺デバイスが接続され、制御部20は、各周辺デバイスに対応する図示しないデバイスドライバープログラムを実行することによってこれらの周辺デバイスを制御することができる。
(1) Outline and configuration:
FIG. 1 is a block diagram showing a configuration of a PC (Personal Computer) 10 as an information processing apparatus according to the present invention. The PC 10 includes a
本実施形態のデバイスブラウザー21は、PC10にインストールされているOS(Operating System)の一機能として提供されるプログラムであり、PC10に接続された様々な周辺デバイスのそれぞれに関して、デバイスの情報をユーザーに提供したりデバイスに対するユーザーの設定を受け付けたりするためのインターフェースをユーザーに提供する。
The
デバイスブラウザー21が起動されると最初にウィンドウ内に表示されるのはホーム画面であり、当該ホーム画面では、PC10に接続されているデバイスの一覧が表示される。その中のいずれかのデバイスをユーザーが選択すると、デバイスブラウザー21のウィンドウ内には、当該デバイスに対する前述のインターフェース画面が表示される。任意の周辺デバイスに対するインターフェース画面を表示するための制御情報は、デバイス固有または当該デバイスのベンダー固有の具体的な内容については、各周辺デバイスのベンダーが作成したXMLファイルによって定義される。デバイスまたはベンダー固有の内容以外の、例えばインターフェース画面内のレイアウトなどの取り決めは、ユーザーの操作性を向上させるためデバイスまたはベンダーに依存せずデバイスブラウザー21側で共通化され管理されている。
When the
デバイスに依存せず共通化されている取り決めとして、デバイスブラウザー21は次のようなインターフェース画面の仕様を予め定義している。図3Aを用いて具体的に説明する。デバイスブラウザー21は、予めウィンドウW内の所定の位置に背景画像領域A1を設定しており、当該背景画像領域A1に表示する画像としてベンダー側が指定した画像を表示する。また、デバイスブラウザー21は予め、背景画像領域A1内の所定の位置に部分領域A2を設定し、当該部分領域A2に表示するようにベンダー側に指定された画像を表示する。デバイスブラウザー21のウィンドウWのサイズはユーザーの操作によって変更可能である。背景画像領域A1はデバイスブラウザー21によって、ウィンドウサイズの拡大または縮小に応じて拡大または縮小される。部分領域A2は背景画像領域A1と同率には拡大縮小されない。また、デバイスブラウザー21は、部分領域A2に対してユーザーの操作がなされると、部分領域A2に対する操作がなされたときに実行するようにベンダー側が指定したアクションを実行する。部分領域A2は、デバイスベンダーのロゴを表示させるための領域として想定されている。また本実施形態では、デバイスの外観写真を配置するための領域A3を背景画像領域A1内に設定している。
The
より具体的には例えば、背景画像領域A1について、ウィンドウWの上端を基準として間隔D1離れた位置を背景画像領域A1の上端とし、ウィンドウWの左右の端から間隔D2離れた位置を背景画像領域A1の左右の端とする等の定義がなされている。背景画像領域A1の高さについても例えば、ウィンドウWの高さが所定以上の場合は高さH1で固定し、ウィンドウWの高さが所定未満の場合はウィンドウWの高さのX(Xは100未満)%の高さとする、等のように定義されている。さらに、背景画像は背景画像領域A1において右寄せで表示すること等が定義される。また、部分領域A2については、例えばサイズ(幅・高さ)は背景画像領域のサイズに関わらず一定とし、背景画像領域A1の高さを基準にして常にセンターの高さに、また背景画像領域A1の右端を基準にして所定の位置を部分領域A2右端とする等のように定義されている。 More specifically, for example, with respect to the background image area A1, the position separated from the upper end of the window W by the interval D1 is set as the upper end of the background image area A1, and the position separated from the left and right ends of the window W by the distance D2 is set as the background image area. Definitions such as left and right ends of A1 are made. As for the height of the background image area A1, for example, when the height of the window W is greater than or equal to a predetermined value, the height H1 is fixed. When the height of the window W is less than the predetermined value, X (X is the height of the window W) (Less than 100)%, and so on. Further, it is defined that the background image is displayed right-justified in the background image area A1. For the partial area A2, for example, the size (width / height) is constant regardless of the size of the background image area, and is always set to the center height based on the height of the background image area A1, and the background image area. A predetermined position is defined as the right end of the partial area A2 with respect to the right end of A1.
デバイスブラウザー21は、以上の仕様をふまえて予めベンダー側が準備したXMLファイル30aを参照して、デバイスごとのインターフェース画面の制御を行う。そのために、デバイスブラウザー21は、XMLファイル取得部21aと表示制御部21bとアクション実行部21cとを備えている。デバイスごとのインターフェース画面を制御するためのデバイスまたはベンダー固有の情報を含むXMLファイル30aや、インターフェース画面の表示に用いられるベンダー固有の画像ファイルは、対応するデバイスのデバイスドライバープログラムがPC10にインストールされるときに、HDD30にコピーされる。
The
(2)デバイスブラウザーの処理:
デバイスブラウザー21が起動要求を受けると、図2Aに示すように、制御部20はデバイスブラウザー21のウィンドウを起動し前述のホーム画面をウィンドウ内に表示させる(ステップS100)。ホーム画面に表示されたいずれかのデバイスがユーザーに選択され決定されると、制御部20は図2Bに示す処理を実行する。
(2) Device browser processing:
When the
まず制御部20は、デバイスブラウザー21のウィンドウ内の表示を、ホーム画面から、選択決定されたデバイスのインターフェース画面に切り替えるために、選択決定されたデバイスに対応付けられているXMLファイル30aをHDD30から取得する(XMLファイル取得部21a、ステップS200)。制御部20は、このXMLファイル30aに基づいてインターフェース画面を表示する(表示制御部21b、ステップS205)。
First, in order to switch the display in the window of the
具体的には制御部20は、背景画像領域A1に配置する画像ファイルと、部分領域A2に配置する画像ファイルとを取得し、背景画像領域A1および部分領域A2にそれぞれに配置することを指定された画像を配置させた状態でデバイスブラウザー21のウィンドウWの表示を更新する。XMLファイル30aには、図7に示すように、背景画像領域A1に表示させる画像ファイルの指定と、部分領域A2に表示させる画像ファイルの指定と、当該部分領域A2に対する操作がなされたときのアクションの指定の記述が含まれている。
Specifically, the
具体的にはステップS205では、制御部20は、XMLファイル30aに記述された背景画像領域用として指定された画像ファイルへのパスをたどって画像ファイルを取得し、デコードする。デコードした結果生成されたラスター形式の画像データを、例えば背景画像領域A1の高さが画像の高さと合致するように縦横比率を維持してリサイズし、リサイズした画像データを背景画像領域A1に相当するRAMの領域に配置する。
Specifically, in step S205, the
また制御部20は同様に部分領域A2用として指定された画像ファイルを取得し、デコードして生成したラスター形式の画像データを部分領域A2に相当するRAMの領域に配置する。部分領域A2に相当するRAM領域と背景画像領域A1に相当するRAM領域にそれぞれの画像データが配置された状態でディスプレイドライバーがディスプレイ42の表示を更新すると、デバイスブラウザー21のウィンドウW内の背景画像領域A1および部分領域A2にそれぞれ画像が表示された状態となる。
Similarly, the
ここで、XMLフ背景画像領域A1に表示する画像として図4Aの画像I11が指定され、部分領域A2に表示する画像として図4Aに示す画像I21が指定されていたとする。ロゴ画像I21(請求項に記載の被注目図形に相当)は、文字の色と文字以外の部分の下地の色とが決められている。背景画像領域I11もロゴ画像I21の文字以外の部分の下地の色と同色の領域と同色でない領域を有しており、図4Aに示すように、部分領域A2がちょうどロゴ画像I21の下地の色と同色の領域に含まれる場合、図3Bのように表示され、見る者に特段の違和感を感じさせない(ロゴ画像I21の境界は顕在化しない)。 Here, it is assumed that the image I11 shown in FIG. 4A is designated as the image displayed in the XML background image area A1, and the image I21 shown in FIG. 4A is designated as the image displayed in the partial area A2. In the logo image I21 (corresponding to the graphic to be noted in the claims), the color of the character and the color of the background of the portion other than the character are determined. The background image area I11 also has an area that is not the same color as the background color of the logo image I21 other than the characters. As shown in FIG. 4A, the partial area A2 is just the background color of the logo image I21. Are displayed as shown in FIG. 3B, and the viewer does not feel any particular discomfort (the boundary of the logo image I21 does not become obvious).
しかし、例えばウィンドウサイズがデフォルトのサイズよりも縮小されたとき、図4Bに示すように、部分領域A2の上端が背景画像I11においてロゴ画像I21の地色と同じ領域から一部はずれ、結果的に図3Cに示すようにロゴと背景画像の見栄えが悪くなる。ウィンドウサイズが縮小されたとき、背景画像領域A1も縮小され当該背景画像領域A1に配置される背景画像I11も縮小されるが、本実施形態では部分領域A2はサイズが変わらないため、このようなずれが発生する。 However, for example, when the window size is reduced from the default size, as shown in FIG. 4B, the upper end of the partial area A2 is partially shifted from the same area as the background color of the logo image I21 in the background image I11. As shown in FIG. 3C, the logo and the background image look bad. When the window size is reduced, the background image area A1 is also reduced, and the background image I11 arranged in the background image area A1 is also reduced. However, in this embodiment, the size of the partial area A2 does not change, and thus Deviation occurs.
そこで、本実施形態ではベンダーの開発者は、図6Aに示すように、ロゴ図形を含んで背景画像I1をデザインし、背景画像ファイル30bを準備する。そして、当該背景画像ファイル30bをXMLファイル30aで背景画像領域A1に表示するように指定する。また、開発者は、部分領域A2に配置する画像として透明画像I2を示す透明画像ファイル30cを準備し、当該透明画像ファイル30cをXMLファイル30aにおいて指定する。部分領域A2には透明画像I2が配置されており、ユーザーには部分領域A2には背景画像I1が透過して見える。したがって部分領域A2に配置される画像によってロゴ図形が隠されてしまうことがない。背景画像I1は、背景画像領域A1に配置したときに部分領域A2の少なくとも一部にベンダーのロゴが重なるようにデザインされている。
Therefore, in this embodiment, a vendor developer designs a background image I1 including a logo graphic and prepares a
このように背景画像にロゴ図形を含ませ、部分領域に配置する画像は透明画像とすると、前述と同様にウィンドウが縮小されたとき、図6Bに示すように、部分領域A2のサイズは変わらないが、背景画像I1はロゴ図形もろとも縮小されるため、前述のようなずれが発生してロゴ図形領域の境界が顕在化して見栄えが悪くなることがない(図5B参照)。なお、図6Bに示すようにロゴ図形領域と部分領域A2との多少のずれは発生しうるが、想定される範囲で背景画像領域A1が拡大または縮小された場合に、部分領域A2に少なくとも一部が重なるようにロゴ図形を含んだ背景画像を準備されている。 As described above, if the background image includes the logo graphic and the image arranged in the partial area is a transparent image, the size of the partial area A2 does not change as shown in FIG. 6B when the window is reduced as described above. However, since the background image I1 is reduced with the logo graphic, the above-described shift does not occur, and the boundary of the logo graphic region becomes obvious and does not deteriorate in appearance (see FIG. 5B). As shown in FIG. 6B, a slight shift may occur between the logo graphic area and the partial area A2, but when the background image area A1 is enlarged or reduced within the assumed range, at least one of the partial area A2 is present. A background image containing a logo graphic is prepared so that the parts overlap.
なお、透明画像ファイルは、色情報とは別にピクセルごとに透過の有無を指定できるような形式であればよい(例えばPNGファイル形式)。また、デバイスの外観を示す写真画像I3を示す画像ファイルは背景画像ファイル30b、透明画像ファイル30cと同様にHDD30に保持されており、XMLファイル30aにおいて領域A3に関連づけて指定されている。を領域A3に配置することを決められている。
Note that the transparent image file may be in any format that can specify the presence or absence of transmission for each pixel separately from the color information (for example, PNG file format). Similarly to the
さらに、前述したように、XMLファイル30aにおいては、部分領域A2に関連づけて、部分領域A2に対する操作がなされたときのアクションが指定されている。制御部20は、マウス41やキーボード40から取得した信号と、ディスプレイ42の画面にアクティブウィンドウとして表示されているウィンドウの情報と、マウスポインターやカーソルの画面内における位置を示す情報と、に基づいて、ユーザーによってなされた操作の内容を検出することができる。制御部20は、ユーザーがデバイスブラウザー21のウィンドウW内の部分領域A2に対する操作を行ったことを検出すると、図2Cに示す処理を呼び出し、XMLファイル30aにおいて部分領域A2に関連づけて指定されているアクションを実行する(ステップS300、アクション実行部21c)。
Furthermore, as described above, in the
ここで、ユーザーによる操作とは例えば、部分領域A2の選択や、部分領域A2の選択を決定する操作を指す。より具体的には例えば、部分領域A2にマウスポインターを重ねる操作や、部分領域A2にマウスポインターを重ねた状態でダブルクリックまたはシングルクリックする操作や、キーボードを使用して部分領域A2を選択する操作や、選択した状態でエンターキーを押す操作などである。また、アクションとは、当該操作がなされたことを検出したときに、実行されるPC10のふるまいを意味している。例えば、XMLファイル30aで、部分領域A2とリンクさせるベンダーWEBサイトのURLが記載されていた場合、部分領域A2の選択を決定する操作を検出すると、制御部20は、WEBブラウザー22を起動しWEBブラウザー22に接続先として当該URLを受け渡すというアクションを実行する。また例えば、部分領域が選択されたとき(マウスポインターが重ねられたとき等)にポップアップ表示で表示するテキスト情報をXMLファイルにおいて指定していた場合、ユーザーが部分領域を選択したことを検出すると制御部20は当該テキストをポップアップ表示するというアクションを実行する。
Here, the operation by the user refers to, for example, an operation for selecting the partial area A2 or determining the selection of the partial area A2. More specifically, for example, an operation of placing the mouse pointer over the partial area A2, an operation of double-clicking or single-clicking with the mouse pointer over the partial area A2, or an operation of selecting the partial area A2 using the keyboard Or pressing the enter key in the selected state. The action means the behavior of the
ロゴ図形は、背景画像領域A1内において、ユーザーの注目を集め当該ロゴ図形に対して何らかの操作をすると何らかのアクションが実行されるであろうことをユーザーに認識させる役割を果たしている。そのためユーザーはロゴ図形を目指して例えばマウスポインターを移動させる。図6Bを用いて説明したように、本実施形態の場合、部分領域A2とロゴ図形の領域とは、ウィンドウサイズを変化させると多少ずれることはあるが、少なくとも一部が重なるように設計されているため、ロゴ図形を目指してマウスポインターを移動させるユーザーは部分領域A2にマウスポインターを重ねることができる。すなわち、ユーザーは部分領域A2に対してなんらかの操作をすることができる。 The logo graphic plays a role of recognizing that the user's attention is collected in the background image area A1 and that some action will be executed if any operation is performed on the logo graphic. Therefore, the user moves the mouse pointer, for example, aiming at the logo shape. As described with reference to FIG. 6B, in the case of the present embodiment, the partial area A2 and the logo graphic area may be slightly deviated when the window size is changed, but at least a part thereof is designed to overlap. Therefore, the user who moves the mouse pointer aiming at the logo graphic can superimpose the mouse pointer on the partial area A2. That is, the user can perform some operation on the partial area A2.
以上説明したように、本実施形態によると、デバイスブラウザー21のウィンドウ内に表示されているロゴ図形に対してユーザーが操作を行ったことを検出すると、制御部20は予め指定されたアクションを実行することができるとともに、デバイスブラウザー21のウィンドウサイズが拡大または縮小されてもロゴ図形と背景との見栄えを崩さないようにすることができる。
As described above, according to the present embodiment, when it is detected that the user has performed an operation on the logo graphic displayed in the window of the
(3)他の実施形態:
尚、本発明の技術的範囲は、上述した実施の形態に限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々変更を加え得ることは勿論である。例えば、上記実施形態では、デバイスブラウザー21側が、背景画像領域A1の位置やサイズ、部分領域A2の位置やサイズを定義し制御する形態を説明したが、ベンダー側(のXMLファイル30a)で定義できてもよい。さらに、ベンダー側がウィンドウサイズの変化に応じて背景画像領域A1や部分領域A2の位置やサイズを変更したりすることができてもよい。
(3) Other embodiments:
It should be noted that the technical scope of the present invention is not limited to the above-described embodiment, and various modifications can be made without departing from the scope of the present invention. For example, in the above embodiment, the
また、上記実施形態では、部分領域A2のサイズは背景画像領域A1のサイズによらず常に一定である例を説明したが、例えば背景画像領域A1がある範囲内の大きさであるときのみ部分領域A2のサイズが固定であってもよい。具体的には例えば、部分領域A2の幅および高さは、例えば背景画像領域A1の高さが所定範囲内のときは固定で、背景画像領域A1の高さが所定範囲より小さくなったとき部分領域A2の高さおよび幅も短くし(但し縦横比率は変えない)、背景画像領域A2の高さが所定範囲を超えたとき部分領域A2の高さおよび幅を長くする(但し縦横比率は変えない)ように定義されていてもよい。 In the above embodiment, the example in which the size of the partial area A2 is always constant regardless of the size of the background image area A1 has been described. However, for example, the partial area A2 is only a size within a certain range. The size of A2 may be fixed. Specifically, for example, the width and height of the partial area A2 are fixed when, for example, the height of the background image area A1 is within a predetermined range, and the portion when the height of the background image area A1 is smaller than the predetermined range. The height and width of the area A2 are shortened (however, the aspect ratio is not changed), and when the height of the background image area A2 exceeds a predetermined range, the height and width of the partial area A2 are increased (however, the aspect ratio is changed). Not defined).
なお、デバイスブラウザー21の仕様上、部分領域A2のサイズはウィンドウWの拡大または縮小に伴って拡大または縮小するように定められていてもよいが、その場合も、背景画像領域A1と部分領域A2の拡大縮小率には若干の誤差のために同率とならないことがある、という特徴をデバイスブラウザー21は有している。
Note that, according to the specifications of the
10:PC(情報処理装置)、20:制御部、21:デバイスブラウザー、21a:ファイル取得部、21b:表示制御部、21c:アクション実行部、22:WEBブラウザー、30a:XMLファイル、30b:背景画像ファイル、30c:透明画像ファイル、40:キーボード、41:マウス、42:ディスプレイ、43:プリンター、A1:背景画像領域、A2:部分領域、A3:領域、I1:背景画像、I11:背景画像、I2:透明画像、I21:ロゴ画像、I3:写真画像、W:ウィンドウ。 10: PC (information processing apparatus), 20: control unit, 21: device browser, 21a: file acquisition unit, 21b: display control unit, 21c: action execution unit, 22: WEB browser, 30a: XML file, 30b: background Image file, 30c: Transparent image file, 40: Keyboard, 41: Mouse, 42: Display, 43: Printer, A1: Background image area, A2: Partial area, A3: Area, I1: Background image, I11: Background image, I2: Transparent image, I21: Logo image, I3: Photo image, W: Window.
Claims (3)
前記背景画像領域内に定義された部分領域であって前記背景画像に含まれる被注目図形領域の少なくとも一部を含む部分領域に関連づけて、当該部分領域に配置させる透明画像を表す透明画像ファイルを指定し、
前記部分領域に関連づけて、当該部分領域に対する操作がなされたときのアクションを示す情報を指定する、
ことを含むXMLファイル作成方法。 As the image to be placed in the background image area defined in the window, specify a background image file representing a background image displayed by being enlarged or reduced according to the enlargement or reduction of the background image area,
A transparent image file representing a transparent image to be arranged in the partial area in association with a partial area defined in the background image area and including at least a part of the target graphic area included in the background image. Specify
Specify information indicating an action when an operation is performed on the partial area in association with the partial area.
XML file creation method including the above.
前記XMLファイルに基づいて前記背景画像ファイルと前記透明画像ファイルとを取得し、前記背景画像領域に前記背景画像を配置するとともに前記部分領域に前記透明画像を配置した前記ウィンドウを、ディスプレイに表示させる表示制御手段と、
前記部分領域に対する操作がなされたことを検出すると、前記XMLファイルにおいて前記部分領域に関連づけて指定されている前記アクションを実行するアクション実行手段と、
を備える情報処理装置。 XML file acquisition means for acquiring the XML file created according to the XML file creation method according to claim 1;
The background image file and the transparent image file are acquired based on the XML file, and the window in which the background image is arranged in the background image area and the transparent image is arranged in the partial area is displayed on a display. Display control means;
An action execution means for executing the action specified in association with the partial area in the XML file when detecting that an operation is performed on the partial area;
An information processing apparatus comprising:
前記背景画像領域内に定義された部分領域であって前記背景画像に含まれる被注目図形領域の少なくとも一部を含む部分領域に関連づけて、当該部分領域に配置させる透明画像を表す透明画像ファイルを指定する記述と、
前記部分領域に関連づけて、当該部分領域に対する操作がなされたときのアクションを示す情報を指定する記述と、
を含むXMLファイル。 A description for designating a background image file representing a background image displayed by being enlarged or reduced according to enlargement or reduction of the background image area as an image to be arranged in the background image area defined in the window;
A transparent image file representing a transparent image to be arranged in the partial area in association with a partial area defined in the background image area and including at least a part of the target graphic area included in the background image. A description to specify,
A description that specifies information indicating an action when an operation is performed on the partial area in association with the partial area;
XML file containing
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2009091799A JP2010244271A (en) | 2009-04-06 | 2009-04-06 | Method of creating xml file, information processing apparatus, and xml file |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2009091799A JP2010244271A (en) | 2009-04-06 | 2009-04-06 | Method of creating xml file, information processing apparatus, and xml file |
Publications (1)
Publication Number | Publication Date |
---|---|
JP2010244271A true JP2010244271A (en) | 2010-10-28 |
Family
ID=43097227
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2009091799A Withdrawn JP2010244271A (en) | 2009-04-06 | 2009-04-06 | Method of creating xml file, information processing apparatus, and xml file |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2010244271A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016062491A (en) * | 2014-09-19 | 2016-04-25 | ヤフー株式会社 | Information display device, delivery device, information display method, and information display program |
JP2016517578A (en) * | 2013-03-14 | 2016-06-16 | フェイスブック,インク. | Modifying component content in the user interface |
-
2009
- 2009-04-06 JP JP2009091799A patent/JP2010244271A/en not_active Withdrawn
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016517578A (en) * | 2013-03-14 | 2016-06-16 | フェイスブック,インク. | Modifying component content in the user interface |
JP2016062491A (en) * | 2014-09-19 | 2016-04-25 | ヤフー株式会社 | Information display device, delivery device, information display method, and information display program |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8635549B2 (en) | Directly assigning desktop backgrounds | |
JP5187007B2 (en) | Image forming apparatus, display control method, and display control program | |
JP2011060301A (en) | Improved mobile communications terminal and method | |
KR101707283B1 (en) | Image processing apparatus, image processing method, and storage medium | |
JP2006074592A (en) | Electronic album edit apparatus, control method thereof, program thereof, and computer readable storage medium with program stored | |
JP5655347B2 (en) | Image processing control program and image forming apparatus | |
JP2007047324A (en) | Information processor, information processing method, and program | |
JP2010003294A (en) | Print control apparatus for structured document, print control method and program | |
JP2008219501A (en) | Image processor, image processing method, and image processing program | |
JP2012008686A (en) | Information processor and method, and program | |
JP4508745B2 (en) | Information processing apparatus, image editing apparatus, control method therefor, computer program, and computer-readable storage medium | |
JP7289661B2 (en) | Information processing device, control method, and its program | |
WO2010143637A1 (en) | Image processing apparatus, image processing method and storage medium | |
JP2007114402A (en) | Display processing apparatus | |
WO2011001945A1 (en) | Image processing device, image processing method, and storage medium | |
JP5735778B2 (en) | Information processing apparatus, information processing method, and program | |
JP2010244271A (en) | Method of creating xml file, information processing apparatus, and xml file | |
JP2012088789A (en) | Information processor, information processing method, and program | |
WO2013061725A1 (en) | Information display apparatus, information display method, and program therefor | |
JP5512213B2 (en) | Reference display system, reference display method and program | |
JP2009169548A (en) | Information processor, its multi-window display method and program | |
JP4648714B2 (en) | Content data display device, processing program in content data display device, and recording medium recording processing program in content data display device | |
JP2004213305A (en) | Printing control system, information processor, printing control method, and program | |
JP2010061337A (en) | Apparatus, system and method for information processing, program and recording medium | |
JP4848721B2 (en) | Image display method, image display program, and computer-readable recording medium on which image display program is recorded |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A300 | Application deemed to be withdrawn because no request for examination was validly filed |
Free format text: JAPANESE INTERMEDIATE CODE: A300 Effective date: 20120703 |