JP2012094091A - Display control device, display control method and program therefor - Google Patents

Display control device, display control method and program therefor Download PDF

Info

Publication number
JP2012094091A
JP2012094091A JP2010243103A JP2010243103A JP2012094091A JP 2012094091 A JP2012094091 A JP 2012094091A JP 2010243103 A JP2010243103 A JP 2010243103A JP 2010243103 A JP2010243103 A JP 2010243103A JP 2012094091 A JP2012094091 A JP 2012094091A
Authority
JP
Japan
Prior art keywords
screen
display
animation
display screen
switching
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.)
Pending
Application number
JP2010243103A
Other languages
Japanese (ja)
Inventor
Yukiko Ide
有紀子 井出
Asuka Fujiwara
飛日 藤原
Teruaki Sasao
輝昭 佐々布
Hisashi Noda
尚志 野田
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.)
NEC Corp
NEC Solution Innovators Ltd
Original Assignee
NEC Corp
NEC Solution Innovators 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 NEC Corp, NEC Solution Innovators Ltd filed Critical NEC Corp
Priority to JP2010243103A priority Critical patent/JP2012094091A/en
Publication of JP2012094091A publication Critical patent/JP2012094091A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

PROBLEM TO BE SOLVED: To provide a display control technique that makes it easy for a user to recognize mutually associated display screens.SOLUTION: A display control device comprises: display information storage means that stores display information shared between plural mutually associated display screens; screen generation means that generates each of the display screens using the stored display information; animation generation means that generates an animation screen indicating transition of screen switching from a generated first display screen to a second display screen associated with the first display screen; and switching control means that controls the screen generation means and the animation generation means so that, when a screen switching instruction is acquired, the animation screen is displayed on a display unit and thereafter the second display screen is displayed.

Description

本発明は、ユーザインタフェースとしての表示画面の表示制御技術に関する。   The present invention relates to a display control technique for a display screen as a user interface.

パーソナルコンピュータ(PC)、携帯電話、タブレットPC等のような情報処理端末では、ユーザは、ユーザインタフェースとしての表示装置に表示される複数の表示画面を切替えながら情報閲覧や編集を行うことができる。ここで、表示画面とは、表示装置に表示される、固有の表示領域を持つ画面構成要素の1つを意味し、例えば、ウィンドウ、ダイアログボックス等がそれに相当する。   In an information processing terminal such as a personal computer (PC), a mobile phone, and a tablet PC, a user can browse and edit information while switching a plurality of display screens displayed on a display device as a user interface. Here, the display screen means one of screen components having a specific display area displayed on the display device, and corresponds to, for example, a window, a dialog box, or the like.

例えば、或るアプリケーションでは、或る表示画面に対して所定の操作(メニュー操作、ボタン操作等)が行われることにより、その表示画面に関連する他の表示画面が表示される。具体的には、或る表示画面に関する表示内容や表示属性等を含む表示情報を、他の表示画面に編集可能に表示させるアプリケーションが存在する。   For example, in a certain application, when a predetermined operation (menu operation, button operation, etc.) is performed on a certain display screen, another display screen related to the display screen is displayed. Specifically, there is an application that displays display information including display contents, display attributes, and the like regarding a certain display screen on another display screen in an editable manner.

ここで、表示内容とは、表示画面内に表示される背景、タイトル、テキスト、画像(静止画、動画、アニメーションなど)等を意味する。表示属性とは、画面サイズ、背景色、フォントサイズ、フォント色等を意味する。   Here, the display contents mean backgrounds, titles, texts, images (still images, moving images, animations, etc.) displayed on the display screen. Display attributes mean screen size, background color, font size, font color, and the like.

特開2001−306310号公報JP 2001-306310 A 特開2006−172465号公報JP 2006-172465 A

しかしながら、上述のような従来の表示手法では、ユーザにとって、表示画面間の関連が視覚的に把握しづらいという問題がある。上記例では、ユーザは、或る表示画面の属性を編集させる編集画面がどの表示画面の属性を表示しているのか把握しづらい状態にあった。   However, the conventional display method as described above has a problem that it is difficult for the user to visually grasp the relationship between the display screens. In the above example, the user is in a state where it is difficult to grasp which display screen attribute is displayed on the editing screen for editing the attribute of a certain display screen.

本発明の目的は、相互に関連する表示画面をユーザにとって把握し易くする表示制御技術を提供することにある。   An object of the present invention is to provide a display control technique that makes it easy for the user to grasp the display screens associated with each other.

本発明の各態様では、上述した課題を解決するために、それぞれ以下の構成を採用する。   Each aspect of the present invention employs the following configurations in order to solve the above-described problems.

第1の態様は、表示制御装置に関する。第1の態様に係る表示制御装置は、相互に関連する複数の表示画面の間で共用される表示情報を格納する表示情報格納手段と、この表示情報格納手段により格納される表示情報を用いて、上記各表示画面をそれぞれ生成する画面生成手段と、この画面生成手段により生成された第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えの推移を示すアニメーション画面を生成するアニメーション生成手段と、第1表示画面から第2表示画面への切替え指示が取得された場合に、表示部に、アニメーション画面が表示された後、第2表示画面が表示されるように、画面生成手段及びアニメーション生成手段を制御する切替制御手段と、を備える。   A 1st aspect is related with a display control apparatus. The display control apparatus according to the first aspect uses display information storage means for storing display information shared between a plurality of mutually related display screens, and display information stored by the display information storage means. A screen generating means for generating the respective display screens, and an animation screen showing a transition of the screen switching from the first display screen generated by the screen generating means to the second display screen related to the first display screen. When the animation generation means to generate and the instruction to switch from the first display screen to the second display screen are acquired, after the animation screen is displayed on the display unit, the second display screen is displayed. Switching control means for controlling the screen generation means and the animation generation means.

第2の態様は、表示部の表示を制御する表示制御装置により実行される表示制御方法に関する。第2の態様に係る表示制御方法は、相互に関連する複数の表示画面のうちの少なくとも1つの第1表示画面を上記表示部に表示し、第1表示画面の切替え指示が取得された場合に、第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えを示すアニメーション画面を上記表示部に表示し、アニメーション画面が表示された後、第1表示画面により利用される表示情報を用いて生成された第2表示画面を前記表示部に表示する、ことを含む。   A 2nd aspect is related with the display control method performed by the display control apparatus which controls the display of a display part. The display control method according to the second aspect displays at least one first display screen among a plurality of mutually related display screens on the display unit, and when a switching instruction for the first display screen is acquired. An animation screen indicating screen switching from the first display screen to the second display screen related to the first display screen is displayed on the display unit, and the animation screen is displayed and then used by the first display screen. Displaying a second display screen generated using the display information on the display unit.

また、本発明の別態様として、表示部の表示を制御する表示制御装置を、上記表示情報格納手段と、上記画面生成手段と、上記アニメーション生成手段と、上記切替制御手段として機能させる表示制御プログラムであってもよいし、このようなプログラムを記録したコンピュータが読み取り可能な記憶媒体であってもよい。   As another aspect of the present invention, a display control program that causes a display control device that controls display on a display unit to function as the display information storage unit, the screen generation unit, the animation generation unit, and the switching control unit. It may be a computer-readable storage medium that records such a program.

上記各態様によれば、相互に関連する表示画面をユーザにとって把握し易くする技術を提供することができる。   According to each of the above aspects, it is possible to provide a technology that makes it easy for the user to grasp the display screens that are related to each other.

第1実施形態における表示制御装置の構成例を示す概念図。The conceptual diagram which shows the structural example of the display control apparatus in 1st Embodiment. 表示情報格納部に格納される表示情報の例を示す図。The figure which shows the example of the display information stored in a display information storage part. 相互に関連する表示画面の1つ(通常表示画面)の例を示す図。The figure which shows the example of one of the display screens (normal display screen) mutually related. 相互に関連する表示画面の1つ(属性編集画面)の例を示す図。The figure which shows the example of one (attribute edit screen) of the display screens mutually relevant. 通常表示画面から属性編集画面への画面切替えの例を示す図。The figure which shows the example of the screen switch from a normal display screen to an attribute edit screen. 属性編集画面から通常表示画面への画面切替えの例を示す図。The figure which shows the example of the screen switch from an attribute edit screen to a normal display screen. 第2実施形態における表示制御装置の動作例を示すフローチャート。The flowchart which shows the operation example of the display control apparatus in 2nd Embodiment. 表示画面の第1変形例を示す図。The figure which shows the 1st modification of a display screen. 関連する表示画面の第1変形例を示す図。The figure which shows the 1st modification of a related display screen. 画面切替えの第1変形例を示す図。The figure which shows the 1st modification of screen switching. 表示画面の第2変形例を示す図。The figure which shows the 2nd modification of a display screen. 関連する表示画面の第2変形例を示す図。The figure which shows the 2nd modification of a related display screen. 画面切替えの第2変形例を示す図。The figure which shows the 2nd modification of screen switching. 画面切替えの第2変形例を示す図。The figure which shows the 2nd modification of screen switching. 画面切替えの第3変形例を示す図。The figure which shows the 3rd modification of screen switching. 表示画面の第4変形例を示す図。The figure which shows the 4th modification of a display screen. 関連する表示画面の第4変形例を示す図。The figure which shows the 4th modification of a related display screen. 3つの表示画面間での画面切替えの例を示す図。The figure which shows the example of the screen switching between three display screens.

以下、本発明の実施の形態について図面を用いて説明する。尚、すべての図面において、同様な構成要素には同様の符号を付し、適宜説明を省略する。また、以下に挙げた各実施形態はそれぞれ例示であり、本発明は以下の各実施形態の構成に限定されない。   Hereinafter, embodiments of the present invention will be described with reference to the drawings. In all the drawings, the same reference numerals are given to the same components, and the description will be omitted as appropriate. Moreover, each embodiment listed below is an illustration, respectively, and this invention is not limited to the structure of each following embodiment.

[第1実施形態]
〔装置構成〕
図1は、第1実施形態における表示制御装置1の構成例を示す概念図である。
表示制御装置1は、図1に示すように、ハードウェア構成として、CPU(Central Processing Unit)5、メモリ(RAM(Random Access Memory)6、ROM(Read Only Memory、図示せず)、ハードディスク(HDD)7等)、入出力インタフェース8等を有する。これら各ハードウェア要素は例えばバス4により接続される。入出力インタフェース8は、表示装置9と表示制御装置1とを接続するグラフィックインタフェースを含む。
[First Embodiment]
〔Device configuration〕
FIG. 1 is a conceptual diagram illustrating a configuration example of a display control device 1 according to the first embodiment.
As shown in FIG. 1, the display control device 1 includes a CPU (Central Processing Unit) 5, a memory (RAM (Random Access Memory) 6), a ROM (Read Only Memory, not shown), a hard disk (HDD). 7) and the like, and an input / output interface 8 and the like. These hardware elements are connected by, for example, a bus 4. The input / output interface 8 includes a graphic interface that connects the display device 9 and the display control device 1.

表示装置9は、ディスプレイ等のような映像表示装置である。表示装置9は、入出力インタフェース8を介して表示制御装置1から送られる映像信号に基づいて映像を表示する。なお、本実施形態は、表示装置9及び入出力インタフェース8の各処理を限定するものではない。また、図1では、表示制御装置1と表示装置9とを別体として示したが、携帯機器のようにそれらが一体化されていてもよい。本実施形態は、表示制御装置1が表示装置9のような表示手段に何らかの表示画面を表示させることができるのであれば、表示制御装置1のハードウェア構成を限定しない。   The display device 9 is a video display device such as a display. The display device 9 displays a video based on a video signal sent from the display control device 1 via the input / output interface 8. Note that this embodiment does not limit the processing of the display device 9 and the input / output interface 8. In FIG. 1, the display control device 1 and the display device 9 are shown as separate bodies, but they may be integrated like a portable device. The present embodiment does not limit the hardware configuration of the display control device 1 as long as the display control device 1 can display a display screen on a display unit such as the display device 9.

表示制御装置1は、例えば、メモリに格納されるプログラムがCPU5により実行されることにより、以下のような各処理部を実現する。表示制御装置1は、画面生成部10、アニメーション生成部12、切替制御部14、表示情報格納部16等を有する。   For example, the display control device 1 implements the following processing units by executing a program stored in a memory by the CPU 5. The display control device 1 includes a screen generation unit 10, an animation generation unit 12, a switching control unit 14, a display information storage unit 16, and the like.

表示情報格納部16は、相互に関連する複数の表示画面の間で共用される表示情報を格納する。例えば、表示情報は、色及びサイズを含む各表示画面の表示形態に関する情報を含む。色は、例えば、表示画面の色や表示画面に表示される文字の色等を含み、サイズは、例えば、表示画面及び表示画面内の構成要素のサイズや表示画面に表示される文字のサイズ等を含む。ここで、共用される表示情報とは、各表示画面でそれぞれ用いられることを意味する。   The display information storage unit 16 stores display information shared among a plurality of display screens related to each other. For example, the display information includes information regarding the display form of each display screen including color and size. The color includes, for example, the color of the display screen and the color of characters displayed on the display screen. The size includes, for example, the size of the display screen and the components in the display screen, the size of characters displayed on the display screen, including. Here, the shared display information means that it is used on each display screen.

画面生成部10は、表示情報格納部16に格納される表示情報を用いて相互に関連する各表示画面をそれぞれ生成する。この画面生成部10により生成された表示画面は、それに対応する映像信号が入出力インタフェース8等を介して表示装置9に送られることにより、表示装置9に表示される。ここで、表示画面の相互関連性とは、例えば、表示画面間で共用される表示情報が存在する関係である。もちろん、表示画面の相互関連性には、上記関係の他、他の関係性が含まれていてもよい。例えば、表示画面の関連性として、或る表示画面とその表示画面に対する操作により表示された表示画面といった関係が含まれていてもよい。   The screen generation unit 10 generates display screens related to each other using the display information stored in the display information storage unit 16. The display screen generated by the screen generation unit 10 is displayed on the display device 9 by sending a corresponding video signal to the display device 9 via the input / output interface 8 or the like. Here, the mutual relationship between the display screens is a relationship in which display information shared between the display screens exists, for example. Of course, the mutual relationship between the display screens may include other relationships in addition to the above relationship. For example, the relationship between a display screen and a display screen displayed by an operation on the display screen may be included as the relevance of the display screen.

アニメーション生成部12は、画面生成部10により生成された第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えの推移を示すアニメーション画面を生成する。ここでのアニメーション画面の生成は、予めメモリ等に保持されるアニメーション画面を単に取得することも含む概念である。   The animation generation unit 12 generates an animation screen indicating transition of screen switching from the first display screen generated by the screen generation unit 10 to the second display screen related to the first display screen. The generation of the animation screen here is a concept including simply obtaining an animation screen previously stored in a memory or the like.

切替制御部14は、当該第1表示画面から当該第2表示画面への切替え指示が取得された場合に、表示装置9に、上記アニメーション画面が表示された後、当該第2表示画面が表示されるように、画面生成部10及びアニメーション生成部12を制御する。表示画面の切替え指示は、例えば、表示制御装置1に接続されるマウスやキーボード(図示せず)がユーザによって操作されることにより発生し、表示制御装置1で取得される。   When the switching instruction from the first display screen to the second display screen is acquired, the switching control unit 14 displays the second display screen after the animation screen is displayed on the display device 9. Thus, the screen generator 10 and the animation generator 12 are controlled. The display screen switching instruction is generated, for example, when a user operates a mouse or a keyboard (not shown) connected to the display control device 1 and is acquired by the display control device 1.

〔第1実施形態における作用及び効果〕
上述したように、第1実施形態では、第1表示画面からこの第1表示画面に関連する第2表示画面への切替え指示が取得された場合には、画面切替えの推移を示すアニメーション画面が表示された後、第2表示画面が表示される。
[Operation and Effect in First Embodiment]
As described above, in the first embodiment, when an instruction to switch from the first display screen to the second display screen related to the first display screen is acquired, an animation screen indicating the transition of screen switching is displayed. Then, the second display screen is displayed.

従って、第1実施形態によれば、アニメーション画面で示される画面切替えの推移により、ユーザは、切替え前後の表示画面の関連性を容易に把握することができる。   Therefore, according to the first embodiment, the user can easily grasp the relevance of the display screen before and after the switching by the transition of the screen switching indicated by the animation screen.

なお、上述の説明では、切り替え対象の画面の例として、第1表示画面及び第2表示画面を挙げたが、第1実施形態の適用範囲は、2つの表示画面間の切り替えのみに限定されない。例えば、3つ以上の複数の表示画面がある場合であっても、切り替え前の表示画面と切替え後の表示画面との関係が上述の第1表示画面及び第2表示画面の関係に対応するため、適用可能である。第1実施形態によれば、仕様書Aの作成者登録画面、仕様書Aの査閲画面、仕様書Aの承認画面等のような3つ以上の表示画面が存在する場合においても、各表示画面間の切り替え時にそれぞれアニメーション画面を表示させることにより、各表示画面が関連していることを示すことができる。   In the above description, the first display screen and the second display screen are given as examples of screens to be switched. However, the application range of the first embodiment is not limited to switching between two display screens. For example, even when there are three or more display screens, the relationship between the display screen before switching and the display screen after switching corresponds to the relationship between the first display screen and the second display screen described above. Applicable. According to the first embodiment, even when there are three or more display screens such as a specification A creator registration screen, a specification A review screen, and a specification A approval screen, each display screen It is possible to show that the display screens are related by displaying the animation screens when switching between them.

[第2実施形態]
上述の第1実施形態は、相互に関連する表示画面の具体的形態を限定するものではないため、上記説明では特に言及しなかった。以下、第2実施形態では、相互に関連する表示画面の具体例を示す。
[Second Embodiment]
The first embodiment described above is not particularly limited in the above description because it does not limit the specific form of the display screens related to each other. Hereinafter, in the second embodiment, specific examples of display screens related to each other will be shown.

〔装置構成〕
第2実施形態における表示制御装置1の構成は、第1実施形態と同様であるため、ここでは説明を省略する。以下、第1実施形態と異なる内容を中心に、第2実施形態における表示制御装置1について説明する。
〔Device configuration〕
Since the configuration of the display control device 1 in the second embodiment is the same as that of the first embodiment, description thereof is omitted here. Hereinafter, the display control apparatus 1 according to the second embodiment will be described focusing on the content different from the first embodiment.

表示情報格納部16は、例えば、図2に示すような表示情報を格納する。図2は、表示情報格納部16に格納される表示情報の例を示す図である。表示情報には、例えば、図2に示すように、バー背景色、矩形内背景色、矩形内文字色、矩形内文字サイズのような表示形態に関する情報、バータイトル名、矩形内の内容、作成者のような表示内容に関する情報が含まれる。なお、図2では、表示形態と表示内容とは区別されず、それらは属性として表記される。また、表示情報は、表示形態に関する情報及び表示内容に関する情報のいずれか1方のみであってもよい。   The display information storage unit 16 stores display information as shown in FIG. 2, for example. FIG. 2 is a diagram illustrating an example of display information stored in the display information storage unit 16. For example, as shown in FIG. 2, the display information includes information on the display form such as the bar background color, the background color in the rectangle, the character color in the rectangle, the character size in the rectangle, the bar title name, the contents in the rectangle, and the creation Information on the display content such as the user. In FIG. 2, the display form and the display content are not distinguished, and they are represented as attributes. Further, the display information may be only one of information regarding the display form and information regarding the display content.

画面生成部10は、表示情報格納部16に格納される表示情報を用いて、図3A及び図3Bに示すような相互に関連する各表示画面をそれぞれ生成する。図3A及び図3Bは、相互に関連する表示画面の例を示す図である。以降、図3Aに示される表示画面を通常表示画面20と表記し、図3Bに示される表示画面を属性編集画面30と表記する。   The screen generation unit 10 generates display screens related to each other as shown in FIGS. 3A and 3B using the display information stored in the display information storage unit 16. 3A and 3B are diagrams illustrating examples of display screens related to each other. Hereinafter, the display screen illustrated in FIG. 3A is referred to as a normal display screen 20, and the display screen illustrated in FIG. 3B is referred to as an attribute editing screen 30.

属性編集画面30は、通常表示画面20と共用される表示情報をユーザに編集させるための画面である。通常表示画面20は、属性編集画面30で編集可能な表示情報が利用されて生成される画面である。図3A及び図3Bの例では、当該表示情報は、通常表示画面20のための表示形態に関する情報及び表示内容に関する情報を含む。図3A及び図3Bの例によれば、バータイトル名「本部からのお知らせ」の内容がタイトルバーに反映され、バー背景色に設定された色がタイトルバーの背景に反映されている。また、通常表示画面20の矩形内には、表示情報に含まれる矩形内の内容(EXPLAIN.TXTファイルの内容)が表示される。   The attribute editing screen 30 is a screen for allowing the user to edit display information shared with the normal display screen 20. The normal display screen 20 is a screen generated by using display information that can be edited on the attribute editing screen 30. In the example of FIGS. 3A and 3B, the display information includes information related to the display form for the normal display screen 20 and information related to the display content. 3A and 3B, the content of the bar title name “Notice from the headquarters” is reflected in the title bar, and the color set as the bar background color is reflected in the background of the title bar. Further, the contents in the rectangle included in the display information (the contents of the EXPLAIN.TXT file) are displayed in the rectangle of the normal display screen 20.

通常表示画面20及び属性編集画面30は、相互に画面切替えを行うための操作ボタン(以降、画面切替えボタンと表記する)21及び31を有する。図3A及び図3Bの例では、画面切替えボタン21には「属性表示に変更」というテキストが表示され、画面切替えボタン31には「通常表示に変更」というテキストが表示されている。ユーザは、通常表示画面20の画面切替えボタン21を操作することにより表示される画面を通常表示画面20から属性編集画面30に切り替えることができる。逆に、ユーザは、属性編集画面30の画面切替えボタン31を操作することにより表示される画面を属性編集画面30から通常表示画面20に切り替えることができる。   The normal display screen 20 and the attribute editing screen 30 have operation buttons (hereinafter referred to as screen switching buttons) 21 and 31 for switching screens between each other. In the example of FIGS. 3A and 3B, the text “change to attribute display” is displayed on the screen switching button 21, and the text “change to normal display” is displayed on the screen switching button 31. The user can switch the screen displayed by operating the screen switching button 21 on the normal display screen 20 from the normal display screen 20 to the attribute editing screen 30. Conversely, the user can switch the screen displayed by operating the screen switching button 31 on the attribute editing screen 30 from the attribute editing screen 30 to the normal display screen 20.

この例では、アニメーション生成部12は、属性編集画面30から通常表示画面20への画面切替えの推移を示す第1アニメーション画面、又は、通常表示画面20から属性編集画面30への画面切替えの推移を示す第2アニメーション画面を生成する。例えば、第1アニメーション画面は、表示画面が所定方向に回転するアニメーションを含み、第2アニメーション画面は、表示画面が上記所定方向の逆方向に回転するアニメーションを含む。   In this example, the animation generation unit 12 changes the first animation screen indicating the transition of the screen switching from the attribute editing screen 30 to the normal display screen 20 or the transition of the screen switching from the normal display screen 20 to the attribute editing screen 30. A second animation screen is generated. For example, the first animation screen includes an animation in which the display screen rotates in a predetermined direction, and the second animation screen includes an animation in which the display screen rotates in a direction opposite to the predetermined direction.

切替制御部14は、属性編集画面30から通常表示画面20への切替え指示が取得された場合には、画面生成部10に、属性編集画面30を介して編集された表示情報を用いて通常表示画面20を生成させる。更に、切替制御部14は、取得された切替え指示に応じて、アニメーション生成部12に、第1アニメーション画面と第2アニメーション画面とを切替えさせる。上記例によれば、切替制御部14は、属性編集画面30の画面切替えボタン31又は通常表示画面20の画面切替えボタン21がユーザにより操作されることにより、画面切替え指示を取得する。   When the switching instruction from the attribute editing screen 30 to the normal display screen 20 is acquired, the switching control unit 14 performs normal display on the screen generation unit 10 using the display information edited via the attribute editing screen 30. A screen 20 is generated. Furthermore, the switching control unit 14 causes the animation generating unit 12 to switch between the first animation screen and the second animation screen in accordance with the acquired switching instruction. According to the above example, the switching control unit 14 acquires a screen switching instruction when the user operates the screen switching button 31 on the attribute editing screen 30 or the screen switching button 21 on the normal display screen 20.

図4は、通常表示画面20から属性編集画面30への画面切替えの例を示す図である。
図5は、属性編集画面30から通常表示画面20への画面切替えの例を示す図である。図4に示す符号40が、通常表示画面20から属性編集画面30への画面切替えの推移を示す第2アニメーション画面(以降、アニメーション画面40と表記する)を示し、図5に示す符号45が属性編集画面30から通常表示画面20への画面切替えの推移を示す第1アニメーション画面(以降、アニメーション画面45と表記する)を示す。このように、アニメーション画面40及び45は、表示画面が表面から裏面へ回転する推移、又は、表示画面が裏面から表面へ回転する推移を表す。
FIG. 4 is a diagram illustrating an example of screen switching from the normal display screen 20 to the attribute editing screen 30.
FIG. 5 is a diagram illustrating an example of screen switching from the attribute editing screen 30 to the normal display screen 20. A reference numeral 40 shown in FIG. 4 indicates a second animation screen (hereinafter referred to as an animation screen 40) showing a transition of screen switching from the normal display screen 20 to the attribute editing screen 30, and a reference numeral 45 shown in FIG. A first animation screen (hereinafter referred to as an animation screen 45) showing a transition of screen switching from the editing screen 30 to the normal display screen 20 is shown. As described above, the animation screens 40 and 45 represent a transition in which the display screen rotates from the front surface to the back surface or a transition in which the display screen rotates from the back surface to the front surface.

アニメーション生成部12は、アニメーション画面40及び45に相当する各画面データを予めメモリに保持していてもよいし、次のようにアニメーション画面40及び45を生成するようにしてもよい。例えば、アニメーション生成部12は、表示画面の回転推移の各段階を示す表示画面41、42、43及び44を予めメモリに保持し、表示画面41、42、43及び44の表示状態を所定の時間間隔で順次切り替えることでアニメーション画面40及び45を実現する。   The animation generation unit 12 may previously store each screen data corresponding to the animation screens 40 and 45 in the memory, or may generate the animation screens 40 and 45 as follows. For example, the animation generation unit 12 holds display screens 41, 42, 43, and 44 that indicate each stage of the rotation transition of the display screen in a memory in advance, and displays the display state of the display screens 41, 42, 43, and 44 for a predetermined time. The animation screens 40 and 45 are realized by sequentially switching at intervals.

図4に示すアニメーション画面40の例では、表示画面41は、紙面上下方向を軸として、通常表示画面20を下方に向かって左回転(反時計回り)させ始めた状態を示し、表示画面42は、表示画面41から更に回転を進めさせた状態を示す。表示画面43は、表示画面42から更に回転を進めさせて通常表示画面20の裏面(属性編集画面30)が前方に向き始めた状態を示す。表示画面44は、表示画面43から更に回転を進めさせた状態を示す。   In the example of the animation screen 40 shown in FIG. 4, the display screen 41 shows a state in which the normal display screen 20 starts to be rotated counterclockwise (counterclockwise) downward with the vertical direction on the paper as an axis. The state where the rotation is further advanced from the display screen 41 is shown. The display screen 43 shows a state in which the rotation is further advanced from the display screen 42 and the back surface (attribute editing screen 30) of the normal display screen 20 starts to face forward. The display screen 44 shows a state in which the rotation is further advanced from the display screen 43.

図5に示すアニメーション画面45の例では、図4のアニメーション画面40とは逆方向(時計回り)に表示画面が回転する。具体的には、表示画面44は、紙面上下方向を軸として、属性編集画面30を下方に向かって右回転(時計回り)させ始めた状態を示し、表示画面43は、表示画面44から更に回転を進めさせた状態を示す。表示画面42は、表示画面43から更に回転を進めさせて属性編集画面30の裏面(通常表示画面20)が前方に向き始めた状態を示す。表示画面41は、表示画面42から更に回転を進めさせた状態を示す。   In the example of the animation screen 45 shown in FIG. 5, the display screen rotates in the opposite direction (clockwise) to the animation screen 40 of FIG. Specifically, the display screen 44 shows a state in which the attribute editing screen 30 starts to be rotated clockwise (clockwise) downward with the vertical direction of the paper as an axis, and the display screen 43 is further rotated from the display screen 44. Indicates the state where the is advanced. The display screen 42 shows a state in which the rotation is further advanced from the display screen 43 and the reverse side (normal display screen 20) of the attribute editing screen 30 starts to face forward. The display screen 41 shows a state where the rotation is further advanced from the display screen 42.

なお、本実施形態は、図4及び図5の例のように、4つの表示画面を使ってアニメーションを実現することに限定するものではない。表示画面の回転推移が認識され得る範囲であれば、回転方向は任意の方向であってもよく、回転軸も任意に設定されてもよい。   In addition, this embodiment is not limited to implement | achieving animation using four display screens like the example of FIG.4 and FIG.5. As long as the rotation transition of the display screen can be recognized, the rotation direction may be any direction, and the rotation axis may be arbitrarily set.

なお、図4及び図5の例では、分かり易くするために、表示画面41、42、43及び44の各表示位置を変えているが、各イメージは同じ位置で表示される。図4及び図5の例に示されるように、表示画面41、42、43及び44の各表示位置が変わるアニメーションであってもよい。また、表示画面41、42、43及び44は、表示画面の回転推移が認識され得る範囲の任意の位置に表示されてもよい。   In the examples of FIGS. 4 and 5, the display positions of the display screens 41, 42, 43, and 44 are changed for easy understanding, but the images are displayed at the same position. As shown in the examples of FIGS. 4 and 5, an animation in which each display position of the display screens 41, 42, 43 and 44 changes may be used. In addition, the display screens 41, 42, 43, and 44 may be displayed at arbitrary positions within a range where the rotation transition of the display screen can be recognized.

更に、アニメーション生成部12は、切替え前後の表示画面(通常表示画面20及び属性編集画面30)の各画面データを画面生成部10から取得して、それら画面データから表示画面41、42、43及び44のような形状の画面を生成するようにしてもよい。この場合には、例えば、表示画面41及び42は、通常表示画面20が変形された画面とし、表示画面43及び44は、属性編集画面30が変形された画面とすればよい。また、画面切替え方向によらず、同じアニメーション画面を表示させるようにしてもよい。また、アニメーション画面として写真や映像を用いるようにしてもよい。
〔動作例〕
以下、第2実施形態における表示制御装置1の動作例について説明する。図6は、第2実施形態における表示制御装置1の動作例を示すフローチャートである。ここでは、図5に示される画面切替えの例、即ち、属性編集画面30から通常表示画面20へ画面切替えが行われる例を用いる。
Furthermore, the animation generation unit 12 acquires each screen data of the display screens before and after the switching (the normal display screen 20 and the attribute editing screen 30) from the screen generation unit 10, and displays the display screens 41, 42, 43, and A screen having a shape like 44 may be generated. In this case, for example, the display screens 41 and 42 may be screens obtained by modifying the normal display screen 20, and the display screens 43 and 44 may be screens obtained by modifying the attribute editing screen 30. The same animation screen may be displayed regardless of the screen switching direction. Moreover, you may make it use a photograph and an image | video as an animation screen.
[Operation example]
Hereinafter, an operation example of the display control apparatus 1 in the second embodiment will be described. FIG. 6 is a flowchart illustrating an operation example of the display control device 1 according to the second embodiment. Here, an example of screen switching shown in FIG. 5, that is, an example of screen switching from the attribute editing screen 30 to the normal display screen 20 is used.

表示制御装置1では、画面生成部10は、通常表示画面20、属性編集画面30のような表示画面を生成する(S71)。これにより、画面生成部10により生成された表示画面は、表示装置9に表示される。ここでは、属性編集画面30が表示されるものとする。属性編集画面30には、図3Bに示すような表示情報が表示される。   In the display control device 1, the screen generator 10 generates display screens such as the normal display screen 20 and the attribute editing screen 30 (S71). As a result, the display screen generated by the screen generator 10 is displayed on the display device 9. Here, it is assumed that the attribute editing screen 30 is displayed. Display information as shown in FIG. 3B is displayed on the attribute editing screen 30.

画面生成部10は、画面選択値(N)にこの生成された表示画面を示す値を設定する(S72)。ここでは、画面選択値(1)が通常表示画面20を示し、画面選択値(0)が属性編集画面30を示すものと仮定し、画面選択値(N)には0が設定される。   The screen generator 10 sets a value indicating the generated display screen as the screen selection value (N) (S72). Here, it is assumed that the screen selection value (1) indicates the normal display screen 20, the screen selection value (0) indicates the attribute editing screen 30, and 0 is set in the screen selection value (N).

画面生成部10は、処理を終了すべきか否かを判定する(S73)。画面生成部10は、例えば、上記表示画面を閉じる操作を検出した場合には、処理の終了を決定する(S73;YES)。画面生成部10は、処理を終了しないと判断すると(S73;NO)、上記表示画面において表示情報が変更されたか否かを判定する(S74)。このとき、画面生成部10は、上記表示画面が表示情報を変更するための画面か否かを判断するようにしてもよい。   The screen generator 10 determines whether or not to end the process (S73). For example, when the operation for closing the display screen is detected, the screen generation unit 10 determines the end of the process (S73; YES). When determining that the processing is not ended (S73; NO), the screen generator 10 determines whether or not the display information has been changed on the display screen (S74). At this time, the screen generator 10 may determine whether the display screen is a screen for changing display information.

画面生成部10は、表示情報が変更されたと判定すると(S74;YES)、変更された表示情報を表示情報格納部16に格納する(S75)。ここでは、表示情報に含まれるバータイトル名が「本部からのお知らせ」から「システムリニューアル」に変更されたものとする。この場合、画面生成部10は、属性編集画面30に設定された新たなバータイトル名「システムリニューアル」を表示情報格納部16に格納する。   When determining that the display information has been changed (S74; YES), the screen generation unit 10 stores the changed display information in the display information storage unit 16 (S75). Here, it is assumed that the bar title name included in the display information is changed from “Notification from the headquarters” to “System renewal”. In this case, the screen generation unit 10 stores the new bar title name “system renewal” set in the attribute editing screen 30 in the display information storage unit 16.

切替制御部14は、画面切替え指示の有無を判定する(S76)。画面切替え指示がない場合には(S76;NO)、画面生成部10による上記処理(S73)に移行される。切替制御部14は、画面切替え指示を取得すると(S76;YES)、画面選択値(N)を確認する(S77)。そして、切替制御部14は、画面選択値(N)を切替え後の表示画面を示す値に更新する。   The switching control unit 14 determines whether there is a screen switching instruction (S76). If there is no screen switching instruction (S76; NO), the process proceeds to the above process (S73) by the screen generator 10. When acquiring the screen switching instruction (S76; YES), the switching control unit 14 confirms the screen selection value (N) (S77). Then, the switching control unit 14 updates the screen selection value (N) to a value indicating the display screen after switching.

上記例によれば、属性編集画面30の画面切替えボタン31がユーザにより操作されると、画面切替え指示が切替制御部14により取得される。切替制御部14は、画面選択値(N)が0であるので(S77;YES)、画面選択値(N)を切替え後の通常表示画面20を示す値(1)に設定する(S78)。通常表示画面20から属性編集画面30への画面切替え時には、切替制御部14は、画面選択値(N)が0でないので(S77;NO)、画面選択値(N)を切替え後の属性編集画面30を示す値(0)に設定する(S79)。ここでは、2つの表示画面間で切り替えられる例を示すが、3つ以上の表示画面間で切り替えられてもよい。この場合には、画面選択値(N)にはそれら表示画面のいずれか1つを示す値が設定される。   According to the above example, when the screen switching button 31 on the attribute editing screen 30 is operated by the user, a screen switching instruction is acquired by the switching control unit 14. Since the screen selection value (N) is 0 (S77; YES), the switching control unit 14 sets the screen selection value (N) to a value (1) indicating the normal display screen 20 after switching (S78). When the screen is switched from the normal display screen 20 to the attribute editing screen 30, the switching control unit 14 does not have the screen selection value (N) 0 (S77; NO), so the attribute editing screen after switching the screen selection value (N). It is set to a value (0) indicating 30 (S79). Here, an example of switching between two display screens is shown, but switching between three or more display screens may be performed. In this case, the screen selection value (N) is set to a value indicating any one of the display screens.

続いて、切替制御部14は、アニメーション生成部12に、表示されている表示画面から切替え後の表示画面への画面切替えの推移を示すアニメーション画面を生成するように指示する。この指示に応じて、アニメーション生成部12は、指示されたアニメーション画面を生成する(S80)。これにより、この生成されたアニメーション画面が表示装置9に表示される。   Subsequently, the switching control unit 14 instructs the animation generation unit 12 to generate an animation screen indicating a transition of screen switching from the displayed display screen to the display screen after switching. In response to this instruction, the animation generation unit 12 generates the instructed animation screen (S80). As a result, the generated animation screen is displayed on the display device 9.

上記例によれば、切替制御部14は、アニメーション生成部12に、属性編集画面30から通常表示画面20への画面切替えの推移を示すアニメーション画面45を生成するように指示する。これにより、アニメーション画面45が表示装置9に表示される。一方、通常表示画面20から属性編集画面30への画面切替え時には、切替制御部14は、アニメーション画面40を生成するようにアニメーション生成部12に指示する。   According to the above example, the switching control unit 14 instructs the animation generation unit 12 to generate the animation screen 45 indicating the transition of screen switching from the attribute editing screen 30 to the normal display screen 20. Thereby, the animation screen 45 is displayed on the display device 9. On the other hand, when the screen is switched from the normal display screen 20 to the attribute editing screen 30, the switching control unit 14 instructs the animation generation unit 12 to generate the animation screen 40.

上記アニメーション画面45が終了すると、切替制御部14は、画面選択値(N)が示す表示画面を生成するように、画面生成部10に指示する。この指示に応じて、画面生成部10は、表示情報格納部16に格納される表示情報を用いて、画面選択値(N)が示す表示画面を生成する(S81)。これにより、この生成された表示画面が表示装置9に表示される。上記例によれば、変更後の「システムリニューアル」がバータイトル名として表示された通常表示画面20が表示される。以降、画面生成部10は、処理(S73)に移行する。   When the animation screen 45 ends, the switching control unit 14 instructs the screen generation unit 10 to generate a display screen indicated by the screen selection value (N). In response to this instruction, the screen generation unit 10 uses the display information stored in the display information storage unit 16 to generate a display screen indicated by the screen selection value (N) (S81). As a result, the generated display screen is displayed on the display device 9. According to the above example, the normal display screen 20 on which “system renewal” after the change is displayed as the bar title name is displayed. Thereafter, the screen generation unit 10 proceeds to processing (S73).

上述のように、図6では、説明の便宜のために、各処理がシーケンシャルに行われる例が示されたが、処理(S71)、(S72)及び(S73)と、処理(S74)及び(S75)と、その他の処理(処理(S76)以降の処理)とを、表示画面に対するユーザ操作の内容毎の別々のフローとしてもよい。また、処理(S76)の判定は、画面生成部10が行い、画面生成部10がその結果を切替制御部14に知らせるようにしてもよい。   As described above, FIG. 6 shows an example in which each process is performed sequentially for convenience of explanation, but the processes (S71), (S72) and (S73), and the processes (S74) and ( S75) and other processing (processing after processing (S76)) may be separate flows for each content of the user operation on the display screen. Further, the screen generation unit 10 may determine the process (S76), and the screen generation unit 10 may notify the switching control unit 14 of the result.

また、上述の画面切替えは、切替え前の表示画面を消去した後、アニメーション画面を表示させ、アニメーション画面が消えた後、切替え後の表示画面を表示させるようにしてもよいし、画面切替えの推移が把握可能であれば類似する他の方法でもよい。例えば、切替え後の表示画面が表示されても、切替え前の表示画面を表示させたままとしてもよいし、切替え前の表示画面を表示させたままアニメーション画面を表示させてもよい。   In addition, the screen switching described above may be such that after the display screen before switching is erased, the animation screen is displayed, and after the animation screen disappears, the display screen after switching is displayed. If it is possible to grasp, other similar methods may be used. For example, even if the display screen after switching is displayed, the display screen before switching may be displayed, or the animation screen may be displayed while displaying the display screen before switching.

〔第2実施形態における作用及び効果〕
上述のように、第2実施形態では、相互に関連する複数の表示画面の間で共用される表示情報が表示情報格納部16に格納され、属性編集画面30から通常表示画面20への画面切替えが行われる際には、属性編集画面30で変更された表示情報により切替え後の通常表示画面20が表示される。
[Operations and effects in the second embodiment]
As described above, in the second embodiment, display information shared between a plurality of mutually related display screens is stored in the display information storage unit 16, and the screen is switched from the attribute editing screen 30 to the normal display screen 20. Is performed, the switched normal display screen 20 is displayed based on the display information changed on the attribute editing screen 30.

また、属性編集画面30から通常表示画面20への画面切替え時と、通常表示画面20から属性編集画面30への画面切替え時とでは、画面切替えの推移を示すアニメーション画面が切替えられる。そして、各アニメーション画面では、表示画面が回転するアニメーションが含まれ、表示画面の回転方向が逆方向となっている。   In addition, the animation screen indicating the transition of the screen switching is switched between the screen switching from the attribute editing screen 30 to the normal display screen 20 and the screen switching from the normal display screen 20 to the attribute editing screen 30. And in each animation screen, the animation which a display screen rotates is included and the rotation direction of a display screen is a reverse direction.

このように第2実施形態によれば、ユーザに、画面切替えを表示画面の表面と裏面との切替えと認識させることにより、表示画面間の関連性を把握させ易くすることができる。つまり、ユーザは、切替え前の表示画面が回転して、切替え後の表示画面が表示されたと認識することにより、両表示画面が関連することを容易に把握することができる。   As described above, according to the second embodiment, it is possible to make the user recognize the relevance between the display screens by making the user recognize that the screen is switched between the front surface and the back surface of the display screen. That is, the user can easily grasp that both display screens are related by recognizing that the display screen before switching is rotated and the display screen after switching is displayed.

[第1変形例]
上述の第2実施形態では、切替え対象の表示画面が通常表示画面20、属性編集画面30のように1つの画面構成要素として形成されている例を示したが、当該表示画面は、1つの表示画面の中に存在する部分的構成要素として形成されていてもよい。図7は、表示画面の第1変形例を示す図である。
[First Modification]
In the second embodiment described above, an example in which the display screen to be switched is formed as one screen component such as the normal display screen 20 and the attribute editing screen 30 has been described. However, the display screen is a single display. It may be formed as a partial component existing in the screen. FIG. 7 is a diagram illustrating a first modification of the display screen.

この第1変形例では、表示画面50は、その内部に、表示画面51、52及び53を含む。つまり、表示画面51、52及び53は、表示画面50の構成要素となる。以降、説明を分かり易くするために、他の表示画面の構成要素となる表示画面を部分表示画面と表記する。図7の例では、部分表示画面51は本部からのお知らせを表示する画面であり、部分表示画面52は組合ニュースを表示する画面であり、部分表示画面53は2010年カレンダーを表示する画面である。第1変形例では、画面生成部10は、部分表示画面51、部分表示画面52及び部分表示画面53を含む表示画面50を生成する。   In the first modification, the display screen 50 includes display screens 51, 52, and 53 therein. That is, the display screens 51, 52, and 53 are constituent elements of the display screen 50. Hereinafter, in order to make the explanation easy to understand, a display screen that is a component of another display screen is referred to as a partial display screen. In the example of FIG. 7, the partial display screen 51 is a screen that displays information from the headquarters, the partial display screen 52 is a screen that displays union news, and the partial display screen 53 is a screen that displays a 2010 calendar. . In the first modification, the screen generation unit 10 generates a display screen 50 including a partial display screen 51, a partial display screen 52, and a partial display screen 53.

この第1変形例では、3つの部分表示画面のうち部分表示画面51及び52は、関連する他の表示画面をそれぞれ有する。図8は、関連する表示画面の第1変形例を示す図である。図8の例によれば、部分表示画面51は、その表示情報を編集するための属性編集画面(以降、部分編集画面と表記する)56と相互に関連し、部分表示画面52は、部分編集画面57と相互に関連する。これにより、表示情報格納部16は、部分表示画面51及び部分編集画面56が共用する表示情報(バータイトル名等)を格納し、部分表示画面52及び部分編集画面57が共用する表示情報(バータイトル名等)を格納する。第1変形例では、画面生成部10は、切替制御部14からの制御により、部分編集画面56及び57を生成する。   In the first modification, the partial display screens 51 and 52 among the three partial display screens have other related display screens, respectively. FIG. 8 is a diagram illustrating a first modification of the related display screen. According to the example of FIG. 8, the partial display screen 51 is correlated with an attribute editing screen (hereinafter referred to as a partial editing screen) 56 for editing the display information. Interrelated with screen 57. As a result, the display information storage unit 16 stores display information (bar title name, etc.) shared by the partial display screen 51 and the partial edit screen 56, and display information (bar title) shared by the partial display screen 52 and the partial edit screen 57. Title name). In the first modification, the screen generation unit 10 generates partial editing screens 56 and 57 under the control of the switching control unit 14.

この第1変形例では、例えば、部分表示画面51及び52のタイトルバーがクリックされると画面切替え指示が発生する。切替制御部14は、部分表示画面51の画面切替え指示を取得すると、部分表示画面51から部分編集画面56への画面切替えを行い、部分表示画面52の画面切替え指示を取得すると、部分表示画面52から部分編集画面57への画面切替えを行う。   In the first modification, for example, when the title bar of the partial display screens 51 and 52 is clicked, a screen switching instruction is generated. When acquiring the screen switching instruction for the partial display screen 51, the switching control unit 14 performs screen switching from the partial display screen 51 to the partial editing screen 56, and when acquiring the screen switching instruction for the partial display screen 52, the partial display screen 52. Is switched to the partial edit screen 57.

図9は、画面切替えの第1変形例を示す図である。アニメーション生成部12は、切替え後の部分表示画面が表示される前に、切替え前の部分表示画面が表示されていた画面領域に表示されるようにアニメーション画面(以降、部分アニメーション画面と表記する)61又は62をそれぞれ生成する。アニメーション生成部12は、部分アニメーション画面61及び62をサイズのみ異なる同じアニメーションとしてもよいし、異なるアニメーションにしてもよい。   FIG. 9 is a diagram illustrating a first modification of screen switching. The animation generation unit 12 displays an animation screen (hereinafter referred to as a partial animation screen) so that the partial display screen before the switching is displayed in the screen area where the partial display screen was displayed before the partial display screen after the switching is displayed. 61 or 62 is generated, respectively. The animation generation unit 12 may set the partial animation screens 61 and 62 to be the same animation having different sizes or different animations.

この第1変形例のように切替え対象の表示画面が1つの表示画面50の構成要素となる部分表示画面であっても、本実施形態によれば、部分表示画面間の関連を把握させ易くすることができる。   Even if the display screen to be switched is a partial display screen that is a constituent element of one display screen 50 as in the first modification, according to the present embodiment, it is easy to grasp the relationship between the partial display screens. be able to.

[第2変形例]
また、上述の説明では特に言及しなかったが、相互に関連する表示画面のサイズが異なるようにしてもよい。この第2変形例では、画面生成部10は、生成する表示画面内に含まれる表示情報量に応じて、生成される表示画面の画面サイズを決定する。アニメーション生成部12は、表示画面が回転しながら拡大するアニメーションを含むアニメーション画面を生成する。画面生成部10は、表示情報量を表示情報格納部16から抽出するようにしてもよい。
[Second Modification]
Further, although not particularly mentioned in the above description, the sizes of the display screens related to each other may be different. In the second modified example, the screen generation unit 10 determines the screen size of the generated display screen according to the amount of display information included in the display screen to be generated. The animation generation unit 12 generates an animation screen including an animation that expands while the display screen rotates. The screen generation unit 10 may extract the display information amount from the display information storage unit 16.

図10は、表示画面の第2変形例を示す図であり、図11は、関連する表示画面の第2変形例を示す図である。第2変形例では、表示画面70は、その内部に、第1変形例における部分表示画面51、52及び53と共に、部分表示画面71を更に含む。部分表示画面71は、天気を表示する画面であり、その表示情報を編集するための部分編集画面75と関連する。図11に示されるように、部分編集画面75は、部分表示画面71と同じ画面サイズでは全表示内容を表示しきれないため、部分表示画面71よりも大きく表示される。   FIG. 10 is a diagram showing a second modification of the display screen, and FIG. 11 is a diagram showing a second modification of the related display screen. In the second modification, the display screen 70 further includes a partial display screen 71 together with the partial display screens 51, 52, and 53 in the first modification. The partial display screen 71 is a screen for displaying the weather, and is related to the partial editing screen 75 for editing the display information. As shown in FIG. 11, the partial edit screen 75 is displayed larger than the partial display screen 71 because the entire display content cannot be displayed with the same screen size as the partial display screen 71.

図12及び図13は、画面切替えの第2変形例を示す図である。アニメーション生成部12は、切替え後の部分編集画面75が表示される前に、表示画面が回転しつつその画面サイズが切替え前の部分表示画面71のサイズから切替え後の部分編集画面75のサイズへ変更されるアニメーションを含む部分アニメーション画面を生成する。このとき、そのアニメーションには、画面切替えの推移の途中段階である表示画面81及び82を含む。アニメーション生成部12は、図12に示す表示画面81よりも図13に示す表示画面82のほうが縦方向のサイズが大きくなるように部分アニメーション画面を生成する。   12 and 13 are diagrams showing a second modification of screen switching. The animation generating unit 12 changes the screen size from the size of the partial display screen 71 before switching to the size of the partial editing screen 75 after switching before the partial editing screen 75 after switching is displayed. Generate a partial animation screen that includes the animation to be changed. At this time, the animation includes display screens 81 and 82 which are intermediate stages of screen switching. The animation generation unit 12 generates a partial animation screen so that the display screen 82 shown in FIG. 13 is larger in size in the vertical direction than the display screen 81 shown in FIG.

第2変形例によれば、表示情報量に応じて、スクロールなしで表示できる画面サイズに変更しつつ、表示画面間の関連性を把握し易くすることができる。   According to the second modification, it is possible to easily grasp the relevance between the display screens while changing to a screen size that can be displayed without scrolling according to the amount of display information.

[第3変形例]
上述の第2変形例では、表示画面の回転状態とサイズの変更状態とを同時に表す部分アニメーション画面を表示させる例を示したが、表示画面の回転状態とサイズの変更状態とを順に表す部分アニメーション画面を表示させるようにしてもよい。
[Third Modification]
In the second modification described above, an example in which the partial animation screen that simultaneously represents the rotation state and the size change state of the display screen is displayed, but the partial animation that sequentially represents the rotation state and the size change state of the display screen. A screen may be displayed.

図14は、画面切替えの第3変形例を示す図である。第3変形例では、アニメーション生成部12は、部分表示画面71と同じ大きさの領域85内において表示画面が所定方向に回転するアニメーションと、その回転し終わった表示画面が画面切替え後の部分編集画面75と同じ大きさの領域86に拡大するアニメーションとを含む部分アニメーション画面を生成する。   FIG. 14 is a diagram illustrating a third modification of screen switching. In the third modified example, the animation generation unit 12 performs an animation in which the display screen rotates in a predetermined direction in the area 85 having the same size as the partial display screen 71, and the partial display after the screen is switched after the rotation is completed. A partial animation screen including an animation that expands to an area 86 having the same size as the screen 75 is generated.

この第3変形例によれば、サイズ変更を示すアニメーションが最後に追加的に表示されるため、表示画面間の関連性と共に、表示画面のサイズが変更されたことを把握し易くすることができる。   According to the third modified example, since an animation indicating the size change is additionally displayed at the end, it is possible to easily understand that the size of the display screen has been changed along with the relevance between the display screens. .

[第4変形例]
上述のような部分アニメーション画面の他の形態として、画面切替え後の部分表示画面が手前に飛び出すイメージや或る表示画面内にはめ込まれるイメージを表す部分アニメーション画面を表示させるようにしてもよい。更に、画面切替え後の部分表示画面のサイズは、上述の第2変形例及び第3変形例に示すように、表示情報量に応じて拡大又は縮小されるようにしてもよい。
[Fourth Modification]
As another form of the partial animation screen as described above, a partial animation screen representing an image in which the partial display screen after screen switching jumps forward or an image fitted in a certain display screen may be displayed. Furthermore, the size of the partial display screen after the screen switching may be enlarged or reduced according to the amount of display information, as shown in the second and third modified examples described above.

図15は、表示画面の第4変形例を示す図であり、図16は、関連する表示画面の第4変形例を示す図である。部分表示画面91は、天気を表示する画面であり、その表示情報を編集するための部分編集画面95と関連する。図15及び図16に示されるように、部分編集画面95は、部分表示画面91と同じ画面サイズでは全表示内容を表示しきれないため、部分表示画面91よりも大きく表示される。更に、このとき、画面生成部10は、図16に示すように、その拡大した部分編集画面95を部分表示画面91と同じ位置で表示した場合、表示画面90自体を拡大しなければならなくなるため、部分表示画面91の表示位置とは異なる位置に影付きで表示されるように部分編集画面95を生成する。   FIG. 15 is a diagram showing a fourth modification of the display screen, and FIG. 16 is a diagram showing a fourth modification of the related display screen. The partial display screen 91 is a screen for displaying the weather, and is related to the partial edit screen 95 for editing the display information. As shown in FIGS. 15 and 16, the partial edit screen 95 is displayed larger than the partial display screen 91 because the entire display content cannot be displayed with the same screen size as the partial display screen 91. Furthermore, at this time, as shown in FIG. 16, when the enlarged partial editing screen 95 is displayed at the same position as the partial display screen 91, the screen generation unit 10 must enlarge the display screen 90 itself. Then, the partial editing screen 95 is generated so as to be displayed with a shadow at a position different from the display position of the partial display screen 91.

アニメーション生成部12は、画面切替え前の部分表示画面91と同じ領域内において表示画面が回転するアニメーションが表示され、その後、回転し終わった表示画面が飛び出すアニメーションが表示されるような部分アニメーション画面を生成する。アニメーション生成部12は、表示画面の回転状態と飛び出し状態とを同時に表わす部分アニメーション画面を生成するようにしてもよい。また、飛び出すイメージで表示されている部分編集画面95から部分表示画面91への画面切替え時には、上記とは逆の部分アニメーション画面が表示される。即ち、飛び出した状態の部分編集画面95が表示画面90内にはめ込まれるイメージを表す部分アニメーション画面が生成される。   The animation generation unit 12 displays a partial animation screen in which an animation in which the display screen rotates in the same area as the partial display screen 91 before screen switching is displayed, and then an animation in which the rotated display screen pops out is displayed. Generate. The animation generation unit 12 may generate a partial animation screen that simultaneously represents the rotation state and the pop-out state of the display screen. Further, when the screen is switched from the partial editing screen 95 displayed as a pop-up image to the partial display screen 91, a partial animation screen opposite to the above is displayed. That is, a partial animation screen is generated that represents an image in which the partial editing screen 95 in a protruding state is fitted in the display screen 90.

第4変形例によれば、表示画面が飛び出すアニメーションを最後に追加的に表示させることにより、その部分表示画面を含む表示画面のサイズを変えることなく、表示画面間の関連性と共に、表示画面のサイズが変更されたことを把握し易くすることができる。   According to the fourth modification, by additionally displaying the animation that pops up the display screen at the end, the display screen including the partial display screen is not changed in size and the relevance between the display screens is changed. This makes it easy to grasp that the size has been changed.

[補足]
上述の各実施形態及び各変形例は、3つ以上の表示画面間の切り替え時にも適用可能である。図17は、3つの表示画面間での画面切替えの例を示す図である。図17の例では、本人承認画面101、課長承認画面110及び部長承認画面120の間で画面切り替えが行われる。各画面には、画面切替えボタン105、115、116及び125が設けられている。
[Supplement]
The above-described embodiments and modifications can be applied when switching between three or more display screens. FIG. 17 is a diagram illustrating an example of screen switching between three display screens. In the example of FIG. 17, screen switching is performed among the principal approval screen 101, the section manager approval screen 110, and the manager approval screen 120. Each screen is provided with screen switching buttons 105, 115, 116 and 125.

各画面は、切替制御部14の制御により以下のように画面切替えが行われる。本人承認画面101の画面切替えボタン105が操作されると、本人承認画面101から課長承認画面110への画面切替えが行われる。課長承認画面110の画面切替えボタン116が操作されると、課長承認画面110から部長承認画面120への画面切替えが行われる。部長承認画面120の画面切替えボタン125が操作されると、部長承認画面120から課長承認画面110への画面切替えが行われる。課長承認画面110の画面切替えボタン115が操作されると、課長承認画面110から本人承認画面101への画面切替えが行われる。   Each screen is switched as described below under the control of the switching control unit 14. When the screen switching button 105 on the personal approval screen 101 is operated, the screen switching from the personal approval screen 101 to the section manager approval screen 110 is performed. When the screen switching button 116 on the section manager approval screen 110 is operated, the screen switching from the section manager approval screen 110 to the section manager approval screen 120 is performed. When the screen switching button 125 of the manager approval screen 120 is operated, the screen switching from the manager approval screen 120 to the section manager approval screen 110 is performed. When the screen switching button 115 on the section manager approval screen 110 is operated, the screen switching from the section manager approval screen 110 to the person approval screen 101 is performed.

切替制御部14は、各画面の切り替わり時に、上述の各実施形態及び各変形例のように、アニメーション生成部12に、画面切替えの推移を示すアニメーション画面40又は45を生成するように指示する。   The switching control unit 14 instructs the animation generation unit 12 to generate the animation screen 40 or 45 indicating the transition of the screen switching, as in the above-described embodiments and modifications, at the time of switching each screen.

このように、上述の各実施形態及び各変形例によれば、3つ以上の表示画面間で画面切替えが行われる場合であっても、各画面間の関連性を把握し易くすることができる。   As described above, according to each of the embodiments and the modifications described above, it is possible to easily grasp the relationship between the screens even when the screen is switched between three or more display screens. .

1 表示制御装置
4 バス
5 CPU
6 RAM
7 HDD
8 入出力インタフェース
9 表示装置
10 画面生成部
12 アニメーション生成部
14 切替制御部
16 表示情報格納部
20 通常表示画面
21、31、105、115、116、125 画面切替えボタン
30 属性編集画面
40、45 アニメーション画面
41、42、43、44、50、70、90 表示画面
51、52、53、56、57、71、75、91、95 表示画面(部分表示画面又は部分編集画面)
61、62、81、82 アニメーション画面(部分アニメーション画面)
101 本人承認画面
110 課長承認画面
120 部長承認画面
1 Display control device 4 Bus 5 CPU
6 RAM
7 HDD
DESCRIPTION OF SYMBOLS 8 Input / output interface 9 Display apparatus 10 Screen generation part 12 Animation generation part 14 Switching control part 16 Display information storage part 20 Normal display screen 21, 31, 105, 115, 116, 125 Screen switching button 30 Attribute edit screen 40, 45 Animation Screen 41, 42, 43, 44, 50, 70, 90 Display screen 51, 52, 53, 56, 57, 71, 75, 91, 95 Display screen (partial display screen or partial edit screen)
61, 62, 81, 82 Animation screen (partial animation screen)
101 Person approval screen 110 Manager approval screen 120 Manager approval screen

Claims (7)

相互に関連する複数の表示画面の間で共用される表示情報を格納する表示情報格納手段と、
前記表示情報格納手段により格納される表示情報を用いて、前記各表示画面をそれぞれ生成する画面生成手段と、
前記画面生成手段により生成された第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えの推移を示すアニメーション画面を生成するアニメーション生成手段と、
前記第1表示画面から前記第2表示画面への切替え指示が取得された場合に、表示部に、前記アニメーション画面が表示された後、前記第2表示画面が表示されるように、前記画面生成手段及び前記アニメーション生成手段を制御する切替制御手段と、
を備えることを特徴とする表示制御装置。
Display information storage means for storing display information shared among a plurality of mutually related display screens;
Screen generation means for generating each of the display screens using display information stored by the display information storage means;
Animation generating means for generating an animation screen indicating transition of screen switching from the first display screen generated by the screen generating means to the second display screen related to the first display screen;
When the switching instruction from the first display screen to the second display screen is acquired, the screen generation is performed so that the second display screen is displayed after the animation screen is displayed on the display unit. Switching control means for controlling the means and the animation generating means;
A display control apparatus comprising:
前記切替制御手段は、前記第1表示画面から前記第2表示画面への切替え指示が取得された場合には、前記画面生成手段に、前記第1表示画面を介して編集された前記表示情報を用いて前記第2表示画面を生成させる、
ことを特徴とする請求項1に記載の表示制御装置。
When the switching instruction from the first display screen to the second display screen is acquired, the switching control unit sends the display information edited via the first display screen to the screen generation unit. To generate the second display screen,
The display control apparatus according to claim 1.
前記表示情報は、色及びサイズを含む前記各表示画面の表示形態に関する情報を含み、
前記画面生成手段は、前記表示情報に含まれる表示形態に関する情報を編集可能な第1表示画面を生成する、
ことを特徴とする請求項2に記載の表示制御装置。
The display information includes information regarding a display form of each display screen including color and size,
The screen generating means generates a first display screen capable of editing information relating to a display form included in the display information;
The display control apparatus according to claim 2.
前記アニメーション生成手段は、前記第1表示画面から前記第2表示画面への画面切替えの推移を示す第1アニメーション画面又は前記第2表示画面から前記第1表示画面への画面切替えの推移を示す第2アニメーション画面を生成し、
前記第1アニメーション画面は、表示画面が所定方向に回転するアニメーションを含み、
前記第2アニメーション画面は、表示画面が前記所定方向の逆方向に回転するアニメーションを含み、
前記切替制御手段は、取得された切替え指示に応じて、前記アニメーション生成手段に、前記第1アニメーション画面と前記第2アニメーション画面とを切替えさせる、
ことを特徴とする請求項1から3のいずれか1項に記載の表示制御装置。
The animation generation means includes a first animation screen indicating a transition of screen switching from the first display screen to the second display screen or a first transition screen indicating a transition of screen switching from the second display screen to the first display screen. 2 Generate animation screen,
The first animation screen includes an animation in which a display screen rotates in a predetermined direction,
The second animation screen includes an animation in which a display screen rotates in a direction opposite to the predetermined direction,
The switching control unit causes the animation generation unit to switch between the first animation screen and the second animation screen in accordance with the acquired switching instruction.
The display control device according to claim 1, wherein the display control device is a display control device.
前記画面生成手段は、生成される表示画面内に含まれる表示情報量に応じて、生成される表示画面の画面サイズを決定し、
前記アニメーション生成手段は、前記第1表示画面から前記第2表示画面への切替え指示が取得された場合には、前記アニメーション画面に、画面サイズの推移及び表示位置の推移の少なくとも一方を示すアニメーションを更に含ませる、
ことを特徴とする請求項1から4のいずれか1項に記載の表示制御装置。
The screen generation means determines the screen size of the generated display screen according to the amount of display information included in the generated display screen,
When an instruction to switch from the first display screen to the second display screen is acquired, the animation generating means displays an animation indicating at least one of a screen size transition and a display position transition on the animation screen. Include further,
The display control apparatus according to claim 1, wherein the display control apparatus is a display control apparatus.
表示部の表示を制御する表示制御装置により実行される表示制御方法において、
相互に関連する複数の表示画面のうちの少なくとも1つの第1表示画面を前記表示部に表示し、
前記第1表示画面の切替え指示が取得された場合に、前記第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えを示すアニメーション画面を前記表示部に表示し、
前記アニメーション画面が表示された後、前記第1表示画面により利用される表示情報を用いて生成された前記第2表示画面を前記表示部に表示する、
ことを含む表示制御方法。
In a display control method executed by a display control device that controls display on a display unit,
Displaying at least one first display screen among a plurality of mutually related display screens on the display unit;
When an instruction to switch the first display screen is acquired, an animation screen indicating screen switching from the first display screen to a second display screen related to the first display screen is displayed on the display unit,
After the animation screen is displayed, the second display screen generated using display information used by the first display screen is displayed on the display unit.
A display control method.
表示部の表示を制御する表示制御装置を、
相互に関連する複数の表示画面の間で共用される表示情報を格納する表示情報格納手段と、
前記表示情報格納手段により格納される表示情報を用いて、前記各表示画面をそれぞれ生成する画面生成手段と、
前記画面生成手段により生成された第1表示画面からその第1表示画面に関連する第2表示画面への画面切替えの推移を示すアニメーション画面を生成するアニメーション生成手段と、
前記第1表示画面から前記第2表示画面への切替え指示が取得された場合に、前記表示部に、前記アニメーション画面が表示された後、前記第2表示画面が表示されるように、前記画面生成手段及び前記アニメーション生成手段を制御する切替制御手段と、
して機能させることを特徴とする表示制御プログラム。
A display control device for controlling the display of the display unit,
Display information storage means for storing display information shared among a plurality of mutually related display screens;
Screen generation means for generating each of the display screens using display information stored by the display information storage means;
Animation generating means for generating an animation screen indicating transition of screen switching from the first display screen generated by the screen generating means to the second display screen related to the first display screen;
When the switching instruction from the first display screen to the second display screen is acquired, the screen is displayed so that the second display screen is displayed after the animation screen is displayed on the display unit. A switching control means for controlling the generating means and the animation generating means;
Display control program characterized in that it is made to function.
JP2010243103A 2010-10-29 2010-10-29 Display control device, display control method and program therefor Pending JP2012094091A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2010243103A JP2012094091A (en) 2010-10-29 2010-10-29 Display control device, display control method and program therefor

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2010243103A JP2012094091A (en) 2010-10-29 2010-10-29 Display control device, display control method and program therefor

Publications (1)

Publication Number Publication Date
JP2012094091A true JP2012094091A (en) 2012-05-17

Family

ID=46387315

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2010243103A Pending JP2012094091A (en) 2010-10-29 2010-10-29 Display control device, display control method and program therefor

Country Status (1)

Country Link
JP (1) JP2012094091A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014076791A1 (en) * 2012-11-15 2014-05-22 三菱電機株式会社 User interface device
JP2016508266A (en) * 2012-12-31 2016-03-17 グーグル インコーポレイテッド Display method and display system for posting unit in stream interface and machine-readable medium
CN114296667A (en) * 2021-03-11 2022-04-08 海信视像科技股份有限公司 Display device

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014076791A1 (en) * 2012-11-15 2014-05-22 三菱電機株式会社 User interface device
CN104781773A (en) * 2012-11-15 2015-07-15 三菱电机株式会社 User interface device
CN104781773B (en) * 2012-11-15 2018-11-30 三菱电机株式会社 User interface device
JP2016508266A (en) * 2012-12-31 2016-03-17 グーグル インコーポレイテッド Display method and display system for posting unit in stream interface and machine-readable medium
CN114296667A (en) * 2021-03-11 2022-04-08 海信视像科技股份有限公司 Display device

Similar Documents

Publication Publication Date Title
AU2018101226A4 (en) Systems, methods, and graphical user interfaces for interacting with augmented and virtual reality environments
US11132820B2 (en) Graph expansion mini-view
CN106776514B (en) Annotating method and device
US7565608B2 (en) Animation on object user interface
EP2300906B1 (en) Copying of animation effects from a source object to at least one target object
JP5645618B2 (en) Information processing apparatus, information processing method, and program
CN109189532B (en) Control bar display method, device, equipment and storage medium of electronic whiteboard
US10387009B2 (en) Multimedia apparatus and method for providing content
AU2004288590A1 (en) Multi-planar three-dimensional user interface
JP2011128668A (en) Device and method for generating image
KR20190138798A (en) Live Ink Presence for Real-Time Collaboration
JP6294035B2 (en) Information processing apparatus, system, method, and program
JP2007066081A (en) Electronic conference device, and electronic conference device control program
US8913076B1 (en) Method and apparatus to improve the usability of thumbnails
JP2012094091A (en) Display control device, display control method and program therefor
JP2020123234A (en) Information processor, control method, and program thereof
JP2008191790A (en) Plant monitoring control system and plant monitoring control program
JP6065353B2 (en) Information processing apparatus, information processing method, and program
WO2023284762A1 (en) Application notification display method and apparatus, and electronic device
JP2014106810A (en) Image processing apparatus, image processing system, and image processing method and program
JP2012256173A (en) Information processing device, information processing method and program
JP6456203B2 (en) Information processing apparatus, information processing program, and information processing method
JP5255865B2 (en) Screen transition design support device, screen transition design support method, and screen transition design support program
KR100938208B1 (en) Moving cartoon producing method and record media storing program for executing the same
KR20090014891A (en) Moving cartoon producing method and record media storing program for executing the same