JP2015109116A - 電子機器、表示方法、及び表示プログラム - Google Patents

Abstract

【課題】直感的に利用することができるユーザインタフェースを表示する。
【解決手段】実施形態によれば、電子機器は、表示制御手段と選択手段とを具備する。表示制御手段は、少なくとも一部が手書きにより作成される複数のページを含む複数のノートファイルを示す複数のアイコンの画像を画面上に表示する。選択手段は、第１アイコンに対応する第１ノートファイルを開くために、画面上に表示される複数のアイコンのうち第１アイコンを選択する。表示制御手段は、第１アイコンが選択されると、第１ノートファイルに含まれる少なくとも１つのページを手書きにより編集可能な状態で画面上に表示する。第１アイコンの画像は、第１ノートファイルに含まれる１つのページを縮小して得られる画像に対応する。第１ノートファイルに含まれる１つのページの編集後、第１アイコンの画像は、第１ノートファイルに含まれる編集された後の１つのページを縮小して得られる画像に対応するものに自動的に変更される。
【選択図】図１

Description

本発明の実施形態は、ユーザインタフェース用の画面の表示に関する。

近年、タブレット型コンピュータ、ＰＤＡ（personal digital assistant）、スマートフォンといった種々の電子機器が開発されている。この種の電子機器の多くは、ユーザによる入力操作を容易にするために、タッチスクリーンディスプレイを備えている。

ユーザは、タッチスクリーンディスプレイ上に表示されるメニューまたはオブジェクトをペンや指などでタッチすることにより、これらメニューまたはオブジェクトに関連づけられた機能の実行を携帯型電子機器に指示することができる。また、ユーザは、タッチスクリーンディスプレイ上で、ペンを用いて文字や図形等を手書きすることで、手書きした文字や図形等のストロークデータを入力することができる。

特開２０００−０７５９７７号公報

ペンや指などを用いたタッチ操作が可能な電子機器では、データ入力や編集だけでなく、データ管理などのために設けられた機能を、タッチ操作により直感的に利用することができるユーザインタフェースが求められている。

本発明の一形態の目的は、直感的に利用することができるユーザインタフェースを表示する電子機器、表示方法、及び表示プログラムを提供することである。

実施形態によれば、電子機器は、表示制御手段と選択手段とを具備する。表示制御手段は、少なくとも一部が手書きにより作成される複数のページを含む複数のノートファイルを示す複数のアイコンの画像を画面上に表示する。選択手段は、第１アイコンに対応する第１ノートファイルを開くために、画面上に表示される複数のアイコンのうち第１アイコンを選択する。表示制御手段は、第１アイコンが選択された場合、第１ノートファイルに含まれる少なくとも１つのページを手書きにより編集可能な状態で画面上に表示する。第１アイコンの画像は、第１ノートファイルに含まれる１つのページを縮小して得られる画像に対応する。第１ノートファイルに含まれる１つのページが編集された後に、第１アイコンの画像は、第１ノートファイルに含まれる編集された後の１つのページを縮小して得られる画像に対応するものに自動的に変更される。

実施形態に係る電子機器の外観を示す斜視図。 実施形態におけるタブレットコンピュータのシステム構成を示す図。 実施形態の手書き入力プログラムにより実現される機能構成を示す図。 実施形態のデスクトップ／ドロア画面の初期状態の表示例を示す図。 実施形態のデスクトップ／ドロア画面において表示されるノートアイコンの表示形態を説明するための図。 実施形態のデスクトップ／ドロア画面において表示されるノートアイコンの表示形態を説明するための図。 実施形態のデスクトップ／ドロア画面の一例を示す図。 実施形態のデスクトップ／ドロア画面の一例を示す図。 実施形態のデスクトップ／ドロア画面の一例を示す図。 実施形態のデスクトップ／ドロア画面に対する入力操作に応じた表示処理を示すフローチャート。 実施形態のノートアイコン一覧画面の表示例を示す図。 実施形態の簡易ページ一覧表示画面の一例を示す図。 実施形態のノートアイコンがドラッグされている画面の一例を示す図。 実施形態のノートアイコンのドラッグに応じて表示されたデスクトップ／ドロア画面の一例を示す図。 実施形態のデスクトップ／ドロア画面からデスクトップノート画面への移行表示を示すフローチャート。 実施形態のデスクトップ／ドロア画面からデスクトップノート画面へ移行する際の遷移画像の一例を示す図。 実施形態のデスクトップ／ドロア画面からデスクトップノート画面へ移行する際の遷移画像の一例を示す図。 実施形態のデスクトップノート画面に対する入力操作に応じた表示処理を示すフローチャート。 実施形態のデスクトップノート画面の表示例を示す図。 実施形態のページ一覧画面の一例を示す図。 実施形態のページ情報の表示画面の一例を示す図。 実施形態のページ操作の一例を示す図。 実施形態のノートビュー画面の一例を示す図。 実施形態のメニュー表示モードのページビュー画面の一例を示す図。 実施形態のタイムラインノート画面の一例を示す図。 実施形態のスクラップノート画面の一例を示す図。 実施形態のサブメニュー表示画面の一例を示す図。

以下、図面を参照して、実施形態について説明する。
図１は、実施形態に係る電子機器の外観を示す斜視図である。電子機器は、例えば、ペンまたは指によって手書き文字を入力可能な携帯型電子機器である。電子機器は、タブレットコンピュータ、ノートブック型パーソナルコンピュータ、スマートフォン、ＰＤＡ等として実現され得る。以下では、電子機器がタブレットコンピュータ１０として実現されている場合を想定する。タブレットコンピュータ１０は、タブレットまたはストレートコンピュータとも称される携帯型電子機器であり、図１に示すように、本体１１とタッチスクリーンディスプレイ１７とを備える。タッチスクリーンディスプレイ１７は、本体１１の上面に重ね合わせるように取り付けられている。

本体１１は、薄い箱形の筐体を有している。タッチスクリーンディスプレイ１７には、フラットパネルディスプレイと、フラットパネルディスプレイの画面上に対するペンまたは指による指定位置を検出するように構成されたセンサ（位置検出デバイス）とが組み込まれている。フラットパネルディスプレイは、例えば、液晶表示装置（ＬＣＤ）であってもよい。センサ（位置検出デバイス）としては、例えば、静電容量方式のタッチパネル、電磁誘導方式のデジタイザなどを使用することができ、ペンまたは指が接触あるいは近接した位置を検出する。以下では、デジタイザとタッチパネルの２種類のセンサの双方がタッチスクリーンディスプレイ１７に組み込まれている場合を想定する。

デジタイザ及びタッチパネルの各々は、フラットパネルディスプレイの画面を覆うように設けられる。タッチスクリーンディスプレイ１７は、指を使用した画面に対するタッチ操作のみならず、ペン１００を使用した画面に対するタッチ操作も検出することができる。ペン１００は例えば電磁誘導ペンであってもよい。ユーザは、外部オブジェクト（ペン１００又は指）を使用してタッチスクリーンディスプレイ１７上で手書き入力操作が可能である。タッチスクリーンディスプレイ１７上で手書き入力操作がされると、画面上の外部オブジェクト（ペン１００又は指）の動きの軌跡、つまり手書き入力操作によって手書きされるストロークの軌跡（筆跡）がリアルタイムで表示される。１ストロークの軌跡は、外部オブジェクトが画面に接触している間の、外部オブジェクトが接触している位置（座標）の変化に相当する。手書き文書は、通常、手書きされた文字または図形などに対応する多数のストロークの集合、つまり多数の軌跡（筆跡）の集合により構成される。

本実施形態のタブレットコンピュータ１０（電子機器）は、手書き入力されたストロークのデータを、イメージデータではなく、各ストロークの軌跡を示す座標データ系列とストローク間の順序関係を示す時系列情報（ストローク情報）として記録する。時系列情報は、複数のストロークのそれぞれ対応する時系列の座標データ（座標データ系列）の集合（ストロークデータ系列）を意味する。ストローク間の順序関係は、ストロークが手書きされた順序、つまり筆順を示す。

タブレットコンピュータ１０は、記憶媒体から既存の任意の時系列情報を読み出し、この時系列情報に対応する手書き文書、つまり時系列情報によって示される複数のストロークそれぞれに対応する軌跡を画面上に表示することができる。

本実施形態では、例えば時系列情報（ストロークデータ系列）をページ単位で管理する。タブレットコンピュータ１０は、少なくとも１ページ分のページデータを含むノートファイルによりデータ管理する。なお、ページデータには、時系列情報（ストロークデータ系列）だけでなく、画像データやテキストデータを含めることができる。また、タブレットコンピュータ１０は、時系列情報（ストロークデータ系列）を他のデータと関連づけて管理することができる。他のデータには、例えば日時を示す日時データ、画像やテキストデータ、タグデータなどがある。

図２は、実施形態におけるタブレットコンピュータ１０のシステム構成を示す図である。
タブレットコンピュータ１０は、図２に示されるように、ＣＰＵ１０１、システムコントローラ１０２、メインメモリ１０３、グラフィクスコントローラ１０５、ＢＩＯＳ−ＲＯＭ１０５、記録デバイス１０６、無線通信デバイス１０７、エンベデッドコントローラ（ＥＣ）１０８等を備える。

ＣＰＵ１０１は、タブレットコンピュータ１０内の各種モジュールの動作を制御するプロセッサである。ＣＰＵ１０１は、記録デバイス１０６からメインメモリ１０３にロードされる各種プログラムを実行する。ＣＰＵ１０１により実行されるプログラムには、オペレーティングシステム（ＯＳ）２０１、手書き入力プログラム２０２などの各種アプリケーションプログラムが含まれている。アプリケーションプログラム２０３には、例えば手書き文字認識プログラム、ブラウザプログラム、画像編集プログラム、文書作成プログラムなどが含まれる。

ＣＰＵ１０１は、手書き入力プログラム２０２を実行することにより、ペン１００を用いた手書き入力操作に応じてノートデータ（ページデータ（時系列情報））を生成する機能、ノートファイルに含まれるページを編集するページ編集機能の他、ノートファイル（あるいはページ）の作成と編集に関係する各種機能を実現する。

また、ＣＰＵ１０１は、ＢＩＯＳ−ＲＯＭ１０５に格納された基本入出力システム（ＢＩＯＳ）も実行する。ＢＩＯＳは、ハードウェア制御のためのプログラムである。

システムコントローラ１０２は、ＣＰＵ１０１のローカルバスと各種コンポーネントとの間を接続するデバイスである。システムコントローラ１０２には、メインメモリ１０３をアクセス制御するメモリコントローラも内蔵されている。また、システムコントローラ１０２は、シリアルバスなどを介してグラフィクスコントローラ１０４との通信を実行する機能も有している。

グラフィクスコントローラ１０４は、タブレットコンピュータ１０のディスプレイモニタとして使用されるＬＣＤ１７Ａを制御する表示コントローラである。グラフィクスコントローラ１０４によって生成される表示信号はＬＣＤ１７Ａに送られる。ＬＣＤ１７Ａは、表示信号に基づいて画面イメージを表示する。ＬＣＤ１７Ａ上には、位置検出デバイスとして、タッチパネル１７Ｂ及びデジタイザ１７Ｃが配置されている。タッチパネル１７Ｂは、ＬＣＤ１７Ａの画面上で入力を行うための静電容量式のポインティングデバイスである。指が接触される画面上の接触位置及び接触位置の動き等はタッチパネル１７Ｂによって検出される。デジタイザ１７ＣはＬＣＤ１７Ａの画面上で入力を行うための電磁誘導式のポインティングデバイスである。ペン１００が接触される画面上の接触位置及び接触位置の動き等はデジタイザ１７Ｃによって検出される。

無線通信デバイス１０７は、無線ＬＡＮまたは３Ｇ移動通信などの無線通信を実行するように構成されたデバイスである。

ＥＣ１０８は、電力管理のためのエンベデッドコントローラを含むワンチップマイクロコンピュータである。ＥＣ１０８は、ユーザによるパワーボタンの操作に応じてタブレットコンピュータ１０を電源オンまたは電源オフする機能を有している。

次に、本実施形態における手書き入力プログラム２０２により実現される機能構成について、図３を参照しながら説明する。ＣＰＵ１０１は、手書き入力プログラム２０２を実行することにより、入力判別部３０、データ生成部４０、表示処理部５０等の機能を実現する。
入力判別部３０は、ペン１００や指などを用いた入力操作に応じて、タッチスクリーンディスプレイ１７により検出される画面上の接触位置及び接触位置の動きを示すデータを入力する。入力判別部３０は、表示処理部５０がＬＣＤ１７Ａに表示するユーザインタフェース画面に基づいて、データ生成部４０によるノートデータ（ページデータ）などを生成するためのデータが入力されたか、あるいは表示処理部５０により表示されるユーザインタフェース画面に対する操作（ジェスチャ操作等）を示すデータが入力されたかを判別する。

データ生成部４０は、表示処理部５０がＬＣＤ１７Ａに表示する各種機能用のユーザインタフェース画面を通じて入力されるストロークデータをもとに、各種データを生成する。データ生成部４０は、ノートデータ生成部４０ａ、タイムラインデータ生成部４０ｂ、スクラップノートデータ生成部４０ｃ、タグデータ生成部４０ｄを含む。

ノートデータ生成部４０ａは、ノートビュー表示部５０ｄ（後述する）により表示される画面（ノートビュー画面）を通じて入力されるストロークデータをもとに、ノートファイルに含まれるページ単位でページデータを作成する。ノートデータ生成部４０ａは、複数のノートファイルをノートデータ６０ａとして記録デバイス１０６に記録する。また、ノートデータ生成部４０ａは、ページに関する各種情報、例えば作成日時、更新日時、アクセス日時、タグの有無（種類）、ファイルロック、テンプレート種類、用紙設定などの情報を、それぞれのページと対応づけてノートデータ６０ａとして記録する。

タイムラインデータ生成部４０ｂは、タイムラインノート表示部５０ｆ（後述する）により表示される画面（タイムラインノート画面）を通じて入力されるストロークデータをもとに、ページデータと日時データとを対応づけたタイムラインデータ６０ｂを生成して、記録デバイス１０６に記録する。

スクラップノートデータ生成部４０ｃは、手書き入力プログラム２０２とは別のアプリケーションプログラム２０３（例えばブラウザプログラム、画像編集プログラム、文書作成プログラムなど）と連携し、スクラップノート表示部５０ｇ（後述する）により表示される画面を通じて、アプリケーションプログラム２０３により表示される画面からユーザが指定する画面全体あるいは画面一部の画像を記録するスクラップノートデータ６０ｃを生成して、記録デバイス１０６に記録する。スクラップノートデータ６０ｃは、スクラップノート表示部５０ｇによるスクラップノート画面の表示に用いられ、スクラップノート画面を通じてページデータにインポートすることができる。

タグデータ生成部４０ｄは、タグ処理画面表示部５０ｎ（後述する）を通じて入力されるストロークデータをもとに、タグデータ６０ｄを生成して、記録デバイス１０６に記録する。

表示処理部５０は、各種機能に応じたユーザインタフェース画面をＬＣＤ１７Ａに表示する。表示処理部５０は、ユーザインタフェース画面に対する操作、例えばオブジェクト（ノートアイコン、ページ、ボタンアイコン、ガジェットアイコン等）の選択操作やページの編集操作などに応じた表示処理をする。表示処理部５０は、デスクトップ／ドロア表示部５０ａ、デスクトップノート表示部５０ｂ、簡易ページ一覧表示部５０ｃ、ノートビュー表示部５０ｄ、ノートプロパティ表示部５０ｅ、タイムラインノート表示部５０ｆ、スクラップノート表示部５０ｇ、検索画面表示部５０ｈ、参照画面表示部５０ｍ、タグ処理画面表示部５０ｎを含む。

デスクトップ／ドロア表示部５０ａは、手書き入力プログラム２０２による基本画面であるデスクトップ／ドロア画面を表示する。デスクトップ／ドロア表示部５０ａは、デスクトップ／ドロア画面において、複数のページを含むノートファイルに対応する少なくとも１以上のノートアイコンを画面上に表示する。デスクトップ／ドロア表示部５０ａは、デスクトップ／ドロア画面に、作成済みのノートファイルを表すノートアイコンを表示するためのストレージ領域と、ストレージ領域から移動された作業中のノートファイルを表すノートアイコンを表示するためのテンポラリ領域とを設け、それぞれにノートアイコンを表示する（詳細については後述する）。ストレージ領域とテンポラリ領域には、それぞれ複数のノートアイコンを表示することができる。デスクトップ／ドロア表示部５０ａは、画面上のテンポラリ領域あるいはストレージ領域に表示されたノートアイコンを指定する入力操作があった場合に、この入力操作に応じてノートアイコンを選択し、このノートアイコンに対応するノートファイルのページを操作可能な形態（デスクトップノート画面）へ移行させる遷移画像を表示する。遷移画像には、ノートアイコンの拡大画像とノートアイコン以外の領域（ノートアイコンの周囲）の拡大画像とを含む。また、デスクトップ／ドロア表示部５０ａは、ストレージ領域の表示範囲を拡大して、ノートアイコンをグリッド状に配置したグリッド表示に切り替えることができる。

デスクトップノート表示部５０ｂは、デスクトップ／ドロア画面において選択したノートアイコンに対応するノートファイルについて、ページ編集をするためのデスクトップノート画面を表示する。ページ編集には、例えば閲覧対象とするページへの表示切り替え（ページ送り、ページ戻し）、ページ挿入（追加）、ページコピー／ペーストなどがある。また、デスクトップノート表示部５０ｂは、デスクトップノート画面に、他の機能に移行するための複数の機能アイコンや複数のボタンアイコンを表示する。機能アイコンには、例えばノートデータ生成機能に移行するためのペンアイコン、タイムラインノート機能に移行するためのカレンダーアイコン、スクラップノート機能に移行するためのスクラップノートアイコン、タグ機能に移行するためのタグアイコンなどを含む。

簡易ページ一覧表示部５０ｃは、デスクトップ／ドロア画面のストレージ領域（グリッド表示）に表示するノートアイコンが入力操作によって指定された場合に、この指定されたノートアイコンに対応するノートファイルに含まれるページを一覧表示する簡易ページ一覧画面を表示する。

ノートビュー表示部５０ｄは、ノートデータ生成機能の実行時に、ノートファイルに含まれるページのデータを編集するためのノートビュー画面を表示する。ノートビュー表示部５０ｄは、例えば簡易ページ一覧画面中からのページ選択、デスクトップノート画面におけるページ選択や機能アイコン（ペンアイコン）やボタンアイコンの選択に応じて、ノートビュー画面を表示する。ノートビュー画面では、ページ単位に、ペン１００を用いた手書き入力操作に応じたストロークデータの他、他のアプリケーションプログラムにより作成された画像データやテキストデータ、スクラップノート機能により作成されたスクラップノートから選択したデータ等を入力する。ノートビュー表示部５０ｄは、ノートビュー画面において、ストロークデータを入力するための各種ツールを提供する。例えば、ペン１００を用いた入力操作に応じて表示するストローク（軌跡）の太さや色、表示されたストローク（軌跡）を消去する消しゴムの太さなどを設定する設定ツールを提供する。

ノートプロパティ表示部５０ｅは、デスクトップノート画面において、例えばボタンアイコンの選択によりノートファイルのプロパティ表示が指示された場合に、ページ編集の対象としているノートファイルについてのプロパティを表示するノートプロパティ画面を表示する。

タイムラインノート表示部５０ｆは、デスクトップノート画面において、機能アイコン（カレンダーアイコン）が選択された場合に、タイムラインデータ機能により日時データとページデータとを対応づけたタイムラインデータを生成するためのタイムラインデータ画面を表示する。

スクラップノート表示部５０ｇは、連携するアプリケーションプログラム２０３が起動された場合に、アプリケーションプログラム２０３が表示す画像をキャプチャした画面を表示し（キャプチャモード）、スクラップノートデータ６０ｃに追加する画面全体あるいは画面一部の画像をユーザ操作に応じて選択（クリップ）する画面を表示する。スクラップノートデータ６０ｃに追加する画像には、ペン１００を用いた手書き入力操作によって、手書き文字等（ストロークデータ系列）を追加することができる。また、スクラップノート表示部５０ｇ、デスクトップノート画面において、機能アイコン（スクラップノートアイコン）が選択された場合に、スクラップノートデータ６０ｃをもとにスクラップノート画面を表示する。スクラップノート表示部５０ｇは、スクラップノートデータ６０ｃに含まれる画像を一覧表示し、この一覧中から選択された画像をページに貼り付けることができる。

検索画面表示部５０ｈは、デスクトップ／ドロア画面、デスクトップノート画面、ノートビュー画面等において表示される検索アイコンが選択された場合に、検索機能によりノートファイルあるいはページを検索するための検索画面を表示する。検索画面では、例えば、ペン１００を用いた手書きによって、検索キーとするストローク系列を入力することができる。

参照画面表示部５０ｍは、検索機能によって検索キー（ストローク系列）をもとに検索されたページを表示する。参照画面表示部５０ｍは、例えば検索キーに該当するストローク系列を含むページをサムネイル一覧により表示し、またサムネイル一覧から指定されたページを拡大表示することができる。また、参照画面表示部５０ｍは、サムネイルあるいはページの表示画面において、検索キーに該当するストローク系列部分を、ハイライト表示するなどの他の部分とは異なる形態により表示する。また、参照画面表示部５０ｍは、ノートアイコンあるいはページの一覧表示において、ユーザに指定された属性データ（例えば、作成日、更新日、検索キーとの類似度、最終閲覧日、表示回数など）に応じて、ノートアイコンあるいはページをソートして一覧表示することができる（ソート機能）。また、参照画面表示部５０ｍは、ノートアイコンあるいはページの一覧表示において、ユーザが指定する条件に該当するノートアイコンあるいはページのみを特定して表示することができる（フィルタ機能）。フィルタ機能では、例えばユーザが属性データ（例えば、ページに付加されたタグの種類など）を指定すると、属性データに該当するノートアイコンあるいはページのみをノートデータ６０ａから抽出して表示する。

タグ処理画面表示部５０ｎは、デスクトップノート画面において、機能アイコン（タグアイコン）が選択された場合に、ページ編集の対象としているページにタグを付加する画面表示をする。例えば、タグ処理画面表示部５０ｎは、デスクトップノート画面に表示されたページの予め決められた位置にタグを表す画像（例えば長方形のページ表示とは異なる色の画像）を付加する。また、タグ処理画面表示部５０ｎは、メニュー中のタグアイコンボタンが選択された場合に、複数の種類の異なるタグを一覧表示するタグメニューを表示する。タグメニューには、例えば表示色の異なる複数のタグを表示する。タグ処理画面表示部５０ｎは、タグメニュー中から選択されたタグをページに付加し、ページに付加されたタグを剥がす操作に応じて、タグをメニューに戻す画面を表示する。また、タグ処理画面表示部５０ｎは、メニュー中のタグに対して手書き入力された文字等を表すストローク系列に応じて、タグにストローク（筆跡）を表示する。

次に、本実施形態におけるタブレットコンピュータ１０の動作について説明する。まず、デスクトップ／ドロア表示部５０ａによるデスクトップ／ドロア画面の表示処理について説明する。
表示処理部５０は、手書き入力プログラム２０２が起動されると、デスクトップ／ドロア表示部５０ａによりデスクトップ／ドロア画面をＬＣＤ１７Ａに表示する。
図４は、実施形態のデスクトップ／ドロア画面のノートファイルが作成されていない初期状態の表示例を示す図である。
デスクトップ／ドロア画面には、作成済みのノートファイルを表すノートアイコンを表示するためのストレージ領域７１と、作業中のノートファイルを表すノートアイコンを表示するためのテンポラリ領域７０が設けられている。また、デスクトップ／ドロア表示部５０ａは、デスクトップ／ドロア画面に応じた複数のボタンアイコン７２ａ，７２ｂ，７２ｃ，７２ｄ，７２ｅ（コンテキストボタン）をデスクトップ／ドロア画面の下部に表示する。なお、各ボタンアイコン７２ａ〜７２ｄに対応する機能については後述する。

テンポラリ領域７０には、ノートデータ生成機能によって生成されたページを含むノートファイルのノートアイコンが表示される。図４に示す例では、４つのノートアイコンを表示するノートアイコン領域７８１，７８２，７８３，７８４が設けられている。テンポラリ領域７０は、所定の操作により表示範囲を拡張して、４つ以上のノートアイコンを表示することができる。

ストレージ領域７１には、５つのノートアイコンを表示する第１領域７５１、第２領域７５２、第３領域７５３、第４領域７５４、及び第５領域７５５が設けられている。中央に配置された第１領域７５１は、予めノートファイルの編集場所として決められた位置を表している。第１領域７５１は、ストレージ領域７１あるいはテンポラリ領域７０から選択された編集対象とするノートアイコンの移動先となる。第１領域７５１に移動されたノートアイコンは、ノートファイルのページを操作可能な形態へ移行される。

他の４つの第２領域７５２〜第５領域７５５には、ストレージ領域７１から指定されたノートアイコンを移動させることができる。ストレージ領域７１では、表示画面の正方向に合わせて、ノートアイコンをグリッド状に整列して表示するのに対し、テンポラリ領域７０では、４つの第２領域７５２〜第５領域７５５を表示画面の正方向に対して傾いた状態でノートアイコンを表示する。すなわち、テンポラリ領域７０では、ノートアイコンは、作業中であることをユーザが直感的に認識できるように、乱雑な印象を与える配置にしている。

また、テンポラリ領域７０の第１領域７５１の周辺には、複数の機能アイコン、例えばペンアイコン７７１、カレンダーアイコン７７２、スクラップノートアイコン７７３、タグアイコン７７４が表示されている。

ペンアイコン７７１は、ノートデータ生成機能への移行を指示するためのもので、ノートデータ生成機能を利用して手書き入力することを直感的に認識できるようにペン形状により表示される。

カレンダーアイコン７７２は、タイムラインノート機能への移行を指示するためのもので、アイコン中に年月日曜日を表す文字が表示される。

スクラップノートアイコン７７３は、スクラップノート機能への移行を指示するためのもので、スクラップノート機能によりスクラップノートデータ６０ｃに追加された画像等がサムネイルにより表示される。

タグアイコン７７４は、タグ機能の実行を指示するためのもので、タグを表すように長方形により表示される。図４に示す例では、タグアイコン７７４は、２枚のそれぞれ異なる色のタグが含まれる。

なお、デスクトップ／ドロア画面では、第１領域７５１の周囲に配置された機能アイコンを利用できないものとする。デスクトップ／ドロア画面からデスクトップノート画面に移行する場合、デスクトップ／ドロア画面中の第１領域７５１と第１領域７５１の周囲に配置された機能アイコンを含む範囲が拡大されてデスクトップノート画面として表示される。機能アイコンは、デスクトップノート画面において、拡大表示された状態において利用できる。

図５及び図６は、デスクトップ／ドロア画面において表示されるノートアイコンの表示形態を説明するための図である。
実施形態では、実物のノート（クリアファイル）に書類（ページ）を綴じた状態を図形化したノートアイコンを用いる。図５は、ノート８０を開いて、バインドするページ９０を露出させた状態を示している。図６は、ノート８０の表シート８２を閉じた状態を示している。図６は、ノート８０の表シート８２が透明であるため、バインドした先頭ページの記載内容（手書き入力された筆跡など）が透けて見えていることを表している。表シート８２の表面上端部８１には、ノート８０にバインドした書類（ページ）を識別するための識別情報（書類名など）が記載されている。

図６に示すノートを図形化したノートアイコンには、バインドしたページの内容が表示されるため、ユーザは、容易にノートアイコンに対応するノートファイルの内容を容易に識別することができる。また、ノートアイコンに対して、ユーザが手書き入力によって識別情報を入力できるようにすることで、図６に示す表シート８２の表面上端部８１に記載した識別情報と同様にして、ノートアイコンに識別情報を表示することができる。これにより、ページの内容だけでなく、識別情報によってノートアイコンに対応するノートファイルの内容を識別することができる。なお、以下に示す図面には、ノートアイコンにおける識別情報を省略して示す。

次に、実施形態のデスクトップ／ドロア画面におけるノートアイコンの配置操作の一例について説明する。
図７は、複数のノートアイコンがテンポラリ領域７０とストレージ領域７１に配置されたデスクトップ／ドロア画面の一例を示している。デスクトップ／ドロア表示部５０ａは、ノートデータ生成機能によりノートデータ６０ａが記録された場合、ノートデータ６０ａをもとにノートアイコンをストレージ領域７１に表示する。

図７では、デスクトップ／ドロア表示部５０ａは、ストレージ領域７１に４つのノートアイコン８０Ａ〜８０Ｄを表示している。また、デスクトップ／ドロア表示部５０ａは、テンポラリ領域７０の第１領域７５１ノートアイコン８０１、第２領域７５２にノートアイコン８０２、第５領域７５５にノートアイコン８０５を表示している。

デスクトップ／ドロア画面では、ペン１００あるいは指によるタッチ操作によりノートアイコンの表示位置を移動させることができる。例えば、ノートアイコンが長押し（タッチした状態のまま所定の時間以上が経過）されると、デスクトップ／ドロア表示部５０ａは、ノートアイコンをドラッグ操作が可能な状態にする。例えば、図７に示すストレージ領域７１に表示されたノートアイコン８０Ａが長押しされ、テンポラリ領域７０の第４領域７５４までドラッグされた後、ドロップされると（タッチ終了）、デスクトップ／ドロア表示部５０ａは、テンポラリ領域７０の第４領域７５４にノートアイコン８０Ａを表示する。

また、テンポラリ領域７０の第２領域７５２に配置されているノートアイコン８０２が同様に第３領域７５３にドラッグされると、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０２を第３領域７５３の位置に移動させる。また、既にノートアイコン８０Ｄが表示されている第５領域７５５にノートアイコン８０Ｄがドラッグされると、デスクトップ／ドロア表示部５０ａは、図８に示すように、ノートアイコン８０Ｄを第５領域７５５に表示すると共に、第５領域７５５に表示していたノートアイコン８０５をノートアイコン領域７８４に表示する。すなわち、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０５とノートアイコン８０Ｄの表示位置を入れ替える。

このようにして、テンポラリ領域７０には、ストレージ領域７１から任意のノートアイコンをドラッグ操作により配置することができ、またテンポラリ領域７０内においても任意の位置にノートアイコンを配置することができる。これにより、例えば頻繁に使用するノートアイコン（ノートファイル）を操作が容易な位置に配置するなど、ノートアイコンをユーザの好みに合わせて配置できる。

図９は、テンポラリ領域７０の５つの領域７５１，７５２ｍ７５３ｍ７５４，７５５に、ノートアイコン８０１，８０２，８０３，８０４，８０５をそれぞれ配置した例を示している。
なお、デスクトップ／ドロア表示部５０ａは、例えばテンポラリ領域７０に表示した日時が新しい順番に４つのノートアイコン８０Ａ，８０Ｂ，８０Ｃ，８０Ｄをストレージ領域７１に表示する。なお、ページ編集の対象とした日時が新しい順番としても良い。また、ページ編集の対象とした回数が多い順に配置するようにしても良い。

次に、図１０に示すフローチャートを参照して、デスクトップ／ドロア画面に対する入力操作に応じた表示処理について説明する。
デスクトップ／ドロア画面に対して、ユーザは、ペン１００あるいは指等を用いたジェスチャ操作をすることで、他の機能への移行や画面切り替え等を指示することができる。ジェスチャ操作には、例えばタップ操作、ピンチアウト／ピンチイン操作、スワイプ操作、フリック操作、ドラッグ操作などがある。

入力判別部３０は、デスクトップ／ドロア画面が表示されたタッチスクリーンディスプレイ１７に対して入力操作があると（ステップＡ１、Ｙｅｓ）、この入力操作に応じた表示処理を表示処理部５０に実行させる。

例えば、ストレージ領域７１とテンポラリ領域７０との境界線近傍において、例えば縦方向のピンチアウト操作あるいは境界線を上方向に移動させるドラッグ操作により、ストレージ領域７１の拡張を指示する入力操作があると（ステップＡ６、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、ストレージ領域７１の表示範囲を拡張してノートアイコンを一覧表示するノートアイコン一覧画面（ドロア画面）を表示する（ステップＡ７）。

図１１は、ノートアイコン一覧画面（ドロア画面）の表示例を示している。図１１に示すように、ノートアイコン一覧画面では、テンポラリ領域７０ａを縮小し、ストレージ領域７１ａを拡張している。ストレージ領域７１ａでは、グリッド状にノートアイコンを整列させて表示する。なお、デスクトップ／ドロア表示部５０ａは、ノートアイコン一覧画面（ドロア画面）に応じた複数のボタンアイコン７２ｄ、７２ｆ，７２ｇ，７２ｈ（コンテキストボタン）を表示する。

ドロア画面においてテンポラリ領域７０ａがスワイプされた場合、あるいはストレージ領域７１ａにおいてピンチイン操作がされた場合には、デスクトップ／ドロア表示部５０ａは、ストレージ領域７１ａを縮小し、テンポラリ領域７０ａを拡張することで、図９に示す元のデスクトップ／ドロア画面に表示を戻す。

デスクトップ／ドロア表示部５０ａは、ストレージ領域７１ａにおいて、例えば縦方向のスワイプ操作がされると、上下方向にドロア画面をスクロールさせて、１画面中に表示できない他のノートアイコンを表示させる。なお、デスクトップ／ドロア表示部５０ａは、図９に示すストレージ領域７１において、例えば左右方向にスワイプ操作あるいはフリック操作がされると、ストレージ領域７１内の画面をスクロールさせて、他のノートアイコンの表示に変更する。

図１３に示すノートアイコン一覧画面（ドロア画面）において、ノートアイコンがタップ操作などにより指定されると（ステップＡ８、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、簡易ページ一覧表示部５０ｃにより簡易ページ一覧表示処理を実行させる。簡易ページ一覧表示部５０ｃは、ノートアイコン一覧画面から指定されたノートアイコンに対応するノートファイルに含まれるページを展開した画面（簡易ページ一覧表示画面）を表示する（ステップＡ９）。

図１２は、簡易ページ一覧表示画面の一例を示す図である。図１２に示すように、簡易ページ一覧表示画面では、例えばノートファイルの先頭ページ（ページの外形を矩形とする）を中央に表示する。さらにノートファイルに複数のページが含まれている場合には、それぞれのページを一部が重複しないように配置をずらして表示する。複数のページを展開して表示することにより、ノートファイルのページ構成の概略を容易に把握することができる。なお、全てのページを展開するのではなく、予め決めた上限のページ数（例えば５ページ）を越えたページについては展開しないものとする。

簡易ページ一覧表示画面では、簡易なページ編集機能を実行可能とする。例えば、簡易ページ一覧表示部５０ｃは、簡易ページ一覧表示画面にページ編集に関係する複数のボタンアイコンを表示する。簡易なページ編集機能では、例えば表示されたページに対する操作（図２２参照）に応じたページの表示切り替え（ページ送り、ページ戻し）の他、ボタンアイコンの操作に応じたページ削除、ページ情報の表示、ノートビュー画面（ノートデータ生成機能）への移行、ページ挿入（追加）、ページコピー／ペーストなどを実行することができる。

また、表示切り替えにより表示されたページがタップされると（ステップＡ１０、Ｙｅｓ）、簡易ページ一覧表示部５０ｃは、ノートに対して手書き入力が可能なノートビュー画面（ノートデータ生成機能）へ移行させる。ノートビュー画面（ノートデータ生成機能）の詳細については後述する（ステップＡ１１）。

また、簡易ページ一覧表示画面のページ以外の範囲でタップされると（ステップＡ１２、Ｙｅｓ）、簡易ページ一覧表示部５０ｃは、デスクトップ／ドロア表示部５０ａによるノートアイコン一覧画面（ドロア画面）に移行させる（ステップＡ７）。

また、ノートアイコン一覧画面（ドロア画面）では、ノートアイコンをドラッグして、テンポラリ領域７０に移動させることができる。ストレージ領域７１ａに表示されたノートアイコンが長押しされると、デスクトップ／ドロア表示部５０ａは、ノートアイコンをドラッグ操作が可能な状態にし、ドラッグ操作に応じてノートアイコンの表示位置を変更する（ステップＡ１３，Ａ１４）。

図１３は、ストレージ領域７１ａに表示されたノートアイコン８０Ｊがドラッグされている画面の一例を示す。
ノートアイコン８０Ｊがテンポラリ領域７０ａまでドラッグされると（ステップＡ１５、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０Ｊの表示位置をそのままにして、デスクトップ／ドロア画面に表示を切り替え（ステップＡ１６）る。

図１４は、ノートアイコン８０Ｊのドラッグに応じて表示されたデスクトップ／ドロア画面の一例を示す図である。
ノートアイコン８０Ｊがテンポラリ領域７０の何れかの領域７５１〜７５５までドラッグされた後、ドロップされると（ステップＡ１７、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、ドラッグ先の領域にノートアイコン８０Ｊを表示する（ステップＡ１８）。なお、ストレージ領域７１のノートアイコン領域７８１〜７８４の何れかにドラッグされた場合、デスクトップ／ドロア表示部５０ａは、ドラッグ先の何れかのノートアイコン領域にノートアイコン８０Ｊを表示する。

なお、デスクトップ／ドロア表示部５０ａは、図４及び図９に示すように、デスクトップ／ドロア画面にボタンアイコン７２ａ，７２ｂ，７２ｃ，７２ｄ，７２ｅを表示し、図１１に示すように、ノートアイコン一覧画面（ドロア画面）にボタンアイコン７２ｄ、７２ｆ，７２ｇ，７２ｈを表示する。デスクトップ／ドロア表示部５０ａは、ボタンアイコン７２ａ，７２ｂ，７２ｃ，７２ｄ，７２ｅ，７２ｆ，７２ｇ，７２ｈを選択する操作、例えばボタンアイコンをタップする操作があった場合（ステップＡ１９、Ｙｅｓ）、選択されたボタンアイコンに応じて処理を実行する（ステップＡ２０）。

例えば、ボタンアイコン７２ａは、デスクトップノート画面への移行、ボタンアイコン７２ｂは、ノートアイコン一覧画面（ドロア画面）への移行、ボタンアイコン７２ｃは、ストレージ領域７１への新規のノートアイコンの追加、ボタンアイコン７２ｄは、ノートファイル（ページ）の検索機能の実行、ボタンアイコン７２ｅは、手書き入力プログラム２０２の各種機能について設定をするための設定画面への移行を、それぞれ指示するために用いられるボタンアイコンである。また、ボタンアイコン７２ｆは、デスクトップ／ドロア画面への移行、ボタンアイコン７２ｇは、ストレージ領域７１ａ，７１に表示されるノートアイコンをソートするソート機能の実行、ボタンアイコン７２ｈは、ストレージ領域７１ａ，７１に表示されるノートアイコンを、条件に該当するノートアイコンのみに特定するフィルタ機能の実行を、それぞれ指示するために用いられる。

なお、デスクトップ／ドロア表示部５０ａは、前述した機能以外に対応するボタンアイコンを表示するようにしても良い。また、１画面中に全てのボタンアイコンを表示できない場合には、ボタンアイコンの表示をスクロールして、ボタンアイコンの種類を変更するようにしても良い。

次に、デスクトップ／ドロア画面からデスクトップノート画面への移行について説明する。
図９に示すデスクトップ／ドロア画面において、ノートアイコンがタップ操作により選択された場合（ステップＡ２、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、選択されたノートアイコンに対応するノートファイルについて、ページ編集をするためのデスクトップノート画面へ移行させる。

デスクトップ／ドロア表示部５０ａは、テンポラリ領域７０の中央に配置された第１領域７５１のノートアイコン８０１以外のノートアイコンがタップにより選択されると（ステップＡ３、Ｙｅｓ）、この選択されたノートアイコンをノートファイルのページを操作可能な形態（デスクトップノート画面）へ移行させる遷移画像（アニメーションを含む）を表示する（ステップＡ４）。

図１５は、実施形態のデスクトップ／ドロア画面からデスクトップノート画面への移行表示を示すフローチャートである。図１６（Ａ）（Ｂ）（Ｃ）及び図１７（Ａ）（Ｂ）（Ｃ）は、デスクトップ／ドロア画面からデスクトップノート画面へ移行する際の遷移画像の一例を示している。遷移画像は、デスクトップ／ドロア画面からデスクトップノート画面へ遷移する間、またはデスクトップノート画面からデスクトップ／ドロア画面へ遷移する間に表示される画像であればどのようなものであっても良い。デスクトップ／ドロア画面では、ノートアイコンの表示形態は少なくとも１以上のノートアイコンを選択可能な形態である。デスクトップノート画面では、ノートアイコンの表示形態は対応するノートファイルのページを操作可能な形態である。

まず、デスクトップ／ドロア表示部５０ａは、タップ操作等により選択されたノートアイコンの表示形態を変更する（ステップＢ１）。例えば、図１６（Ａ）のアイコン８０Ａが選択されると、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０Ａを同じ位置で僅かに拡大する。その後、デスクトップ／ドロア表示部５０ａは、図１７（Ｂ）、図１７（Ｃ）に示すように、ノートアイコン８０Ａを第１領域７５１の方向に移動させる。また、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０Ａの移動に伴って、ノートアイコン８０Ａを含む、ノートアイコン８０Ａの周辺のデスクトップ／ドロア画面を拡大表示する（ステップＢ２）。すなわち、デスクトップ／ドロア表示部５０ａは、ノートアイコン８０Ａを第１領域７５１（センター方向）に移動させながら、第１領域７５１の周辺を拡大表示する遷移画像（アニメーションを含む）を表示する。第１領域７５１の周辺には、ペンアイコン７７１、カレンダーアイコン７７２、スクラップノートアイコン７７３、タグアイコン７７４等のオブジェクトが配置されている。第１領域７５１の周辺を拡大表示する遷移画像には、前述したオブジェクトの画像を含む。

図１７（Ａ）に示すように、ノートアイコン８０Ａが第１領域７５１（センター位置）まで移動されると（ステップＢ３、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、図６に示すノート８０の表シート８２を開く様子を表すように、図１７（Ｂ）に示すように、ノートアイコンの表示形態を変化させる遷移画像を表示する（ステップＢ４）。すなわち、ノートファイルを編集可能な状態にするために、ノートファイル（ノート）を開いていることをユーザが認識できる遷移画像を表示する。

デスクトップ／ドロア表示部５０ａは、ノートファイルをオープンする表示が完了すると、デスクトップノート表示部５０ｂによりノートファイルに含まれるページを展開する遷移画面を表示させる（ステップＢ５）。例えば、デスクトップノート表示部５０ｂは、ノートファイルの先頭ページ（ページの外形を矩形とする）を中央に表示する。さらに、ノートファイルに複数のページが含まれている場合には、それぞれのページを一部が重複しないように配置をずらして表示する。複数のページを展開して表示することにより、ノートファイルのページ構成の概略を容易に把握することができる。なお、全てのページを展開するのではなく、予め決めた上限のページ数（例えば５ページ）を越えたページについては展開しないものとする。図１７（Ｃ）は、第１領域７５１において、ノートアイコン８０Ａに対応するノートファイルに含まれる複数のページ（複数のページに対応する画像の少なくとも一部）が展開された状態を示している。こうして、デスクトップ／ドロア画面からデスクトップノート画面への移行が完了する。

このようして、デスクトップ／ドロア画面においてノートアイコンがタッチ操作（タップ）により選択されると、ノートアイコンをノートファイルに含まれるページを展開した画面に遷移させる遷移画像（アニメーションを含む）を表示する。従って、ユーザは、直感的に、ノートファイル内のページを操作可能な状態に移行したことを認識することができる。

なお、図９に示す第１領域７５１に配置されたノートアイコン８０１が選択（タップ）された場合（ステップＡ３、Ｙｅｓ）、デスクトップ／ドロア表示部５０ａは、ノートアイコンを第１領域７５１の方向に移動させる必要が無いため、センター（第１領域７５１）に配置されたノートアイコン用の遷移画像を表示する（ステップＡ５）。すなわち、デスクトップ／ドロア表示部５０ａは、デスクトップ／ドロア画面中の第１領域７５１に配置されたノートアイコン８０１と、ノートアイコン８０１の周囲を拡大表示する遷移画像を表示し、図１７（Ａ）に示す表示画面に遷移させた後、図１７（Ｂ）、図１７（Ｃ）のように画像を遷移させて、デスクトップノート画面に移行させる。

次に、図１８に示すフローチャートを参照しながら、デスクトップノート画面に対する入力操作に応じた表示処理について説明する。図１９は、デスクトップノート画面の表示例を示している。

デスクトップノート画面に対して、ユーザは、ペン１００あるいは指等を用いたジェスチャ操作をすることで、他の機能への移行や画面切り替え等を指示することができる。ジェスチャ操作には、例えばタップ操作、ピンチアウト／ピンチイン操作、スワイプ操作、フリック操作、ドラッグ操作などがある。

デスクトップノート表示部５０ｂは、デスクトップノート画面の移行時に、常に先頭ページを表示するだけでなく、前回のデスクトップノート画面において最後に表示したページを表示するようにしても良い。図１９に示すデスクトップノート画面では、デスクトップノート表示部５０ｂは、例えばノートファイルに含まれるページ９０１を表示すると共に、ページ９０１から配置をずらして複数のページ９０２，９０３，９０４，９０５を表示する。また、ページ９０１の右側には、ページ送りしたページ９０Ｂを表示する。また、デスクトップノート表示部５０ｂは、ノートファイル（第１領域７５１）の周辺には、例えばペンアイコン７７１、カレンダーアイコン７７２、スクラップノートアイコン７７３、タグアイコン７７４を表示する。

デスクトップノート画面中の何も表示されていない領域（デスクトップ）がタップされた場合（ステップＣ３、Ｙｅｓ）、デスクトップノート表示部５０ｂは、図１９に示すような、複数のボタンアイコン７４ａ，７４ｂ，７４ｃ，７４ｄ，７４ｅ，７４ｆ，７４ｇを表示する（ステップＣ４）。

デスクトップノート表示部５０ｂは、ボタンアイコン７４ａ，７４ｂ，７４ｃ，７４ｄ，７４ｅ，７４ｆ，７４ｇを選択する操作、例えばボタンアイコンをタップする操作があった場合（ステップＣ１３、Ｙｅｓ）、選択されたボタンアイコンに応じて処理を実行する（ステップＣ１４）。

例えば、ボタンアイコン７４ａは、デスクトップ／ドロア画面への移行、ボタンアイコン７４ｂは、ページ一覧画面（グリッド表示画面）への移行、ボタンアイコン７４ｃは、デスクトップノート画面に表示されているページの削除、ボタンアイコン７４ｄは、ページ情報の表示、ページアイコン７４ｅは、ノートビュー画面（ノートデータ生成機能）への移行、ボタンアイコン７４ｆは、ページの追加、ボタンアイコン７４ｇは、ページコピーの実行を、それぞれ指示するために用いられる。

また、１画面中に全てのボタンアイコンを表示できない場合には、ボタンアイコンの表示をスクロールして、ボタンアイコンの種類を変更するようにしても良い。例えば、図１９に示すボタンアイコンの他には、タグ機能に移行するためのボタンアイコンがある。

図２０は、ボタンアイコン７４ｂのタップに応じて表示するページ一覧画面（グリッド表示画面）の一例を示す図である。デスクトップノート表示部５０ｂは、ノートファイルに含まれる全てのページをグリッド状に整列して表示する。デスクトップノート表示部５０ｂは、１画面中に全てのページを表示できない場合、ページ一覧画面において、例えば縦方向のスワイプ操作がされると、上下方向にページ一覧画面をスクロールさせて、１画面中に表示できない他のページを表示させる。

なお、デスクトップノート表示部５０ｂは、ページ一覧画面に応じた複数のボタンアイコン７４ｈ，７４ｋ，７４ｍ，７４ｎ（コンテキストボタン）を表示する。

また、ボタンアイコン７４ｈは、デスクトップノート画面への移行（グリッド表示解除）、ボタンアイコン７４ｋは、ページ一覧画面に表示されるページをソートするソート機能の実行、ボタンアイコン７４ｍは、ページ一覧画面に表示されるページを、条件に該当するノートアイコンのみに特定するフィルタ機能の実行、ボタンアイコン７４ｎは、ページに対する検索機能の実行を、それぞれ指示するために用いられる。なお、ページ一覧画面においてピンチイン操作がされた場合には、デスクトップノート表示部５０ｂは、ボタンアイコン７４ｈがタップされた場合と同様にして、グリッド表示を解除して、デスクトップノート画面へ戻る。

図２１は、ボタンアイコン７４ｄのタップに応じて表示するページ情報の表示画面（プロパティ画面）の一例を示す図である。ノートプロパティ表示部５０ｅは、デスクトップノート画面のトップに表示しているページのページ情報をノートデータ６０ａから検索して、ページサムネイルと共に表示する。ページ情報には、図２１に示すように、例えば作成日時、更新日時、アクセス日時、タグの有無（種類）、ファイルロック、テンプレート種類、用紙設定などがある。

また、デスクトップノート表示部５０ｂは、デスクトップノート画面において、ページに対する入力操作（ページ操作）があった場合（ステップＣ１、Ｙｅｓ）、ページ操作に応じてページ表示を変更する（ステップＣ２）。デスクトップノート表示部５０ｂは、ページ表示を変更する場合、ページの動きを遷移画像（アニメーションを含む）によって表示するものとする。

図２２は、ページ操作の一例を示す図である。
例えば、中央に表示されるページ９０１に対して左から右方向へのスワイプ操作（あるいはフリック操作）９２ａがあった場合、あるいはページ９０１からページ９０Ｂへのスワイプ操作（あるいはフリック操作）９２ｂがあった場合、デスクトップノート表示部５０ｂは、ページ９０１をページ送りして、ページ９０Ｂの位置に移動させると共に、ページ９０２を新たに中央に表示し、その他のページ９０３〜９０５をそれぞれ中央方向に移動させた位置に変更する。このページ操作により、１ページ毎にページを先に送る（ページをめくる）ことができる。

中央に表示されるページ９０１に対して右から左方向へのスワイプ操作（あるいはフリック操作）９３ａがあった場合、あるいはページ９０Ｂからページ９０１へのスワイプ操作（あるいはフリック操作）９３ｂがあった場合、デスクトップノート表示部５０ｂは、ページ９０Ｂに先送りしたページを中央位置に移動させると共に、その他のページを後方に移動させた位置に変更する。このページ操作により、１ページ毎にページを戻すことができる。

中央のページ９０１より左側の領域において、上から下方向へのスワイプ操作（あるいはフリック操作）９４があった場合、デスクトップノート表示部５０ｂは、ノートファイルに含まれる最後のページが中央に表示されるまで、その他の全てのページを１ページ毎に先に送る。これにより、ノートファイルに多数のページが含まれていても、簡単に最後のページを表示させることができる。

中央のページ９０１より左側の領域において、下から上方向へのスワイプ操作（あるいはフリック操作）９５があった場合、デスクトップノート表示部５０ｂは、ノートファイルに含まれる先頭のページが中央に表示されるまで、先に送った全てのページを１ページ毎に戻す。これにより、多数のページを先に送っていても、簡単に最初のページを表示させることができる。

なお、図２２では、スワイプ操作９４，９５の方向を縦方向としているが、斜め方向であっても良い。また、スワイプ操作９４，９５によって最後のページあるいは先頭のページまでページ送り／戻しをしているが、スワイプ操作がされた画面上の距離に応じて、ページ送り／戻しするページの枚数を変化させても良い。また、フリック操作がされた場合には、操作の強さに応じてページ送り／戻しするページの枚数を変化させても良い。

中央のページ９０１の左側の上部領域８１ａにおいて、タップ操作９６があった場合、デスクトップノート表示部５０ｂは、デスクトップノート画面からデスクトップ／ドロア画面に移行させる。すなわち、デスクトップノート表示部５０ｂは、図１６（Ａ）（Ｂ）（Ｃ）、図１７（Ａ）（Ｂ）（Ｃ）を用いて説明した遷移画像を、逆の方向で遷移させる。これにより、ユーザは、直感的に、ノートファイルに対するページの操作が終了されたことを認識できる。

中央のページ９０１に対してピンチアウト操作９８がされた場合、デスクトップノート表示部５０ｂは、図２０に示すページ一覧画面（グリッド表示画面）に移行し、ノートファイルに含まれる全てのページをグリッド状に整列して表示する。従って、ピンチイン操作とピンチアウト操作により、図１９に示すデスクトップノート画面とページ一覧画面（グリッド表示画面）とを簡単に切り替えることができる。

中央のページ９０１に対してタップ操作９７がされた場合（ステップＣ５、Ｙｅｓ）、デスクトップノート表示部５０ｂは、デスクトップノート表示部５０ｂによりノートビュー画面（ノートデータ生成機能）を表示させる（ステップＣ６）。なお、ページアイコン７４ｅへのタップ操作がされた場合も、デスクトップノート表示部５０ｂは、ノートビュー画面への移行させる（ステップＣ６）。

図２３は、ノートビュー画面の一例を示す図である。ノートビュー画面は、ペン１００を用いた手書き入力操作によって、手書き文書（ページ）を作成あるいは編集するための画面である。
デスクトップノート画面の中央に表示されたページ９０１に、既に手書きによって入力されたストロークデータが含まれている場合、ノートビュー表示部５０ｄは、初期のノートビュー画面において、入力済みのストロークデータをもとにページを表示する。なお、図２３は、新規のページを作成するノートビュー画面の一例を示している。

ノートビュー表示部５０ｄは、ノートビュー画面（ペン入力モード）において、ストロークデータを入力するための各種ツールを提供する。例えば、図２３に示すノートビュー画面では、画面上部に黒ペンボタン５０１、赤ペンボタン５０２、マーカーボタン５０３、選択ボタン５０４、消しゴムボタンが表示されている。

例えば、黒ペンボタン５０１が選択（タップ）され、ペン１００を用いて手書き入力されると、ノートビュー表示部５０ｄは、ペン１００の動きに合わせて黒色のストローク（軌跡）をノートビュー画面に表示する。また、ノートデータ生成部４０ａは、ノートビュー画面を通じて入力されるストロークデータをもとに、ページデータを生成する。

また、選択ボタン５０４が選択された場合、ノートビュー表示部５０ｄは、ペン１００または指を用いたドラッグ操作に応じてノートビュー画面中で範囲選択する。例えば、矩形枠を示す左上頂点から右下頂点の位置までドラッグされると、ドラッグ操作により指定されたサイズの矩形枠により範囲選択する。範囲選択した領域に含まれるストロークは、ピンチ操作による拡大縮小、ドラッグ操作による移動、削除ボタンへのドラッグによる削除などが可能である。

図２３に示すノートビュー画面において、ボタン以外で指を用いてタップ操作がされると、ノートビュー表示部５０ｄは、メニュー表示モードのページビュー画面を表示する。

図２４は、メニュー表示モードのページビュー画面の一例を示している。ノートビュー表示部５０ｄは、ノートビュー画面の上部に表示する複数ボタンを、図２３に示すような、ペン型の複数のアイコンから構成されるペンメニューに遷移させると共に、ノートビュー画面の下部にページ状態に関連した複数のボタンアイコンを表示する。ボタンアイコンは、横方向のフリック操作に応じて、他のボタンアイコンに切り替えることができる。

なお、メニュー表示モードのページビュー画面においてボタン以外で指を用いてタップ操作がされると、ノートビュー表示部５０ｄは、ペン入力モードのページビュー画面に戻す。

ノートデータ生成部４０ａは、各種のツールを用いてノートビュー画面を通じて入力されるストロークデータをもとに、ページ単位でページデータを作成する。

なお、ページビュー画面において、例えば左右方向のフリック操作がされた場合、ノートビュー表示部５０ｄは、ノートファイルに含まれる前後のページに編集対象を切り替える。また、ノートビュー画面表示の終了（戻る）を指示する操作があった場合、表示処理部５０は、デスクトップノート表示部５０ｂによりデスクトップノート画面へ移行させる。

次に、デスクトップノート画面のカレンダーアイコン７７２がタップされた場合（ステップＣ７、Ｙｅｓ）、デスクトップノート表示部５０ｂは、タイムラインノート表示部５０ｆによりタイムラインノート画面に移行させる（ステップＣ８）。

図２５は、タイムラインノート画面の一例を示す図である。
タイムラインノート画面は、ページデータと日時データとを対応づけたタイムラインデータ６０ｂを生成するための画面である。図２５に示すタイムラインノート画面では、カレンダーアイコン７７２と同じ年月日を示すアイコン５２０を表示する。タイムラインノート画面では、ノートファイルに含まれる通常のページと同様にして、ペン１００を用いた手書き入力操作によって、ストロークデータ５２１を入力することができる。タイムラインデータ生成部４０ｂは、タイムラインノート画面を通じて入力されるストロークデータをもとに、ページデータと日時データとを対応づけたタイムラインデータ６０ｂを生成して、記録デバイス１０６に記録する。

次に、デスクトップノート画面のスクラップノートアイコン７７３がタップされた場合（ステップＣ９、Ｙｅｓ）、デスクトップノート表示部５０ｂは、スクラップノート表示部５０ｇによりスクラップノート画面に移行させる（ステップＣ１０）。

図２６（Ａ）（Ｂ）は、スクラップノート画面の一例を示す図である。スクラップノート表示部５０ｇは、記録デバイス１０６に記録されたスクラップノートデータ６０ｃをもとに、スクラップノート画面を表示する。

なお、スクラップノートデータ生成部４０ｃは、ノートデータ生成機能の実行とは別に、ユーザ操作に応じてスクラップノートデータ６０ｃを生成する。スクラップノートデータ生成部４０ｃは、手書き入力プログラム２０２とは別のアプリケーションプログラム２０３と連携し、スクラップノート表示部５０ｇを通じて、アプリケーションプログラム２０３により表示される画面全体あるいは画面一部からクリップした画像をもとにスクラップノートデータ６０ｃを生成する。別のアプリケーションプログラム２０３としては、例えばブラウザプログラム、画像編集プログラム、文書作成プログラムなどがある。スクラップノートデータ生成部４０ｃは、クリップした画面に相当する画像をサムネイル化し、図２６（Ａ）に示すように、ページの形状に合わせて、クリップ順に時系列に配置したスクラップノートデータ６０ｃ（スクラップノート画面）を生成する。

また、スクラップノートデータ生成部４０ｃは、クリップした画像に対する手書き入力を受け付け、ペン１００を用いて手書き入力されたストロークデータを画像に付加することができる。

スクラップノート表示部５０ｇは、スクラップノート画面中の何れかのサムネイルがタップされた場合、サムネイルを拡大表示（原寸表示）する。例えば、図２６（Ａ）に示すサムネイル５３０がタップ操作５３１されると、スクラップノート表示部５０ｇは、図２６（Ｂ）に示すように、サムネイル５３０に対応する元の画像５３２を原寸表示する。ユーザは、原寸表示された画像５３２において、クリップした画像の内容と、画像に対して手書き入力されたストローク（筆跡）を確認することができる。図２６（Ｂ）では、例えば画像に対して注目すべき部分に矩形枠が手書き入力されると共に、注意を促す文字「ＰＯＩＮＴ２」が手書き入力されていることを表している。

図２６（Ｂ）に示す画面内で画像５３２以外の領域、あるいはボタンアイコン（戻るボタン）のタップ操作があると、スクラップノート表示部５０ｇは、図２６（Ａ）に示すスクラップノート画面の表示に戻す。

なお、ノートビュー画面において、ユーザ操作（ボタンアイコンの選択など）に応じて、図２６（Ａ）と同様のスクラップノート画面を表示することができる。ノートデータ生成部４０ａは、スクラップノート画面から何れかのサムネイルが選択された場合、選択されたサムネイルに対応する画像を、編集中のページにインポートする。これにより、スクラップノートに蓄積した複数の画像を、ノートデータの作成のために簡単に利用することができる。

次に、デスクトップノート画面のタグアイコン７７４がタップされた場合（ステップＣ１１、Ｙｅｓ）、タグ処理画面表示部５０ｎは、中央に表示するページ９０１にタグを貼り付ける画像を表示する（ステップＣ１２）。例えば、タグアイコン７７４は、２枚の異なる色のタグから構成されている。タグアイコン７７４は、選択されたタグを、ページ９０１の予め決められた位置、例えば上端部の左側に貼り付けたように表示する。ノートデータ生成部４０ａは、ページにタグが貼り付けられた場合、該当ページの属性データとして記録する。なお、ノートに貼り付けられたタグは、例えばタグが表示された位置から上方向にスワイプ（あるいはフリック）された場合、ページから剥がされる（タグの画像が消去）されるものとする。

また、ノートビュー画面に表示されたボタンアイコンの選択によりタグ機能に移行することができる。図２７は、タグ機能の移行を指示するためのボタンアイコン５４０がタップされた場合のサブメニュー表示画面の一例を示している。

ボタンアイコン５４０がタップされた場合、タグ処理画面表示部５０ｎは、図２７（Ａ）に示すサブメニュー５４２を表示する。サブメニュー５４２には、複数種類の色の異なるタグが一覧表示されている。サブメニュー５４２からタグがタップされると、タグ処理画面表示部５０ｎは、図２７（Ａ）に示すように、タップされたタグ５４１をページに貼り付ける。この際、タグ処理画面表示部５０ｎは、サブメニュー５４２中のタグがページの貼り付け位置に移動する様子を遷移画像（アニメーションを含む）により表示することもできる。

また、タグ処理画面表示部５０ｎは、ページに貼り付けられたタグ５４１を剥がす操作（スワイプまたはフリック）がされた場合、タグ５４１がサブメニュー５４２に戻る様子を遷移画像（アニメーションを含む）により表示することもできる。

サブメニュー５４２が横方向にスワイプ（またはフリック）されると、タグ処理画面表示部５０ｎは、サブメニュー５４２に表示するタグをスクロールして、１画面中に表示されない他のタグの表示に変更する。図２７（Ｂ）は、図２７（Ａ）に示すサブメニュー５４２においても左方向にスワイプされた場合に表示するサブメニュー５４２の例を示している。

また、サブメニュー５４２には、図２７（Ｂ）に示すように、複数のタグの他に、タグに文字等を入力するための入力画面の移行を指示するためのタグ入力ボタン５４４が含まれている。

タグ入力ボタン５４４がタップされると、タグ処理画面表示部５０ｎは、図２７（Ｃ）に示すように、タグの一覧表示と共に、入力エリア５４５を表示する。タグ処理画面表示部５０ｎは、タグ一覧表示から何れかのタグ５４６がタップにより選択されると、入力エリア５４５の表示色を選択されたタグ５４６の色に変更する。

入力エリア５４５には、ペン１００を用いた手書き入力、あるいはテキストモードによる文字入力（例えばソフトウェアキーボードを用いた入力）が可能である。タグデータ生成部４０ｄは、タグ処理画面（入力エリア５４５）を通じて入力されるストロークデータをもとにタグデータ６０ｄを生成して記録する。

図２７（Ｃ）は、入力エリア５４５に対して、ペン１００を用いて「ｄｏｎｅ」の文字列（ストロークデータ）が入力された例を示している。タグ処理画面表示部５０ｎは、入力エリア５４５に入力された文字列をタグ５４６に表示する。タグ処理画面表示部５０ｎは、タグ５４６がページに貼り付けられた後も、タグ５４６に対して入力された文字列等をそのまま表示する。従って、ユーザは、ページに貼り付けられたタグの色だけでなく、タグに表示される文字列等によってタグを識別することができる。

なお、前述した説明では、タグをページの予め決められた位置に貼り付けるとしているが、ユーザが指定した位置に貼り付けるようにしても良い。例えば、タグ処理画面表示部５０ｎは、サブメニュー５４２からタグをページ９０１上の任意の位置にドラッグできるようにし、ドロップ先の位置にタグを表示する。これにより、ページ中の注目する位置にタグを表示することができる。

タグ処理画面表示部５０ｎは、例えばサブメニュー５４２以外の領域がタップされた場合、サブメニュー５４２の表示を終了する。これにより、デスクトップノート画面に戻る。

本発明のいくつかの実施形態を説明したが、これらの実施形態は、例として提示したものであり、発明の範囲を限定することは意図していない。これら新規な実施形態は、その他の様々な形態で実施されることが可能であり、発明の要旨を逸脱しない範囲で、種々の省略、置き換え、変更を行うことができる。これら実施形態やその変形は、発明の範囲や要旨に含まれるとともに、特許請求の範囲に記載された発明とその均等の範囲に含まれる。

また、前述した実施の形態において記載した処理は、コンピュータに実行させることのできるプログラムとして、例えば磁気ディスク（フレキシブルディスク、ハードディスク等）、光ディスク（ＣＤ−ＲＯＭ、ＤＶＤ等）、半導体メモリなどの記録媒体に書き込んで各種装置に提供することができる。また、通信媒体により伝送して各種装置に提供することも可能である。コンピュータは、記録媒体に記録されたプログラムを読み込み、または通信媒体を介してプログラムを受信し、このプログラムによって動作が制御されることにより、上述した処理を実行する。

１０…タブレットコンピュータ、２０２…手書き入力プログラム、３０…入力判別部、４０…データ生成部、５０…表示処理部。

Claims (21)

1. 少なくとも一部が手書きにより作成される複数のページを含む複数のノートファイルを示す複数のアイコンの画像を画面上に表示する表示制御手段と、
   第１アイコンに対応する第１ノートファイルを開くために、前記画面上に表示される前記複数のアイコンのうち前記第１アイコンを選択する選択手段と、を備え、
   前記表示制御手段は、前記第１アイコンが選択された場合、前記第１ノートファイルに含まれる少なくとも１つのページを手書きにより編集可能な状態で画面上に表示し、
   前記第１アイコンの画像は、前記第１ノートファイルに含まれる１つのページを縮小して得られる画像に対応するものであって、
   前記第１ノートファイルに含まれる１つのページが編集された後に、前記第１アイコンの画像は、前記第１ノートファイルに含まれる編集された後の１つのページを縮小して得られる画像に対応するものに自動的に変更される、電子機器。
2. 前記表示制御手段は、前記第１アイコンが選択された場合、前記第１アイコンが拡大していく様を示す第１遷移画像を画面上に表示する請求項１記載の電子機器。
3. 前記表示制御手段は、前記ページ画像の表示中に表示切換え操作が入力された場合、前記ページ画像が縮小していく様を示す第２遷移画像を画面上に表示し、前記ページ画像に代えて、前記複数のアイコンを画面上に表示する請求項２記載の電子機器。
4. 前記表示制御手段は、前記複数のアイコンに加えて、オブジェクトに対応する画像を前記画面上に表示可能であって、
   前記第１遷移画像は、前記オブジェクトに対応する画像が拡大していく様も表す請求項２記載の電子機器。
5. 前記第１遷移画像は、前記第１アイコン画像を、選択したときの位置から、予め決められた第１位置への方向へ移動していく様も表す請求項２記載の電子機器。
6. 前記ページ画像の内容を手書き入力により変更するページ編集手段をさらに具備し、
   前記表制御手段は、前記ページ編集手段により内容が変更されたページ画像の縮小画像を含む第１アイコンを含む複数のアイコンを画面上に表示する請求項１記載の電子機器。
7. 前記編集手段は、ページ画像にタグを貼り付ける請求項６記載の電子機器。
8. 少なくとも一部が手書きにより作成される複数のページを含む複数のノートファイルを示す複数のアイコンの画像を画面上に表示することと、
   第１アイコンに対応する第１ノートファイルを開くために、前記画面上に表示される前記複数のアイコンのうち前記第１アイコンを選択することと、
   前記第１アイコンが選択された場合、前記第１ノートファイルに含まれる少なくとも１つのページを手書きにより編集可能な状態で画面上に表示することと、を具備し、
   前記第１アイコンの画像は、前記第１ノートファイルに含まれる１つのページを縮小して得られる画像に対応するものであって、
   前記第１ノートファイルに含まれる１つのページが編集された後に、前記第１アイコンの画像は、前記第１ノートファイルに含まれる編集された後の１つのページを縮小して得られる画像に対応するものに自動的に変更される、表示方法。
9. 前記第１アイコンが選択された場合、前記第１アイコンが拡大していく様を示す第１遷移画像を画面上に表示することを具備する請求項８記載の表示方法。
10. 前記ページ画像の表示中に表示切換え操作が入力された場合、前記ページ画像が縮小していく様を示す第２遷移画像を画面上に表示し、前記ページ画像に代えて、前記複数のアイコンを画面上に表示することを具備する請求項９記載の表示方法。
11. 前記複数のアイコンに加えて、オブジェクトに対応する画像を前記画面上に表示可能であり、
    前記第１遷移画像は、前記オブジェクトに対応する画像が拡大していく様も表す請求項９記載の表示方法。
12. 前記第1遷移画像は、前記第１アイコン画像を、選択したときの位置から、予め決められた第１位置への方向へ移動していく様も表す請求項９記載の表示方法。
13. 前記ページ画像の内容を手書き入力により変更することと、
    内容が変更された前記ページ画像の縮小画像を含む第１アイコンを含む複数のアイコンを画面上に表示することを具備する請求項８記載の表示方法。
14. 前記変更することは、ページ画像にタグを貼り付けることを具備する請求項１３記載の表示方法。
15. コンピュータにより実行される表示プログラムであって、
    少なくとも一部が手書きにより作成される複数のページを含む複数のノートファイルを示す複数のアイコンの画像を画面上に表示することと、
    第１アイコンに対応する第１ノートファイルを開くために、前記画面上に表示される前記複数のアイコンのうち前記第１アイコンを選択することと、
    前記第１アイコンが選択された場合、前記第１ノートファイルに含まれる少なくとも１つのページを手書きにより編集可能な状態で画面上に表示することと、を具備し、
    前記第１アイコンの画像は、前記第１ノートファイルに含まれる１つのページを縮小して得られる画像に対応するものであって、
    前記第１ノートファイルに含まれる１つのページが編集された後に、前記第１アイコンの画像は、前記第１ノートファイルに含まれる編集された後の１つのページを縮小して得られる画像に対応するものに自動的に変更される、表示プログラム。
16. 前記第１アイコンが選択された場合、前記第１アイコンが拡大していく様を示す第１遷移画像を画面上に表示することを具備する請求項１５記載の表示プログラム。
17. 前記ページ画像の表示中に表示切換え操作が入力された場合、前記ページ画像が縮小していく様を示す第２遷移画像を画面上に表示し、前記ページ画像に代えて、前記複数のアイコンを画面上に表示することを具備する請求項１６記載の表示プログラム。
18. 前記複数のアイコンに加えて、オブジェクトに対応する画像を前記画面上に表示可能であり、
    前記第１遷移画像は、前記オブジェクトに対応する画像が拡大していく様も表す請求項１６記載の表示プログラム。
19. 前記第1遷移画像は、前記第１アイコン画像を、選択したときの位置から、予め決められた第１位置への方向へ移動していく様も表す請求項１６記載の表示プログラム。
20. 前記ページ画像の内容を手書き入力により変更することと、
    内容が変更された前記ページ画像の縮小画像を含む第１アイコンを含む複数のアイコンを画面上に表示することを具備する請求項１５記載の表示プログラム。
21. 前記変更することは、ページ画像にタグを貼り付けることを具備する請求項２０記載の表示プログラム。

Images