JP2011059881A - 表示制御装置 - Google Patents

Abstract

【課題】ユーザの操作に応じて表形式の表示を制御することを可能とする。
【解決手段】表示要求受付部１１は、表の表示を要求する表示要求を受け付ける。コンポーネント１５は、表示要求受付部１１によって表示要求が受け付けられた場合、当該表示要求に応じてデータを取得する。列定義部１３は、コンポーネント１５によって取得されたデータに基づいて、表を構成する列の各々に関する列情報を定義する。コンポーネント１５は、取得されたデータ及び列定義部１３によって定義された列情報に基づいて表を作成する。表示部１６は、コンポーネント１５によって作成された票を表示する。コンポーネント１５は、表示部１６によって表示された表に対するユーザの操作に基づいて、当該表の表示を制御する。
【選択図】図１

Description

本発明は、データベースから取得されたデータを加工して作成された表を表示する表示制御装置に関する。

近年、例えばサーバのデータベースから取得されたデータが加工されてクライアント端末で表示される技術が開示されている（例えば、特許文献１及び２を参照）。

このような技術により、例えば異なるデータへの表の対応または表形式での表示を行うことが可能となる。

特開２００１−１５４９５９号公報 特開平９−２０４３５０号公報

しかしながら、データを加工して表示部分を作成するロジックは表示に着眼されているため、当該表示の制御ロジックを追加することはできない。

そこで、本発明の目的は、ユーザの操作に応じて表形式の表示を制御することが可能な表示制御装置を提供することにある。

本発明の１つの態様によれば、複数の行及び列から構成される表の表示を制御する表示制御装置が提供される。この表示制御装置は、表の表示を要求する表示要求を受け付ける受付手段と、前記表示要求が受け付けられた場合、当該表示要求に応じてデータを取得する取得手段と、前記取得されたデータに基づいて、表を構成する列の各々に関する列情報を定義する定義手段と、前記取得されたデータ及び前記定義された列情報に基づいて表を作成する作成手段と、前記作成された表を表示する表示手段と、前記表示された表に対するユーザの操作に基づいて、当該表の表示を制御する制御手段とを具備する。

本発明は、ユーザの操作に応じて表形式の表示を制御することを可能とする。

本発明の実施形態に係る表示制御装置の主として機能構成を示すブロック図。 図１に示す表示部１６によって表示される表の一例を示す。 最初に表が表示される場合の表示制御装置１０及びサーバ２０の処理手順を示すシーケンスチャート。 ユーザがページ移動を伴う操作を行った場合の表示制御装置１０及びサーバ２０の処理手順を示すシーケンスチャート。 ユーザが表を構成する列の位置を変更する操作を行った場合の表示制御装置１０の処理手順を示すシーケンスチャート。 列の位置を変更する操作がユーザによって行われた場合における表の表示の遷移について具体的に説明するための図。 列の位置を変更する操作がユーザによって行われた場合における表の表示の遷移について具体的に説明するための図。 列の位置を変更する操作がユーザによって行われた場合における表の表示の遷移について具体的に説明するための図。

以下、図面を参照して、本発明の実施形態について説明する。

図１は、本実施形態に係る表示制御装置の主として機能構成を示すブロック図である。表示制御装置１０を含む複数の表示制御装置は、例えばネットワークを介してサーバ２０と接続されている。

なお、図１では、表示制御装置１０以外の表示制御装置については省略されている。図１に示す表示制御装置１０は、例えばクライアント−サーバシステムにおけるクライアント端末を含む。

表示制御装置１０は、例えばユーザによって利用される。また、表示制御装置１０は、ユーザの操作に応じて、複数の行及び列から構成される表を表示し、当該表の表示を制御する機能を有する。

なお、サーバ２０は、表示制御装置１０において表示されるデータを格納するデータベース２１を備える。

図１に示すように、表示制御装置１０は、表示要求受付部１１、表作成部１２、列定義部１３、ボタン定義部１４、コンポーネント１５、表示部１６及びイベント受付部１７を含む。

表示要求受付部１１は、ユーザの操作に応じて、表の表示を要求する表示要求を受け付ける。表示要求受付部１１によって受け付けられた表示要求には、表示制御装置１０を利用するユーザを識別するためのユーザ識別情報（以下、ユーザＩＤと表記）が含まれる。

表示要求受付部１１によって表示要求が受け付けられると、当該表示要求は、サーバ２０に対して送信される。サーバ２０においては、表示制御装置１０から送信された表示要求（に含まれるユーザＩＤによって識別されるユーザ）に応じたデータがデータベース２１から検索される。サーバ２０は、検索されたデータを表示制御装置１０に対して送信する。このとき、サーバ２０は、検索されたデータとともに、表示制御装置１０において用いられる各種プログラムを送信する。

なお、表作成部１２、列定義部１３、ボタン定義部１４及びコンポーネント１５は、サーバ２０から送信された各種プログラムが表示制御装置１０において実行されることによって実現される。

表定義部１２は、表示制御装置１０を利用するユーザに対して表示される表の枠組み、例えば表としての領域等を定義する。

列定義部１３は、表示制御装置１０を利用するユーザに対して表示される表を構成する列の各々に関する列情報を定義する。列定義部１３は、サーバ２０によって送信されたデータに基づいて列情報を定義する。この列情報には、例えば当該列の位置、幅、色及び項目名等が含まれる。

ボタン定義部１４は、表示制御装置１０を利用するユーザに対して表示される表に含まれる各種ボタンを定義する。ボタン定義部１４によって定義される各種ボタンには、例えば次の表（ページ）を表示させるためのボタン等が含まれる。

コンポーネント１５は、サーバ２０によって送信されたデータと、表定義部１２、列定義部１３及びボタン定義部１４による定義（表としての領域、列情報及びボタン）に基づいて表を作成する。

また、コンポーネント１５は、ユーザの操作に基づいて、表の表示を制御する機能を有する。

表示部１６は、コンポーネント１５によって作成された表を、表示制御装置１０を利用するユーザに対して表示する。

イベント受付部１７は、表示部１６によって表示された表に対するユーザの操作に応じて発生するイベントを受け付ける。なお、ユーザの操作に応じて発生するイベントは、予め定義されているものとする。また、ユーザの操作に応じて発生するイベントには、例えば表示されている表の次の表（ページ）を表示させるためのページ制御イベントまたは表示されている表の一部がマウス等を用いてクリック（選択）されることにより発生するアクションイベント等が含まれる。

イベント受付部１７によって受け付けられたイベントは、コンポーネント１５に通知される。このイベントに基づくコンポーネント１５の制御（新たな表の作成）により、表示部１６による表の表示が制御される。

ここで、図２は、図１に示す表示部１６によって表示される表の一例を示す。なお、図２に示す表１６１は、表示制御装置１０を利用するユーザが対応しなければならない案件（つまり、当該ユーザが対応者として予め設定されている案件）の一覧を示す場合の一例を示す。図２に示す例では、表１６１には、ユーザが対応者として予め設定されている案件のうちの１〜１０件のデータが表示されている。

図２に示す表１６１は、「顧客ＩＤ」、「会社名」、「事業所名」、「郵便番号」、「都道府県」及び「住所」の各列から構成されている。この場合、表１６１を構成する列毎に、例えば当該列の位置、幅及び項目名等の列情報が定義されている。なお、これらの各列の項目は、予め設定されているものとする。

また、図２に示す表１６１には、例えば次の表（ページ）を表示させるためのボタン１６２等が含まれる。このボタン１６２は、上記したボタン定義部１４によって定義される。

表示制御装置１０を利用するユーザは、図２に示す表１６１に対して例えばマウス等を用いて操作（例えば、上記したボタン１６２等を指定する操作）を行うことができる。これにより、各種イベント（例えば、ページ制御イベント）が発生し、表１６１の表示が制御される。具体的には、ユーザによって表１６１に含まれるボタン１６２が指定されると、次のページ（例えば、１１〜１５件のデータが表示されるページ）が表示されるような制御が行われる。

次に、図３のシーケンスチャートを参照して、最初に表が表示される場合（つまり、初回表示の場合）の表示制御装置１０及びサーバ２０の処理手順について説明する。

まず、表示制御装置１０に含まれる表示要求受付部１１は、ユーザの操作に応じて、表の表示を要求する表示要求を受け付ける（ステップＳ１）。表示要求受付部１１によって受け付けられた表示要求には、表示制御装置１０を利用するユーザを識別するためのユーザＩＤが含まれる。

次に、表示要求受付部１１は、受け付けられた表示要求をサーバ２０に対して送信する（ステップＳ２）。

サーバ２０は、表示制御装置１０（の表示要求受付部１１）によって送信された表示要求を受信する。サーバ２０は、受信された表示要求に含まれるユーザＩＤに基づいて、データベース２１からデータを検索する（ステップＳ３）。この場合、サーバ２０は、受信された表示要求に含まれるユーザＩＤによって識別されるユーザに応じたデータ（例えば、当該ユーザが対応者として予め設定されている案件等）を、データベース２１から検索する。なお、各ユーザに応じたデータは、データベース２１において予め設定されている。

サーバ２０は、検索されたデータを整形する（ステップＳ４）。サーバ２０は、整形されたデータ及び表示制御装置１０において用いられる各種プログラム（コンポーネント１５等）を表示制御装置１０に送信する（ステップＳ５）。

表示制御装置１０は、サーバ２０によって送信されたデータ及び各種プログラムを受信する。この各種プログラムが表示制御装置１０上で動作することにより、図１に示す表定義部１２、列定義部１３、ボタン定義部１４及びコンポーネント１５が実現される。

なお、表定義部１２、列定義部１３及びボタン定義部１４は、例えばJavascript形式で定義された関数群である。また、コンポーネント１５は、例えばJavascriptである。

表示制御装置１０においては、受信されたデータに基づいて、表を作成する処理が実行される（ステップＳ６）。以下、表の作成処理について具体的に説明する。

まず、表定義部１２は、表示制御装置１０において表示される表の枠組み、例えば表としての領域等を定義する。

次に、列定義部１３は、表示制御装置１０において受信されたデータに基づいて、表示制御装置１０において表示される表を構成する列の各々に関する列情報を定義する。この列情報には、例えば表における当該列の位置、幅、色、フォント及び項目名等が含まれる。

更に、ボタン定義部１４は、表示制御装置１０において表示される表に含まれる各種ボタンを定義する。ボタン定義部１４によって定義される各種ボタンには、例えば次の表（ページ）を表示させるためのボタン及び表を構成する各列の表示／非表示を変更（指定）するためのボタン等が含まれる。なお、表を構成する各列の表示／非表示を変更するためのボタンは、便宜的に、当該列がユーザによって指定された場合にのみ表示される構成であっても構わない。

コンポーネント１５は、表示制御装置１０において受信されたデータと、上記した表定義部１２、列定義部１３及びボタン定義部１４による定義とを用いて例えばＨＴＭＬ（Hypertext Markup Language）の表を作成する。

次に、表示部１６は、コンポーネント１５によって作成された表を表示する（ステップＳ７）。

次に、図４のシーケンスチャートを参照して、上記した図３に示す処理において表示部１６によって表示された表に対してユーザがページ移動を伴う操作を行った場合の表示制御装置１０及びサーバ２０の処理手順について説明する。

ここで、ページ移動を伴う操作とは、表示部１６によって表示された表に含まれる例えば次の表（ページ）を表示させるためのボタン（前述した図２に示すボタン１６２等）がマウス等を用いてユーザによって指定されるような操作をいう。

表示部１６によって表示される表に対してこのような操作が行われると、当該操作に応じたイベント（ここでは、ページ制御イベント）が発生する。

まず、表示制御装置１０に含まれるイベント受付部１７は、ユーザによるページ移動を伴う操作に応じて発生したページ制御イベントを受け付ける（ステップＳ１１）。

イベント受付部１７によってページ制御イベントが受け付けられると、例えば次の表を表示することを要求する表示要求がサーバ２０に対して送信される（ステップＳ１２）。なお、この表示要求には、表示制御装置１０を利用するユーザを識別するためのユーザＩＤが含まれる。

サーバ２０は、表示制御装置１０によって送信された表示要求を受信する。サーバ２０は、受信された表示要求に含まれるユーザＩＤに基づいて、データベース２１からデータを検索する（ステップＳ１３）。この場合、サーバ２０は、受信された表示要求に含まれるユーザＩＤによって識別されるユーザに応じたデータ（ここでは、上記した図３に示す処理において表示部１６によって表示された表の次のページに該当するデータ）を、データベース２１から検索する。

次に、前述した図３に示すステップＳ４の処理に相当するステップＳ１４の処理が実行される。

サーバ２０は、ステップＳ１４の処理において整形されたデータを表示制御装置１０に送信する（ステップＳ１５）。この場合、前述した図３に示すステップＳ５において表示制御装置１０において用いられるコンポーネント１５等は送信されているため、このステップＳ１５においてはデータのみが送信される。

ステップＳ１５の処理が実行されると、前述した図３に示すステップＳ６及びステップＳ７の処理に相当するステップＳ１６及びステップＳ１７の処理が実行される。

上記したように、表示部１６によって表示された表に対するユーザの操作に応じてページ制御イベントが発生した場合には、サーバ２０から再度データが取得され、当該データが表示制御装置１０において表示される。このため、表示制御装置１０側で全てのページのデータを保持しておく必要がない。

次に、図５のフローチャートを参照して、上記した図３に示す処理において表示部１６によって表示された表に対してユーザが当該表を構成する列の位置を変更（移動）する操作を行った場合の表示制御装置１０の処理手順について説明する。

ここで、列の位置を変更する操作とは、例えば表示部１６によって表示された表を構成する列の１つを選択し、ドラッグすることにより当該列の位置が変更されるような操作をいう。

表示部１６によって表示される表に対してこのような操作が行われると、当該操作に応じたイベント（ここでは、列選択制御イベント）が発生する。

まず、表示制御装置１０に含まれるイベント受付部１７は、ユーザによる列の位置を変更する操作に応じて発生した列選択制御イベントを受け付ける（ステップＳ２１）。

イベント受付部１７によって列選択制御イベントが受け付けられると、コンポーネント１５は、ユーザの操作に応じて表を作成する処理を実行する（ステップＳ２２）。この場合、コンポーネント１５は、ユーザによるドラッグアンドドロップ等の操作に基づいて、表示部１６によって表示されている表を構成する列の位置を変更することによって、表を新たに作成する。

次に、表示部１６は、コンポーネント１５によって新たに作成された表を表示（つまり、再表示）する（ステップＳ２３）。

上記したように、ユーザの操作に応じて列選択イベントが発生した場合には、表の作成に必要なデータ及びコンポーネント１５等は前述した図３に示す処理において既に取得されているため、サーバ２０との通信を行うことなく表示制御装置１０内の処理だけで表の表示を制御することが可能となる。

なお、上記した図５に示す処理においてはユーザによって列の位置を変更する操作が行われたものとして説明したが、このような操作以外の操作、例えば表の表示位置（左寄せ、中央、右寄せ）の変更、項目（列）の表示／非表示の変更、項目のソート、表を構成する行または列の色等を含む表示形式の変更等が行われた場合であっても図５に示す処理と同様の処理が実行される。例えばユーザによって表の一部（行または列）を選択する操作が行われた場合には、当該行または列単位で色を変更するような制御がコンポーネント１５等により行われる。

ここで、図６〜図８を参照して、表を構成する列の位置を変更する操作がユーザによって行われる場合における表示部１６による表の表示の遷移について具体的に説明する。

ここでは、図６に示す表１６３が表示部１６によって表示されていたものとする。図６に示す表１６３を構成する列には、「顧客ＩＤ」、「会社名」、「事業所名」、「郵便番号」、「都道府県」及び「住所」が含まれる。この表１６３においては、「会社名」の列がユーザの操作によって指定されているものとする。また、表１６３には、前述した次の表（ページ）を表示させるためのボタン及び表を構成する各列の表示／非表示を変更（指定）するためのボタン等が含まれている。

以下、表１６３を構成する列のうち「会社名」の列の位置を変更する操作が行われる場合について説明する。ここでは、「会社名」の列の位置が「事業所名」の列の位置と「郵便番号」の列の位置との間に変更される場合を想定する。

この場合、ユーザは、図７に示すように例えばマウス等を用いて指定された「会社名」の列を、例えばドラッグすることにより当該「会社名」の列の変更後の位置である「事業所名」の列の位置と「郵便番号」の列の位置との間の位置に変更する操作をすることができる。

ユーザによってこのような操作が行われると、前述した図５に示す処理が実行されることにより、図８に示す表１６３のように「会社名」の列の位置が変更される。

この際、表示制御装置１０及びサーバ２０間では通信が行われることなく、上記した表１６３の表示が変更（制御）される。

上記したように本実施形態においては、表示対象が表形式であって、表を構成する列の各々に関する列情報を定義することにより、当該表に対するユーザの操作に応じて当該表の表示を制御することが可能となる。

本実施形態においては、表示部１６によって表示された表において例えば次に表（ページ）を表示させるためのボタンが指定される操作がユーザによって行われた場合、サーバ２０のデータベース２１から該当するデータが取得され、当該データと表定義部１２、列定義部１３及びボタン定義部１４による定義とを用いて表が作成される。これにより、本実施形態においては、表示制御装置１０内において全ページのデータを保持しておく必要がないため、当該表示制御装置１０における負荷を軽減することが可能となる。

また、本実施形態においては、表示部１６によって表示された表に対して当該表を構成する列の位置を変更する操作がユーザによって行われた場合、既に表示制御装置１０内に保持されているデータを用いて当該列の位置を変更することにより新たな表が作成され、再表示される。これにより、本実施形態においては、表示された表を構成する列の位置を変更する操作がユーザによって行われた場合には、サーバ２０のデータベース２１にアクセスすることなく表の表示を変更（制御）することができるため、反応速度が要求される業務においてレスポンスの改善を図ることが可能となる。

また、本実施形態においては、表示部１６によって表示された表の一部（行または列）が例えばマウス等を用いてクリック（指定）された場合には当該表の一部の色を変更するような制御を実行することができる。これにより、本実施形態においては、表示制御装置１０における操作性の向上を図ることが可能となる。

なお、本実施形態において、表示部１６によって表示された表に対してユーザが当該表示を変更するような操作を行った場合に、当該操作後に表示された表の情報（例えば、ユーザの操作に応じて表示が変更された後の列情報等）がユーザ毎に格納（保存）される格納部（図示せず）を備える構成であっても構わない。この場合には、前述した図３に示す処理において、この格納手段を参照することにより表示要求に含まれるユーザＩＤによって識別されるユーザに応じた列情報（つまり、ユーザによって予め指定された列情報）を定義することができる。これにより、例えばユーザに応じた表（つまり、以前ユーザが行った操作が反映された表）の表示が可能となる。

なお、本願発明は、上記実施形態そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化できる。また、上記実施形態に開示されている複数の構成要素の適宜な組合せにより種々の発明を形成できる。例えば、実施形態に示される全構成要素から幾つかの構成要素を削除してもよい。

１０…表示制御装置、１１…表示要求受付部、１２…表定義部、１３…列定義部、１４…ボタン定義部、１５…コンポーネント、１６…表示部、１７…イベント受付部、２０…サーバ、２１…データベース。

Claims (5)

1. 複数の行及び列から構成される表の表示を制御する表示制御装置において、
   表の表示を要求する表示要求を受け付ける受付手段と、
   前記表示要求が受け付けられた場合、当該表示要求に応じてデータを取得する取得手段と、
   前記取得されたデータに基づいて、表を構成する列の各々に関する列情報を定義する定義手段と、
   前記取得されたデータ及び前記定義された列情報に基づいて表を作成する作成手段と、
   前記作成された表を表示する表示手段と、
   前記表示された表に対するユーザの操作に基づいて、当該表の表示を制御する制御手段と
   を具備することを特徴とする表示制御装置。
2. ユーザによって指定された列情報を格納する格納手段を更に具備し、
   前記表示要求は、ユーザを識別するためのユーザ識別情報を含み、
   前記取得手段は、前記受け付けられた表示要求に含まれるユーザ識別情報によって識別されるユーザに応じたデータを取得し、
   前記定義手段は、前記格納手段を参照して、前記受け付けられた表示要求に含まれるユーザ識別情報によって識別されるユーザによって指定された列情報を定義する
   ことを特徴とする請求項１記載の表示制御装置。
3. 前記制御手段は、前記表示された表を構成する列のうち、ユーザによって指定された列の位置を変更することを特徴とする請求項１記載の表示制御装置。
4. 前記制御手段は、前記表示された表を構成する列のうち、ユーザによって指定された列の表示または非表示を変更することを特徴とする請求項１記載の表示制御装置。
5. 前記制御手段は、前記表示された表を構成する行または列のうち、ユーザによって選択された行または列の色を含む表示形式を変更することを特徴とする請求項１記載の表示制御装置。

Images