JP7351948B2 - 画面制御装置、画面制御方法及び画面制御プログラム - Google Patents

Description

本開示は、操作画面の制御に関する。

多くの企業等においてウェブアプリケーションの開発がされている。ウェブアプリケーションでは、ＨＴＭＬとＣＳＳとＪａｖａｓｃｒｉｐｔ（登録商標）といったウェブ技術を用いて画面設計が行われる。ＨＴＭＬは、ＨｙｐｅｒＴｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅの略である。ＣＳＳは、Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓの略である。特許文献１には、ウェブ画面の設計技術が記載されている。
ウェブアプリケーションは、ウェブブラウザに用意されたイベント機構から発生したイベントを契機に、サーバへの通信を行い、処理結果をウェブブラウザに再表示する。

特開２０１２－２４３０３４号公報

ウェブ画面を設計するためには、ウェブ技術に関する高度な知識が要求される。そのため、デザインツール等を用いて簡便にウェブ画面の設計を行うことはできない。また、ウェブ技術に関する高度な知識を有していたとしても、ウェブ技術の制限の下でしかウェブ画面の設計を行うことができない。そのため、所望の表現を行うウェブ画面を構成できない場合がある。
本開示は、ウェブ画面等の操作画面を容易かつ柔軟に設計可能にすることを目的とする。

本開示に係る画面制御装置は、
操作画面を１つの画像データにより表した画面データを表示する表示制御部と、
前記画面データに対する操作の操作位置及び操作内容を特定する操作特定部と、
前記操作特定部によって特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新する画面更新部と
を備え、
前記表示制御部は、前記画面更新部によって更新された前記画面データを表示する。

前記画面更新部は、前記操作位置及び前記操作内容に応じた処理を実行し、実行された処理の結果を反映して前記画面データを更新する。

前記画面データには、テキストデータの入力欄が含まれており、
前記画面更新部は、前記操作位置が前記入力前記操作画面に対して欄であり、かつ、前記操作内容が選択である場合には、前記入力欄にテキストデータを入力可能な入力ボックスを重畳表示する。

前記画面更新部は、前記入力ボックスへの入力が終了すると、前記入力ボックスを消去し、前記入力ボックスに入力されたテキストデータを前記入力欄上に表示した状態に前記画面データを更新する。

前記表示制御部は、ウェブページの少なくとも一部として前記画面データをウェブブラウザ上に表示する。

前記画面制御装置は、さらに、
前記操作画面に対して入力された情報を、前記ウェブページのセッション情報とは別にメモリに記憶する記憶処理部
を備える。

前記操作位置は、前記画面データの基準位置を原点とする座標値である。

前記画面更新部は、前記操作位置及び前記操作内容によっては、外部サーバに処理を実行させ、前記外部サーバによって実行された処理の結果を反映して前記画面データを更新する。

本開示に係る画面制御方法は、
コンピュータが、操作画面を１つの画像データにより表した画面データを表示し、
コンピュータが、前記画面データに対する操作の操作位置及び操作内容を特定し、
コンピュータが、特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新し、
コンピュータが、更新された前記画面データを表示する。

本開示に係る画面制御プログラムは、
操作画面を１つの画像データにより表した画面データを表示する表示制御処理と、
前記画面データに対する操作の操作位置及び操作内容を特定する操作特定処理と、
前記操作特定処理によって特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新する画像更新処理と
を行う画面制御装置としてコンピュータを機能させ、
前記表示制御処理では、前記画像更新処理によって更新された前記画面データを表示する。

本開示では、操作画面を示す画面データを１つの画像データによって表しつつ、操作位置及び操作内容に応じて画面データを更新することで操作画面に対する操作が実現される。操作画面が１つの画像データであるため、デザインツール等を用いて簡便に画面設計を行うことが可能である。また、操作画面には、ウェブ技術による制限はかからないため、柔軟に画面設計を行うことが可能である。

実施の形態１に係る画面制御システム１の構成図。 実施の形態１に係る画面制御装置１０の構成図。 実施の形態１に係る画面制御装置１０の処理の流れを示すフローチャート。 実施の形態１に係る画面データ５２の説明図。 実施の形態１に係る制御情報３１の説明図。 実施の形態１に係る画面更新処理の具体例の説明図。 実施の形態１に係る画面更新処理の具体例の説明図。 実施の形態１に係る画面更新処理の具体例の説明図。 実施の形態２に係る画面制御装置１０の処理の流れを示すフローチャート。 実施の形態２に係る入力ボックス表示処理の説明図。 実施の形態３に係る画面制御装置１０の構成図。 実施の形態３に係る画面制御装置１０の処理の流れを示すフローチャート。

実施の形態１．
実施の形態１では、画面制御装置１０がウェブアプリケーションにおける操作画面の制御を行う例を説明する。つまり、実施の形態１では、画面制御装置１０が制御する操作画面は、ウェブ画面又はウェブ画面の一部である。

＊＊＊構成の説明＊＊＊
図１を参照して、実施の形態１に係る画面制御システム１の構成を説明する。
画面制御システム１は、画面制御装置１０と、ウェブサーバ４０とを備える。画面制御装置１０とウェブサーバ４０とは、伝送路４１を介して接続されている。伝送路４１は、具体例としては、インターネットである。
画面制御装置１０は、ウェブアプリケーションを使用する利用者によって使用されるＰＣ等のコンピュータである。ＰＣは、Ｐｅｒｓｏｎａｌ Ｃｏｍｐｕｔｅｒの略である。ウェブサーバ４０は、画面制御装置１０からの要求に従い、ウェブアプリケーションの情報を画面制御装置１０に送信するサーバ等のコンピュータである。

図２を参照して、実施の形態１に係る画面制御装置１０の構成を説明する。
画面制御装置１０は、プロセッサ１１と、メモリ１２と、ストレージ１３と、通信インタフェース１４とのハードウェアを備える。プロセッサ１１は、信号線を介して他のハードウェアと接続され、これら他のハードウェアを制御する。

プロセッサ１１は、プロセッシングを行うＩＣである。ＩＣはＩｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔの略である。プロセッサ１１は、具体例としては、ＣＰＵ、ＤＳＰ、ＧＰＵである。ＣＰＵは、Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔの略である。ＤＳＰは、Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒの略である。ＧＰＵは、Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔの略である。

メモリ１２は、データを一時的に記憶する記憶装置である。メモリ１２は、具体例としては、ＳＲＡＭ、ＤＲＡＭである。ＳＲＡＭは、Ｓｔａｔｉｃ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙの略である。ＤＲＡＭは、Ｄｙｎａｍｉｃ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙの略である。

ストレージ１３は、データを保管する記憶装置である。ストレージ１３は、具体例としては、ＨＤＤである。ＨＤＤは、Ｈａｒｄ Ｄｉｓｋ Ｄｒｉｖｅの略である。また、ストレージ１３は、ＳＤ（登録商標）メモリカード、ＣｏｍｐａｃｔＦｌａｓｈ（登録商標）、ＮＡＮＤフラッシュ、フレキシブルディスク、光ディスク、コンパクトディスク、Ｂｌｕ－ｒａｙ（登録商標）ディスク、ＤＶＤといった可搬記録媒体であってもよい。ＳＤは、Ｓｅｃｕｒｅ Ｄｉｇｉｔａｌの略である。ＤＶＤは、Ｄｉｇｉｔａｌ Ｖｅｒｓａｔｉｌｅ Ｄｉｓｋの略である。

通信インタフェース１４は、外部の装置と通信するためのインタフェースである。通信インタフェース１４は、具体例としては、Ｅｔｈｅｒｎｅｔ（登録商標）、ＵＳＢ、ＨＤＭＩ（登録商標）のポートである。ＵＳＢは、Ｕｎｉｖｅｒｓａｌ Ｓｅｒｉａｌ Ｂｕｓの略である。ＨＤＭＩは、Ｈｉｇｈ－Ｄｅｆｉｎｉｔｉｏｎ Ｍｕｌｔｉｍｅｄｉａ Ｉｎｔｅｒｆａｃｅの略である。
画面制御装置１０は、通信インタフェース１４を介して表示装置１５と接続されている。

画面制御装置１０は、機能構成要素として、表示制御部２１と、操作特定部２２と、画面更新部２３とを備える。画面制御装置１０の各機能構成要素の機能はソフトウェアにより実現される。
ストレージ１３には、画面制御装置１０の各機能構成要素の機能を実現するプログラムが格納されている。このプログラムは、プロセッサ１１によりメモリ１２に読み込まれ、プロセッサ１１によって実行される。これにより、画面制御装置１０の各機能構成要素の機能が実現される。

図２では、プロセッサ１１は、１つだけ示されていた。しかし、プロセッサ１１は、複数であってもよく、複数のプロセッサ１１が、各機能を実現するプログラムを連携して実行してもよい。

＊＊＊動作の説明＊＊＊
図３から図８を参照して、実施の形態１に係る画面制御装置１０の動作を説明する。
実施の形態１に係る画面制御装置１０の動作手順は、実施の形態１に係る画面制御方法に相当する。また、実施の形態１に係る画面制御装置１０の動作を実現するプログラムは、実施の形態１に係る画面制御プログラムに相当する。

図３を参照して、実施の形態１に係る画面制御装置１０の処理の流れを説明する。
（ステップＳ１：画面表示処理）
表示制御部２１は、ウェブアプリケーションの初期画面５１を表示装置１５に表示する。
具体的には、表示制御部２１は、ウェブサーバ４０からウェブアプリケーションの初期画面５１のデータを取得する。そして、表示制御部２１は、取得されたデータに基づき、初期画面５１をウェブブラウザに表示する。この際、表示制御部２１は、初期画面５１のデータとともに、後述する制御情報３１も取得する。

図４に示すように、初期画面５１には、利用者によって操作される操作画面を表す画面データ５２が含まれる。初期画面５１全体が画面データ５２であってもよいし、初期画面５１の一部が画面データ５２であってもよい。画面データ５２には、入力欄とボタンといった、利用者によって操作される複数の操作項目が含まれる。
初期画面５１は、ウェブアプリケーションであるため、ＨＴＭＬ等のウェブ技術を用いて構成されている。これに対して、画面データ５２は、１つの画像データにより表される。初期画面５１は、ＨＴＭＬ等のウェブ技術を用いて構成されプログラムコードの中に、画面データ５２を表示するスクリプトが含まれている。このスクリプトは、単純に画面データ５２を読み出して表示するプログラムコードである。

その後、利用者によって画面データ５２に対する操作が行われる。例えば、以下のような操作が行われる。入力欄をクリックする等して、入力欄が選択される。また、入力欄が選択された状態でキーボード等により情報が入力される。あるいは、ボタンがクリックされる。

（ステップＳ２：操作特定処理）
操作特定部２２は、画面データ５２に対する操作の操作位置及び操作内容を特定する。
具体的には、操作特定部２２は、ＯＳから操作のイベントを取得することにより、操作位置及び操作内容を特定する。ＯＳは、Ｏｐｅｒａｔｉｎｇ Ｓｙｓｔｅｍの略である。例えば、操作特定部２２は、カーソルの移動のイベントと、マウス等のボタンがクリックされたイベントと、キーボード入力がされたイベント等を取得する。これにより、操作特定部２２は、カーソルの位置と、入力された情報とを特定する。カーソルの位置は、操作位置であり、入力された情報は、操作内容である。入力された情報とは、マウスの左ボタンのクリックと、キーボードの“ｒ”キーの入力といった情報である。
この際、操作特定部２２は、画面データ５２の基準位置を原点とする座標値を操作位置として特定する。基準位置は、例えば、画面データ５２の左上の位置である。これにより、画面データ５２のどの位置で操作がされたかを特定可能である。

（ステップＳ３：画面更新処理）
画面更新部２３は、ステップＳ２で特定された操作位置及び操作内容に応じて、画面データ５２を更新する。この際、画面更新部２３は、操作位置及び操作内容によっては、操作位置及び操作内容に応じた処理を実行する。そして、画面更新部２３は、実行された処理の結果を反映して画面データ５２を更新する。
ステップＳ１の処理では、初期画面５１のデータとともに、制御情報３１が取得されている。図５に示すように、制御情報３１は、画面データ５２における各操作項目について、領域３２と、操作内容毎の処理３３と等を示す。画面更新部２３は、操作位置と領域３２とを比較することにより、画面データ５２におけるどの操作項目について操作がされたかを特定する。そして、画面更新部２３は、特定された操作項目における操作内容に対応する処理３３を実行することにより、画面データ５２を更新する。

例えば、カーソルがチェックボタンの上に移動されたとする。つまり、操作位置がチェックボタンであり、操作内容がカーソルが当てられたことである。
この場合には、図６に示すように、画面更新部２３は、チェックボタンの色を変更して、画面データ５２を更新する。これにより、チェックボタンが選択されていることが分かる状態に画面データ５２が更新される。

また、例えば、会社コードの入力欄にフォーカスが当てられたとする。つまり、操作位置が会社コードの入力欄であり、操作内容がフォーカスが当てられたことである。フォーカスが当てられたとは、入力欄がクリックされる等して選択されるという操作内容に相当する。
この場合には、図７に示すように、画面更新部２３は、会社コードの入力欄の中に入力カーソルを表示して、画面データ５２を更新する。これにより、入力欄にテキストデータを入力可能であることが分かる状態に画面データ５２が更新される。

また、例えば、会社コードの検索ボタンがクリックされたとする。つまり、操作位置が会社コードの検索ボタンであり、操作内容がクリックである。
この場合には、画面更新部２３は、会社コードの入力欄に入力された情報をキーワードとして、会社名等を検索する処理を実行する。そして、図８に示すように、画面更新部２３は、検索された会社名等を会社名等の入力欄に表示した状態に画面データ５２を更新する。

この際、画面更新部２３は、操作位置及び操作内容によっては、ウェブサーバ４０等の外部サーバに処理を実行させてもよい。つまり、画面データ５２における特定の操作項目について特定の操作がされた場合には、画面更新部２３は外部サーバに処理をさせてもよい。具体的には、処理負荷の高い処理を実行する必要がある場合には、画面更新部２３は、外部サーバに処理を実行させることが考えられる。例えば、カメラのストリーム画像と、動画と、静止画と、三次元立体モデルといったデータに関する処理は外部サーバに実行させることが考えられる。
外部サーバに実行されるか否かについても、図５に示す処理の欄に設定しておけばよい。

（ステップＳ４：表示制御処理）
表示制御部２１は、ステップＳ３で更新された画面データ５２を表示装置１５に表示する。ここでは、表示制御部２１は、更新された画面データ５２をウェブブラウザに表示する。これにより、利用者によって行われた画面データ５２に対する操作が反映された画面データ５２が表示される。

その後、処理がステップＳ２に戻される。そして、ステップＳ２からステップＳ４の処理が繰り返し実行される。これにより、利用者は、１つの画像データによって表された画面データ５２である操作画面を、ウェブ技術等を用いて構成された操作画面と同様に操作することが可能である。
なお制御情報３１には操作項目として、例えば宣伝用の動画や監視カメラと連動した動画等を表示させる領域も設定できる。動画を表示する場合は、例えば６０回／秒単位で画面が更新され、再描画がされるが、ステップＳ３からステップＳ４で説明した処理はそれらの再描画とは非連動で実行される。

ここで、画面データ５２は、１つの画像データである。そのため、画面データ５２に対する操作を行った場合にウェブブラウザが発生させるイベントは、画面データ５２全体に対するイベントになる。
図４を参照して具体的に説明する。画面データ５２には複数の入力欄及びボタンが示されている。画面データ５２に含まれるいずれかのボタンがクリックされたとする。この場合には、ウェブブラウザが発生させるイベントは、クリックされたボタンに対するイベントではなく、画面データ５２全体に対するイベントになる。つまり、ウェブブラウザとしては、ボタンがクリックされたのではなく、画面データ５２がクリックされたと認識することになる。
そこで、操作特定部２２は、ウェブブラウザが発生させるイベントを用いず、操作位置及び操作内容を用いる。これにより、利用者によって行われた操作を正しく特定することができる。

＊＊＊実施の形態１の効果＊＊＊
以上のように、実施の形態１に係る画面制御装置１０は、操作画面を示す画面データ５２を１つの画像データによって表す。そして、画面制御装置１０は、操作位置及び操作内容に応じて画面データ５２を更新することで操作画面に対する操作を実現する。
操作画面が１つの画像データであるため、デザインツール等を用いて簡便に画面設計を行うことが可能である。また、操作画面には、ウェブ技術による制限はかからないため、柔軟に画面設計を行うことが可能である。つまり、ＨＴＭＬのタグ等を意識することなく、自由に操作画面を描画して作成することができる。そのため、ウェブ技術等に精通していない者でも、容易に画面設計を行うことが可能である。

実施の形態１に係る画面制御装置１０は、１つの画像データである画面データ５２に対する操作を、操作位置に応じて画面データ５２における操作項目に対する処理に変換する。そのため、各処理３３の開発の際に、画面データ５２が１つの画像データであることを意識する必要はない。

実施の形態１に係る画面制御装置１０では、画面データ５２をウェブアプリケーションに埋め込むには、画面データ５２を表示するスクリプトを記述するだけでよい。そのため、任意のウェブアプリケーションに容易に画面データ５２を埋め込むことができる。そして、画面データ５２の埋め込みには、ウェブブラウザに専用のプラグインを導入する必要性がない。つまり、プラグインを導入することなく、ネイティブアプリケーションに近い操作性のウェブアプリケーションを実現することができる。

ＨＴＭＬでシステムを開発する場合には、利用者の操作に対してリアルタイムに反応を返す構成にするには専門知識が必要である。しかし、画面データ５２の制御を実現する処理３３のプログラムは、Ｐｙｔｈｏｎ（登録商標）とＪａｖａ（登録商標）とＣ＋＋といった一般的な言語により開発できる。そのため、専門知識のないプログラマによってもウェブアプリケーションを開発することが可能になる。
また、既存のウェブアプリケーションの画面デザインを一新したい場合等にも実施の形態１に係る画面制御装置１０では、初期画面５１に新たな画面デザインである画面データ５２に含むことで実現できる。既存のウェブアプリケーションの元々の画面デザインをＨＴＭＬで変更する必要がないため、既存のウェブアプリケーションの有効利用が図れる。

画面データ５２は画像データである。そして、画面データ５２に表示された文字等は、画像データの一部である。そのため、画面データ５２に表示された文字等は原則としてクリップボードにコピーすることはできない。したがって、画面データ５２に表示された情報の持ち出しを防止できる。
なお、処理３３として文字列等をクリップボードにコピーする機能を実現することも可能である。

画面データ５２は画像データである。そのため、ＯＳ及びブラウザに依存しないインタフェースを実現可能である。

＊＊＊他の構成＊＊＊
＜変形例１＞
実施の形態１では、図３のステップＳ１で初期画面５１のデータと制御情報３１とがウェブサーバ４０から取得された。実施の形態１では、ウェブサーバ４０から取得された初期画面５１のデータには、画面データ５２が含まれているものとしていた。
しかし、画面データ５２及び制御情報３１は、ウェブサーバ４０以外の他サーバから取得される構成にしてもよい。つまり、ウェブサーバ４０からは、画面データ５２を除く初期画面５１のデータが取得され、画面データ５２及び制御情報３１はウェブサーバ４０以外の他サーバから取得されてもよい。
例えば、ウェブサーバ４０をクラウドにより実現し、他サーバを社内のオンプレミス環境に設置されたサーバとすることが考えられる。これにより、社内のネットワークに接続されていない場合には、ウェブアプリケーションのうち画面データ５２部分以外だけを利用できる状態になる。そして、社内のネットワークに接続されている場合に限り、画面データ５２部分を利用できるようになる。このように構成することで、クラウドに配置できないデータを活用しながら、クラウドを利用したウェブアプリケーションを活用することができる。

＜変形例２＞
実施の形態１では、画面制御装置１０の機能構成要素である表示制御部２１と操作特定部２２と画面更新部２３とを実現するプログラムは、ストレージ１３に記憶されているとした。しかし、画面制御装置１０の機能構成要素を実現するプログラムは、初期画面５１のデータの取得の前処理でウェブサーバ４０から取得されてもよい。
例えば、画面制御装置１０がウェブアプリケーションを使用するために、ウェブサーバ４０にアクセスすると、画面制御装置１０の機能構成要素を実現するプログラムがダウンロードされるようにしてもよい。

＜変形例３＞
実施の形態１では、画面制御装置１０がウェブアプリケーションにおける操作画面の制御を行う例を説明した。しかし、実施の形態１で説明した技術は、ウェブアプリケーション以外の操作画面の制御を行う場合にも適用可能である。例えば、スマートフォンのアプリケーションにおいて、一部の操作画面を画面データ５２によって実装するといったことが考えられる。

実施の形態２．
実施の形態２では、画面データ５２におけるテキストデータの入力欄の制御について説明する。実施の形態２では、実施の形態１と異なる点について説明し、同一の点については説明を省略する。

＊＊＊動作の説明＊＊＊
図９及び図１０を参照して、実施の形態２に係る画面制御装置１０の動作を説明する。 実施の形態２に係る画面制御装置１０の動作手順は、実施の形態２に係る画面制御方法に相当する。また、実施の形態２に係る画面制御装置１０の動作を実現するプログラムは、実施の形態２に係る画面制御プログラムに相当する。

図９を参照して、実施の形態２に係る画面制御装置１０の処理の流れを説明する。
図９に示す処理は、会社コードの入力欄のようなテキストデータの入力欄が選択された場合に実行される。つまり、図９に示す処理は、図３のステップＳ２において、操作位置がテキストデータの入力欄であり、操作内容がフォーカスが当てられたことである場合に実行される。以下の説明ではフォーカスが当てられた入力欄を対象の入力欄と呼ぶ。
ステップＳ１１及びステップＳ１３の処理は、図３のステップＳ３からステップＳ４の処理に相当する。ステップＳ１２の処理は、図３のステップＳ２の処理に相当する。

（ステップＳ１１：入力ボックス表示処理）
図１０に示すように、表示制御部２１は、対象の入力欄にテキストデータを入力可能な入力ボックス５３を重畳表示する。入力ボックス５３は、画像データではなく、ウェブ技術等を用いて構成されたテキストデータを入力可能な部品である。具体例としては、入力ボックス５３は、ＨＴＭＬのｉｎｐｕｔタグを用いて構成されたテキストボックスである。
図１０では、一見すると図４とほとんど変わっていない。しかし、図４では対象の入力欄である会社コードの入力欄は画面データ５２を構成する画像データの一部であった。しかし、図１０では、会社コードの入力欄は、画面データ５２の上に表示された入力ボックス５３になっている。

対象の入力欄に入力ボックス５３が重畳表示された。そのため、対象の入力欄にテキストデータを入力することが可能な状態になる。つまり、操作特定部２２及び画面更新部２３の動作なしに、入力ボックス５３の機能としてテキストデータの入力を受け付け、入力ボックス５３内に表示する処理が実現される。また、日本語の漢字変換等のテキストデータの入力に付随した機能も、入力ボックス５３の機能として実現される。

（ステップＳ１２：フォーカス移動判定処理）
操作特定部２２は、入力ボックス５３への入力が終了したか否かを判定する。
具体的には、操作特定部２２は、入力ボックス５３からフォーカスが移動されたか否かを判定する。マウスで入力ボックス５３以外の場所がクリックされる、タブキーが入力されるといった操作がされると、入力ボックス５３からフォーカスが移動される。操作特定部２２は、これらの操作がされたか否かを判定する。
操作特定部２２は、入力ボックス５３からフォーカスが移動された場合には、処理をステップＳ１３に進める。一方、操作特定部２２は、入力ボックス５３からフォーカスが移動されていない場合には、再び処理をステップＳ１２に戻す。

（ステップＳ１３：更新画像生成処理）
画面更新部２３は、入力ボックス５３を表示対象から除外する。（入力ボックス５３を消去する）。これと同時に、画面更新部２３は、フォーカスが移動された際に入力ボックス５３に入力されていたテキストデータを、画面データ５２における対象の入力欄上に表示して、画面データ５２を更新する。そして、表示制御部２１は、更新された画面データ５２を表示装置１５に表示する。
これにより、画面データ５２における対象の入力欄に、画面データ５２の一部として入力ボックス５３に入力されていたテキストデータが表示された状態になる。

＊＊＊実施の形態２の効果＊＊＊
以上のように、実施の形態２に係る画面制御装置１０は、フォーカスが当てられた入力欄に、テキストデータを入力可能な入力ボックス５３を重畳表示する。これにより、操作特定部２２及び画面更新部２３の動作なしに、テキストデータの入力が可能になる。

操作特定部２２及び画面更新部２３によって入力欄へのテキストデータの入力を実現するとする。この場合には、操作特定部２２が入力された文字を特定し、画面更新部２３が入力された文字を入力欄の中に表示して画面データ５２を更新するという処理を繰り返し実行する必要がある。しかし、入力欄に入力ボックス５３を重畳表示することにより、この処理を実装する必要がない。
特に日本語の漢字変換が必要な入力欄については、非常に煩雑な画面データ５２の更新処理が発生する。しかし、この煩雑な画面データ５２の更新処理も実装する必要がない。

実施の形態３．
実施の形態３では、入力されたデータの記憶方法を説明する。実施の形態３では、実施の形態１，２と異なる点について説明し、同一の点については説明を省略する。

＊＊＊構成の説明＊＊＊
図１１を参照して、実施の形態３に係る画面制御装置１０の構成を説明する。
画面制御装置１０は、機能構成要素として、記憶処理部２４を備える点が図２に示す画面制御装置１０と異なる。

＊＊＊動作の説明＊＊＊
図１２を参照して、実施の形態３に係る画面制御装置１０の処理の流れを説明する。
図１２に示す処理は、入力欄に情報が入力され、ウェブサーバ４０に情報が送信される処理を示す。ここでは、実施の形態２で説明した入力ボックス５３にテキストデータが入力された例を説明する。但し、入力される情報はテキストデータに限るものではない。
ステップＳ２１からステップＳ２３の処理は、図９のステップＳ１１からステップＳ１３の処理と同じであるため説明を省略する。ステップＳ２４及びステップＳ２７の処理は、図３の処理のバックグラウンドで実行される処理である。ステップＳ２５の処理は、図３のステップＳ２からステップＳ４の処理に相当する。ステップＳ２６の処理は、図３のステップＳ２の処理に相当する。

（ステップＳ２４：一時記憶処理）
記憶処理部２４は、フォーカスが移動された際に入力ボックス５３に入力されていたテキストデータをメモリ１２に書き込む。この際、記憶処理部２４は、ウェブアプリケーションにおけるセッション情報とは別に、情報をメモリ１２に記憶する。

（ステップＳ２５：任意処理）
任意の処理が実行される。任意の処理には、ステップＳ２１からステップＳ２４の処理も含まれる。

（ステップＳ２６：更新判定処理）
操作特定部２２は、更新ボタンがクリックされたか否かを判定する。つまり、操作特定部２２は、操作位置が更新ボタンであり、操作内容がクリックであるか否かを判定する。ここでは、更新ボタンは、ウェブサーバ４０にデータを送信する処理３３を指示するボタンである。
操作特定部２２は、更新ボタンがクリックされた場合には、処理をステップＳ２７に進める。一方、更新ボタンがクリックされていない場合には、処理がステップＳ２５に戻される。

（ステップＳ２７：情報送信処理）
記憶処理部２４は、ステップＳ２２でメモリ１２に書き込まれた情報を読み出す。そして、記憶処理部２４は、情報をウェブサーバ４０に送信する。これにより、ウェブサーバ４０が入力欄に入力された情報を取得する。

＊＊＊実施の形態３の効果＊＊＊
以上のように、実施の形態３に係る画面制御装置１０は、入力欄からフォーカスが移動すると、入力欄に入力された情報をセッション情報とは別にメモリ１２に記憶する。
これにより、ウェブサーバ４０との通信が失敗した場合であっても、入力欄に入力された情報を保持しておくことが可能である。そして、後にウェブサーバ４０との通信が復旧した際に、入力欄に入力された情報を利用してウェブアプリケーションの処理を続行可能である。また、セッションタイムアウトにより入力欄に入力された情報が破棄されてしまうことがない。そのため、例えば、画面制御装置１０を数時間スリープさせても、後に入力欄に入力された情報を利用してウェブアプリケーションの処理を続行可能である。
また、複数のブラウザを利用することによる攻撃、又は、セッションハイジャック攻撃により、情報が漏洩することの防止にもつながる。

また、以上の説明における「部」を、「回路」、「工程」、「手順」、「処理」又は「処理回路」に読み替えてもよい。

以上、本開示の実施の形態及び変形例について説明した。これらの実施の形態及び変形例のうち、いくつかを組み合わせて実施してもよい。また、いずれか１つ又はいくつかを部分的に実施してもよい。なお、本開示は、以上の実施の形態及び変形例に限定されるものではなく、必要に応じて種々の変更が可能である。

１０ 画面制御装置、１１ プロセッサ、１２ メモリ、１３ ストレージ、１４ 通信インタフェース、１５ 表示装置、２１ 表示制御部、２２ 操作特定部、２３ 画面更新部、２４ 記憶処理部、３１ 制御情報、３２ 領域、３３ 処理、４０ ウェブサーバ、４１ 伝送路、５１ 初期画面、５２ 画面データ、５３ 入力ボックス。

Claims (8)

1. ウェブアプリケーションのデータであるウェブデータであって、操作画面を１つの画像データにより表した画面データを表示するスクリプトを含むウェブデータを取得し、前記ウェブデータにより前記画面データを含むウェブページをウェブブラウザ上に表示する表示制御部と、
   前記ウェブブラウザが動作するＯＳ（Ｏｐｅｒａｔｉｎｇ Ｓｙｓｔｅｍ）から操作のイベントを取得することにより、前記画面データに対する操作の操作位置及び操作内容を特定する操作特定部と、
   前記操作特定部によって特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新する画面更新部と、
   前記操作画面に対して入力された情報を、前記ウェブページのセッション情報とは別にメモリに記憶する記憶処理部と
   を備え、
   前記表示制御部は、前記画面更新部によって更新された前記画面データを表示する画面制御装置。
2. 前記画面更新部は、前記操作位置及び前記操作内容に応じた処理を実行し、実行された処理の結果を反映して前記画面データを更新する
   請求項１に記載の画面制御装置。
3. 前記画面データには、テキストデータの入力欄が含まれており、
   前記画面更新部は、前記操作位置が前記入力欄であり、かつ、前記操作内容が選択である場合には、前記入力欄にテキストデータを入力可能な入力ボックスを重畳表示する
   請求項２に記載の画面制御装置。
4. 前記画面更新部は、前記入力ボックスへの入力が終了すると、前記入力ボックスに入力されたテキストデータを前記入力欄上に表示した状態に前記画面データを更新する
   請求項３に記載の画面制御装置。
5. 前記操作位置は、前記画面データの基準位置を原点とする座標値である
   請求項１から４までのいずれか１項に記載の画面制御装置。
6. 前記画面更新部は、前記操作位置及び前記操作内容によっては、外部サーバに処理を実行させ、前記外部サーバによって実行された処理の結果を反映して前記画面データを更新する
   請求項１から５までのいずれか１項に記載の画面制御装置。
7. コンピュータが、ウェブアプリケーションのデータであるウェブデータであって、操作画面を１つの画像データにより表した画面データを表示するスクリプトを含むウェブデータを取得し、前記ウェブデータにより前記画面データを含むウェブページをウェブブラウザ上に表示し、
   コンピュータが、前記ウェブブラウザが動作するＯＳ（Ｏｐｅｒａｔｉｎｇ Ｓｙｓｔｅｍ）から操作のイベントを取得することにより、前記画面データに対する操作の操作位置及び操作内容を特定し、
   コンピュータが、特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新し、
   コンピュータが、前記操作画面に対して入力された情報を、前記ウェブページのセッション情報とは別にメモリに記憶し、
   コンピュータが、更新された前記画面データを表示する画面制御方法。
8. ウェブアプリケーションのデータであるウェブデータであって、操作画面を１つの画像データにより表した画面データを表示するスクリプトを含むウェブデータを取得し、前記ウェブデータにより前記画面データを含むウェブページをウェブブラウザ上に表示する表示制御処理と、
   前記ウェブブラウザが動作するＯＳ（Ｏｐｅｒａｔｉｎｇ Ｓｙｓｔｅｍ）から操作のイベントを取得することにより、前記画面データに対する操作の操作位置及び操作内容を特定する操作特定処理と、
   前記操作特定処理によって特定された前記操作位置及び前記操作内容に応じて、前記画面データを更新する画像更新処理と、
   前記操作画面に対して入力された情報を、前記ウェブページのセッション情報とは別にメモリに記憶する記憶処理と
   を行う画面制御装置としてコンピュータを機能させ、
   前記表示制御処理では、前記画像更新処理によって更新された前記画面データを表示する画面制御プログラム。

Images