JP2021157292A - プログラム、表示制御方法、サーバ装置、及び、システム - Google Patents

Abstract

【課題】画面サイズによらず高い視認性を実現する。【解決手段】プログラムは、クライアント端末に、複数の付箋オブジェクトを付箋オブジェクトの種別に応じてグループ分けした複数の種別グループを整列する整列処理と、複数の付箋オブジェクトをオブジェクト間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した複数の種別グループに属する複数の付箋オブジェクトを表示装置に表示させる第１の表示処理と、を実行させる。【選択図】図９

Description

本明細書の開示は、プログラム、表示制御方法、サーバ装置、及び、システムに関する。

近年、欧米を中心に学校教育へのＩＣＴ（Ｉｎｆｏｒｍａｔｉｏｎ ａｎｄ Ｃｏｍｍｕｎｉｃａｔｉｏｎ Ｔｅｃｈｎｏｌｏｇｙ）機器の導入が進んでいる。これに伴い、例えば、特許文献１に記載されるように、学校の授業や定期試験に電子教材が利用されるケースが増加しており、今後も、電子教材の利用拡大が予想されている。

特開２０１９−００３３９０号公報

ところで、従来の電子教材は、通常、パソコンやタブレットなどある程度大きな画面サイズの表示装置を想定して設計されている。このため、例えば、スマートフォンなど、想定された画面サイズよりも小さな画面サイズの端末から電子教材を利用すると、電子教材の視認性が著しく低下し、ひいては、操作性が低下してしまうことがある。

このような課題は、学校教育で利用される電子教材に限らず、グラフィカルユーザインターフェースを提供する様々なアプリケーションにおいて同様に生じ得る。

以上のような実情を踏まえ、本発明の一側面に係る目的は、画面サイズによらず高い視認性を実現する技術を提供することである。

本発明の一態様に係るプログラムは、コンピュータに、複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列処理と、前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第１の表示処理と、を実行させる。

本発明の一態様に係る表示制御方法は、コンピュータが、複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列し、前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる。

本発明の一態様に係るシステムは、複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列部と、前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第1の表示制御部と、を備える。

上記の態様によれば、画面サイズによらず高い視認性を実現することができる。

システム１の構成を例示した図である。 クライアント端末１０の物理構成を例示したブロック図である。 サーバ２０の物理構成を例示したブロック図である。 比較的大きな画面サイズのクライアント端末１０に表示されるアプリケーション画面を例示した図である。 オブジェクト情報を管理するデータベース内のデータＤ１を例示した図である。 付箋オブジェクトの作成手順の一例を説明するための図である。 付箋オブジェクトの作成手順の一例を説明するための別の図である。 付箋オブジェクトの作成手順の一例を説明するための更に別の図である。 比較的小さな画面サイズのクライアント端末１０に表示されるアプリケーション画面での操作の一例を示した図である。 比較的小さな画面サイズのクライアント端末１０に表示されるアプリケーション画面での別の操作の一例を示した図である。 比較的小さな画面サイズのクライアント端末１０に表示される別のアプリケーション画面での操作の一例を示した図である。 アプリケーション画面の画面サイズを変更する操作の一例を示した図である。 システム１が行う処理のフローチャートの一例である。 図１３に示す表示処理のフローチャートの一例である。 オブジェクト情報を管理するデータベース内のデータＤ２を例示した図である。 比較的大きな画面サイズのクライアント端末１０に表示されるアプリケーション画面の別の例を示した図である。 オブジェクト情報を管理するデータベース内のデータＤ３を例示した図である。 比較的大きな画面サイズのクライアント端末１０に表示されるアプリケーション画面の別の例を示した図である。 比較的小さな画面サイズのクライアント端末１０に表示されるコメント付箋を含むアプリケーション画面での操作の一例を示した図である。

図１は、システム１の構成を例示した図である。図２は、クライアント端末１０の物理構成を例示したブロック図である。図３は、サーバ２０の物理構成を例示したブロック図である。図１から図３を参照しながら、システム１の構成について説明する。

システム１は、特に限定しないが、例えば、利用者からの入力に応じてさまざまな数学的演算を行い、グラフや数表などを用いて演算結果を表示するシステムである。システム１は、図１に示すように、ネットワーク３０を介して接続された、クライアント端末１０と、サーバ２０と、を含んでいる。ネットワーク３０は、例えば、インターネットであるが、専用回線などのその他の種類のネットワークであってもよい。以降では、システム１がＷｅｂアプリケーションシステムである場合を例に説明するが、システム１は、クライアントサーバシステムであってもよい。

クライアント端末１０は、表示装置を備えた端末であり、システム１の利用者によって操作される。システム１がＷｅｂアプリケーションシステムの場合であれば、クライアント端末１０には、Ｗｅｂブラウザがインストールされていればよい。クライアント端末１０は、例えば、利用者の入力に応じてサーバ２０へ要求を送信し、要求に対するサーバ２０からの応答に基づいて利用者へアプリケーション画面を提供する。

なお、クライアント端末１０は、図１に示すように、ノート型のコンピュータ１０ａであってもよく、タブレット型のコンピュータ１０ｂであってもよく、スマートフォンであるコンピュータ１０ｃであってもよい。また、クライアント端末１０はモバイル端末に限らず、例えば、据え置き型のコンピュータであってもよい。

クライアント端末１０は、例えば、図２に示すように、プロセッサ１１と、記憶装置１２と、入力装置１３と、表示装置１４と、通信装置１５を備えている。

プロセッサ１１は、例えば、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）などを含む電気回路であり、記憶装置１２に記憶されているプログラム１２ａを実行する。なお、プロセッサ１１には、ＧＰＵ（Ｇｒａｐｈｉｃｓ ｐｒｏｃｅｓｓｉｎｇ ｕｎｉｔ）、ＡＳＩＣ（Ａｐｐｌｉｃａｔｉｏｎ Ｓｐｅｃｉｆｉｃ Ｉｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔ）、ＦＰＧＡ（Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）などの他の種類のプロセッサが含まれてもよい。

記憶装置１２は、例えば、任意の半導体メモリであり、ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）などの揮発性メモリ、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）、フラッシュメモリなどの不揮発性メモリを含んでいる。また、記憶装置１２は、磁気記憶装置、光学記憶装置、その他の種類の記憶装置を含んでもよい。記憶装置１２には、プロセッサ１１によって実行されるプログラム１２ａが記憶されている。なお、記憶装置１２に記憶されているプログラム１２ａは、例えば、ネットワーク３０及び通信装置１５を介してサーバ２０からダウンロードされたものであってもよい。

入力装置１３は、例えば、キーボード、マウス、タッチパネルなどを含んでいるが、マイクなどの音声入力装置を含んでもよく、他の種類の入力装置を含んでもよい。表示装置１４は、例えば、液晶ディスプレイ、有機ＥＬディスプレイ、プラズマディスプレイ、ＣＲＴディスプレイなどであるが、マトリクスＬＥＤパネルなどの他の種類の表示装置であってもよい。通信装置１５は、例えば、Ｗｉ−Ｆｉ（登録商標）モジュールなどの無線通信装置であるが、有線通信装置であってもよい。

サーバ２０は、クライアント端末１０からの要求を処理して処理結果をクライアント端末１０へ送信するサーバ装置である。サーバ２０は、単一の装置として構成されてもよく、Ｗｅｂサーバ、アプリケーションサーバ、データベースサーバなどを含む複数の装置の集合であってもよい。また、サーバ２０は、分散コンピューティングシステムとして構成されてもよい。

サーバ２０は、例えば、図３に示すように、プロセッサ２１と、記憶装置２２と、入力装置２３と、表示装置２４と、通信装置２５を備えている。

プロセッサ２１は、例えば、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）などを含む電気回路であり、記憶装置２２に記憶されているプログラム２２ａを実行する。なお、プロセッサ２１には、ＧＰＵ（Ｇｒａｐｈｉｃｓ ｐｒｏｃｅｓｓｉｎｇ ｕｎｉｔ）、ＡＳＩＣ（Ａｐｐｌｉｃａｔｉｏｎ Ｓｐｅｃｉｆｉｃ Ｉｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔ）、ＦＰＧＡ（Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）などの他の種類のプロセッサが含まれてもよい。

記憶装置２２は、例えば、任意の半導体メモリであり、ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）などの揮発性メモリ、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）、フラッシュメモリなどの不揮発性メモリを含んでいる。また、記憶装置２２は、磁気記憶装置、光学記憶装置、その他の種類の記憶装置を含んでもよい。記憶装置２２には、プロセッサ２１によって実行されるプログラム２２ａと後述するオブジェクト情報２２ｂが記憶されている。また、記憶装置２２には、クライアント端末１０に配布され、クライアント端末１０で実行されるプログラム１２ａが記憶されていてもよい。

入力装置２３は、例えば、キーボード、マウス、タッチパネルなどを含んでいるが、マイクなどの音声入力装置を含んでもよく、他の種類の入力装置を含んでもよい。表示装置２４は、例えば、液晶ディスプレイ、有機ＥＬディスプレイ、プラズマディスプレイ、ＣＲＴディスプレイなどであるが、マトリクスＬＥＤパネルなどの他の種類の表示装置であってもよい。通信装置２５は、無線通信装置であっても有線通信装置であってもよい。

以上のように構成されたシステム１では、利用者がクライアント端末１０にインストールされたＷｅｂブラウザを起動し所定のＵＲＬを入力することで、クライアント端末１０は、サーバ２０が提供するＷｅｂブラウザ上で動作するプログラム１２ａを記憶装置１２へダウンロードして実行することができる。また、ＵＲＬで特定されるＷｅｂアプリケーションにアクセスすることもできる。また、利用者がＷｅｂブラウザに表示されるアプリケーション画面上で種々の操作を行うことで、クライアント端末１０は、サーバ２０へ要求を送信することができ、サーバ２０から応答に基づいてアプリケーション画面を更新することができる。

図４は、比較的大きな画面サイズのクライアント端末１０に表示されるアプリケーション画面を例示した図である。図５は、オブジェクト情報を管理するデータベース内のデータＤ１を例示した図である。以下、図４及び図５を参照しながら、比較的大きな画面サイズのクライアント端末１０、例えば、ノート型のコンピュータ１０ａが、サーバ２０へアクセスしたときに表示されるアプリケーション画面について説明する。

図４に示すウィンドウＷ１は、Ｗｅｂブラウザのウィンドウである。ウィンドウＷ１には、複数の表示要素（以降、付箋オブジェクトと記す。）が配置されたアプリケーション画面が表示されている。アプリケーション画面に表示される付箋オブジェクトの各々は、ＩＤ、オブジェクト名、種別、座標、関連Ｎｏ．などのプロパティを有している。クライアント端末１０では、これらのプロパティを使って付箋オブジェクト、及び、付箋オブジェクト間の関係がＷｅｂブラウザ上に表示される。なお、付箋オブジェクトの各々は、グラフ、数式及び数表の中から選ばれる数学的要素を含んでいる。さらに、付箋オブジェクトに含まれる数学的要素は、予め決められた別の数学的要素と関連付け自在である。

付箋オブジェクトのプロパティについてさらに詳細に説明する。ＩＤは、付箋オブジェクトを一意に特定する情報である。オブジェクト名は、付箋オブジェクトに付された編集可能な名称である。種別は、付箋オブジェクトの種別を示す情報であり、図４及び図５では、“グラフ”、“数式”、“数表（数式）”、“数表（プロット）”の４種類の種別が例示されている。座標は、付箋オブジェクトを代表する座標であり、特に限定しないが、例えば、付箋オブジェクトの左上の角の位置における座標である。関連Ｎｏ．は付箋オブジェクト間の関連付けを特定する情報である。互いに関連付けられた付箋オブジェクト同士は、同じ関連Ｎｏ．を有している。その他にも、付箋オブジェクトを特徴づける種々のプロパティが存在する。その他のプロパティには、例えば、付箋オブジェクトのサイズなど全ての付箋オブジェクトに共通して存在するプロパティ、特定の種別の付箋オブジェクトに特有のプロパティなどが含まれる。

これらのプロパティは、オブジェクト情報２２ｂとして記憶装置２２に記憶されている。より具体的には、例えば、図５に示すように、テーブル形式のデータＤ１としてデータベースに格納されている。なお、図５に示す例では、カラムＣ１、カラムＣ２、カラムＣ３、カラムＣ４、カラムＣ５のそれぞれに、付箋オブジェクトのＩＤ、オブジェクト名、種別、座標、関連Ｎｏ．が格納されている。このようにサーバ２０でオブジェクト情報２２ｂが管理されることで、利用者は、自身が作成した付箋オブジェクトを、任意のクライアント端末１０のＷｅｂブラウザ上に表示させることができる。

付箋オブジェクトについて種別ごとにさらに詳細に説明する。図４に表示されている付箋オブジェクトのうち種別が“グラフ”である付箋オブジェクト（以降、グラフ付箋と記す。）は、グラフ付箋Ｇ１とグラフ付箋Ｇ２である。これらのグラフ付箋は、関数グラフ又は統計グラフ又はその両方を表示する付箋オブジェクトである。なお、グラフ付箋Ｇ１には、関数グラフと統計グラフが表示されている。グラフ付箋Ｇ１に表示されている関数グラフは、２つの一次関数のグラフであり、グラフ付箋Ｇ１に表示されている統計グラフは、散布図である。グラフ付箋Ｇ２には、関数グラフのみが表示されている。グラフ付箋Ｇ２に表示されている関数グラフは、二次関数のグラフである。

図４に表示されている付箋オブジェクトのうち種別が“数式”である付箋オブジェクトは、数式付箋Ｆ１と数式付箋Ｆ２である。これらの数式付箋は、利用者によって入力された関数の数式を表示する付箋オブジェクトである。なお、数式付箋Ｆ１には、２つの数式（ｙ＝ｘ、ｙ＝−３ｘ）が表示されている。数式付箋Ｆ２には、１つの数式（ｙ＝ｘ^２）が表示されている。

図４に表示されている付箋オブジェクトのうち種別が“数表（関数）”である付箋オブジェクトは、数表付箋Ｔ１と数表付箋Ｔ２である。これらの数表付箋は、数式付箋に入力された関数の独立変数（ｘ）と従属変数（ｙ）の組を表形式で表示する付箋オブジェクトである。なお、数表付箋Ｔ１には、１つの独立変数（ｘ）と２つの従属変数（ｙ：＝ｘ、ｙ：＝−３ｘ）の組が表示されている。数表付箋Ｔ２には、１つの独立変数（ｘ）と１つの従属変数（ｙ：＝ｘ^２）の組が表示されている。

図４に表示されている付箋オブジェクトのうち種別が“数表（統計）”である付箋オブジェクトは、数表付箋ＴＰ１である。この数表付箋は、利用者によって値が入力された数表を表示する付箋オブジェクトである。数表付箋ＴＰ１には、グラフ付箋Ｇ１に表示されている統計グラフのプロット点を特定する２つの変数ｘ、ｙの組が表示されている。

なお、図４に表示されているメニューリストＭは、上述した４つの種別の付箋オブジェクトのそれぞれに対応するメニュー（メニューＭ１〜メニューＭ４）を含んでいる。メニューリストＭは、例えば、アプリケーション画面上の付箋オブジェクトが存在しない領域をクリックすることで表示される。なお、メニューＭ１は、グラフ付箋を追加するためのメニューである。メニューＭ２は、数式付箋を追加するためのメニューである。メニューＭ３は、種別が“数表（関数）”の数表付箋を追加するためのメニューである。メニューＭ４は、種別が“数表（統計）”の数表付箋を追加するためのメニューである。

図６から図８は、付箋オブジェクトの作成手順の一例を説明するための図である。以下、図６から図８を参照しながら、図４に示すウィンドウＷ１上に表示される複数の付箋オブジェクトをアプリケーション画面上に作成する手順を説明する。

まず、アプリケーション画面上に付箋オブジェクトが表示されていない状態で、利用者がアプリケーション画面上の任意の領域を押下すると、メニューリストＭが表示される。その後、利用者がメニューリストＭ上のメニューＭ１を押下すると、図６の上段に示すように、グラフ付箋Ｇ１が作成され、アプリケーション画面上に表示される。このとき、グラフ付箋Ｇ１には、グラフは表示されておらず、グラフの目盛りのみが表示される。

利用者がグラフ付箋Ｇ１を押下すると、グラフ付箋Ｇ１上に複数のメニューが表示される。さらに、利用者が左側に配置されているメニューＧＭ１を押下すると、図６の中段に示すように、数式付箋Ｆ１が作成され、アプリケーション画面上にグラフ付箋Ｇ１と関連付けて表示される。なお、付箋オブジェクト間の関連付けは、関連する付箋オブジェクト間をつなぐ線を表示することによって表現されている。

次に、利用者が数式付箋Ｆ１に数式（ｙ＝ｘ）を入力すると、図６の下段に示すように、グラフ付箋Ｇ１上に数式付箋Ｆ１に入力した数式のグラフが表示される。さらに、利用者が数式付箋Ｆ１に２つの目の数式（ｙ＝−３ｘ）を入力すると、図７の上段に示すように、グラフ付箋Ｇ１上に数式付箋Ｆ１に入力した２つ目の数式のグラフが表示される。

その後、利用者がグラフ付箋Ｇ１上に表示される複数のメニューのうち真ん中に配置されているメニューＧＭ２を押下すると、図７の下段に示すように、数表付箋Ｔ１が作成され、アプリケーション画面上に数式付箋Ｆ１と関連付けて表示される。数表付箋Ｔ１内には、グラフ付箋Ｇ１上でのグラフ表示に使用された独立変数と従属変数の複数の組がリスト表示される。

さらに、利用者がグラフ付箋Ｇ１上に表示される複数のメニューのうち右側に配置されているメニューＧＭ３を押下すると、図８の上段に示すように、数表付箋ＴＰ１が作成され、アプリケーション画面上にグラフ付箋Ｇ１と関連付けて表示される。

利用者が数表付箋ＴＰ１内に変数ｘ、ｙの組み合わせを入力すると、図８の下段に示すように、入力された情報に対応するグラフ上の位置にプロット点が描画され、その結果、グラフ付箋Ｇ１上の散布図が表示される。

以上のような操作をグラフ付箋Ｇ２、数式付箋Ｆ２、数表付箋Ｔ２の作成のために繰り返すことで、図４に示すウィンドウＷ１上に表示されるアプリケーション画面が表示され、サーバ２０の記憶装置２２に作成されたデータベース内には、図５に示すＤ１が格納される。

図９から図１１は、比較的小さな画面サイズのクライアント端末１０に表示されるアプリケーション画面での操作例を示した図である。以下、図９及び図１０を参照しながら、比較的小さな画面サイズのクライアント端末１０、例えば、スマートフォンであるコンピュータ１０ｃが、サーバ２０へアクセスしたときに表示されるアプリケーション画面について説明する。以降では、比較的大きな画面サイズのコンピュータ１０ａを用いて作成された図４に示す複数の付箋オブジェクトのオブジェクト情報２２ｂをサーバ２０から読み出して、コンピュータ１０ｃでアプリケーション画面を表示する場合を例に説明する。

コンピュータ１０ｃは、まず、サーバ２０が提供するＷｅｂアプリケーションにアクセスし、コンピュータ１０ａで作成された複数の付箋オブジェクトのオブジェクト情報２２ｂを取得する。その後、以下の処理を行うことで、小さな画面でも高い視認性を実現し、ひいては、高い操作性を実現可能なアプリケーション画面を表示する。

コンピュータ１０ｃは、まず、複数の付箋オブジェクトを、付箋オブジェクトの種別に応じて複数の種別グループにグループ分けする第１のグルーピング処理を行う。即ち、第１のグルーピング処理は、記憶装置２２に記憶されている複数の数学的要素の種別に基づいて、複数の種別グループにグループ分けすることを含んでいる。具体的には、コンピュータ１０ｃは、付箋オブジェクトの種別プロパティに基づいてグループ分けする。この例では、グラフ付箋Ｇ１とグラフ付箋Ｇ２を含むグラフ群Ｇと、数式付箋Ｆ１と数式付箋Ｆ２を含む数式群Ｆと、数表付箋Ｔ１と数表付箋Ｔ２を含む数表群Ｔと、数表付箋ＴＰ１を含む数表群ＴＰの、計４つの種別グループが作成される。

コンピュータ１０ｃは、さらに、複数の付箋オブジェクトを、付箋オブジェクト間の関連付けに応じて複数の関連付けグループにグループ分けする第２のグルーピング処理を行う。即ち、第２のグルーピング処理は、複数の数学的要素間の関連付けに基づいて、複数の関連付けグループにグループ分けすることを含んでいる。具体的には、コンピュータ１０ｃは、付箋オブジェクトの関連付けＮｏ．プロパティに基づいてグループ分けする。この例では、グラフ付箋Ｇ１と数式付箋Ｆ１と数表付箋Ｔ１と数表付箋ＴＰ１を含む第１関連付けグループと、グラフ付箋Ｇ２と数式付箋Ｆ２と数表付箋Ｔ２を含む第２関連付けグループの、計２つの関連付けグループが作成される。

次に、コンピュータ１０ｃは、作成された４つの種別グループを整列する整列処理を行う。整列処理は、例えば、複数の種別グループをある方向に並べる処理を含んでいてもよい。複数の種別グループを並べるある方向（以降、整列方向と記す。）は、例えば、図９に示すように、コンピュータ１０ｃの表示装置１４の長手方向であってもよい。また、例えば、Ｗｅｂブラウザのサイズを調整した場合など、コンピュータ１０ｃの表示装置１４の一部にアプリケーション画面が表示される場合には、整列方向は、アプリケーション画面が表示される表示領域（この例では、Ｗｅｂブラウザの表示領域）の長手方向であることが望ましい。換言すると、整列方向は、表示装置１４に含まれる表示領域の長手方向であることが望ましい。これにより、スクロール操作をしない場合において、より多くの種類の異なる種別グループの付箋オブジェクトを、一画面内に表示できる。

また、通常、アプリケーション画面には上下左右が定められているが、整列方向は、コンピュータ１０ｃの表示装置１４に表示されるアプリケーション画面の上下方向であってもよい。例えば、図９に示す場合には、上下方向は、コンピュータ１０ｃの表示装置１４の長手方向と一致する。同じコンピュータ１０ｃの向きを９０度回転させて構えた場合には、上下方向は、コンピュータ１０ｃの表示装置１４の短手方向と一致する。これにより、一般的なＷｅｂブラウザにおける表示画面の通常のスクロール方向と、整列方向とが一致するため、良好な視認性及び操作性を維持することができる。

なお、種別グループの整列順は、例えば、グラフ群Ｇ、数式群Ｆ、数表群Ｔ、数表群ＴＰといった順番など、予め決められた順番であってもよい。また、種別グループの整列順は、例えば、同種のオブジェクトの数が多い順番など、任意の基準によって自動的に決定されてもよい。さらに、種別グループの整列順は、利用者が指定した順番であってもよい。

最後に、コンピュータ１０ｃは、複数の関連付けグループのうちの１つの関連付けグループを他の関連付けグループに対して優先する表示態様（以降、第１の表示態様と記す。）で、整列した複数の種別グループに属する複数の付箋オブジェクトを表示装置１４に表示させる第１の表示処理を行う。１つの関連付けグループを他の関連付けグループに対して優先する表示態様、即ち、第１の表示態様は、他の関連付けグループに対して優先する１つの関連付けグループ（以降、優先グループと記す。）を複数の関連付けグループの最前面に表示する態様である。より具体的には、図９及び図１０に示すような、優先グループを複数の関連付けグループの最前面に表示した上で、他の関連付けグループを優先グループの背面に表示する態様であってもよい。この場合、図９及び図１０に示すように、異なる関連付けグループに属し、かつ、同じ種別グループに属する複数の付箋オブジェクト同士を、重なるように表示する態様であってもよい。これにより、優先グループ以外の関連付けグループが、優先グループに含まれる何れかの種別グループと同じ種別グループの付箋オブジェクトを含むかどうかを、一目見るだけで判断できる。また、図１１に示すような、優先グループを複数の関連付けグループの最前面に表示した上で、他の関連付けグループをアイコン化するなどして最小化表示したり、非表示にする態様であってもよい。即ち、本明細書において、“１つの関連付けグループを複数の関連付けグループの最前面に表示する”には、その１つの関連付けグループが最前面に表示されている限り該当し、他の関連付けグループに属する複数の付箋オブジェクトが表示されているか否かを問わない。１つの関連付けグループ（優先グループ）を最前面に表示することで、優先グループの付箋オブジェクトが他のグループの付箋オブジェクトに遮られて見えないという事態を回避することができる。

なお、優先グループは、例えば、関連付けグループに属する付箋オブジェクトの座標情報に基づいて決定されてもよい。即ち、後述する第２の表示態様における複数の付箋オブジェクトの配置に基づいて決定してもよい。例えば、オブジェクト情報２２ｂに含まれる座標情報から最も基準座標（例えば、表示領域の最も左上など）に近い座標を有する付箋オブジェクトを特定し、その特定された付箋オブジェクトが属する関連付けグループを、優先グループに決定してもよい。また、優先グループは、その他の任意の基準によって自動的に決定されてもよい。自動的に決定されることで、優先グループを決定するための利用者の追加の操作を不要にすることができる。さらに、利用者が指定した関連付けグループを優先グループに決定してもよい。

以上のように、コンピュータ１０ｃは、第１のグルーピング処理、第２のグルーピング処理、整列処理、第１の表示処理を行うことで、例えば、図９に示すように、１つの関連付けグループに属する付箋オブジェクトを優先して表示することができる。ある付箋オブジェクトに利用者が注目している場合、その付箋オブジェクトに関連付けられた付箋オブジェクトは、関連のない付箋オブジェクトよりも、利用者に参照される可能性が高い。例えば、図９のグラフ付箋Ｇ１に利用者が注目している場合であれば、そのグラフ付箋Ｇ１に表示されているグラフの数式や数値をすぐに確認することができれば便利である。１つの関連付けグループに属する付箋オブジェクトが優先して表示されることで、注目している付箋オブジェクトに関連付けられた付箋オブジェクトも、注目している付箋オブジェクトと同様に、優先して表示される。このため、利用者は、これらの付箋オブジェクトを同時に又は素早く確認することができる。従って、コンピュータ１０ｃのように小さな画面を有する場合であっても不便なくアプリケーションを利用することが可能であり、画面サイズによらず高い視認性を実現することができる。

また、コンピュータ１０ｃが、整列処理において複数の種別グループをある方向に並べることで、優先グループに属する付箋オブジェクトの全てが画面に収まらない場合であっても、利用者は、簡単な操作で関連付けられた付箋オブジェクトを容易に確認することが可能となる。具体的には、例えば、図９に示すように、利用者は、種別グループの整列方向にフリック操作又はスワイプ操作を行ってアプリケーション画面をスクロールするだけで、アプリケーション画面に収まりきらなかった付箋オブジェクトを画面内に表示させて確認することができる。特に、図９に示すように、表示領域の長手方向に複数の種別グループを並べることで、優先グループに属する複数の付箋オブジェクトを表示領域内で効率的に表示することができるため、それらの付箋オブジェクトを順番に見ていく場合に、フリック操作やスワイプ操作の回数を最小限に抑えることが可能となる。従って、より高い操作性を実現することが可能となる。

さらに、コンピュータ１０ｃは、所定操作に応じて、優先グループを、ある１つの関連付けグループから他の関連付けグループのいずれかに切り替える切り替え処理を行う。この場合、所定操作は、フリック操作又はスワイプ操作を含んでもよい。具体的には、例えば、図１０及び図１１に示すように、種別グループの整列方向と交差する方向に、利用者がフリック操作又はスワイプ操作を行うことで、優先グループが切り替わることが望ましい。コンピュータ１０ｃでは、図９から図１１に示すように、利用者のフリック操作又はスワイプ操作の方向に応じて、画面のスクロールと優先表示の対象とする関連付けグループの切り替えとが適宜行われる。従って、利用者は直感的にアプリケーション画面を操作することが可能であり、システム１によって高い操作性が実現される。

なお、図１０及び図１１には、優先グループが、第１関連付けグループ（グラフ付箋Ｇ１と数式付箋Ｆ１と数表付箋Ｔ１と数表付箋ＴＰ１）から第２関連付けグループ（グラフ付箋Ｇ２と数式付箋Ｆ２と数表付箋Ｔ２）へ切り替わる様子が示されている。図１０は、優先グループ以外の関連付けグループを優先グループの背面に表示する例であり、図１１は、優先グループ以外の関連付けグループを最小化してアイコン（アイコンＩ１〜アイコンＩ３）を表示する例である。どちらの場合も、利用者に優先グループ以外の関連付けグループの存在を利用者に認識させることができる。図１０に例示される表示態様では、優先グループ以外の関連付けグループが優先グループの背面に表示されているため、フリック操作やスワイプ操作による優先グループの切り替えをイメージしやすく、利用者が切り替え操作をより感覚的に把握しやすい。また、図１１に例示される表示態様では、優先グループ以外の関連付けグループが最小化されているため、図１０に例示される表示態様に比べて優先グループを見やすく表示することができる。

コンピュータ１０ｃは、第１の表示処理を行う前に、さらに、リサイズ処理を行ってもよい。リサイズ処理は、複数の付箋オブジェクトの少なくとも一部をリサイズすることによって、複数の付箋オブジェクトの幅であって整列方向と直交する所定方向（直交方向）の幅を、表示装置１４に含まれる表示領域の所定方向（直交方向）の幅に収める処理である。例えば、複数の付箋オブジェクトのうち一部の付箋オブジェクトの幅がコンピュータ１０ｃの表示領域の幅に収まらない場合には、その一部の付箋オブジェクトの幅のみを小さくすることで、表示領域内に収めてもよく、すべてのオブジェクトを一律に縮小して表示領域内に収めてもよい。これにより、整列方向と直交する方向に画面をスクロールする操作を利用者に強いることがないため、高い視認性を実現し、ひいては、高い操作性を実現することができる。

以上では、比較的大きな画面サイズを有するコンピュータ１０ａで作成した複数の付箋オブジェクトを比較的小さな画面サイズを有するコンピュータ１０ｃに表示する場合に、第１の表示態様で複数の付箋オブジェクトを表示する例を示したが、比較的大きな画面サイズを有するコンピュータ１０ａに第１の表示態様で複数の付箋オブジェクトを表示してもよい。例えば、図１２に示すように、Ｗｅｂブラウザのウィンドウサイズが調整された場合に、ウィンドウサイズが所定のサイズ以下まで小さくなったときに、第１の表示態様で複数の付箋オブジェクトを表示してもよい。なお、図１２には、ウィンドウサイズが最大化されたウィンドウＷ１、及び、ウィンドウＷ１から少し横幅を縮めたウィンドウＷ２では、オブジェクト情報２２ｂの座標プロパティに従って複数の付箋オブジェクトが配置される様子が、ウィンドウＷ２からさらに横幅を縮めたウィンドウＷ３では、第１の表示態様で複数の付箋オブジェクトが表示される様子が、示されている。

図１３は、システム１が行う処理のフローチャートの一例である。図１４は、図１３に示す表示処理のフローチャートの一例である。以下、図１２及び図１３を参照しながら、画面サイズによらず高い視認性を実現し、ひいては、高い操作性を実現するためにシステム１が行う上述した表示制御方法の具体的な処理手順の一例を説明する。なお、以降では、図１３及び図１４に示す各工程の処理がクライアント端末１０で行われる場合を例に説明するが、表示処理を除く処理の一部又は全部はサーバ２０で行われてもよい。

図１３に示す処理は、例えば、クライアント端末１０のプロセッサ１１が、サーバ２０からダウンロードされたプログラム１２ａを実行することにより行われる。まず、プロセッサ１１は、表示要求を検出したか否かを判定する（ステップＳ１）。例えば、Ｗｅｂブラウザの更新ボタンの押下などによってＷｅｂブラウザがＷｅｂページをリロードした場合には、プロセッサ１１は、表示要求を検出したと判定する。

表示要求を検出すると、プロセッサ１１は、図１４に示す表示処理を行う（ステップＳ２）。表示処理が開始されると、まず、プロセッサ１１は、判定処理を行う（ステップＳ１１）。即ち、プロセッサ１１は、判定処理部の一例である。判定処理は、所定条件を満たしているかを判定する処理であり、所定条件は、第１の表示態様で表示することが望ましいと判断するための条件である。

ステップＳ１１では、プロセッサ１１は、表示領域のサイズ（例えば、Ｗｅｂブラウザのウィンドウサイズ）を取得してもよく、表示領域のサイズが所定のサイズ以内であることを所定条件として、所定条件を満たすか否かを判定してもよい。また、プロセッサ１１は、クライアント端末１０の情報を取得してもよく、取得した情報に基づいてクライアント端末１０がスマートフォンと推定されることを所定条件として、所定条件を満たすか否かを判定してもよい。クライアント端末１０の情報は、例えば、クライアント端末１０のハードウェアの情報であってもよく、クライアント端末１０にインストールされたＯＳの情報やＷｅｂブラウザの情報などソフトウェアの情報であってもよい。これらの情報からクライアント端末１０がスマートフォンか否かを推定してもよい。プロセッサ１１が判定処理を行うことで、適切な表示態様で複数の付箋オブジェクトを表示することが可能となる。

プロセッサ１１は、所定条件を満しているときには（ステップＳ１２：ＹＥＳ）、第１のグルーピング処理（ステップＳ１３）、第２のグルーピング処理（ステップＳ１４）、整列処理（ステップＳ１５）、リサイズ処理（ステップＳ１６）を行う。即ち、プロセッサ１１は、第１のグルーピング処理部、第２のグルーピング処理部、整列処理部、リサイズ処理部の一例である。なお、第１のグルーピング処理、第２のグルーピング処理、整列処理、リサイズ処理の詳細については、上述したとおりである。

その後、プロセッサ１１は、優先グループ決定処理を行う（ステップＳ１７）。即ち、プロセッサ１１は、優先グループ決定処理部の一例である。ステップＳ１７では、プロセッサ１１は、特に限定しないが、例えば、付箋オブジェクトの座標情報に基づいて優先グループを決定する。具体的には、例えば、最も基準座標に近い座標を有する付箋オブジェクトを特定し、その特定された付箋オブジェクトが属する関連付けグループを、優先グループに決定する。

優先グループが決定されると、プロセッサ１１は、第１の表示処理を行う（ステップＳ１８）。即ち、プロセッサ１１は、第１の表示処理部の一例である。なお、第１の表示処理の詳細については、上述したとおりである。第１の表示処理が終了すると、ステップＳ２の表示処理が終了する。

一方、プロセッサ１１は、所定条件を満していないときには（ステップＳ１２：ＮＯ）、複数の付箋オブジェクトの座標情報を取得し（ステップＳ１９）、座標情報がない付箋オブジェクトについては座標情報を作成する（ステップＳ２０）。なお、付箋オブジェクトのプロパティに座標情報がないケースとしては、例えば、アプリケーション画面が第１の表示態様で表示されている場合に、新たな付箋オブジェクトを作成した場合などが想定される。具体的には、利用者がコンピュータ１０ｃの表示領域内の付箋オブジェクトが表示されていない領域をクリックすることで任意の付箋オブジェクトを追加した場合や、優先グループのグラフ付箋上のメニューを選択して他の付箋オブジェクトを追加した場合などが相当する。この場合、付箋オブジェクトを新たに追加する操作を受け付けたコンピュータ１０ｃは、追加される新たな付箋オブジェクトの種別を特定する種別情報（種別プロパティ）を作成し、その情報をサーバ２０に送信することによって記憶装置２２に記憶させる処理を実行する。図１５に示すデータベース内のデータＤ２は、第１の表示態様で優先表示されたグラフ付箋Ｇ２上のメニューを選択することで新たに数表オブジェクトＴＰ２が追加されたときのデータを示している。ここで注目すべきは、データＤ２では、数表オブジェクトＴＰ２に対応するカラムＣ４の座標情報が空であることである。なお、第１の表示態様で付箋オブジェクトが表示されていない領域をクリックすることで任意の付箋オブジェクトが追加された場合には、カラムＣ４の座標情報に加えてカラムＣ５の関連Ｎｏ．も空である。その後、コンピュータ１０ａで再度アプリケーション画面を表示した場合に、ステップＳ２０の処理が行われる。なお、ステップＳ２０の処理は、コンピュータ１０ａで再度アプリケーション画面を表示するまでに行わればよく、必ずしも表示処理の直前に行われなくてもよい。ステップＳ２０で作成される座標情報は、例えば、図１６に示す数表付箋ＴＰ２のように、その座標情報に従って付箋オブジェクトを配置した場合に、その付箋オブジェクトが他の付箋オブジェクトと重複しないように作成される。その結果、図１７に示すように、データベース内のデータはデータＤ３のように更新され、新たに追加された数表オブジェクトＴＰ２に座標情報が作成されて記憶される。

座標情報の取得及び作成が終了すると、プロセッサ１１は、第２の表示処理を行い（ステップＳ２１）、ステップＳ２の表示処理が終了する。第２の表示処理は、第１の表示態様とは異なる第２の表示態様で複数の付箋オブジェクトを、表示装置１４に表示させる処理である。具体的には、プロセッサ１１は、複数の付箋オブジェクトを互いに重ならないように表示装置１４に表示させる。より具体的には、プロセッサ１１は、複数の付箋オブジェクトを各付箋オブジェクトの座標情報に従って表示装置１４に表示させる。このような表示態様では、表示領域のサイズが十分に大きい場合には、すべての付箋オブジェクトを一度に表示することができる。

プロセッサ１１は、ステップＳ１において表示要求を検出しない場合には、さらに、切り替え要求を検出したか否かを判定する（ステップＳ３）。例えば、第１の表示態様で複数の付箋オブジェクトが表示されているときに図１０に示すようなスワイプ操作が行われた場合には、プロセッサ１１は、切り替え要求を検出したと判定する。

切り替え要求を検出すると、プロセッサ１１は、切り替え処理を行う（ステップＳ４）。なお、切り替え処理の詳細については、上述したとおりである。これにより、第１の表示態様で切り替え前とは異なる関連付けグループが優先的に表示される。

上述した実施形態は、発明の理解を容易にするために具体例を示したものであり、本発明はこれらの実施形態に限定されるものではなく、上述の実施形態の各種変形形態および代替形態を包含するものとして理解されるべきである。例えば、各種実施形態は、その趣旨および範囲を逸脱しない範囲で構成要素を変形して具体化できることが理解されよう。また、前述した実施形態に開示されている複数の構成要素を適宜組み合わせることにより、種々の実施形態が実施され得ることが理解されよう。更には、実施形態に示される全構成要素からいくつかの構成要素を削除して、または実施形態に示される構成要素にいくつかの構成要素を追加して種々の実施形態が実施され得ることが当業者には理解されよう。即ち、プログラム、表示制御方法、及び、システムは、特許請求の範囲の記載を逸脱しない範囲において、さまざまな変形、変更が可能である。

上述した実施形態では、他の付箋オブジェクトと関連付け可能な付箋オブジェクトのみが作成される例を示したが、図１８及び図１９に示すように、他の付箋オブジェクトと関連付けできない付箋オブジェクトが作成されてもよい。

図１８に示すウィンドウＷ５に表示されたアプリケーション画面は、比較的大きな画面サイズのクライアント端末１０に表示されるアプリケーション画面の一例であり、他の付箋オブジェクトと関連付けられないコメント付箋Ｔｘが含まれる点と、メニューリストＭにメニューＭ５が含まれる点が、図４に示すアプリケーション画面と異なっている。メニューＭ５は、コメント付箋を追加するためのメニューである。図１９には、コメント付箋Ｔｘを含む複数の付箋オブジェクトが第１の表示態様で表示された様子が示されている。コメント付箋Ｔｘは特定の関連付けグループに属さないため、第１の表示態様では、図１９に示すように、すべての関連付けグループとともに表示されてもよい。即ち、第１の表示態様では、優先グループに属する付箋オブジェクトとコメント付箋Ｔｘが優先して表示されてもよい。

上述した実施形態では、優先グループを切り替え前後で種別グループの並び順が変更されない例を示したが、種別グループの並び順は、優先グループが切り替わる度に決定されてもよい。例えば、優先グループに属する付箋オブジェクトの座標情報から種別グループの並び順を決定してもよい。より具体的には、優先グループに属する付箋オブジェクトを基準座標に近いものから順に並べることで得られた並び順を採用してもよい。

また、上述した実施形態において、フリック操作又はスワイプ操作に替えて、表示装置に表示される特定のアイコンのタップ操作や、クライアント端末１０が備える特定のキーを用いた操作に基づいて、同様の機能を実行可能に構成されてよい。

以下、本願の出願当初の特許請求の範囲に記載された発明を付記する。
［付記１］
コンピュータに、
複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列処理と、
前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第１の表示処理と、
を実行させることを特徴とするプログラム。
［付記２］
付記１に記載のプログラムにおいて、
前記複数の表示要素の各々は、グラフ、数式及び数表の中から選ばれる数学的要素を含み、
前記数学的要素は、予め決められた別の数学的要素と関連付け自在であり、
前記複数の種別グループは、前記数学的要素の種別に応じてグループ分けされたものであり、
前記複数の関連付けグループは、前記複数の表示要素に含まれる複数の数学的要素間の関連付けに応じてグループ分けされたものである
ことを特徴とするプログラム。
［付記３］
付記１に記載のプログラムにおいて、
コンピュータに、さらに、
前記複数の表示要素を、表示要素の種別に応じて前記複数の種別グループにグループ分けする第１のグルーピング処理と、
前記複数の表示要素を、要素間の関連付けに応じて前記複数の関連付けグループにグループ分けする第２のグルーピング処理と、
を実行させることを特徴とするプログラム。
［付記４］
付記３に記載のプログラムにおいて、
前記複数の表示要素の各々は、グラフ、数式及び数表の中から選ばれる数学的要素を含み、
前記数学的要素は、予め決められた別の数学的要素と関連付け自在であり、
前記コンピュータに、さらに、
前記複数の表示要素に含まれる前記数学的要素の種別と、前記複数の表示要素に含まれる前記複数の数学的要素間の関連付けとを、記憶部に記憶する記憶処理を実行させ、
前記第１のグルーピング処理は、前記記憶部に記憶した前記複数の数学的要素の種別に基づいて、前記複数の種別グループにグループ分けすることを含み、
前記第２のグルーピング処理は、前記複数の数学的要素間の関連付けに基づいて、前記複数の関連付けグループにグループ分けすることを含む
ことを特徴とするプログラム。
［付記５］
付記１乃至付記４のいずれか１つに記載のプログラムにおいて、
前記第１の表示態様は、前記１つの関連付けグループを前記複数の関連付けグループの最前面に表示する態様である
ことを特徴とするプログラム。
［付記６］
付記１乃至付記５のいずれか１つに記載のプログラムにおいて、
前記第１の表示態様は、前記他の関連付けグループを最小化表示する態様、又は、非表示にする態様である
ことを特徴とするプログラム。
［付記７］
付記１乃至付記６のいずれか１つに記載のプログラムにおいて、
前記整列処理は、前記複数の種別グループをある方向に並べる処理を含む
ことを特徴とするプログラム。
［付記８］
付記７に記載のプログラムにおいて、
前記コンピュータに、さらに、
前記複数の表示要素の少なくとも一部をリサイズすることによって、前記複数の表示要素の幅であって前記ある方向との直交方向の幅を、前記表示装置に含まれる表示領域の前記直交方向の幅に収めるリサイズ処理を実行させる
ことを特徴とするプログラム。
［付記９］
付記７又は付記８に記載のプログラムにおいて、
前記ある方向は、前記表示装置における表示領域の長手方向である
ことを特徴とするプログラム。
［付記１０］
付記１乃至付記９のいずれか１つに記載のプログラムにおいて、
前記コンピュータに、さらに、
所定操作に応じて、前記第１の表示態様で優先される関連付けグループを、前記１つの関連付けグループから前記他の関連付けグループのいずれかに切り替える切り替え処理を実行させる
ことを特徴とするプログラム。
［付記１１］
付記１０に記載のプログラムにおいて、
前記所定操作は、フリック操作又はスワイプ操作を含む
ことを特徴とするプログラム。
［付記１２］
付記１乃至付記１１のいずれか１つに記載のプログラムにおいて、
前記コンピュータに、さらに、
所定条件を満たしているかを判定する判定処理を実行させ、
前記所定条件を満たしていると判定した場合に、前記整列処理と、前記第１の表示処理を実行させる
ことを特徴とするプログラム。
［付記１３］
付記１乃至付記１２のいずれか１つに記載のプログラムにおいて、
前記コンピュータに、さらに、
所定条件を満たしているかを判定する判定処理を実行させ、
前記所定条件を満たしていないと判定した場合に、前記第１の表示態様とは異なる第２の表示態様で前記複数の表示要素を、前記表示装置に表示させる第２の表示処理を実行させる
ことを特徴とするプログラム。
［付記１４］
付記１３に記載のプログラムにおいて、
前記コンピュータに、さらに、
前記第１の表示態様で優先される関連付けグループを、前記第２の表示態様における前記複数の表示要素の配置に基づいて決定する優先グループ決定処理を実行させる
ことを特徴とするプログラム。
［付記１５］
付記１３又は付記１４に記載のプログラムにおいて、
前記コンピュータに、さらに、
前記第１の表示処理により前記複数の表示要素を前記第１の表示態様で前記表示装置に表示中に、表示要素を新たに追加する操作を受け付けたことに応じて、追加される新たな表示要素の種別を特定する種別情報を、記憶部に記憶する種別記憶処理を実行させる
ことを特徴とするプログラム。
［付記１６］
付記１５に記載のプログラムにおいて、
前記コンピュータに、さらに、
前記新たな表示要素が前記第２の表示態様で前記表示装置に表示されるまでに、前記新たな表示要素の前記第２の表示態様における配置を特定する配置情報を、前記新たな表示要素の種別を特定する前記種別情報に関連付けて、前記記憶部に記憶する配置記憶処理を実行させる
ことを特徴とするプログラム。
［付記１７］
付記１６に記載のプログラムにおいて、
前記配置記憶処理は、前記第２の表示態様において前記新たな表示要素が前記複数の表示要素のいずれにも重ならない位置に配置されるように、前記新たな表示要素の配置を特定する前記配置情報を作成することを含む
ことを特徴とするプログラム。
［付記１８］
付記１３乃至付記１７のいずれか１つに記載のプログラムにおいて、
前記判定処理は、前記表示装置に含まれる表示領域のサイズを取得する処理を含み、
前記所定条件は、前記表示領域のサイズが所定のサイズ以内であることである
ことを特徴とするプログラム。
［付記１９］
付記１３乃至付記１７のいずれか１つに記載のプログラムにおいて、
前記判定処理は、前記表示装置を含む端末の情報を取得する処理を含み、
前記所定条件は、前記端末の情報に基づいて前記端末がスマートフォンと推定されることである
ことを特徴とするプログラム。
［付記２０］
付記１乃至付記１９のいずれか１つに記載のプログラムを配布するサーバ装置。
［付記２１］
コンピュータが、
複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列し、
前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる
ことを特徴とする表示制御方法。
［付記２２］
複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列部と、
前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第1の表示制御部と、を備える
ことを特徴とするシステム。

１・・・システム
１０・・・クライアント端末
１０ａ〜１０ｃ・・・コンピュータ
１１、２１・・・プロセッサ
１２、２２・・・記憶装置
１２ａ、２２ａ・・・プログラム
１４、２４・・・表示装置
２０・・・サーバ
２２ｂ・・・オブジェクト情報
Ｇ・・・グラフ群
Ｇ１、Ｇ２・・・グラフ付箋
Ｆ・・・数式群
Ｆ１、Ｆ２・・・数式付箋
Ｔ・・・数表群
Ｔ１、Ｔ２・・・数表付箋
ＴＰ・・・数表群
ＴＰ１、ＴＰ２・・・数表付箋
Ｔｘ・・・コメント付箋
Ｉ１〜Ｉ３・・・アイコン

Claims (22)

1. コンピュータに、
   複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列処理と、
   前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第１の表示処理と、
   を実行させることを特徴とするプログラム。
2. 請求項１に記載のプログラムにおいて、
   前記複数の表示要素の各々は、グラフ、数式及び数表の中から選ばれる数学的要素を含み、
   前記数学的要素は、予め決められた別の数学的要素と関連付け自在であり、
   前記複数の種別グループは、前記数学的要素の種別に応じてグループ分けされたものであり、
   前記複数の関連付けグループは、前記複数の表示要素に含まれる複数の数学的要素間の関連付けに応じてグループ分けされたものである
   ことを特徴とするプログラム。
3. 請求項１に記載のプログラムにおいて、
   コンピュータに、さらに、
   前記複数の表示要素を、表示要素の種別に応じて前記複数の種別グループにグループ分けする第１のグルーピング処理と、
   前記複数の表示要素を、要素間の関連付けに応じて前記複数の関連付けグループにグループ分けする第２のグルーピング処理と、
   を実行させることを特徴とするプログラム。
4. 請求項３に記載のプログラムにおいて、
   前記複数の表示要素の各々は、グラフ、数式及び数表の中から選ばれる数学的要素を含み、
   前記数学的要素は、予め決められた別の数学的要素と関連付け自在であり、
   前記コンピュータに、さらに、
   前記複数の表示要素に含まれる前記数学的要素の種別と、前記複数の表示要素に含まれる前記複数の数学的要素間の関連付けとを、記憶部に記憶する記憶処理を実行させ、
   前記第１のグルーピング処理は、前記記憶部に記憶した前記複数の数学的要素の種別に基づいて、前記複数の種別グループにグループ分けすることを含み、
   前記第２のグルーピング処理は、前記複数の数学的要素間の関連付けに基づいて、前記複数の関連付けグループにグループ分けすることを含む
   ことを特徴とするプログラム。
5. 請求項１乃至請求項４のいずれか１項に記載のプログラムにおいて、
   前記第１の表示態様は、前記１つの関連付けグループを前記複数の関連付けグループの最前面に表示する態様である
   ことを特徴とするプログラム。
6. 請求項１乃至請求項５のいずれか１項に記載のプログラムにおいて、
   前記第１の表示態様は、前記他の関連付けグループを最小化表示する態様、又は、非表示にする態様である
   ことを特徴とするプログラム。
7. 請求項１乃至請求項６のいずれか１項に記載のプログラムにおいて、
   前記整列処理は、前記複数の種別グループをある方向に並べる処理を含む
   ことを特徴とするプログラム。
8. 請求項７に記載のプログラムにおいて、
   前記コンピュータに、さらに、
   前記複数の表示要素の少なくとも一部をリサイズすることによって、前記複数の表示要素の幅であって前記ある方向との直交方向の幅を、前記表示装置に含まれる表示領域の前記直交方向の幅に収めるリサイズ処理を実行させる
   ことを特徴とするプログラム。
9. 請求項７又は請求項８に記載のプログラムにおいて、
   前記ある方向は、前記表示装置における表示領域の長手方向である
   ことを特徴とするプログラム。
10. 請求項１乃至請求項９のいずれか１項に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    所定操作に応じて、前記第１の表示態様で優先される関連付けグループを、前記１つの関連付けグループから前記他の関連付けグループのいずれかに切り替える切り替え処理を実行させる
    ことを特徴とするプログラム。
11. 請求項１０に記載のプログラムにおいて、
    前記所定操作は、フリック操作又はスワイプ操作を含む
    ことを特徴とするプログラム。
12. 請求項１乃至請求項１１のいずれか１項に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    所定条件を満たしているかを判定する判定処理を実行させ、
    前記所定条件を満たしていると判定した場合に、前記整列処理と、前記第１の表示処理を実行させる
    ことを特徴とするプログラム。
13. 請求項１乃至請求項１２のいずれか１項に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    所定条件を満たしているかを判定する判定処理を実行させ、
    前記所定条件を満たしていないと判定した場合に、前記第１の表示態様とは異なる第２の表示態様で前記複数の表示要素を、前記表示装置に表示させる第２の表示処理を実行させる
    ことを特徴とするプログラム。
14. 請求項１３に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    前記第１の表示態様で優先される関連付けグループを、前記第２の表示態様における前記複数の表示要素の配置に基づいて決定する優先グループ決定処理を実行させる
    ことを特徴とするプログラム。
15. 請求項１３又は請求項１４に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    前記第１の表示処理により前記複数の表示要素を前記第１の表示態様で前記表示装置に表示中に、表示要素を新たに追加する操作を受け付けたことに応じて、追加される新たな表示要素の種別を特定する種別情報を、記憶部に記憶する種別記憶処理を実行させる
    ことを特徴とするプログラム。
16. 請求項１５に記載のプログラムにおいて、
    前記コンピュータに、さらに、
    前記新たな表示要素が前記第２の表示態様で前記表示装置に表示されるまでに、前記新たな表示要素の前記第２の表示態様における配置を特定する配置情報を、前記新たな表示要素の種別を特定する前記種別情報に関連付けて、前記記憶部に記憶する配置記憶処理を実行させる
    ことを特徴とするプログラム。
17. 請求項１６に記載のプログラムにおいて、
    前記配置記憶処理は、前記第２の表示態様において前記新たな表示要素が前記複数の表示要素のいずれにも重ならない位置に配置されるように、前記新たな表示要素の配置を特定する前記配置情報を作成することを含む
    ことを特徴とするプログラム。
18. 請求項１３乃至請求項１７のいずれか１項に記載のプログラムにおいて、
    前記判定処理は、前記表示装置に含まれる表示領域のサイズを取得する処理を含み、
    前記所定条件は、前記表示領域のサイズが所定のサイズ以内であることである
    ことを特徴とするプログラム。
19. 請求項１３乃至請求項１７のいずれか１項に記載のプログラムにおいて、
    前記判定処理は、前記表示装置を含む端末の情報を取得する処理を含み、
    前記所定条件は、前記端末の情報に基づいて前記端末がスマートフォンと推定されることである
    ことを特徴とするプログラム。
20. 請求項１乃至請求項１９のいずれか１項に記載のプログラムを配布するサーバ装置。
21. コンピュータが、
    複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列し、
    前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる
    ことを特徴とする表示制御方法。
22. 複数の表示要素を表示要素の種別に応じてグループ分けした複数の種別グループを整列する整列部と、
    前記複数の表示要素を要素間の関連付けに応じてグループ分けした複数の関連付けグループのうちの、１つの関連付けグループを他の関連付けグループに対して優先する第１の表示態様で、整列した前記複数の種別グループに属する前記複数の表示要素を表示装置に表示させる第１の表示制御部と、を備える
    ことを特徴とするシステム。

Images