JP2010092082A - Content information processing method, content information processing program, and content information processor - Google Patents

Content information processing method, content information processing program, and content information processor Download PDF

Info

Publication number
JP2010092082A
JP2010092082A JP2008249991A JP2008249991A JP2010092082A JP 2010092082 A JP2010092082 A JP 2010092082A JP 2008249991 A JP2008249991 A JP 2008249991A JP 2008249991 A JP2008249991 A JP 2008249991A JP 2010092082 A JP2010092082 A JP 2010092082A
Authority
JP
Japan
Prior art keywords
entity
event handler
content information
information processing
virtual
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.)
Granted
Application number
JP2008249991A
Other languages
Japanese (ja)
Other versions
JP5237031B2 (en
Inventor
Tat Jhetson
タット ジェットソン
Yumi Sawada
裕美 澤田
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.)
Access Co Ltd
Original Assignee
Access Co Ltd
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 Access Co Ltd filed Critical Access Co Ltd
Priority to JP2008249991A priority Critical patent/JP5237031B2/en
Publication of JP2010092082A publication Critical patent/JP2010092082A/en
Application granted granted Critical
Publication of JP5237031B2 publication Critical patent/JP5237031B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Document Processing Apparatus (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

<P>PROBLEM TO BE SOLVED: To optimize a behavior of bi-directional digital content created in supposing a key input to that which is suitable for input by a pointing device such as a touch panel. <P>SOLUTION: A content information processing method includes steps of: generating a first document tree by performing the syntax analysis of a markup document; detecting an element in which a predetermined type of event handler as a substance is set from the first document tree; generating a second document tree based on the markup document; determining the element in which the event handler is set as a substance when the display of other elements is changed by executing the predetermined type of event handler, and determining the element whose display has been changed as a virtual body associated with the substance; and performing processing for focusing the substance when the virtual body associated with the substance receives a predetermined pointer operation. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

本発明は、コンテンツ情報処理方法、コンテンツ情報処理プログラム、及びコンテンツ情報処理装置に関する。   The present invention relates to a content information processing method, a content information processing program, and a content information processing apparatus.

近年、地上デジタル放送網の整備に伴い、家庭用の固定型デジタルテレビ受像機のみならず、地上デジタル放送の一形態であるワンセグ放送の受信機能を備えた携帯電話等の携帯端末が急速に普及しつつある。デジタル放送の主な特徴として、映像・音声信号による従来型の放送番組の提供に加えて、データ放送信号によりマルチメディアコンテンツが提供される点が挙げられる。デジタル放送におけるマルチメディアコンテンツのフォーマットはWeb技術をベースに規定されているため、放送とインターネットとをシームレスに連携したサービスの提供が可能になっている。   In recent years, with the development of digital terrestrial broadcasting networks, not only home-use fixed digital television receivers but also mobile terminals such as mobile phones equipped with a reception function for one-segment broadcasting, which is a form of terrestrial digital broadcasting, have spread rapidly. I am doing. The main feature of digital broadcasting is that multimedia contents are provided by data broadcast signals in addition to providing conventional broadcast programs by video / audio signals. Since the format of multimedia content in digital broadcasting is defined based on Web technology, it is possible to provide a service that seamlessly links broadcasting and the Internet.

日本におけるデータ放送のコンテンツは、XML(Extensible Markup Language)ベースのマークアップ言語であるBML(Broadcast Markup Language)により記述される。BMLの仕様は、社団法人電波産業会(ARIB:The Association of Radio Industries and Businesses)が策定したARIB STD−B24において規定されている。この仕様は、固定型デジタルテレビのリモコンや、従来の多くの携帯端末に搭載されている十字キー等の方向キーを使用したユーザ入力を前提に規定されており、また各データ放送コンテンツも方向キーによるユーザ入力を想定して制作されている。   Data broadcasting contents in Japan are described in BML (Broadcast Markup Language), which is an XML (Extensible Markup Language) based markup language. The specification of BML is defined in ARIB STD-B24 established by the Association of Radio Industries and Businesses (ARIB). This specification is based on the premise of user input using direction keys such as the cross key on fixed digital TV remote controllers and many conventional mobile terminals. It is produced assuming user input by.

また、最近はデジタルテレビチューナーを搭載したPC(Personal Computer)が増えており、マウス等のポインティングデバイスを使用してBMLコンテンツを閲覧する上で有効な技術が検討されている(特許文献1)。また、携帯端末においては、タッチパネル等のポインティングデバイスを搭載したものが増えており、ポインティングデバイスを使用してデータ放送コンテンツを閲覧する機会が多くなっている。   Recently, PCs (Personal Computers) equipped with digital TV tuners are increasing, and an effective technique for browsing BML contents using a pointing device such as a mouse is being studied (Patent Document 1). In addition, mobile terminals equipped with a pointing device such as a touch panel are increasing, and there are increasing opportunities to browse data broadcast contents using the pointing device.

ところで、通常のブラウザには、フォーカスされている要素を破線や太線で囲んだりシャドーを掛けたりする等の表示変更を行い、その要素がフォーカスされていることを明示する仕組みが備わっている。しかし、要素がフォーカスされた際の表示変更の態様はブラウザの種類や設定に依存してまちまちであり、コンテンツのデザインの統一性を損なう一因になっている。また、マウス等のポインティングデバイスによるユーザ入力、すなわちポインタ操作が想定されていない通常のBMLブラウザでは、画面にポインタが表示されないため、フォーカス中の要素を細い点線で囲って表示するような設定がなされている場合には、何れの要素がフォーカスされているのかが分かり難いという問題もある。   By the way, a normal browser has a mechanism for clearly indicating that the element is focused by changing the display such as enclosing the focused element with a broken line or a thick line or applying a shadow. However, the mode of display change when an element is focused varies depending on the type and setting of the browser, which is one factor that impairs the uniformity of content design. In addition, since a pointer is not displayed on a screen in a normal BML browser in which a user input by a pointing device such as a mouse, that is, a pointer operation is not assumed, a setting is made so that a focused element is surrounded by a thin dotted line. In such a case, there is a problem that it is difficult to understand which element is focused.

そのため、多くのデータ放送コンテンツ制作者は、要素がフォーカスされた際のデザイン性と視認性を向上させるため、図4に示されるような特殊な構造のBML文書を制作している。すなわち、object要素等の実際のフォーカス対象S1〜S4を目立たない態様で表示させる(あるいは表示が見えないようにする)一方で、フォーカス対象S1〜S4のフォーカス状態(フォーカスされているか否か)に連動して変化する画像V1〜V4を目立つ態様で表示させる仕組みをBML文書に取り入れている。なお、以下の説明においては、S1〜S4のようなユーザが視認し難い(あるいは視認できない)態様で表示される実際のフォーカス対象を「実体」、V1〜V4のような実体のフォーカス状態に連動して表示が変化する要素を「仮想体」と呼ぶ。また、実体及び仮想体を含むコンテンツを「実体/仮想体コンテンツ」と呼ぶ。   For this reason, many data broadcasting content creators produce BML documents with a special structure as shown in FIG. 4 in order to improve the design and visibility when elements are focused. That is, the actual focus targets S1 to S4 such as the object element are displayed in an inconspicuous manner (or the display is made invisible), while the focus states of the focus targets S1 to S4 (whether or not they are focused). A mechanism for displaying the images V1 to V4 that change in conjunction with each other in a conspicuous manner is incorporated in the BML document. In the following description, the actual focus target displayed in such a manner that the user cannot visually recognize (or cannot visually recognize) such as S1 to S4 is linked to the “entity” and the focus state of the entity such as V1 to V4. An element whose display changes is called a “virtual body”. A content including an entity and a virtual body is referred to as “entity / virtual body content”.

図4では、S1がフォーカスされており、S1に対応する画像V1が強調表示の画像となっている。また、フォーカスされていないS2〜S4に対応する画像V2〜V4は、通常表示の画像となっている。ここで、ユーザが十字キーを下側に押すと、フォーカスがS1の一つ下に配置されたS2に移り、S1に対応する画像V1が通常表示のものに、S2に対応する画像V2が強調表示のものに切り替わる(図5)。こうして十字キーの操作に連動して画像V1、V2が変化したことにより、フォーカスが「今日のおすすめ」(V1)から「注目の新番組」(V2)に移ったとユーザは認識する。すなわち、ユーザは、目立たない(あるいは見えない)表示態様のために実際のフォーカス対象S1〜S4の存在には気づかず、また十字キーの操作に連動して画像V1〜V4の表示が変化したことから、画像V1〜V4がフォーカス対象であると錯覚する。このようなコンテンツ構成により、機種に依存しないフォーカス時の優れた視覚効果を実現している。
特開2002−232371号公報
In FIG. 4, S1 is focused, and the image V1 corresponding to S1 is a highlighted image. Further, the images V2 to V4 corresponding to S2 to S4 which are not focused are normal display images. Here, when the user presses the cross key downward, the focus shifts to S2 arranged immediately below S1, the image V1 corresponding to S1 is the normal display image, and the image V2 corresponding to S2 is highlighted. The display is switched (FIG. 5). In this way, the user recognizes that the focus has shifted from “today's recommendation” (V1) to “notable new program” (V2) because the images V1 and V2 have changed in conjunction with the operation of the cross key. That is, the user does not notice the presence of the actual focus objects S1 to S4 because of the inconspicuous (or invisible) display mode, and the display of the images V1 to V4 has changed in conjunction with the operation of the cross key. Therefore, the illusion that the images V1 to V4 are focus targets is obtained. With such a content configuration, an excellent visual effect at the time of focusing independent of the model is realized.
JP 2002-232371 A

コンテンツ制作者の思惑通りにユーザが仮想体を真のフォーカス対象であると錯覚しても、コンテンツ制作者が想定した通りに方向キーを使用してユーザ入力がなされる限りは、ユーザが意図した通りにフォーカスが制御されるため何ら問題が生じることはない。しかし、ポインティングデバイスを使用して実体/仮想体コンテンツを閲覧する場合には、この錯覚が操作上の不都合を引き起こす。すなわち、仮想体はフォーカス対象ではなく単なる表示に過ぎないため、マウスやタッチパネル等のポインティングデバイスを使用したポインタ操作によって仮想体を選択しようとしても選択することができず、実体/仮想体コンテンツに対して所望のユーザ入力を行うことができないという問題がある。更に、ユーザが存在に気づいていない実体に偶然にポインティングデバイスが重なり、予想外のイベントが発生するという問題もある。   Even if the user has the illusion that the virtual object is the true focus target as the content creator thinks, the user intends as long as the user input is made using the direction keys as the content creator assumes. There is no problem because the focus is controlled on the street. However, this illusion causes operational inconvenience when browsing the real / virtual content using a pointing device. In other words, since the virtual body is not a focus target but merely a display, it cannot be selected even if the virtual body is selected by a pointer operation using a pointing device such as a mouse or a touch panel. Therefore, there is a problem that a desired user input cannot be performed. Further, there is a problem that an unexpected event occurs because the pointing device accidentally overlaps with an entity that the user is not aware of.

本発明は上記の事情に鑑みてなされたものであり、その目的とするところは、方向キー入力を想定して作成されたデジタルコンテンツの振る舞いをタッチパネルやマウス等のポインティングデバイスによる入力に適したものに最適化する方法、プログラム及び装置を提供することである。   The present invention has been made in view of the above circumstances, and the object of the present invention is to make the behavior of digital content created assuming directional key input suitable for input by a pointing device such as a touch panel or a mouse. It is to provide a method, a program, and an apparatus that are optimized.

上記の課題を解決するために、本発明により、ポインティングデバイスによる操作を受付可能な情報処理装置において、マークアップ言語で記述された文書に基づいてコンテンツをディスプレイにインタラクティブに表示するため処理を行う方法が提供される。本発明により提供されるコンテンツ情報処理方法は、文書を構文解析して第1のドキュメントツリーを生成するステップと、フォーカスされたときに他の要素である仮想体の表示を変化させる実体となり得る所定の種類のイベントハンドラが設定された要素を、第1のドキュメントツリーから検出するステップと、文書に基づく第2のドキュメントツリーを生成するステップと、第2のドキュメントツリーに対して、検出された実体となり得る要素の各々について、設定された所定の種類のイベントハンドラの各々を実行するステップと、所定の種類のイベントハンドラの実行によって他の要素の表示が変化したときに、該イベントハンドラが設定された要素を実体と判定し、該表示が変化した要素を該実体に関連付けられた仮想体と判定するステップと、実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行うステップとを含んでいる。   In order to solve the above problems, according to the present invention, in an information processing apparatus capable of accepting an operation by a pointing device, a method for performing processing for interactively displaying content on a display based on a document described in a markup language Is provided. The content information processing method provided by the present invention includes a step of parsing a document to generate a first document tree and a predetermined entity that can change a display of a virtual body that is another element when focused. Detecting an element for which an event handler of this type is set from the first document tree, generating a second document tree based on the document, and an entity detected for the second document tree For each of the possible elements, the step of executing each of the predetermined types of event handlers set, and when the display of other elements changes due to the execution of the predetermined types of event handlers, the event handlers are set. And the element whose display has changed is determined as a virtual body associated with the entity. A step, hypotheses associated with the entity and a step of performing processing to focus the entity upon receiving a predetermined pointer operation.

このような方法によりコンテンツをインタラクティブに表示するためのデータを最適化すれば、上記の実体/仮想体コンテンツもマウスやタッチパネル等のポインティングデバイスを使用して適切に操作することができるようになる。なお、ここで「コンテンツをインタラクティブに表示する」とは、表示されるコンテンツに含まれる要素に対してポインティングデイス等を使用したユーザ操作を行うことが可能な態様でコンテンツを表示することをいう。   By optimizing data for interactively displaying content by such a method, the above-described actual / virtual content can be appropriately operated using a pointing device such as a mouse or a touch panel. Here, “displaying the content interactively” means displaying the content in such a manner that a user operation using a pointing date or the like can be performed on an element included in the displayed content.

第2のドキュメントツリーは、元のマークアップ文書を構文解析して生成してもよいが、第1のドキュメントツリーを複製して生成してもよい。第1のドキュメントツリーを複製して生成すれば、再び構文解析を行う必要がないため、CPUの負担が軽減され、処理速度が改善する。   The second document tree may be generated by parsing the original markup document, or may be generated by duplicating the first document tree. If the first document tree is duplicated and generated, there is no need to perform syntax analysis again, so the burden on the CPU is reduced and the processing speed is improved.

実体をフォーカスするための処理を行うステップは、実体に関連付けられた仮想体上にポインタが位置しているときに実体をフォーカスするメソッドを実行するイベントハンドラを仮想体に設定するステップを含むことが望ましい。仮想体に対するポインタ操作に対応して実体の状態を変化させる仕組みには幾つか考えられるが、仮想体にイベントハンドラを設定する方法が最も簡単な方法の一つである。例えば、仮想体に対するポインタ操作に応じて実体がフォーカスされるような仕組みを追加する場合、実体に関連付けられた仮想体上にポインタが位置しているとき(言い換えれば、仮想体の表示にポインタの表示が重なっているとき)に実体をフォーカスするメソッドを実行するイベントハンドラを仮想体に設定することが考えられる。このとき、仮想体に設定されるイベントハンドラには例えばonmouseoverイベントハンドラが含まれ、実体をフォーカスするメソッドには例えばfocusメソッドが含まれる。また、このようなイベントハンドラを設定する場合、ブラウザ等のソフトウェアの内部処理としてイベントハンドラの設定を保持し、機能させることも可能である。しかしながら、設定されたイベントハンドラを含む中間データ(ドキュメントツリー、エレメントツリー、レイアウトツリー等に相当する、マークアップ文書から描画オブジェクトを生成するまでの中間過程で作られるデータ)を生成してもよい。すなわち、実体をフォーカスするための処理を行うステップは、設定されるイベントハンドラを含む中間データを生成するステップを含んでいてもよい。このような構成にすれば、ブラウザ等のソフトウェアの構造を大幅に変更することなく、本発明を比較的容易に実施することが可能になる。   The step of performing processing for focusing an entity may include the step of setting an event handler in the virtual body that executes a method for focusing the entity when the pointer is positioned on the virtual body associated with the entity. desirable. There are several possible mechanisms for changing the state of an entity in response to a pointer operation on a virtual body, but one of the simplest methods is to set an event handler on the virtual body. For example, when adding a mechanism in which an entity is focused in response to a pointer operation on a virtual object, when the pointer is positioned on the virtual object associated with the entity (in other words, the pointer is displayed on the display of the virtual object). It is conceivable to set an event handler in the virtual body that executes the method that focuses the entity when the display overlaps). At this time, the event handler set for the virtual body includes, for example, an onmouseover event handler, and the method for focusing an entity includes, for example, the focus method. When setting such an event handler, the setting of the event handler can be held and functioned as an internal process of software such as a browser. However, intermediate data including set event handlers (data corresponding to a document tree, element tree, layout tree, etc., created in an intermediate process from the generation of a markup document to a drawing object) may be generated. In other words, the step of performing the process for focusing the entity may include the step of generating intermediate data including the event handler to be set. With this configuration, the present invention can be implemented relatively easily without significantly changing the structure of software such as a browser.

同様に、上記のコンテンツ情報処理方法は、実体に関連付けられた仮想体が所定のポインタ操作を受けたときに実体をクリックするための処理を行うステップを更に含んでいてもよい。この場合、実体をクリックするための処理を行うステップは、実体に関連付けられた仮想体がクリックされたときに、実体をクリックするメソッドを実行するイベントハンドラを仮想体に設定するステップを含むことが望ましい。また、このとき実体をクリックするための処理を行うステップにおいて仮想体に設定されるイベントハンドラには例えばonclickイベントハンドラが含まれ、実体をクリックするメソッドには例えばclickメソッドが含まれる。このような構成によれば、仮想体に対するクリックに対応するポインタ操作が行われたときに、実体をクリックした効果が容易に実現される。   Similarly, the content information processing method described above may further include a step of performing processing for clicking on an entity when a virtual body associated with the entity receives a predetermined pointer operation. In this case, the step of performing processing for clicking the entity may include a step of setting an event handler for executing a method for clicking the entity in the virtual body when the virtual body associated with the entity is clicked. desirable. At this time, the event handler set for the virtual body in the step of performing the process for clicking the entity includes, for example, an onclick event handler, and the method for clicking the entity includes, for example, the click method. According to such a configuration, when a pointer operation corresponding to a click on the virtual body is performed, the effect of clicking on the entity is easily realized.

上記の方法は、一つの実体に関連付けられた仮想体が複数存在する場合に、複数の仮想体の各々が互いに包含関係にあるか否かを判定するステップを更に含んでいてもよい。この場合において、他の仮想体に包含された仮想体については、仮想体が所定のポインタ操作を受けたときに実体をフォーカスするための処理を行わないように構成されることが好ましい。このような構成にすれば、上記方法を実行するために必要な処理量を軽減させることができ、コンテンツ表示のレスポンスが向上する。   The above method may further include a step of determining whether or not each of the plurality of virtual bodies is in an inclusive relationship when there are a plurality of virtual bodies associated with one entity. In this case, it is preferable that a virtual body included in another virtual body is configured not to perform a process for focusing an entity when the virtual body receives a predetermined pointer operation. With such a configuration, it is possible to reduce the amount of processing necessary to execute the above method, and to improve the response of content display.

また、第2のドキュメントツリーを生成するステップは、所定の種類のイベントハンドラが設定された要素が第1のドキュメントツリーから検出されたときに実行されることが好ましい。第2のドキュメントツリーを使用して行われる本願発明に係る各種の処理は、仮想体に対するユーザ操作を有効にするためのものである。従って、仮想体となり得る所定の種類のイベントハンドラが設定された要素が第1のドキュメントツリーから検出されない場合には、そもそも本願発明に係る各種の処理は行われる必要が無い。したがって、このような構成にすれば、CPCが無用な処理を行うことが無くなり、処理速度を向上させることができる。   Further, it is preferable that the step of generating the second document tree is executed when an element in which a predetermined type of event handler is set is detected from the first document tree. Various processes according to the present invention, which are performed using the second document tree, are for validating a user operation on a virtual body. Therefore, when an element for which a predetermined type of event handler that can be a virtual body is set is not detected from the first document tree, various processes according to the present invention need not be performed in the first place. Therefore, with such a configuration, unnecessary processing is not performed by the CPC, and the processing speed can be improved.

また、本発明により、上記方法の各ステップをコンピュータに実行させるためのプログラムも提供される。   The present invention also provides a program for causing a computer to execute each step of the above method.

また、本発明により、マークアップ言語で記述された文書に基づいてコンテンツをディスプレイにインタラクティブに表示するため処理を行う情報処理装置が提供される。本発明により提供される情報処理装置は、ポインティングデバイスによる入力操作を受け付けるポインティングデバイス入力受付手段と、文書を取得する手段と、文書を構文解析して第1のドキュメントツリーを生成する第1ドキュメントツリー生成手段と、フォーカスされたときに他の要素である仮想体の表示を変化させる実体となり得る所定の種類のイベントハンドラが設定された要素を、第1のドキュメントツリーから検出する実体候補検出手段と、文書に基づく第2のドキュメントツリーを生成する第2ドキュメントツリー生成手段と、第2のドキュメントツリーに対して、前記検出された実体となり得る要素の各々に
ついて、設定された前記所定の種類のイベントハンドラの各々を実行するイベントハンドラ実行手段と、所定の種類のイベントハンドラの実行によって他の要素の表示が変化したときに、該イベントハンドラが設定された要素を実体と判定し、該表示が変化した要素を該実体に関連付けられた仮想体と判定する実体/仮想体関係判定手段と、実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行うフォーカス処理手段とを備えている。
The present invention also provides an information processing apparatus that performs processing for interactively displaying content on a display based on a document described in a markup language. An information processing apparatus provided by the present invention includes a pointing device input receiving unit that receives an input operation by a pointing device, a unit that acquires a document, and a first document tree that parses the document and generates a first document tree. Generation means, and entity candidate detection means for detecting an element set with a predetermined type of event handler that can be an entity that changes the display of a virtual body, which is another element when focused, from the first document tree A second document tree generating means for generating a second document tree based on the document, and the predetermined type event set for each of the elements that can be detected entities with respect to the second document tree. Event handler execution means for executing each of the handlers, and a predetermined type When the display of another element is changed by execution of the event handler, the element for which the event handler is set is determined to be an entity, and the element for which the display has been changed is determined to be a virtual body associated with the entity / Virtual body relation determining means, and a focus processing means for performing processing for focusing the entity when the virtual body associated with the entity receives a predetermined pointer operation.

また、第2ドキュメントツリー生成手段は、第1のドキュメントツリーの複製によって第2のドキュメントツリーを生成するように構成されていることが好ましい。   The second document tree generation means is preferably configured to generate the second document tree by duplicating the first document tree.

また、フォーカス処理手段は、実体に関連付けられた仮想体上にポインタが位置しているときに実体をフォーカスするメソッドを実行するイベントハンドラを仮想体に設定する第1イベントハンドラ設定手段を含んでいることが好ましい。   The focus processing means includes first event handler setting means for setting, in the virtual body, an event handler that executes a method for focusing the entity when the pointer is positioned on the virtual body associated with the entity. It is preferable.

また、フォーカス処理手段は、第1イベントハンドラ設定手段によって設定されるイベントハンドラを含む中間データを生成する中間データ生成手段を含んでいてもよい。第1イベントハンドラ設定手段によって設定されるイベントハンドラには例えばonmouseoverイベントハンドラが含まれ、実体をフォーカスするメソッドには例えばfocusメソッドが含まれる。   The focus processing means may include intermediate data generating means for generating intermediate data including an event handler set by the first event handler setting means. The event handler set by the first event handler setting means includes, for example, an onmouseover event handler, and the method for focusing an entity includes, for example, the focus method.

上記の情報処理装置は、実体に関連付けられた仮想体が所定のポインタ操作を受けたときに実体をクリックするための処理を行うクリック処理手段を更に備えていてもよい。   The information processing apparatus may further include a click processing unit that performs processing for clicking an entity when a virtual body associated with the entity receives a predetermined pointer operation.

このクリック処理手段は、実体に関連付けられた仮想体がクリックされたときに、実体をクリックするメソッドを実行するイベントハンドラを仮想体に設定する第2イベントハンドラ設定手段を含んでいることが好ましい。第2イベントハンドラ設定手段によって設定されるイベントハンドラには例えばonclickイベントハンドラが含まれ、実体をクリックするメソッドには例えばclickメソッドが含まれる。   The click processing means preferably includes second event handler setting means for setting an event handler that executes a method for clicking an entity when the virtual object associated with the entity is clicked. For example, an onclick event handler is included in the event handler set by the second event handler setting means, and a click method is included in the method for clicking the entity.

コンテンツ情報処理装置は、一つの実体に関連付けられた仮想体が複数存在する場合に複数の仮想体の各々が互いに包含関係にあるか否かを判定する手段を更に備えていてもよい。この場合において、フォーカス処理手段は、一つの実体に関連付けられた複数の仮想体に包含関係が存在する場合に、他の仮想体に包含された仮想体については仮想体が所定のポインタ操作を受けたときに実体をフォーカスするための処理を行わないように構成されていることが好ましい。   The content information processing apparatus may further include means for determining whether or not each of the plurality of virtual bodies is in an inclusive relationship when there are a plurality of virtual bodies associated with one entity. In this case, when there is an inclusion relationship among a plurality of virtual bodies associated with one entity, the focus processing means receives a predetermined pointer operation for a virtual body included in another virtual body. It is preferable that the processing for focusing the entity is not performed when the camera is used.

本発明によれば、十字キー等のポインティングデバイス以外のユーザ入力手段の使用を想定して作成されたコンテンツの振る舞いを、ポインティングデバイスを使用した入力に適したものに最適化するコンテンツ情報処理方法、コンテンツ情報処理プログラム、及びコンテンツ情報処理装置が提供される。   According to the present invention, a content information processing method for optimizing the behavior of content created assuming use of a user input means other than a pointing device such as a cross key to be suitable for input using a pointing device, A content information processing program and a content information processing apparatus are provided.

以下、図面を参照しながら、本発明の実施形態について説明する。   Hereinafter, embodiments of the present invention will be described with reference to the drawings.

図1は、本発明の実施形態である端末装置10の外観図である。図1(a)は上面、(b)は下面を示す。また、図2は、端末装置10の概略構成を示すブロック図である。なお、本実施形態において端末装置10は携帯電話端末であるが、例えばPDA(Personal Digital Assistants)や、PHS(Personal Handy phone System)、携帯ゲーム機、家電、デスクトップPC、ラップトップPC、デジタルテレビ受像機等の、Webブラウザやデジタルデータ放送用ブラウザ等の各種デジタルコンテンツ用ブラウザを実装した別形態の端末にも置換可能である。   FIG. 1 is an external view of a terminal device 10 according to an embodiment of the present invention. FIG. 1A shows the upper surface, and FIG. 1B shows the lower surface. FIG. 2 is a block diagram illustrating a schematic configuration of the terminal device 10. In this embodiment, the terminal device 10 is a mobile phone terminal. For example, a PDA (Personal Digital Assistants), a PHS (Personal Handy phone System), a portable game machine, a home appliance, a desktop PC, a laptop PC, and a digital TV receiver. It is also possible to replace the terminal with another type of terminal equipped with various digital content browsers such as a web browser and a digital data broadcasting browser.

図2に示されるように、端末装置10は、装置全体の制御を統括的に実行するCPU(Central Processing Unit)103を有している。端末装置10を構成する各要素は、システムバス119を介してCPU103と相互に接続されている。端末装置10を構成する各要素には、ROM(Read Only Memory)105、RAM(Random Access Memory)107、無線通信部108、タッチパネルセンサ109、ディスプレイ110、スピーカ111、マイク112、VRAM(Video Random Access Memory)115、及び電源部116等がある。なお、システムバス119はデータラインの他に電源ラインも備えている。また、タッチパネルセンサ109は、ディスプレイ110の表示画面を構成する透明基板上に該基板と一体に形成されており、ディスプレイ110と共にタッチパネルディスプレイを構成する。CPU103を始めとする端末装置10の各要素には、バッテリを備えた電源部116から電源ラインを介して電源供給が行われる。電源部116からの給電は電源On/Offキー117によって制御される。   As illustrated in FIG. 2, the terminal device 10 includes a CPU (Central Processing Unit) 103 that performs overall control of the device. Each element constituting the terminal device 10 is mutually connected to the CPU 103 via the system bus 119. Each element constituting the terminal device 10 includes a ROM (Read Only Memory) 105, a RAM (Random Access Memory) 107, a wireless communication unit 108, a touch panel sensor 109, a display 110, a speaker 111, a microphone 112, and a VRAM (Video Random Access). Memory) 115, a power supply unit 116, and the like. The system bus 119 includes a power supply line in addition to the data line. The touch panel sensor 109 is formed integrally with the substrate on the transparent substrate that constitutes the display screen of the display 110 and constitutes a touch panel display together with the display 110. Each element of the terminal device 10 including the CPU 103 is supplied with power from a power supply unit 116 including a battery via a power supply line. Power supply from the power supply unit 116 is controlled by a power supply On / Off key 117.

ROM105は、フラッシュメモリ等の不揮発性の半導体メモリであり、携帯端末用OS(Operating System)1050の他に、ブラウザ1051等の各種アプリケーションプログラムや各種の設定用データ等が記憶される補助記憶装置である。ブラウザ1051は、HTML(Hypertext Transfer Protocol)やXHTML(eXtensible HyperText Markup Language)等で記述されたWebコンテンツの他、BML(Broadcast Markup Language)等で記述されたデータ放送コンテンツの閲覧を可能にするアプリケーションプログラムである。なお、BMLは、社団法人電波産業会によって策定されたXML(Extensible Markup Language)ベースのデータ放送用記述言語である。   The ROM 105 is a non-volatile semiconductor memory such as a flash memory, and is an auxiliary storage device that stores various application programs such as a browser 1051 and various setting data in addition to an OS (Operating System) 1050 for a portable terminal. is there. The browser 1051 is an application program that enables browsing of data broadcast contents described in BML (Broadcast Markup Language), etc., in addition to Web contents described in HTML (Hypertext Transfer Protocol), XHTML (eXtensible HyperText Markup Language), etc. It is. Note that BML is an XML (Extensible Markup Language) -based data broadcasting description language formulated by the Japan Radio Industry Association.

CPU103は、端末装置10の電源投入後、システムバス119を介して必要なハードウェアにアクセスする。例えば端末装置10の電源投入直後、CPU103は、ROM105にアクセスしてOS(Operating System)1050を読み出して、RAM107にロードして起動する。これにより、各要素がOS1050によるリソースおよびプロセスの管理下で連係動作して各種処理を実行する。   The CPU 103 accesses necessary hardware via the system bus 119 after the terminal device 10 is powered on. For example, immediately after powering on the terminal device 10, the CPU 103 accesses the ROM 105, reads an OS (Operating System) 1050, loads it into the RAM 107, and starts it. As a result, each element performs a cooperative operation under the management of resources and processes by the OS 1050 to execute various processes.

例えばタッチパネルセンサ109へのフィンガータッチによりブラウザ1051を起動させる操作が行われたとき、OS1050は、ブラウザ1051をOS1050上で動作させるため、ブラウザ1051をRAM107にロードして起動する。OS1050により起動されたブラウザ1051は、ユーザによるWebコンテンツへのアクセスやデータ放送受信の操作等に応じてCPU103等のハードウェアと協働して処理を行う。かかる処理の結果として、ユーザは、ディスプレイ110を通じてWebコンテンツの閲覧やデータ放送等の視聴をすることができる。   For example, when an operation for starting the browser 1051 by a finger touch on the touch panel sensor 109 is performed, the OS 1050 loads the browser 1051 into the RAM 107 and starts it in order to operate the browser 1051 on the OS 1050. A browser 1051 activated by the OS 1050 performs processing in cooperation with hardware such as the CPU 103 in accordance with a user's access to Web content, a data broadcast reception operation, or the like. As a result of such processing, the user can view Web content, view data broadcasts, and the like through the display 110.

無線通信部108は、アンテナ108aによって受信された電波から所定の周波数の信号を抽出してベースバンド信号に変換するチューナ部、ベースバンド信号をAD変換、OFDM(Orthogonal Frequency Division Multiplexing)復調および誤り訂正を行って放送局が送信するMPEG−2 TS(MPEG-2 Transport Stream)ストリームを出力する復調部と、MPEG−2 TSストリームから映像・音声・データの各信号(ES:Elementary Stream)を分離及びデコードして出力するデコード部を有している。無線通信部108から供給される映像、音声およびデータの各ESを用いてブラウザ1051は各種放送をディスプレイ110に表示し、スピーカ111から音声信号を出力する。   The wireless communication unit 108 extracts a signal of a predetermined frequency from the radio wave received by the antenna 108a and converts it into a baseband signal, AD conversion of the baseband signal, OFDM (Orthogonal Frequency Division Multiplexing) demodulation and error correction And a demodulator that outputs an MPEG-2 TS (MPEG-2 Transport Stream) stream transmitted from a broadcasting station, and separates each signal (ES: Elementary Stream) of video, audio, and data from the MPEG-2 TS stream It has a decoding unit for decoding and outputting. The browser 1051 displays various broadcasts on the display 110 using the video, audio, and data ES supplied from the wireless communication unit 108 and outputs audio signals from the speaker 111.

ディスプレイ110は、有機EL(Electro-Luminescence)ディスプレイの表面に静電容量方式のタッチパネルが形成されたものである。ユーザが、指先やスタイラスでタッチパネルディスプレイ110(109)の表示を触れると、それによる静電容量の変化が発生したタッチパネルディスプレイ上の位置が検出され、この入力位置情報がタッチパネルセンサ109から出力される。OS1050(CPU103)は、ディスプレイ110に表示されている各要素の表示位置情報と、タッチパネルセンサ109によって検出された入力位置情報及びその時間変化に基づいてユーザ入力を解釈し、解釈結果に基づいた処理を行う。例えば、待ち受け画面上にデータ放送受信機能に対応するアイコンが表示されているときに、ユーザがアイコンに一瞬だけ指先を触れて離したとする。タッチパネルセンサ109は、ユーザのフィンガータッチによってタッチパネルの静電容量が低下している間だけ、静電容量が低下した位置、すなわちユーザ入力の位置情報をCPU103に送る。OS1050は、受け取った入力位置情報に基づいて、タッチパネルセンサ109の入力位置に対応するディスプレイ110の表示位置に表示されている要素(データ放送受信機能のアイコン)を判定する。また、OS1050は、ユーザ入力位置が変化せず、短時間で終了していることから、ユーザ入力が「クリック」に対応するものであると判定する。従って、OS1050は、ユーザ入力がデータ放送受信開始の指令であると解釈し、ブラウザ1051を起動してデータ放送の受信を開始するよう指令する。このようにして、ユーザはタッチパネル機能付きディスプレイ110(109)に表示された要素を指先やスタイラスで触れることにより、要素の選択や要素に関連付けられた指示の入力、手書き文字入力や図形入力等のユーザ入力を直感的に行うことができる。   The display 110 has a capacitive touch panel formed on the surface of an organic EL (Electro-Luminescence) display. When the user touches the display on the touch panel display 110 (109) with a fingertip or a stylus, the position on the touch panel display where the change in capacitance is caused is detected, and this input position information is output from the touch panel sensor 109. . The OS 1050 (CPU 103) interprets the user input based on the display position information of each element displayed on the display 110, the input position information detected by the touch panel sensor 109, and its time change, and processing based on the interpretation result I do. For example, it is assumed that when an icon corresponding to the data broadcast reception function is displayed on the standby screen, the user touches and releases the icon for a moment. The touch panel sensor 109 sends the position where the capacitance is reduced, that is, the position information of the user input, to the CPU 103 only while the capacitance of the touch panel is reduced due to the finger touch of the user. The OS 1050 determines an element (data broadcast reception function icon) displayed at the display position of the display 110 corresponding to the input position of the touch panel sensor 109 based on the received input position information. Further, the OS 1050 determines that the user input corresponds to “click” because the user input position does not change and is completed in a short time. Accordingly, the OS 1050 interprets that the user input is a command to start data broadcast reception, and instructs the browser 1051 to start reception of data broadcast. In this manner, the user touches an element displayed on the display 110 (109) with a touch panel function with a fingertip or a stylus, thereby selecting an element, inputting an instruction associated with the element, inputting a handwritten character, inputting a graphic, etc. User input can be performed intuitively.

なお、ディスプレイ110の表示デバイスの方式は有機EL方式に限らず、液晶ディスプレイ等の別の表示方式であってもよい。タッチパネルの方式も、静電容量方式に限らず、抵抗膜方式や表面弾性波方式等の別の方式であってもよい。また、タッチパネルに限らず、タッチパッド、ポインティング・スティック、トラックボール、マウス等の別の種類のポインティングデバイスであってもよい。   Note that the display device method of the display 110 is not limited to the organic EL method, and may be another display method such as a liquid crystal display. The touch panel method is not limited to the capacitive method, and may be another method such as a resistive film method or a surface acoustic wave method. The touch panel is not limited to a touch panel, and may be another type of pointing device such as a touch pad, a pointing stick, a trackball, and a mouse.

さらに、端末装置10は、ジャイロセンサ、加速度センサ、ジャークセンサ等の運動センサから構成されるユーザ入力デバイスを備えていてもよい。この場合、例えばCPU103が各種センサの出力を監視して端末装置10本体の傾斜角度、角速度、加速度、躍度(加速度の時間変化率)等を測定し、その測定値に応じた画面スクロールがCPU103とブラウザ1051との連係動作によって実現される。例えばユーザが端末装置10本体を上下左右に移動や傾斜をさせたとき、その移動方向や速度、傾斜角度等に応じた画面スクロールが行われる。そのため、ユーザは、コンテンツの表示領域をより直感的にスクロールさせることができる。   Furthermore, the terminal device 10 may include a user input device including a motion sensor such as a gyro sensor, an acceleration sensor, or a jerk sensor. In this case, for example, the CPU 103 monitors the outputs of various sensors and measures the tilt angle, angular velocity, acceleration, jerk (time change rate of acceleration), etc. of the terminal device 10 main body, and the screen scroll corresponding to the measured value is the CPU 103. And the browser 1051 are implemented. For example, when the user moves or tilts the terminal device 10 main body up, down, left, or right, screen scrolling is performed according to the moving direction, speed, tilt angle, and the like. Therefore, the user can more intuitively scroll the content display area.

次にブラウザ1051の機能、特に、ブラウザ1051の基本的な構成要素であるブラウザエンジン30について詳しく説明する。図3は、ブラウザエンジン30の機能ブロック図である。図3に示されるように、ブラウザエンジン30は、パーサ31、ページメーカ32、ページエディタ33、及び後述する本発明の実施形態に特徴的な仮想体処理機能部34の各機能ブロックから構成されている。   Next, functions of the browser 1051, particularly the browser engine 30 which is a basic component of the browser 1051, will be described in detail. FIG. 3 is a functional block diagram of the browser engine 30. As shown in FIG. 3, the browser engine 30 includes functional blocks of a parser 31, a page maker 32, a page editor 33, and a virtual body processing function unit 34 characteristic of the embodiment of the present invention described later. Yes.

データ放送視聴を開始する操作、例えばディスプレイ110の待ち受け画面に表示されたデータ放送受信機能を示すアイコンが、マウスのクリック操作に対応する上述のフィンガータッチを受けると、ブラウザ1051が起動して、無線通信部108が供給する放送信号の読み取りを開始する。データ放送信号は、起動ファイル、ファイル一覧表(DII)及びデータ放送コンテンツの各ページを構成するBMLで記述されたマークアップ文書21並びに各モノメディアファイル(例えばPNG形式の画像ファイル等)からなるモジュールから構成される1単位のデータが繰り返される、ARIB規格に準拠したDSM−CC(Digital Storage Media Command and Control)カールーセル伝送方式のデータストリームである。ブラウザ1051は、データ放送信号(放送信号中のデータES)の1単位(1周期分)を読み取ると、所定のデータフォーマットに基づいてマークアップ文書21及び各モノメディアファイルを抽出する。   When an operation for starting data broadcast viewing, for example, an icon indicating a data broadcast reception function displayed on the standby screen of the display 110 receives the above-described finger touch corresponding to a mouse click operation, the browser 1051 is activated and wireless Reading of the broadcast signal supplied by the communication unit 108 is started. The data broadcast signal is a module composed of a startup file, a file list (DII), a markup document 21 described in BML constituting each page of the data broadcast content, and each monomedia file (for example, PNG format image file). Is a data stream of a DSM-CC (Digital Storage Media Command and Control) Carlousel transmission system compliant with the ARIB standard. When the browser 1051 reads one unit (one period) of the data broadcast signal (data ES in the broadcast signal), the browser 1051 extracts the markup document 21 and each monomedia file based on a predetermined data format.

パーサ31は、ESから抽出されたマークアップ文書21を構文解析して、その解析結果からマークアップ文書21の論理構造をツリー構造で表現したドキュメントツリー23(例えばDOM(Document Object model)ツリー)を生成してRAM107に展開する。なお、ドキュメントツリー23は、マークアップ文書21を構成する各要素をノードにもつ、マークアップ文書21のアウトラインを表すデータである。ドキュメントツリー23は、マークアップ文書21の論理構造を表現するのみであり、ドキュメントの表現に関する情報までは含んでいない。   The parser 31 parses the markup document 21 extracted from the ES, and generates a document tree 23 (for example, a DOM (Document Object model) tree) expressing the logical structure of the markup document 21 in a tree structure from the analysis result. Generated and expanded in the RAM 107. The document tree 23 is data representing an outline of the markup document 21 having each element constituting the markup document 21 as a node. The document tree 23 only represents the logical structure of the markup document 21 and does not include information related to the expression of the document.

ページメーカ32は、ドキュメントツリー23を基に、各タグで決められた表示スタイル(p, div, span等)の情報を含むエレメントツリー25を生成して、マークアップ文書21内で指定されている画像のリクエストやイベント処理の登録等を行い、RAM107に格納する。エレメントツリー25は、p, div, span 等の要素がどのような順序や包含関係で存在しているかを表現しているが、これらの要素が画面のどこにどのような幅と高さで表示されるか、テキストがどこで折り返されるか等のレイアウトに関する情報までは含んでいない。   The page maker 32 generates an element tree 25 including information on the display style (p, div, span, etc.) determined by each tag based on the document tree 23 and is specified in the markup document 21. An image request, event processing registration, and the like are performed and stored in the RAM 107. The element tree 25 expresses in what order and inclusion relation the elements such as p, div, span, etc. exist, but where these elements are displayed in what width and height on the screen. Or information about layout such as where text is wrapped.

ページエディタ33は、設定されている表示倍率や表示モードにしたがって、エレメントツリー25の各ノード(要素)のレイアウト(つまり各要素のテキストの折り返しや、画面上の位置、幅、高さ等)や色等を一つずつ決定し、各要素のレイアウトを表現するレイアウトツリー27を生成する。   The page editor 33 displays the layout of each node (element) of the element tree 25 (that is, the text wrapping of each element, the position on the screen, the width, the height, etc.) according to the set display magnification and display mode. A color or the like is determined one by one, and a layout tree 27 representing the layout of each element is generated.

レイアウトが決定された要素は逐次、ページエディタ33によりRAM107の所定領域に作成されたイメージバッファ1071にレンダリングされる。イメージバッファ1071には、ディスプレイ110への表示が予定される領域およびその周辺領域に存在する要素がレンダリングされる。すなわち、ページエディタ33によりレンダリングされたイメージバッファ1071の全領域のレンダリング結果(描画オブジェクト)は一画面に表示されるわけではない。ディスプレイ110には、ブラウザ1051が指定するイメージバッファ1071上の、コンテンツを表示するウィンドウに対応した領域(以下、当該領域を「指定領域」と記す。)のレンダリング結果が表示される。   The elements whose layout has been determined are sequentially rendered by the page editor 33 in the image buffer 1071 created in a predetermined area of the RAM 107. In the image buffer 1071, elements existing in a region scheduled to be displayed on the display 110 and its peripheral region are rendered. That is, the rendering result (drawing object) of the entire area of the image buffer 1071 rendered by the page editor 33 is not displayed on one screen. The display 110 displays a rendering result of an area corresponding to a window for displaying content on the image buffer 1071 designated by the browser 1051 (hereinafter, this area is referred to as “designated area”).

VRAM115は、ディスプレイ110に直接表示される内容を保持するメモリであり、ディスプレイ110の画面サイズに対応するイメージ領域を有している。VRAM115には、ツールバー等の画像とともにイメージバッファ1071の指定領域にレンダリングされた内容が書き込まれる。そのため、レイアウトが決定された要素がイメージバッファ1071に逐次レンダリングされたとき、そのレンダリング結果がVRAM115に逐次書き込まれていく。これにより、コンテンツの各要素がディスプレイ110に次々と表示される。ブラウザ1051による以上の処理を経て、コンテンツがディスプレイ110に表示される。   The VRAM 115 is a memory that holds contents directly displayed on the display 110 and has an image area corresponding to the screen size of the display 110. In the VRAM 115, the rendered contents are written in a designated area of the image buffer 1071 together with an image such as a toolbar. Therefore, when elements whose layout has been determined are sequentially rendered in the image buffer 1071, the rendering results are sequentially written in the VRAM 115. Thereby, each element of content is displayed on the display 110 one after another. The content is displayed on the display 110 through the above processing by the browser 1051.

以上が通常のコンテンツを表示する際に必要なブラウザ1051の要素と動作である。本実施形態のブラウザ1051は、実体/仮想体コンテンツの振る舞いをタッチパネル入力に適したものに最適化するための処理を行う仮想体処理機能部34を更に有している。以下に、本実施形態のブラウザ1051が実体/仮想体コンテンツを表示する際に行う特徴的な処理について詳細に説明する。   The above are the elements and operations of the browser 1051 necessary for displaying normal content. The browser 1051 of this embodiment further includes a virtual body processing function unit 34 that performs processing for optimizing the behavior of the entity / virtual body content to that suitable for touch panel input. Hereinafter, a characteristic process performed when the browser 1051 of the present embodiment displays the actual / virtual content will be described in detail.

まず、実体/仮想体コンテンツであるマークアップ文書21の構成を説明する。図4に、マークアップ文書21の画面表示例21’を示す。マークアップ文書21は、データ放送コンテンツを記述するBMLファイルである。表示画面21’の左端に並ぶ微小の矩形表示S1〜S4は、それぞれ「実体」としてのobject要素の表示である。実体S1〜S4は、例えば、できるだけ小さく(例えば1ピクセル×1ピクセルのサイズで)表示されるように設定されたり、画面の端に配置されたり、あるいは背景と同系色で表示されるなどして、ユーザに気づかれ難い目立たない態様で表示されるようになっている。また、実体S1〜S4は、ユーザが視認できないように、他の要素の裏側に隠れるように配置される場合もある。   First, the configuration of the markup document 21 that is entity / virtual content will be described. FIG. 4 shows a screen display example 21 ′ of the markup document 21. The markup document 21 is a BML file describing data broadcasting content. Small rectangular displays S1 to S4 arranged at the left end of the display screen 21 'are display of object elements as "substances". For example, the entities S1 to S4 are set to be displayed as small as possible (for example, in a size of 1 pixel × 1 pixel), arranged at the edge of the screen, or displayed in a similar color to the background. It is displayed in an inconspicuous manner that is difficult for the user to notice. Moreover, entity S1-S4 may be arrange | positioned so that it may be hidden behind the other element so that a user cannot visually recognize.

一方、画面中央に並ぶ「今日のおすすめ」、「注目の新番組」、「ニュース速報」及び「天気」の各表示V1〜V4は、それぞれ実体S1〜S4に対応する「仮想体」としてのimg要素の表示である。object要素S1〜S4にはonfocusイベントハンドラ(onfocus属性)が設定されており、object要素S1〜S4がフォーカスされている間は対応する仮想体V1〜V4のイメージファイルを別ファイル(強調表示のイメージファイル)に差し替えるスクリプトが実行されるようになっている。   On the other hand, “Visitor's recommendation”, “Featured new program”, “Breaking news”, and “Weather” displays V1 to V4 in the center of the screen are displayed as “virtual objects” corresponding to the entities S1 to S4, respectively. This is a representation of the element. An onfocus event handler (onfocus attribute) is set in the object elements S1 to S4. While the object elements S1 to S4 are focused, the image files of the corresponding virtual bodies V1 to V4 are different files (highlighted images). Script to replace (file).

また、マークアップ文書21は、デフォルトでobject要素S1がフォーカスされるように構成されている。また、本実施形態においては、フォーカスされている要素の周囲に太線が表示されるようにブラウザ1051が設定されている。そのため、図4では、フォーカスされているobject要素S1が太線で囲まれて表示されている。また、object要素S1〜S4にはonfocusイベントハンドラが設定されており、object要素がフォーカスされている間は仮想体V1〜V4の表示を通常表示画像(図4におけるV2〜4の表示パターン)から強調表示画像(図4におけるV1の表示パターン)に切り替えるスクリプトが実行されるようになっている。object要素S1〜S4には更にonclickイベントハンドラが設定されており、例えば固定式テレビ受像機のリモコンの決定キーの押下操作等、マウスのクリック操作に相当するイベントの発生をトリガーとして、イベントハンドラにより設定された所定の処理が実行されるようになっている。マークアップ文書21は、onclickイベントハンドラが実行されると、表示V1〜V4の示す項目に対応するページに画面表示が遷移するように構成されている。   The markup document 21 is configured so that the object element S1 is focused by default. In the present embodiment, the browser 1051 is set so that a thick line is displayed around the focused element. Therefore, in FIG. 4, the focused object element S1 is displayed surrounded by a thick line. Further, an onfocus event handler is set for the object elements S1 to S4, and the virtual bodies V1 to V4 are displayed from the normal display image (the display patterns of V2 to 4 in FIG. 4) while the object element is focused. A script for switching to a highlighted image (display pattern V1 in FIG. 4) is executed. Further, an onclick event handler is set in each of the object elements S1 to S4. For example, the event handler is triggered by the occurrence of an event corresponding to a mouse click operation such as a pressing operation of a determination key of a fixed television receiver remote control. The set predetermined process is executed. The markup document 21 is configured such that when the onclick event handler is executed, the screen display transitions to a page corresponding to the items indicated by the displays V1 to V4.

上記のデータ放送コンテンツを固定式テレビ受像機等で視聴する場合、図4の表示がされているときにリモコンの十字キーの下方向キーを押すと、画面表示は図5の状態に遷移する。すなわち、フォーカスがobject要素S1からS1の下方に配置されたobject要素S2に移り、これに伴い仮想体V1の表示が強調表示画像から通常表示画像に、仮想体V2の表示が通常表示画像から強調表示画像に切り替えられている。しかし、仮想体V1〜V4はフォーカス対象ではなく単なる表示に過ぎないため、後述する本発明に特徴的な処理を行わなければ、タッチパネル機能付きディスプレイ110に表示された仮想体V1〜V4にポインタを合わせても仮想体V1〜V4を強調表示させる(すなわち、仮想体V1〜V4に対応する実体S1〜S4にフォーカスを移す)ことはできない。   When viewing the above data broadcast content on a fixed television receiver or the like, if the down key of the cross key on the remote controller is pressed while the display of FIG. 4 is displayed, the screen display changes to the state of FIG. That is, the focus moves from the object element S1 to the object element S2 arranged below S1, and accordingly, the display of the virtual body V1 is highlighted from the highlighted image to the normal display image, and the display of the virtual body V2 is highlighted from the normal display image. The display image has been switched. However, since the virtual bodies V1 to V4 are not a target of focus but merely a display, a pointer is placed on the virtual bodies V1 to V4 displayed on the display 110 with the touch panel function unless processing characteristic of the present invention described later is performed. Even if they are combined, the virtual bodies V1 to V4 cannot be highlighted (that is, the focus can be shifted to the entities S1 to S4 corresponding to the virtual bodies V1 to V4).

図6は、本実施形態のブラウザ1051がデータ放送コンテンツを表示する際の処理を示すフローチャートである。また、図7は、図6のフローチャートにおけるステップ5(仮想体検出処理)の処理の詳細を示したものでる。なお、以下の説明及び図面において、処理の各ステップをSTと略記する。   FIG. 6 is a flowchart showing processing when the browser 1051 of the present embodiment displays data broadcast content. FIG. 7 shows details of step 5 (virtual body detection processing) in the flowchart of FIG. In the following description and drawings, each step of processing is abbreviated as ST.

データ放送の視聴開始を指示するユーザ入力等をトリガーとして図6の処理が開始する。図6の処理が開始すると、ブラウザ1051は無線通信部108から提供されるデータ放送のESを取得し、ESからマークアップ文書21を抽出して取得する(ST1)。次に、ブラウザ1051のパーサ31がマークアップ文書21の構文を解析(パージング)して、ドキュメントツリー23を作成し、RAM107に展開する(ST2)。   The process of FIG. 6 starts with a user input or the like instructing the start of viewing data broadcasting as a trigger. When the processing in FIG. 6 starts, the browser 1051 acquires the ES of the data broadcast provided from the wireless communication unit 108, extracts the markup document 21 from the ES, and acquires it (ST1). Next, the parser 31 of the browser 1051 analyzes (parses) the syntax of the markup document 21, creates a document tree 23, and expands it in the RAM 107 (ST2).

次に、仮想体処理機能部34はドキュメントツリー23を検索して、仮想体の表示を変化させる実体となり得る所定の要素(実体候補)を検出する(ST3)。本実施形態では、所定の要素としてonfocusのみ又はonfocus 及びonclickの両方のイベントハンドラを含むobject要素が検出される。しかし、所定の要素として適切なものは、これらの要素に限定されるものではなく、またマークアップ文書21を記述する言語にも依存する。例えば、マークアップ文書がHTMLで記述されたものである場合は、フォーカス可能な要素としてはobject要素以外にもa要素やinput要素も存在し、これらの要素は仮想体を伴う実体となり得る。ドキュメントツリー23から所定の要素が含まれていなければ(ST3:NO)、従来のブラウザと同様の処理を行ってマークアップ文書21によって記述されたコンテンツをディスプレイ110に表示する。すなわち、ブラウザ1051は、エレメントツリー25の作成(ST7)、レイアウトツリー27の作成(ST8)及びレンダリング(ST9)の一連の処理によって描画オブジェクトを生成して、コンテンツをディスプレイ110に表示する(ST10)。   Next, the virtual body processing function unit 34 searches the document tree 23 to detect a predetermined element (entity candidate) that can be an entity that changes the display of the virtual body (ST3). In the present embodiment, object elements including only onfocus or both onfocus and onclick event handlers are detected as predetermined elements. However, suitable elements as the predetermined elements are not limited to these elements, and depend on the language in which the markup document 21 is described. For example, when the markup document is described in HTML, there are an a element and an input element other than the object element as elements that can be focused, and these elements can be entities with virtual bodies. If a predetermined element is not included from the document tree 23 (ST3: NO), the content described by the markup document 21 is displayed on the display 110 by performing the same processing as the conventional browser. That is, the browser 1051 generates a drawing object through a series of processes of creating the element tree 25 (ST7), creating the layout tree 27 (ST8), and rendering (ST9), and displays the content on the display 110 (ST10). .

一方、ドキュメントツリー23に所定の要素が含まれている、すなわち仮想体を伴う実体が存在する可能性が高いと判断されると(ST3:YES)、ブラウザ1051は、コンテンツ内の仮想体を検出する処理(以下、「仮想体検出処理」という。)を行うために使用するドキュメントツリー23の複製(以下、「仮想体検出用ドキュメントツリー24」という。)を生成して、RAM107内のドキュメントツリー23とは別の領域に展開する(ST4)。そして、ブラウザ1051の仮想体処理機能部34は、この複製した仮想体検出用ドキュメントツリー24を用いて、次に説明する仮想体検出処理を行う(ST5)。   On the other hand, when it is determined that there is a high possibility that the document tree 23 includes a predetermined element, that is, an entity with a virtual body exists (ST3: YES), the browser 1051 detects a virtual body in the content. A document tree 23 used for performing the processing (hereinafter referred to as “virtual object detection processing”) (hereinafter referred to as “virtual object detection document tree 24”). The image is developed in a region different from 23 (ST4). Then, the virtual body processing function unit 34 of the browser 1051 performs a virtual body detection process described below using the copied virtual body detection document tree 24 (ST5).

次に、図7を参照しながら本実施形態の仮想体検出処理ST5の詳細を説明する。仮想体検出処理S5において、仮想体処理機能部34は、まず実際に仮想体に関連付けられたフォーカスポイントである実体を検出する(ST51)。この作業をコレクション(collection)という。具体的には、ST3の処理において検出した所定の要素(本実施形態ではonfocusのみ又はonfocus 及びonclickの両方のイベントハンドラを含むobject要素)の各々についてonfocus(及びonclick)イベントハンドラを実行し、これによって仮想体検出用ドキュメントツリー24が変更されるかどうかを確認する。イベントハンドラの実行によって変化した要素があれば、その要素が仮想体であると判定される。   Next, details of the virtual body detection process ST5 of the present embodiment will be described with reference to FIG. In the virtual body detection process S5, the virtual body processing function unit 34 first detects an entity that is a focus point actually associated with the virtual body (ST51). This work is called collection. Specifically, an onfocus (and onclick) event handler is executed for each of the predetermined elements detected in the process of ST3 (in this embodiment, only onfocus or an object element including both onfocus and onclick event handlers) Confirms whether or not the virtual object detection document tree 24 is changed. If there is an element changed by the execution of the event handler, it is determined that the element is a virtual body.

仮想体が検出されなければ(ST52:NO)、処理は図6のST7へ進み、従来のブラウザと同様の処理に戻る。また、仮想体が検出されると(ST52:YES)、次に仮想体の親子関係の整理(ST53)、すなわち共通の実体に関連付けられた仮想体が包含関係をもつ場合に最上位の仮想体以外の実体/仮想体関係を無効にする処理へ進む。親子関係の整理の詳細は後述する。   If the virtual body is not detected (ST52: NO), the process proceeds to ST7 in FIG. 6 and returns to the same process as that of the conventional browser. When a virtual body is detected (ST52: YES), next, rearrangement of the parent-child relationship of the virtual body (ST53), that is, when the virtual body associated with the common entity has an inclusion relationship, the highest virtual body Proceed to the process of invalidating the entity / virtual body relationship other than. Details of the arrangement of the parent-child relationship will be described later.

仮想体検出用ドキュメントツリー24を対象とする仮想体検出処理ST5が終わると、次に画面表示用のドキュメントツリー23に対する処理に移る。仮想体処理機能部34は、まずページメーカ32と協働して、ドキュメントツリー23及び仮想体検出処理ST5において検出された実体/仮想体の関係(処理ST53において無効にされた関係を除く)に基づいて、エレメントツリー25を作成する(ST6)。本処理ST6と通常のエレメントツリー作成処理ST7との相違は、検出された実体/仮想体の関係に基づいて仮想体に付加的な各種イベントハンドラが設定される点にある。本実施形態においては、仮想体と判定された要素にonmouseover、onclick、onmousedownの各イベントハンドラが設定される。まず、仮想体にonmouseoverイベントハンドラを設定して、ポインタが仮想体の上に位置しているときに実体にフォーカスを移す(具体的には、例えばfocus()メソッドを実行する)ように設定する。また、仮想体にonclickイベントハンドラを設定して、ポインタによって仮想体がクリックされたときに実体をクリックする(すなわちclick()メソッドを実行する)ように設定する。更に、仮想体にonmousedownイベントハンドラを設定する。これにより、mousedownイベントがキャンセルされ、想定外のフォーカス移動等を抑止することができる。ST6における各種イベントハンドラの設定により、仮想体に対するポインタ操作が可能になり、タッチパネル等のポインティングデバイスを使用して実体/仮想体コンテンツに対して所望のユーザ入力を行うことができるようになる。   When the virtual object detection process ST5 for the virtual object detection document tree 24 is finished, the process proceeds to the process for the document tree 23 for screen display. First, the virtual body processing function unit 34 cooperates with the page maker 32 to change the relationship between the entity / virtual body detected in the document tree 23 and the virtual body detection process ST5 (except for the relation invalidated in the process ST53). Based on this, the element tree 25 is created (ST6). The difference between this process ST6 and the normal element tree creation process ST7 is that various additional event handlers are set for the virtual object based on the detected entity / virtual object relationship. In the present embodiment, event handlers of onmouseover, onclick, and onmousedown are set for elements determined as virtual bodies. First, set the onmouseover event handler in the virtual body, and set the focus to move to the entity when the pointer is positioned over the virtual body (specifically, for example, execute the focus () method) . In addition, an onclick event handler is set for the virtual body, and the virtual body is clicked (ie, the click () method is executed) when the virtual body is clicked by the pointer. In addition, an onmousedown event handler is set for the virtual body. As a result, the mousedown event is canceled, and unexpected focus movement or the like can be suppressed. By setting various event handlers in ST6, a pointer operation can be performed on the virtual body, and a desired user input can be performed on the entity / virtual body content using a pointing device such as a touch panel.

エレメントツリー25を作成した後は、従来のブラウザと同様の処理ST8〜ST10が実行され、ポインティングデバイスによるポインタ操作が可能になった実体/仮想体コンテンツがディスプレイ110に表示される。   After the element tree 25 is created, the same processing ST8 to ST10 as in the conventional browser is executed, and the actual / virtual content that can be operated by the pointing device using the pointing device is displayed on the display 110.

次に、上述した親子関係の整理(ST53)について詳しく説明する。図8は、仮想体の親子関係の整理を説明するためのドキュメントツリーの例である。図8(a)は親子関係を整理する前のドキュメントツリー、図8(b)は親子関係を整理した後のドキュメントツリーの概略構成を示す。また、図8に示されるコンテンツの画面表示例を図9に示す。div要素等は、複数の要素を包含してグループ化することができる(ここで、包含する要素を「親要素」、包含される要素を「子(孫)要素」、包含関係を「親子関係」と呼ぶ)。この包含関係は、図8に示されるように表示領域の包含関係も与える。すなわち、親要素(div要素等)によってグループ化される各要素(子要素、孫要素・・・)は、親要素の表示領域内に配置される。   Next, the above-described rearrangement of parent-child relationships (ST53) will be described in detail. FIG. 8 is an example of a document tree for explaining the arrangement of parent-child relationships of virtual bodies. FIG. 8A shows a schematic configuration of a document tree before organizing the parent-child relationship, and FIG. 8B shows a schematic configuration of the document tree after organizing the parent-child relationship. FIG. 9 shows a screen display example of the content shown in FIG. Div elements can be grouped by including multiple elements (where the included element is the “parent element”, the included element is the “child (grandchild) element”, and the inclusion relationship is the “parent-child relationship”) "). This inclusion relation also gives the inclusion relation of the display area as shown in FIG. That is, each element (child element, grandchild element,...) Grouped by the parent element (div element or the like) is arranged in the display area of the parent element.

図8(a)に示す例では、要素E4〜E6、E8、E9及びE11が要素E3(実体A)の仮想体となっている。このうち、要素E4〜E6は互いに親子関係にある。また、要素E8とE9、E8とE11も互いに親子関係にある。また、要素E13は要素E12(実体B)の仮想体である。   In the example shown in FIG. 8A, the elements E4 to E6, E8, E9, and E11 are virtual bodies of the element E3 (entity A). Among these, the elements E4 to E6 are in a parent-child relationship. Elements E8 and E9 and E8 and E11 are also in a parent-child relationship. Element E13 is a virtual body of element E12 (entity B).

まず、親子関係にある要素E4〜E6について考える。要素E4は要素E3(実体A)の仮想体であるため、処理ST6において要素E4にonmouseover、onclick、onmousedownの各イベントハンドラが設定される。すなわち、図9における要素E4の枠内にポインタが位置するときに、対応する実体Aがフォーカスされ、また、このときに行われるポインティングデバイスによるポインタ操作に応じて対応するメソッドが実体Aに対して実行されるようにイベントハンドラが設定される。なお、要素E4の子要素E5や孫要素E6は要素E4の表示領域内に表示されるため、要素E4について設定された上記のイベントハンドラは、子要素E5や孫要素E6の表示領域内にポインタが位置しているときにも実行される。   First, consider the elements E4 to E6 that have a parent-child relationship. Since element E4 is a virtual body of element E3 (entity A), event handlers of onmouseover, onclick, and onmousedown are set in element E4 in process ST6. That is, when the pointer is positioned within the frame of the element E4 in FIG. 9, the corresponding entity A is focused, and the corresponding method is applied to the entity A according to the pointer operation by the pointing device performed at this time. An event handler is set to be executed. Since the child element E5 and grandchild element E6 of the element E4 are displayed in the display area of the element E4, the event handler set for the element E4 is a pointer in the display area of the child element E5 and grandchild element E6. It is also executed when is located.

親子関係の整理(ST53)が行われなければ、子要素E5や孫要素E6に対してもイベントハンドラの設定(ST6)が行われる。しかしながら、子要素E5や孫要素E6等の下位の要素に対してはイベントハンドラの設定を行わなくても、親要素E4に対するイベントハンドラさえ設定すれば、上述したように同じ効果が実現される。そこで、親子関係の整理(ST53)においては、同じ実体と関連付けられた仮想体のうち、互いに親子関係にあるものを検出し、その中で最も上位(親)の仮想体以外については、実体/仮想体関係を無効にする(あるいは消去する)処理を行う。これにより、処理ST6において親子関係を有する下位の要素(子要素E5や孫要素E6)に不要なイベントハンドラが設定されることがなくなり、したがってCPUの処理量が削減され、処理時間の短縮やメモリ使用量の低減が実現される。   If parent-child relationships are not organized (ST53), event handlers are set (ST6) for the child element E5 and grandchild element E6. However, even if the event handler is not set for the lower elements such as the child element E5 and the grandchild element E6, the same effect as described above can be realized by setting the event handler for the parent element E4. Therefore, in rearranging the parent-child relationship (ST53), the virtual bodies associated with the same entity are detected in the parent-child relationship, and the entities other than the highest (parent) virtual body are detected as entities / A process of invalidating (or deleting) the virtual body relationship is performed. As a result, unnecessary event handlers are not set in the lower-level elements (child element E5 and grandchild element E6) having a parent-child relationship in process ST6, so that the processing amount of the CPU is reduced, the processing time is shortened and the memory is reduced. Reduction in usage is realized.

なお、整理される仮想体の親子関係は、要素E4〜E6のように直接連鎖したものである必要は無い。例えば要素E8とE11との関係のように、要素E10等の仮想体ではない要素を介した間接的な親子関係(包含関係)も含まれる。また、要素E4とE8との関係のように、同じ実体に関連付けられた仮想体同士であっても、親子関係にない要素は整理の対象とはならない。   Note that the parent-child relationship of the virtual bodies to be arranged does not have to be directly linked like the elements E4 to E6. For example, an indirect parent-child relationship (inclusion relationship) through a non-virtual element such as the element E10, such as the relationship between the elements E8 and E11, is also included. Further, even if the virtual bodies are associated with the same entity, such as the relationship between the elements E4 and E8, the elements that are not in the parent-child relationship are not targeted for organization.

以上が本発明の実施形態の説明である。上記に説明した実施形態は本発明の実施の形態の一例に過ぎない。すなわち、本発明は、上記実施形態の具体的態様に限定されるものではなく、本発明の技術的思想の範囲において様々な変形が可能である。例えば、上記の実施形態はBMLで記述されたデータ放送コンテンツを視聴する例であるが、本発明の効果が発揮されるコンテンツはBMLで記述されたものに限定されず、HTML、Compact HTML、MML(Mobile Markup Language)、HDML(Handheld Device Markup Language)、WML(Wireless Markup Language)、XHTML、XML、SGML(Standard Generalized Markup Language)等の各種マークアップ言語で記述されたコンテンツの閲覧において本発明は有効である。また、コンテンツの種類もデータ放送コンテンツに限らず、Webコンテンツ、電子マニュアル、電子辞書、その他の様々なデジタルコンテンツに対して本発明は有効である。また、上記の実施形態においては、エレメントツリーを生成する段階でイベントハンドラの設定が行われているが、イベントハンドラを設定する段階はエレメントツリーの生成ステップに限定されない。例えば、BML文書やHTML文書等のマークアップ文書(もしくはマークアップ文書に付随するスクリプト)自体にイベントハンドラを設定してもよく、あるいはドキュメントツリーやエレメントツリー、レイアウトツリー等の他の中間データを生成する際に、又は一度生成された中間データを加工する形式でイベントハンドラを設定してもよい。また、上記実施形態のように、ドキュメントツリーやエレメントツリー等のコンテンツの中間データに対して直接イベントハンドラを設定する(すなわち、コンテンツのデータ自体を変更する)のではなく、ブラウザの内部処理として、任意の要素のイベントハンドラを追加する構成にすることもできる。   The above is the description of the embodiment of the present invention. The embodiment described above is merely an example of the embodiment of the present invention. That is, the present invention is not limited to the specific modes of the above-described embodiments, and various modifications can be made within the scope of the technical idea of the present invention. For example, the above embodiment is an example of viewing data broadcasting content described in BML. However, the content in which the effect of the present invention is exhibited is not limited to that described in BML, and HTML, Compact HTML, MML. The present invention is effective in browsing contents described in various markup languages such as (Mobile Markup Language), HDML (Handheld Device Markup Language), WML (Wireless Markup Language), XHTML, XML, and SGML (Standard Generalized Markup Language). It is. The type of content is not limited to data broadcast content, and the present invention is effective for Web content, electronic manuals, electronic dictionaries, and other various digital content. In the above embodiment, the event handler is set at the stage of generating the element tree. However, the stage of setting the event handler is not limited to the element tree generating step. For example, an event handler may be set in a markup document (or script attached to the markup document) such as a BML document or an HTML document, or other intermediate data such as a document tree, element tree, layout tree, etc. is generated. In this case, the event handler may be set in a format for processing the intermediate data once generated. Also, as in the above embodiment, instead of setting an event handler directly for intermediate data of content such as a document tree or an element tree (that is, changing content data itself), as an internal process of the browser, It is also possible to add an event handler for an arbitrary element.

また、図6のフローチャートに示されるように、上記の実施形態において実体/仮想体コンテンツを閲覧する場合は、仮想体検出処理ST5やイベントハンドラの設定ST6等の一連の処理を行った後で初めてコンテンツが表示される。しかし、処理ST5やST6は一定の負荷を端末に掛ける。このため、処理能力の低い端末でこのような処理を行うと、ユーザによる指示からコンテンツ表示までの待ち時間が長くなるため、ユーザがストレスを感じたり、正常に動作していないものと誤認してユーザ入力による指示を繰り返すことにより一層処理が遅延したりするという問題が生じる。そこで、処理能力の低い端末において本発明を実施する場合には、最初に従来のブラウザと同様の処理(すなわち、ST1、ST2及びST7〜ST10の処理)を行って一旦画面表示を行うと同時にユーザ入力の受け付けを停止し、その間に改めて図6に示す一連の処理を行って、処理後のコンテンツを改めて表示すると同時にユーザ入力の受け付けを再開するように構成してもよい。このような処理を行うことにより、画面表示までの待ち時間を短時間に抑えることが可能になるため、ユーザの感じるストレスや不要なユーザ入力を抑制しつつ、ポインティングデバイスによる実体/仮想体コンテンツに対する直感的なユーザ入力が可能になる。   Also, as shown in the flowchart of FIG. 6, in the above embodiment, when viewing the entity / virtual body content, the first time after performing a series of processes such as the virtual body detection process ST5 and event handler setting ST6. The content is displayed. However, processes ST5 and ST6 place a certain load on the terminal. For this reason, if such processing is performed on a terminal with low processing capacity, the waiting time from the instruction by the user to the content display becomes long, so the user feels stress or misidentifies that it is not operating normally There is a problem that the processing is further delayed by repeating the instruction by the user input. Therefore, when the present invention is implemented in a terminal with low processing capability, first, the same processing as that of the conventional browser (that is, the processing of ST1, ST2, and ST7 to ST10) is first performed to display the screen once and at the same time the user It may be configured such that the acceptance of input is stopped, a series of processing shown in FIG. 6 is performed again during that time, and the processed content is displayed again, and at the same time, acceptance of user input is resumed. By performing such a process, it is possible to reduce the waiting time until the screen is displayed in a short time. Therefore, while suppressing stress felt by the user and unnecessary user input, the real / virtual content by the pointing device is suppressed. Intuitive user input is possible.

本発明の実施形態による端末装置の外観を示した図である。It is the figure which showed the external appearance of the terminal device by embodiment of this invention. 本発明の実施形態による端末装置の概略構成を示したブロック図である。It is the block diagram which showed schematic structure of the terminal device by embodiment of this invention. 本発明の実施形態によるブラウザに含まれるブラウザエンジンの機能ブロック図である。It is a functional block diagram of a browser engine included in a browser according to an embodiment of the present invention. 本発明の実施形態の説明に用いるデータ放送コンテンツの表示例を示す図である。It is a figure which shows the example of a display of the data broadcasting content used for description of embodiment of this invention. 本発明の実施形態の説明に用いるデータ放送コンテンツの表示例を示す図である。It is a figure which shows the example of a display of the data broadcasting content used for description of embodiment of this invention. 本発明の実施形態によるコンテンツの最適化処理を説明するフローチャートである。It is a flowchart explaining the content optimization process by embodiment of this invention. 図6のフローチャートにおける処理ST5の詳細を示すフローチャートである。It is a flowchart which shows the detail of process ST5 in the flowchart of FIG. 親子関係の整理を説明するためのドキュメントツリー例の概略を示す図である。It is a figure which shows the outline of the example of a document tree for demonstrating rearrangement of parent-child relationship. 図8のドキュメントツリーで表現されるコンテンツの表示例を示す図である。It is a figure which shows the example of a display of the content expressed with the document tree of FIG.

符号の説明Explanation of symbols

10 端末装置
21 マークアップ文書
23 ドキュメントツリー
24 仮想体検出用ドキュメントツリー
25 エレメントツリー
27 レイアウトツリー
30 ブラウザエンジン
31 パーサ
32 ページメーカ
33 ページエディタ
34 仮想体処理機能部
103 CPU
105 ROM
107 RAM
108 無線通信部
109 タッチパネルセンサ
110 ディスプレイ
111 スピーカ
112 マイク
115 VRAM
116 電源部
117 電源On/Offキー
1050 OS
1051 ブラウザ
1071 イメージバッファ
10 terminal device 21 markup document 23 document tree 24 document tree for virtual object detection 25 element tree 27 layout tree 30 browser engine 31 parser 32 page maker 33 page editor 34 virtual object processing function unit 103 CPU
105 ROM
107 RAM
108 wireless communication unit 109 touch panel sensor 110 display 111 speaker 112 microphone 115 VRAM
116 Power Supply Unit 117 Power On / Off Key 1050 OS
1051 Browser 1071 Image buffer

Claims (23)

ポインティングデバイスによる操作を受付可能な情報処理装置において、マークアップ言語で記述された文書に基づいてコンテンツをディスプレイにインタラクティブに表示するため処理を行う方法であって、
前記文書を構文解析して第1のドキュメントツリーを生成するステップと、
フォーカスされたときに他の要素である仮想体の表示を変化させる実体となり得る所定の種類のイベントハンドラが設定された要素を、前記第1のドキュメントツリーから検出するステップと、
前記文書に基づく第2のドキュメントツリーを生成するステップと、
前記第2のドキュメントツリーに対して、前記検出された実体となり得る要素の各々について、設定された前記所定の種類のイベントハンドラの各々を実行するステップと、
前記所定の種類のイベントハンドラの実行によって他の要素の表示が変化したときに、該イベントハンドラが設定された要素を実体と判定し、該表示が変化した要素を該実体に関連付けられた仮想体と判定するステップと、
前記実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行うステップと
を含むコンテンツ情報処理方法。
In an information processing apparatus capable of accepting an operation by a pointing device, a method for performing processing for interactively displaying content on a display based on a document described in a markup language,
Parsing the document to generate a first document tree;
Detecting, from the first document tree, an element set with a predetermined type of event handler that can be an entity that changes the display of a virtual body that is another element when focused;
Generating a second document tree based on the document;
Executing each of the predetermined types of event handlers set for each of the detected entity entities for the second document tree;
When the display of another element is changed by execution of the predetermined type of event handler, the element for which the event handler is set is determined to be an entity, and the element whose display has been changed is a virtual body associated with the entity A step of determining
A content information processing method including a step of performing processing for focusing the entity when a virtual object associated with the entity receives a predetermined pointer operation.
前記第2のドキュメントツリーは、前記第1のドキュメントツリーの複製によって生成される
ことを特徴とする請求項1に記載のコンテンツ情報処理方法。
The content information processing method according to claim 1, wherein the second document tree is generated by copying the first document tree.
前記実体をフォーカスするための処理を行うステップは、前記実体に関連付けられた仮想体上にポインタが位置しているときに該実体をフォーカスするメソッドを実行するイベントハンドラを仮想体に設定するステップを含む
ことを特徴とする請求項1又は2に記載のコンテンツ情報処理方法。
The step of performing the process for focusing the entity includes the step of setting an event handler in the virtual body that executes a method for focusing the entity when the pointer is positioned on the virtual body associated with the entity. The content information processing method according to claim 1 or 2, further comprising:
前記実体をフォーカスするための処理を行うステップにおいて、前記仮想体に設定されるイベントハンドラはonmouseoverイベントハンドラを含み、前記実体をフォーカスするメソッドはfocusメソッドを含む
ことを特徴とする請求項3に記載のコンテンツ情報処理方法。
4. The step of performing processing for focusing the entity includes an onmouseover event handler set in the virtual body, and a method for focusing the entity includes a focus method. Content information processing method.
前記実体をフォーカスするための処理を行うステップは、該ステップにおいて設定されるイベントハンドラを含む中間データを生成するステップを含む
ことを特徴とする請求項3または4に記載のコンテンツ情報処理方法。
5. The content information processing method according to claim 3, wherein the step of performing the process for focusing the entity includes a step of generating intermediate data including an event handler set in the step.
前記実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をクリックするための処理を行うステップを更に含む
ことを特徴とする請求項1から5のいずれかに記載のコンテンツ情報処理方法。
The content information according to any one of claims 1 to 5, further comprising a step of performing processing for clicking the entity when a virtual object associated with the entity receives a predetermined pointer operation. Processing method.
前記実体をクリックするための処理を行うステップは、前記実体に関連付けられた仮想体がクリックされたときに、該実体をクリックするメソッドを実行するイベントハンドラを仮想体に設定するステップを含む
ことを特徴とする請求項6に記載のコンテンツ情報処理方法。
The step of performing the process for clicking the entity includes the step of setting an event handler in the virtual body that executes a method of clicking the entity when the virtual body associated with the entity is clicked. The content information processing method according to claim 6, wherein:
前記実体をクリックするための処理を行うステップにおいて、前記仮想体に設定されるイベントハンドラはonclickイベントハンドラを含み、前記実体をクリックするメソッドはclickメソッドを含む
ことを特徴とする請求項7に記載のコンテンツ情報処理方法。
8. The step of performing a process for clicking on the entity, the event handler set in the virtual body includes an onclick event handler, and the method for clicking on the entity includes a click method. Content information processing method.
一つの前記実体に関連付けられた前記仮想体が複数存在する場合において、該複数の仮想体の各々が互いに包含関係にあるか否かを判定するステップを更に含む
ことを特徴とする請求項1から8に記載のコンテンツ情報処理方法。
The method further comprises a step of determining whether or not each of the plurality of virtual bodies is in an inclusive relationship with each other when there are a plurality of the virtual bodies associated with one entity. 8. The content information processing method according to 8.
前記一つの実体に関連付けられた複数の仮想体に包含関係がある場合に、他の仮想体に包含された仮想体については、該仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行わない
ことを特徴とする請求項9に記載のコンテンツ情報処理方法。
When a plurality of virtual objects associated with the one entity have an inclusion relationship, the virtual object included in another virtual object is focused on when the virtual object receives a predetermined pointer operation. The content information processing method according to claim 9, wherein the processing for performing the processing is not performed.
前記第2のドキュメントツリーを生成するステップは、前記所定の種類のイベントハンドラが設定された要素が前記第1のドキュメントツリーから検出されたときに実行されることを特徴とする請求項1から10のいずれかに記載のコンテンツ情報処理方法。   The step of generating the second document tree is executed when an element in which the predetermined type of event handler is set is detected from the first document tree. The content information processing method according to any one of the above. 請求項1から11の何れかに記載の方法の各ステップをコンピュータに実行させるためのコンピュータプログラム。   The computer program for making a computer perform each step of the method in any one of Claim 1 to 11. マークアップ言語で記述された文書に基づいてコンテンツをディスプレイにインタラクティブに表示するため処理を行う情報処理装置であって、
ポインティングデバイスによる入力操作を受け付けるポインティングデバイス入力受付手段と、
前記文書を取得する手段と、
前記文書を構文解析して第1のドキュメントツリーを生成する第1ドキュメントツリー生成手段と、
フォーカスされたときに他の要素である仮想体の表示を変化させる実体となり得る所定の種類のイベントハンドラが設定された要素を、前記第1のドキュメントツリーから検出する実体候補検出手段と、
前記文書に基づく第2のドキュメントツリーを生成する第2ドキュメントツリー生成手段と、
前記第2のドキュメントツリーに対して、前記検出された実体となり得る要素の各々に
ついて、設定された前記所定の種類のイベントハンドラの各々を実行するイベントハンドラ実行手段と、
前記所定の種類のイベントハンドラの実行によって他の要素の表示が変化したときに、該イベントハンドラが設定された要素を実体と判定し、該表示が変化した要素を該実体に関連付けられた仮想体と判定する実体/仮想体関係判定手段と、
前記実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行うフォーカス処理手段と
を備えたコンテンツ情報処理装置。
An information processing apparatus that performs processing to interactively display content on a display based on a document described in a markup language,
Pointing device input receiving means for receiving an input operation by a pointing device;
Means for obtaining the document;
First document tree generation means for parsing the document to generate a first document tree;
Entity candidate detection means for detecting, from the first document tree, an element set with a predetermined type of event handler that can be an entity that changes the display of a virtual body that is another element when focused;
Second document tree generation means for generating a second document tree based on the document;
Event handler execution means for executing each of the predetermined types of event handlers set for each of the elements that can be detected entities with respect to the second document tree;
When the display of another element is changed by execution of the predetermined type of event handler, the element for which the event handler is set is determined to be an entity, and the element whose display has been changed is associated with the entity Entity / virtual body relationship determination means for determining
A content information processing apparatus comprising: a focus processing unit that performs a process for focusing an entity when a virtual body associated with the entity receives a predetermined pointer operation.
第2ドキュメントツリー生成手段は、前記第1のドキュメントツリーの複製によって前記第2のドキュメントツリーを生成する
ことを特徴とする請求項13に記載のコンテンツ情報処理装置。
The content information processing apparatus according to claim 13, wherein the second document tree generation unit generates the second document tree by duplicating the first document tree.
前記フォーカス処理手段は、前記実体に関連付けられた仮想体上にポインタが位置しているときに該実体をフォーカスするメソッドを実行するイベントハンドラを仮想体に設定する第1イベントハンドラ設定手段を含む
ことを特徴とする請求項13又は14に記載のコンテンツ情報処理装置。
The focus processing means includes first event handler setting means for setting, in a virtual body, an event handler that executes a method for focusing the entity when the pointer is positioned on the virtual body associated with the entity. The content information processing apparatus according to claim 13 or 14, characterized in that:
前記フォーカス処理手段は、第1イベントハンドラ設定手段によって設定されるイベントハンドラを含む中間データを生成する中間データ生成手段を含む
ことを特徴とする請求項15に記載のコンテンツ情報処理装置。
16. The content information processing apparatus according to claim 15, wherein the focus processing means includes intermediate data generation means for generating intermediate data including an event handler set by the first event handler setting means.
前記第1イベントハンドラ設定手段によって設定されるイベントハンドラはonmouseoverイベントハンドラを含み、前記実体をフォーカスするメソッドはfocusメソッドを含む
ことを特徴とする請求項15または16に記載のコンテンツ情報処理装置。
17. The content information processing apparatus according to claim 15, wherein the event handler set by the first event handler setting means includes an onmouseover event handler, and the method for focusing the entity includes a focus method.
前記実体に関連付けられた仮想体が所定のポインタ操作を受けたときに該実体をクリックするための処理を行うクリック処理手段を更に備える
ことを特徴とする請求項13から17のいずれかに記載のコンテンツ情報処理装置。
18. The click processing unit according to claim 13, further comprising click processing means for performing processing for clicking the entity when a virtual body associated with the entity receives a predetermined pointer operation. Content information processing device.
前記クリック処理手段は、前記実体に関連付けられた仮想体がクリックされたときに、該実体をクリックするメソッドを実行するイベントハンドラを仮想体に設定する第2イベントハンドラ設定手段を含む
ことを特徴とする請求項18に記載のコンテンツ情報処理装置。
The click processing means includes second event handler setting means for setting, in a virtual body, an event handler that executes a method for clicking the entity when a virtual body associated with the entity is clicked. The content information processing apparatus according to claim 18.
前記第2イベントハンドラ設定手段によって設定されるイベントハンドラはonclickイベントハンドラを含み、前記実体をクリックするメソッドはclickメソッドを含む
ことを特徴とする請求項19に記載のコンテンツ情報処理装置。
20. The content information processing apparatus according to claim 19, wherein the event handler set by the second event handler setting means includes an onclick event handler, and the method for clicking the entity includes a click method.
一つの前記実体に関連付けられた前記仮想体が複数存在する場合において、該複数の仮想体の各々が互いに包含関係にあるか否かを判定する手段を更に備える
ことを特徴とする請求項13から20のいずれかに記載のコンテンツ情報処理装置。
The apparatus further comprises means for determining whether or not each of the plurality of virtual bodies is in an inclusive relationship with each other when there are a plurality of the virtual bodies associated with one entity. The content information processing apparatus according to any one of 20.
前記フォーカス処理手段は、前記一つの実体に関連付けられた複数の仮想体に包含関係が存在する場合に、他の仮想体に包含された仮想体については、該仮想体が所定のポインタ操作を受けたときに該実体をフォーカスするための処理を行わない
ことを特徴とする請求項21に記載のコンテンツ情報処理装置。
The focus processing means, when there is an inclusion relationship among a plurality of virtual bodies associated with the one entity, with respect to a virtual body included in another virtual body, the virtual body receives a predetermined pointer operation. 22. The content information processing apparatus according to claim 21, wherein a process for focusing the entity is not performed when the content is processed.
前記第2のドキュメントツリーは、前記所定の種類のイベントハンドラが設定された要素が前記第1のドキュメントツリーから検出されたときに実行されることを特徴とする請求項13から22のいずれかに記載のコンテンツ情報処理装置。

23. The method according to claim 13, wherein the second document tree is executed when an element in which the predetermined type of event handler is set is detected from the first document tree. The content information processing apparatus described.

JP2008249991A 2008-09-12 2008-09-29 Content information processing method, content information processing program, and content information processing apparatus Expired - Fee Related JP5237031B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2008249991A JP5237031B2 (en) 2008-09-12 2008-09-29 Content information processing method, content information processing program, and content information processing apparatus

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP2008235738 2008-09-12
JP2008235738 2008-09-12
JP2008249991A JP5237031B2 (en) 2008-09-12 2008-09-29 Content information processing method, content information processing program, and content information processing apparatus

Publications (2)

Publication Number Publication Date
JP2010092082A true JP2010092082A (en) 2010-04-22
JP5237031B2 JP5237031B2 (en) 2013-07-17

Family

ID=42254772

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008249991A Expired - Fee Related JP5237031B2 (en) 2008-09-12 2008-09-29 Content information processing method, content information processing program, and content information processing apparatus

Country Status (1)

Country Link
JP (1) JP5237031B2 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012079090A (en) * 2010-10-01 2012-04-19 Sony Corp Information processing apparatus and information processing method
JP2017194970A (en) * 2016-03-31 2017-10-26 株式会社インフォシティ Document browsing device

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH04319732A (en) * 1991-04-18 1992-11-10 Fuji Xerox Co Ltd Data processor
JP2003060593A (en) * 2001-08-20 2003-02-28 Sony Corp Data broadcast receiver and component selecting method therefor
JP2004242284A (en) * 2002-12-04 2004-08-26 Canon Inc Information processing apparatus, information processing method, storage medium, and program
JP2009223655A (en) * 2008-03-17 2009-10-01 Sanyo Electric Co Ltd Display control device and display control program

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH04319732A (en) * 1991-04-18 1992-11-10 Fuji Xerox Co Ltd Data processor
JP2003060593A (en) * 2001-08-20 2003-02-28 Sony Corp Data broadcast receiver and component selecting method therefor
JP2004242284A (en) * 2002-12-04 2004-08-26 Canon Inc Information processing apparatus, information processing method, storage medium, and program
JP2009223655A (en) * 2008-03-17 2009-10-01 Sanyo Electric Co Ltd Display control device and display control program

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012079090A (en) * 2010-10-01 2012-04-19 Sony Corp Information processing apparatus and information processing method
JP2017194970A (en) * 2016-03-31 2017-10-26 株式会社インフォシティ Document browsing device

Also Published As

Publication number Publication date
JP5237031B2 (en) 2013-07-17

Similar Documents

Publication Publication Date Title
KR101065644B1 (en) A method and a device for browsing information feeds
JP5816670B2 (en) Method and device for selecting and displaying a region of interest in an electronic document
CN102591954B (en) A kind of browser data load method and device
US9788072B2 (en) Providing a search service convertible between a search window and an image display window
JP5235671B2 (en) Terminal device, content display method, and content display program
US10762278B2 (en) Web page display apparatus and web page display method
US20110035663A1 (en) User interface method used in web browsing, electronic device for performing the same and computer readable recording medium thereof
US20120131446A1 (en) Method for displaying web page in a portable terminal
KR20140147095A (en) Instantiable gesture objects
CN103210371A (en) Content preview
JP2008204015A (en) Content display device, television set, content display method, content display control program and recording medium
US20140359408A1 (en) Invoking an Application from a Web Page or other Application
US20110066983A1 (en) Electronic device and method for providing shortcut interface
JP2014149860A (en) Information display method of portable multifunctional terminal, information display system using the same, and portable multifunctional terminal
KR20160073714A (en) Electronic Device and Method of Displaying Web Page Using the same
US20120066584A1 (en) Host apparatus and method of displaying content by the same
WO2008013128A1 (en) Terminal device, content display method, and content display program
JP2009053784A (en) Content display device, content display method, and content display program
CN105359104A (en) Synchronization points for state information
CN102385467B (en) Image-based control method, processing method and system
JP5237031B2 (en) Content information processing method, content information processing program, and content information processing apparatus
US8610740B2 (en) Information processing apparatus, information processing method, program, and information processing system
WO2012108129A1 (en) Terminal migration system
WO2016111882A1 (en) Control of access and management of browser annotations
JP2012173946A (en) Web page display device and focus control method

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20110817

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20130117

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20130123

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130306

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20130328

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

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

Free format text: PAYMENT UNTIL: 20160405

Year of fee payment: 3

LAPS Cancellation because of no payment of annual fees