Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JP7496699B2 - Display device - Google Patents
[go: Go Back, main page]

JP7496699B2 - Display device - Google Patents

Display device Download PDF

Info

Publication number
JP7496699B2
JP7496699B2 JP2020033486A JP2020033486A JP7496699B2 JP 7496699 B2 JP7496699 B2 JP 7496699B2 JP 2020033486 A JP2020033486 A JP 2020033486A JP 2020033486 A JP2020033486 A JP 2020033486A JP 7496699 B2 JP7496699 B2 JP 7496699B2
Authority
JP
Japan
Prior art keywords
handwritten
content
comment
input
user
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.)
Active
Application number
JP2020033486A
Other languages
Japanese (ja)
Other versions
JP2021135911A (en
Inventor
季穂 坂本
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.)
Sharp Corp
Original Assignee
Sharp Corp
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 Sharp Corp filed Critical Sharp Corp
Priority to JP2020033486A priority Critical patent/JP7496699B2/en
Priority to US17/168,658 priority patent/US20210271380A1/en
Publication of JP2021135911A publication Critical patent/JP2021135911A/en
Application granted granted Critical
Publication of JP7496699B2 publication Critical patent/JP7496699B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は表示装置に関する。 The present invention relates to a display device.

近年、タッチやペン入力に対応するパソコンやタブレットが普及しており、手書き入力に関する技術も様々提案されている。 In recent years, personal computers and tablets that support touch and pen input have become widespread, and various technologies related to handwriting input have been proposed.

例えば、複数の手書きストロークがテキスト入力である場合に1以上の手書き単語ブロックを生成し、第1の所定のレイアウト基準に従って位置付け、複数の手書きストロークがスケッチである場合に、スケッチコンテンツオブジェクトを生成し、第1の所定のレイアウト基準とは異なる第2の所定のレイアウト基準に従って位置づけることによって、複数の手書きストロークを入力エリアで受信することに応答する技術が提案されている(特許文献1参照)。 For example, a technique has been proposed that responds to receiving multiple handwritten strokes in an input area by generating one or more handwritten word blocks when the multiple handwritten strokes are text input and positioning them according to a first predetermined layout criterion, and by generating a sketch content object when the multiple handwritten strokes are a sketch and positioning it according to a second predetermined layout criterion that is different from the first predetermined layout criterion (see Patent Document 1).

また、直前に入力したイメージデータに対して、所定のコマンド(ジェスチャ)を入力することで、イメージデータを削除する技術が提案されている(特許文献2参照)。 In addition, a technology has been proposed that allows image data to be deleted by inputting a specific command (gesture) for the image data that was input immediately before (see Patent Document 2).

特表2018-530042号公報JP 2018-530042 A 特開平6-309093号公報Japanese Patent Application Laid-Open No. 6-309093

文書ファイル等のコンテンツをブラッシュアップする上で、他者によるレビューは欠かせず、手書きによるコメントが入力できるアプリケーション等の利用も進んでいる。このようなアプリケーションには、コンテンツに付加されたコメントの一覧を表示する機能を備えるものもある。しかし、コメントの一覧の表示だけでは、話題になっているポイントやエリアを的確に示せず、ユーザは、手書きによるコメントが、コンテンツのどの部分に対して入力されたものであるかを把握できないという課題があった。 When polishing content such as document files, reviews by others are essential, and the use of applications that allow handwritten comments is increasing. Some such applications have a function that displays a list of comments added to content. However, there is an issue that simply displaying a list of comments does not accurately indicate the points or areas being discussed, and users cannot understand which parts of the content the handwritten comments were entered for.

上述した課題を解決するために、本発明の表示装置は、手書き図形と手書き図形が含まれるコンテンツの画像とを重ねた画像をコメント情報として出力する表示装置を提供することを目的とする。 In order to solve the above-mentioned problems, the display device of the present invention aims to provide a display device that outputs an image in which a handwritten figure and an image of content that includes the handwritten figure are superimposed as comment information.

上述した課題を解決するための第1の実施態様は、コンテンツを表示する表示部(例えば、図2の表示部110)と、入力部(例えば、図2の入力部120)と、制御部(例えば、図2の制御部100)と、を備えた表示装置において、前記制御部は、前記入力部を介して前記表示されたコンテンツに対する手書き図形の入力を受け付け、前記手書き図形が含まれる範囲のコンテンツの画像と、前記手書き図形とを重ねた画像をコメント情報として出力する、ことを特徴とする表示装置である。 A first embodiment for solving the above-mentioned problem is a display device including a display unit (e.g., display unit 110 in FIG. 2) for displaying content, an input unit (e.g., input unit 120 in FIG. 2), and a control unit (e.g., control unit 100 in FIG. 2), characterized in that the control unit accepts input of a handwritten figure for the displayed content via the input unit, and outputs an image of the content in the range including the handwritten figure and an image in which the handwritten figure is superimposed as comment information.

第2の実施態様は、コンテンツを表示する表示部(例えば、図2の表示部110)と、入力部(例えば、図2の入力部120)と、制御部(例えば、図2の制御部100)と、を備えた表示装置において、前記制御部は、前記入力部を介して前記表示されたコンテンツに対する手書き図形の入力を受け付け、入力を受け付けた前記手書き図形が矢印である場合、当該矢印が示す領域に含まれる範囲のコンテンツの画像と、当該矢印が示す領域に含まれる範囲に含まれる前記手書き図形とを重ねた画像をコメント情報として出力する、ことを特徴とする表示装置である。 A second embodiment is a display device including a display unit (e.g., display unit 110 in FIG. 2) for displaying content, an input unit (e.g., input unit 120 in FIG. 2), and a control unit (e.g., control unit 100 in FIG. 2), characterized in that the control unit accepts input of a handwritten figure for the displayed content via the input unit, and when the accepted input of the handwritten figure is an arrow, outputs an image in which an image of the content within the area indicated by the arrow and the handwritten figure within the area indicated by the arrow are superimposed as comment information.

本発明の表示装置によれば、手書き図形と手書き図形が含まれるコンテンツの画像とを重ねた画像をコメント情報として出力することができる。 The display device of the present invention can output an image in which a handwritten figure and an image of content containing the handwritten figure are superimposed as comment information.

第1実施形態におけるシステムの概要を説明するための図である。FIG. 1 is a diagram for explaining an overview of a system in a first embodiment. 第1実施形態における表示装置の機能構成を説明するための図である。FIG. 2 is a diagram for explaining a functional configuration of the display device according to the first embodiment. 第1実施形態におけるコンテンツ情報、コメント情報を説明するための図である。4 is a diagram for explaining content information and comment information in the first embodiment. FIG. 第1実施形態における処理を説明するための図である。FIG. 4 is a diagram for explaining processing in the first embodiment. 第1実施形態における動作例を説明するための図である。FIG. 4 is a diagram for explaining an operation example in the first embodiment. 第1実施形態における動作例を説明するための図である。FIG. 4 is a diagram for explaining an operation example in the first embodiment. 第2実施形態における処理を説明するための図である。FIG. 11 is a diagram for explaining a process in a second embodiment. 第2実施形態における動作例を説明するための図である。FIG. 11 is a diagram for explaining an operation example in the second embodiment. 第3実施形態における処理を説明するための図である。FIG. 13 is a diagram for explaining a process in a third embodiment. 第3実施形態における動作例を説明するための図である。FIG. 13 is a diagram for explaining an operation example in the third embodiment.

以下、本発明の表示装置を適用した場合の実施形態について説明する。なお、各実施形態は本発明を説明する都合上記載したものであり、本発明の技術的範囲が以下の実施形態に限定されるものではない。 The following describes embodiments in which the display device of the present invention is applied. Note that each embodiment is described for the convenience of explaining the present invention, and the technical scope of the present invention is not limited to the following embodiments.

[1.第1実施形態]
[1.1 全体構成]
図1(a)は、表示装置10の外観を示した図である。表示装置10は、例えば、タブレット型の端末装置や、ノートパソコンといった情報処理装置であってもよいし、電子ホワイトボード、電子黒板(IWB:Interactive Whiteboard)で利用されるような大型の表示装置や、テーブル型の表示装置であってもよい。表示装置10に対するユーザの操作は、例えば、タッチパネルによるタッチを検出したり、入力装置15を用いた操作を検出したりすることで入力される。
[1. First embodiment]
[1.1 Overall configuration]
1A is a diagram showing the appearance of a display device 10. The display device 10 may be, for example, a tablet-type terminal device, an information processing device such as a notebook computer, a large display device used in an electronic whiteboard or an interactive whiteboard (IWB), or a table-type display device. A user's operation on the display device 10 is input by, for example, detecting a touch on a touch panel or detecting an operation using an input device 15.

なお、本実施形態において、表示装置10は単一の装置として説明するが、複数の表示装置を含む構成や、表示装置とサーバとが連携するような構成であってもよい。 In this embodiment, the display device 10 is described as a single device, but it may be configured to include multiple display devices or to have a display device and a server work together.

例えば、図1(b)のように、管理者であるユーザが利用する表示装置10Hと、他のユーザが使用する複数の表示装置を含むシステムの構成としてもよい。以下、システム全体の動作の概要について説明する。 For example, as shown in FIG. 1(b), the system may be configured to include a display device 10H used by an administrator user and multiple display devices used by other users. The following is an overview of the operation of the entire system.

(1)管理者であるユーザHが利用する表示装置10Hにおいて、ユーザHは、コンテンツを選択する(F10)。このとき、ユーザHは、コンテンツに対して自らコメントを付加してもよい。コメントは、コンテンツとは別のファイル(データ)として記憶されてもよい。 (1) In the display device 10H used by user H, who is an administrator, user H selects content (F10). At this time, user H may add a comment to the content himself. The comment may be stored as a file (data) separate from the content.

(2)ユーザAは、ユーザAが利用する表示装置10Aにおいて、表示装置10Hからコンテンツと、必要に応じてコメントを読み出す(F12)。 (2) User A reads the content and, if necessary, comments from display device 10H on display device 10A used by user A (F12).

(3)ユーザAは、読み出されたコンテンツにコメントを付加する処理を実行する(F14)。 (3) User A performs a process to add a comment to the retrieved content (F14).

(4)ユーザAがコンテンツに付加したコメントは、表示装置10Hに送信される(F16)。表示装置10Hは、受信したコメントに基づいて、コンテンツに対応するコメントを更新することで、コンテンツに、ユーザAが付加したコメントが反映されることになる。 (4) The comment added by user A to the content is sent to display device 10H (F16). Display device 10H updates the comment corresponding to the content based on the received comment, so that the comment added by user A is reflected in the content.

(5)同様に、ユーザB、ユーザCでも、ユーザHが選択したコンテンツにコメントを付加する処理を実行する。 (5) Similarly, users B and C also perform the process of adding comments to the content selected by user H.

このように、本システムを利用することで、各ユーザはコンテンツに対してそれぞれコメントを付加することが可能である。 In this way, by using this system, each user can add their own comments to the content.

また、表示装置は、サーバ装置と接続可能なシステムであってもよい。例えば、図1(c)に示すように、表示装置10が通信可能なサーバ装置20をシステムに接続する。サーバ装置20は、同一ネットワークであってもよいし、クラウドにあってもよい。図1(c)に示すように、表示装置10は、それぞれサーバ装置20と通信可能に構成されている。すなわち、図1(b)の構成において表示装置10Hに記憶されているコンテンツや、コメントに関するデータをサーバ装置20に記憶する。表示装置10H、表示装置10A、表示装置10Bは、それぞれサーバ装置20を参照することで、上述した構成と同じ動作が実現できる。 The display device may also be a system that can be connected to a server device. For example, as shown in FIG. 1(c), a server device 20 with which the display device 10 can communicate is connected to the system. The server device 20 may be on the same network or in the cloud. As shown in FIG. 1(c), each display device 10 is configured to be able to communicate with the server device 20. That is, in the configuration of FIG. 1(b), content stored in the display device 10H and data related to comments are stored in the server device 20. The display device 10H, display device 10A, and display device 10B can each refer to the server device 20 to realize the same operation as the configuration described above.

なお、以下の説明は、1台の表示装置で実現する場合について説明するが、いわゆる当業者であれば第2の構成、第3の構成にも適用できる。 The following explanation will be given for the case where one display device is used, but those skilled in the art will be able to apply this to the second and third configurations as well.

[1.2 機能構成]
つづいて、図2を参照して、表示装置10の機能構成について説明する。各構成は、動作に必要なものを備えれば十分であり、必須の構成ではない。
[1.2 Functional configuration]
Next, the functional configuration of the display device 10 will be described with reference to Fig. 2. Each component is not essential and it is sufficient to have what is necessary for the operation.

制御部100は、表示装置10の全体を制御するための機能部である。制御部100は、記憶部150に記憶されている各種プログラムを読み出して実行することにより各種機能を実現しており、1又は複数の演算装置(例えば、CPU(Central Processing Unit))により構成される。 The control unit 100 is a functional unit for controlling the entire display device 10. The control unit 100 realizes various functions by reading and executing various programs stored in the storage unit 150, and is composed of one or more arithmetic units (e.g., CPUs (Central Processing Units)).

また、制御部100は、プログラムを実行することにより、コメント処理部102、UI(User Interface)処理部104、ユーザ認証部106として動作する。 The control unit 100 also executes programs to operate as a comment processing unit 102, a UI (User Interface) processing unit 104, and a user authentication unit 106.

コメント処理部102は、ユーザから入力された操作に応じてコメントを入力・変更・削除といった編集処理を実行する。コメント処理部102は、ユーザにより入力されたコメントに、必要な情報を付加して記憶部150のコメント情報156に記憶する。また、他の表示装置10や、サーバ装置20にコメント情報が記憶されている場合、コメント処理部102は、通信部160を介して他の装置とコメントを送受信してもよい。 The comment processing unit 102 executes editing processes such as inputting, changing, and deleting comments in response to operations input by the user. The comment processing unit 102 adds necessary information to the comment input by the user and stores it in the comment information 156 of the storage unit 150. In addition, if comment information is stored in another display device 10 or the server device 20, the comment processing unit 102 may send and receive comments to and from other devices via the communication unit 160.

コメント処理部102は、ユーザから入力されたオブジェクトを、コメントとして処理する。ユーザによって入力されるオブジェクトには、例えば、図形、テキスト(文字)、記号が含まれる。 The comment processor 102 processes objects input by the user as comments. Objects input by the user include, for example, figures, text (characters), and symbols.

例えば、コメント処理部102は、ユーザからソフトウェアキーボードや、ハードウェアキーボードから入力された場合はテキストのコメントの入力を受け付ける。また、コメント処理部102は、タッチパネルにより図形が描画された場合や、操作ペンで図形が描画された場合は、当該入力された図形のコメントの入力を受け付ける。以下の説明において、タッチパネルに対するタッチ操作や操作ペンによる操作によって入力された図形を、手書き図形という。手書き図形には、例えば、文字や記号を構成する図形や、点、線、矢印、矩形等の図形が含まれる。また、コメント処理部102は、タッチボタンや操作によって、テキストによるコメントと、図形によるコメントとを切り替えて入力を受け付けてもよい。 For example, the comment processing unit 102 accepts input of a text comment when the user inputs from a software keyboard or a hardware keyboard. Furthermore, when a figure is drawn using a touch panel or an operation pen, the comment processing unit 102 accepts input of a comment for the input figure. In the following description, a figure input by a touch operation on the touch panel or an operation with an operation pen is referred to as a handwritten figure. Handwritten figures include, for example, figures that make up letters or symbols, as well as figures such as points, lines, arrows, and rectangles. Furthermore, the comment processing unit 102 may accept input by switching between a text comment and a figure comment using a touch button or operation.

さらに、コメント処理部102は、手書き図形を文字認識することでテキストに変換してもよいし、テキストを画像化してもよい。本実施形態では、ユーザは、テキスト入力と、手書き入力とを意識しないでコメントを付加することができる。 Furthermore, the comment processing unit 102 may convert handwritten figures into text by character recognition, or may convert the text into an image. In this embodiment, the user can add comments without being aware of whether they are text input or handwritten input.

さらに、コメント処理部102は、ユーザが付加するコメントとして、スタンプのような画像を処理してもよい。 Furthermore, the comment processing unit 102 may process images such as stamps as comments added by the user.

なお、コメント処理部102は、その他の一般的な編集処理、例えば、挿入、削除、変更、置換、移動といった操作や、文字種の変更、カーソルの移動、フォントの変更、線の色・太さの変更、線の変形といった公知の編集処理は実行可能である。 The comment processing unit 102 can also perform other common editing operations, such as inserting, deleting, modifying, replacing, and moving, as well as well-known editing operations such as changing the character type, moving the cursor, changing the font, changing the line color and thickness, and transforming the line.

UI処理部104は、ユーザインタフェースの画面を生成し、表示部110に表示する。本実施形態においては、UI処理部104は、表示部110にコメント及びコメントの一覧を表示する処理を行う。例えば、図5(a)に示すように、表示画面W100の全体にコンテンツを表示し、領域R100にコメントを縦方向に並べて表示する。コメントは、時系列に並べてもよいし、ユーザ毎に表示してもよい。例えば、図5(a)の領域R102に、ユーザアイコンが表示されている。ユーザによりユーザアイコンが選択されると、UI処理部104は選択されたユーザに対応するコメントを、コメント情報156から読み出して表示する。UI処理部104は、コメントの一覧を、コンテンツに重畳して表示してもよいし、表示部110の表示領域を分割し、コンテンツが表示される領域とは異なる領域にコメントの一覧を表示してもよい。また、UI処理部104は、コメントの一覧の表示と非表示とを切り替えられてもよい。 The UI processing unit 104 generates a user interface screen and displays it on the display unit 110. In this embodiment, the UI processing unit 104 performs processing to display comments and a list of comments on the display unit 110. For example, as shown in FIG. 5A, the content is displayed on the entire display screen W100, and the comments are displayed vertically in the region R100. The comments may be displayed in chronological order, or may be displayed for each user. For example, a user icon is displayed in the region R102 in FIG. 5A. When a user icon is selected by a user, the UI processing unit 104 reads out the comment corresponding to the selected user from the comment information 156 and displays it. The UI processing unit 104 may display the list of comments superimposed on the content, or may divide the display region of the display unit 110 and display the list of comments in a region different from the region in which the content is displayed. The UI processing unit 104 may also switch between displaying and not displaying the list of comments.

ユーザ認証部106は、ユーザを認証する。具体的には、ユーザ認証部106は、ユーザ情報158を参照して、例えば、コメントを付けるユーザを認証したり、コンテンツの所有者(ユーザ)の認証をしたりする。なお、ユーザ認証部106は、外部の認証サーバを利用してもよい。認証サーバを利用した場合、ユーザ認証部106及びユーザ情報158は、認証サーバに記憶してもよい。 The user authentication unit 106 authenticates the user. Specifically, the user authentication unit 106 refers to the user information 158 to, for example, authenticate the user who adds a comment or authenticate the owner (user) of the content. The user authentication unit 106 may use an external authentication server. When an authentication server is used, the user authentication unit 106 and the user information 158 may be stored in the authentication server.

表示部110は、コンテンツやコメントを表示したり、表示装置10の各種状態や、操作入力の状態を表示したりする。例えば、液晶ディスプレイ(LCD:liquid crystal display)や、有機ELパネル、電気泳動方式を利用した電子ペーパ等により構成されている。 The display unit 110 displays content and comments, as well as various states of the display device 10 and the state of operational input. For example, it may be configured with a liquid crystal display (LCD), an organic EL panel, or electronic paper that uses electrophoresis.

入力部120は、ユーザからの操作入力を受け付ける。例えば、静電容量式や、感圧式のタッチパネルにより構成される。入力部120は、タッチパネルと操作ペンを組み合わせてもよいし、キーボード、マウスといった入力装置であってもよい。その他にも、例えば、マイク等と組み合わせて音声入力を行う等、入力部120は、ユーザが情報を入力できればよい。 The input unit 120 accepts operational input from the user. For example, it is configured with a capacitive or pressure-sensitive touch panel. The input unit 120 may be a combination of a touch panel and an operational pen, or may be an input device such as a keyboard or a mouse. In addition, the input unit 120 may be configured to allow the user to input information, for example, by combining it with a microphone or the like to input voice information.

また、入力部120は、ユーザから入力の操作があった位置を検出し、入力位置として制御部100に出力する。入力位置は、例えば、タッチパネルにおいて検出された位置として、表示部110に表示されている表示画面上の座標であることが好ましい。それ以外にも、カーソルの位置(文章中の行、列の位置)や、配置されているレイアウトの情報(例えば、ボタン上や、スクロールバー上)といった位置であってもよい。 The input unit 120 also detects the position where the user performed an input operation, and outputs this to the control unit 100 as the input position. The input position is preferably, for example, a position detected on a touch panel, and is coordinates on the display screen displayed on the display unit 110. Alternatively, it may be a position such as the position of the cursor (the row or column position in a sentence) or layout information (for example, on a button or on a scroll bar).

記憶部150は、表示装置10の動作に必要な各種プログラムや、各種データが記憶されている機能部である。記憶部150は、例えば、半導体メモリであるSSD(Solid State Drive)や、HDD(Hard Disk Drive)等により構成されている。また、記憶部150は、コンテンツ情報152と、手書き図形情報154と、コメント情報156と、ユーザ情報158とを記憶している。 The storage unit 150 is a functional unit that stores various programs and various data necessary for the operation of the display device 10. The storage unit 150 is configured, for example, with a semiconductor memory such as an SSD (Solid State Drive) or an HDD (Hard Disk Drive). The storage unit 150 also stores content information 152, handwritten graphic information 154, comment information 156, and user information 158.

コンテンツ情報152は、コンテンツと、コンテンツに関する情報とを記憶している。例えば、図3(a)に示すように、コンテンツ情報152は、以下の情報が含まれている。 Content information 152 stores content and information related to the content. For example, as shown in FIG. 3(a), content information 152 includes the following information:

・コンテンツID:コンテンツを識別するための情報。
・コンテンツ:コンテンツに関する情報。コンテンツは、例えば、文章ファイル、画像ファイル、PDF(Portable Document Format)ファイル、オフィスファイル等である。これらのコンテンツとしては、実際のデータが記憶されてもよいし、記憶されている場所(例えば、フォルダの場所、URL(uniform resource locator))が記憶されてもよい。また、コンテンツは、1又は複数のページで構成されてもよい。
・コメントIDリスト:コメントIDのリスト。当該コンテンツに付加されたコメントに対応するコメントIDが含まれている。
Content ID: Information for identifying content.
Content: Information related to content. Content is, for example, a text file, an image file, a portable document format (PDF) file, an office file, etc. As such content, actual data may be stored, or the location where the data is stored (for example, a folder location, a uniform resource locator (URL)) may be stored. Furthermore, the content may be composed of one or more pages.
Comment ID list: a list of comment IDs, including comment IDs corresponding to comments added to the content.

手書き図形情報154は、コンテンツに対して入力された手書き図形に関する情報を記憶している。コンテンツに対して入力された手書き図形とは、コンテンツが表示されている範囲に、ユーザにより指や操作ペン等により手書きで入力されることにより、コンテンツに直接入力された手書き図形をいう。手書き図形情報154は、手書き図形と、手書き図形が入力されたコンテンツのコンテンツIDとを記憶する。また、さらに手書き図形のコンテンツ上の位置を記憶してもよい。また、手書き図形は、ラスタ形式の画像で記憶してもよいし、ベクタ形式の画像で記憶してもよい。 Handwritten graphic information 154 stores information about handwritten graphics input to content. A handwritten graphic input to content refers to a handwritten graphic directly input to the content by a user inputting the graphic by hand with a finger, an operation pen, or the like in the area where the content is displayed. Handwritten graphic information 154 stores the handwritten graphic and the content ID of the content to which the handwritten graphic was input. It may also store the position of the handwritten graphic on the content. The handwritten graphic may also be stored as a raster format image or a vector format image.

コメント情報156は、ユーザがコンテンツに付加したコメントと、当該コンテンツに関する情報を記憶している。例えば、図3(b)に示すように、コメント情報156は、以下の情報が含まれている。 Comment information 156 stores comments added by users to content and information about the content. For example, as shown in FIG. 3(b), comment information 156 includes the following information:

・コメントID:コメントを識別するための情報。
・コンテンツID:コメントに対応するコンテンツを識別するための情報。
・位置:コンテンツの中でコメントが付加されている位置の情報。当該コンテンツ又はコンテンツのページ内での位置であり、例えば、座標(XY座標)で示される。また、コンテンツがテキストデータ等の文章データの場合、行・列で表されてもよい。
・作成者:コメントの作成者に関する情報。
・参照先ID:当該コメントが参照するコメント(親コメント)を識別するための情報。ユーザが、コメントを階層的に付加した場合に、親となるコメントを識別するため、親となるコメントIDを記憶する。なお、親と子のコメントとなるような、関連のあるコメントをコメント群と表現する。
・コメント:実際にユーザが入力した(付加した)コメントの内容を示す情報。内容には、例えば、テキストデータ、画像データ、添付ファイルに関するデータ等が記憶される。
Comment ID: Information for identifying a comment.
Content ID: Information for identifying the content corresponding to the comment.
Position: Information about the position where the comment is added in the content. This is the position in the content or the page of the content, and is indicated by, for example, coordinates (X and Y coordinates). If the content is text data or other sentence data, it may be indicated by rows and columns.
Author: Information about the author of the comment.
Reference ID: Information for identifying the comment (parent comment) that the comment refers to. When a user adds comments hierarchically, the parent comment ID is stored to identify the parent comment. Note that related comments, such as parent and child comments, are referred to as a comment group.
Comment: Information indicating the content of a comment actually input (added) by a user. The content may include, for example, text data, image data, data related to an attached file, etc.

ユーザ情報158は、ユーザに関する情報を記憶している。例えば、ユーザを識別するための情報として、ユーザ毎のログインID、パスワード、氏名、使用端末、ユーザの生体情報、使用する入力ペンのID等を記憶してもよい。また、ユーザ情報158は、ユーザ毎にアイコンを対応づけて記憶している。 User information 158 stores information about users. For example, as information for identifying a user, a login ID, password, name, terminal used, biometric information of the user, ID of the input pen used, etc. for each user may be stored. User information 158 also stores an icon associated with each user.

通信部160は、他の装置と通信を行う。例えば、LAN(Local Area Network)に接続して、他の装置とコメントに関する情報を送受信したり、ドキュメントを送受信したりする。通信方式は、一般的なイーサネット(登録商標)であるLANの他にも、LTE/4G/5Gといった通信を利用してもよい。 The communication unit 160 communicates with other devices. For example, it connects to a LAN (Local Area Network) to send and receive information about comments and documents with other devices. The communication method may be a LAN, which is a common Ethernet (registered trademark), or LTE/4G/5G communications.

なお、上述した各構成は、必要に応じた機能を表示装置10が備えていればよい。例えば、管理者でないユーザ(一般ユーザ)が使用する表示装置10や、サーバ装置20に各データを記憶する場合であればコンテンツ情報152、コメント情報156は記憶部150に記憶する必要はない。また、必要に応じて各種情報は、クラウド上のサーバに記憶してもよい。 It should be noted that the display device 10 only needs to have the functions of each of the above-mentioned configurations as needed. For example, in the case of a display device 10 used by a user who is not an administrator (a general user) or in the case of storing each data in the server device 20, the content information 152 and the comment information 156 do not need to be stored in the storage unit 150. In addition, various information may be stored in a server on the cloud as needed.

図2に記載された構成は、少なくとも制御部100及び記憶部150を備えていればよく、本実施形態における動作を実現できるものを備えていればよい。また、一部の機能は外部の装置で実現されてもよい。例えば、表示部110を、ディスプレイ等の外部装置として構成してもよい。すなわち、表示装置10は、表示装置と、端末装置とで構成されてもよく、制御部100、記憶部150は、端末装置に備えていればよい。 The configuration shown in FIG. 2 needs to include at least the control unit 100 and the memory unit 150, and needs to be capable of implementing the operations of this embodiment. Some functions may be implemented by an external device. For example, the display unit 110 may be configured as an external device such as a display. In other words, the display device 10 may be configured with a display device and a terminal device, and the control unit 100 and the memory unit 150 need only be provided in the terminal device.

[1.3 処理の流れ]
本実施形態の主な処理の流れについて、図4のフローを参照して説明する。はじめに、制御部100は、コンテンツを表示部110に表示する(ステップS102)。例えば、制御部100は、コンテンツ情報152からコンテンツを読み出してもよいし、通信部160を介して受信してもよい。
[1.3 Processing flow]
A main process flow of this embodiment will be described with reference to the flow in Fig. 4. First, the control unit 100 displays the content on the display unit 110 (step S102). For example, the control unit 100 may read the content from the content information 152 or may receive the content via the communication unit 160.

制御部100は、タッチ入力があったか否かを判定する(ステップS104)。具体的には、制御部100は、入力部120(タッチパネル)に対するタッチダウン又はタッチアップを検出した場合や、入力部120に対する操作ペンによる入力を検出した場合に、タッチ入力があったと判定する。 The control unit 100 determines whether or not a touch input has occurred (step S104). Specifically, the control unit 100 determines that a touch input has occurred when it detects a touch-down or touch-up on the input unit 120 (touch panel) or when it detects an input by an operation pen on the input unit 120.

タッチ入力があった場合、制御部100は、手書きコメント入力状態(モード)に遷移し、手書き図形入力処理を実行する(ステップS104;Yes→ステップS106)。手書きコメント入力状態(モード)とは、表示されているコンテンツに対して、直接手書き図形を入力することができる状態(モード)である。制御部100は、手書き図形入力処理を実行すると、タッチパネルに対する入力の軌跡に基づいて手書き図形として出力する。制御部100は、入力が終了するまで手書き図形を記憶部150に一時的に出力してもよいし、手書き図形情報154に出力してもよい。 When there is a touch input, the control unit 100 transitions to a handwritten comment input state (mode) and executes handwritten graphic input processing (step S104; Yes -> step S106). The handwritten comment input state (mode) is a state (mode) in which handwritten graphics can be directly input to the displayed content. When the control unit 100 executes the handwritten graphic input processing, it outputs a handwritten graphic based on the trajectory of the input on the touch panel. The control unit 100 may temporarily output the handwritten graphic to the storage unit 150 until the input is completed, or may output it to the handwritten graphic information 154.

つづいて、制御部100は、手書き図形の入力が終了したか否かを判定する(ステップS108)。ここで、手書き図形の入力が終了した場合としては、以下の場合が挙げられる。 Next, the control unit 100 determines whether the input of the handwritten figure has ended (step S108). Here, examples of cases in which the input of the handwritten figure has ended include the following:

(1)タッチアップしてから所定時間経過した場合
入力部120(例えば、タッチパネル)が、ユーザのタッチ入力について、タッチアップを検出してから所定時間経過した場合、制御部100は、手書き図形の入力が終了したと判定する。所定時間は、予め設定されていてもよいし、ユーザによって設定されてもよい。所定時間は、好ましくは100ミリ秒~3秒程度であり、より好ましくは1秒程度である。これにより、複数の手書き図形が連続して入力されることにより、タッチダウンとタッチアップとが複数回検出される場合であっても、制御部100は、所定時間が経過する前に再度のタッチダウンを検出した場合、手書き図形の入力を継続させることができる。
(1) When a Predetermined Time Has Elapsed Since Touch-Up When a predetermined time has elapsed since the input unit 120 (e.g., a touch panel) detected a touch-up for a user's touch input, the control unit 100 determines that the input of the handwritten figure has ended. The predetermined time may be set in advance or may be set by the user. The predetermined time is preferably about 100 milliseconds to 3 seconds, and more preferably about 1 second. As a result, even if a touch-down and a touch-up are detected multiple times due to the successive input of multiple handwritten figures, the control unit 100 can continue the input of the handwritten figures if it detects another touch-down before the predetermined time has elapsed.

(2)手書き図形入力における操作以外の操作を検出した場合
手書き図形の入力における操作は、例えば、タッチパネルをタッチしたままタッチした位置を動かしたり、操作ペンを接触させたまま動かしたりする操作(ドラッグ操作)である。ここで、通常の手書き図形の入力の操作以外の操作(例えば、ダブルタップや、長押し等)を検出したとき、制御部100は、手書き図形の入力が終了したと判定する。
(2) When an operation other than that for inputting handwritten figures is detected An operation for inputting handwritten figures is, for example, an operation of moving the touched position while touching the touch panel, or an operation of moving the operation pen while keeping it in contact (drag operation). Here, when an operation other than that for inputting normal handwritten figures (for example, double tapping or long press) is detected, the control unit 100 determines that the input of the handwritten figure has ended.

(3)手書き図形の入力が終了したことを示す操作がされた場合
ユーザから手書き図形の入力が終了した操作がなされた場合に、制御部100は手書き図形の入力が終了したと判定する。例えば、制御部100は、「入力終了」といったボタンを表示部110にさせ、当該ボタンがユーザによって選択されたとき、手書き図形の入力が終了したと判定する。
(3) When an operation is performed indicating that the input of the handwritten figure is completed When an operation is performed by the user indicating that the input of the handwritten figure is completed, the control unit 100 determines that the input of the handwritten figure is completed. For example, the control unit 100 causes the display unit 110 to select a button such as "end input," and when the button is selected by the user, the control unit 100 determines that the input of the handwritten figure is completed.

制御部100は、ユーザによる手書き図形の入力が終了したと判定した場合、手書きコメント入力状態(モード)を終了し、表示部110にメニューを表示する(ステップS108;Yes→ステップS110)。具体的には、制御部100は、手書き図形の外周が接する矩形領域の左上や右下にメニューを表示したり、当該矩形領域の周囲にメニューを表示したりする。また、制御部100は、メニューを表示させたあと、所定時間経過すると、メニューに色付きの太枠を表示させたり、メニューを点滅表示させたりしてもよい。このような表示態様でメニューを表示することで、制御部100は、ユーザにメニューを認識させやすく表示することができる。 When the control unit 100 determines that the user has finished inputting the handwritten figure, it ends the handwritten comment input state (mode) and displays a menu on the display unit 110 (step S108; Yes -> step S110). Specifically, the control unit 100 displays the menu in the upper left or lower right of a rectangular area that is in contact with the periphery of the handwritten figure, or displays the menu around the rectangular area. In addition, the control unit 100 may display a colored thick frame around the menu or blink the menu after a predetermined time has elapsed after displaying the menu. By displaying the menu in this manner, the control unit 100 can display the menu in a way that makes it easy for the user to recognize it.

なお、表示されるメニューには、入力された手書き図形をコメントとしてコンテンツに付加(コメント化)することを示す項目が含まれる。メニューを介してコメント化するか否かを選択可能とすることで、ユーザは、表示されているコンテンツに対するタッチダウンからタッチアップまでに入力した一連の手書き図形を、表示されているコンテンツに付加するか否かを確認することができる。 The displayed menu includes an option to add the input handwritten shapes to the content as a comment (commenting). By allowing the user to select whether or not to comment via the menu, the user can confirm whether or not to add the series of handwritten shapes input from touch-down to touch-up on the displayed content to the displayed content.

つづいて、制御部100は、メニューからコメント化することが選択されると(ステップS112;Yes)、入力された手書き図形をコメントとして出力する(ステップS114)。このようにすることで、制御部100は、手書き図形入力処理を実行していた間(手書きコメント入力状態(モード)であった間)に入力された手書き図形をコメント化する対象とする手書き図形として決定し、コメントにすることができる。 Next, when commenting is selected from the menu (step S112; Yes), the control unit 100 outputs the input handwritten figure as a comment (step S114). In this way, the control unit 100 can determine that the handwritten figure input while the handwritten figure input process was being executed (while the control unit 100 was in the handwritten comment input state (mode)) is the handwritten figure to be commented on, and can turn it into a comment.

なお、制御部100は、タッチダウンを検出してからタッチアップを検出して所定時間経過する前までに入力された手書き図形を全てコメント化する場合で、コメント化する対象の手書き図形を決定できなかったときは、ユーザに対して、コメント化する手書き図形を指定させてもよい。この場合、制御部100は、コメント化する手書き図形をユーザに指定させる画面(例えば、手書き図形を含む領域の範囲を指定させる画面)を表示部110に表示し、ユーザの指定に基づき、コメント化する手書き図形を決定する。 When the control unit 100 comments out all handwritten figures input between the detection of a touch-down and the lapse of a predetermined time after the detection of a touch-up, and is unable to determine which handwritten figure to comment out, the control unit 100 may prompt the user to specify the handwritten figure to comment out. In this case, the control unit 100 displays on the display unit 110 a screen that prompts the user to specify the handwritten figure to comment out (for example, a screen that prompts the user to specify the range of the area that includes the handwritten figure), and determines the handwritten figure to comment out based on the user's specification.

ステップS114においては、まず、制御部100は、コメント化する対象の手書き図形を決定する。そして、表示部110に表示されたコンテンツのうち、コメント化する対象の手書き図形を含む範囲を特定し、その範囲のコンテンツの画像をキャプチャすることにより取得する。このようにして取得されたコンテンツの画像は、コメント化する対象の手書き図形の背景となる。 In step S114, the control unit 100 first determines the handwritten shape to be turned into a comment. Then, among the content displayed on the display unit 110, a range that includes the handwritten shape to be turned into a comment is identified, and an image of the content in that range is obtained by capturing it. The image of the content obtained in this way becomes the background of the handwritten shape to be turned into a comment.

ここで、制御部100は、例えば、手書き図形を含む範囲として、手書き図形の外周が接する領域(例えば、矩形領域や、円形領域)を特定する。なお、制御部100は、手書き図形を含む範囲として、手書き図形の外周が接する領域から周囲を所定の大きさ(例えば、10ピクセル)広げた領域を特定してもよい。 Here, the control unit 100, for example, identifies an area (e.g., a rectangular area or a circular area) that is in contact with the periphery of the handwritten figure as the range that includes the handwritten figure. Note that the control unit 100 may also identify an area that is expanded by a predetermined size (e.g., 10 pixels) from the area in contact with the periphery of the handwritten figure as the range that includes the handwritten figure.

なお、制御部100は、コンテンツの画像の特徴に基づいて、キャプチャする範囲とする領域を特定することで、背景となるコンテンツの画像の特徴が把握できる範囲をキャプチャするようにしてもよい。例えば、制御部100は、コンテンツの画像の背景色を特定し、特定した背景色によりコンテンツの画像を複数の領域に分割する。さらに、制御部100は、コンテンツの画像における複数の領域のうち、コメント化する対象の手書き図形が含まれる1又は複数の領域をキャプチャする範囲とする領域として特定する。このようにすることで、制御部100は、コンテンツの画像のうち、手書き図形が含まれ、かつ、コンテンツの画像に含まれる一定の内容を含む領域のコンテンツの画像を取得できる。 The control unit 100 may specify an area to be captured based on the characteristics of the content image, thereby capturing an area in which the characteristics of the background content image can be grasped. For example, the control unit 100 specifies the background color of the content image, and divides the content image into multiple areas based on the specified background color. Furthermore, the control unit 100 specifies, among the multiple areas in the content image, one or more areas that contain handwritten shapes to be turned into comments, as areas to be captured. In this way, the control unit 100 can acquire the content image of an area of the content image that contains handwritten shapes and certain content included in the content image.

なお、制御部100は、キャプチャする範囲とする領域に、コメント化する対象の手書き図形以外のオブジェクト(例えば、既に入力された手書き図形)が含まれる場合は、コンテンツの画像とオブジェクトとを重ねた画像を取得してもよい。 Note that if the area to be captured includes an object other than the handwritten shape to be commented (for example, a handwritten shape that has already been input), the control unit 100 may obtain an image in which the content image and the object are superimposed.

また、制御部100は、コメント化する対象の手書き図形の特徴に基づいて、キャプチャする範囲とする領域を特定してもよい。例えば、制御部100は、手書き図形として、矢印又は線といった、一定の方向に伸ばされた線を含む図形を認識した場合、矢印又は線が示す方向(一端方向)から、矢印又は線が示す領域(対象領域)に含まれるコンテンツの画像を含むようにキャプチャしてもよい。一端方向は、例えば、矢印であれば矢尻がある方向であり、線であれば先の終端(タッチアップを検出した位置)がある方向である。なお、対象領域を特定する方法については、後述する。 The control unit 100 may also specify the area to be captured based on the characteristics of the handwritten shape to be commented. For example, when the control unit 100 recognizes a handwritten shape that includes a line extended in a certain direction, such as an arrow or a line, the control unit 100 may capture from the direction indicated by the arrow or line (one end direction) so as to include an image of the content included in the area indicated by the arrow or line (target area). For example, the one end direction is the direction in which the arrowhead is located in the case of an arrow, and the direction in which the tip of a line (the position where touch-up is detected) is located in the case of a line. The method of specifying the target area will be described later.

つづいて、制御部100は、取得したコンテンツの画像と、ユーザにより入力された手書き図形とを重ねた画像を記憶部150に出力する。 Next, the control unit 100 outputs to the memory unit 150 an image in which the image of the acquired content is superimposed on the handwritten figure input by the user.

上述した処理により、制御部100は、ユーザによる入力がされた手書き図形とコンテンツの画像(すなわち、手書き図形の背景となる画像)とを、重畳してコメントとして出力する。 By the above-mentioned process, the control unit 100 superimposes the handwritten figure input by the user and the image of the content (i.e., the image that serves as the background of the handwritten figure) and outputs it as a comment.

このとき、制御部100は、コメントに必要な情報を付加して、コメント情報156に出力(記憶)する。例えば、制御部100は、コメントと、コメントが付加されたコンテンツのIDや、コメントが付加された位置をコメント情報156に記憶する。ここで、制御部100は、コメントが付加された位置を、例えば、コメント化された手書き図形を含む範囲の境界線上の所定の位置(矩形領域であれば四隅のうちの何れか)とする。なお、制御部100は、コメントが付加された位置を、コンテンツをキャプチャした範囲の中心の位置としてもよいし、手書き図形の入力が開始された位置又はその周辺の位置としてもよい。なお、制御部100は、手書き図形を記憶部150に一時的に出力していた場合、当該手書き図形を手書き図形情報154に出力(記憶)してもよい。 At this time, the control unit 100 adds necessary information to the comment and outputs (stores) it in the comment information 156. For example, the control unit 100 stores the comment, the ID of the content to which the comment was added, and the position to which the comment was added in the comment information 156. Here, the control unit 100 sets the position to which the comment was added to, for example, a predetermined position on the boundary line of the range including the commented handwritten figure (one of the four corners in the case of a rectangular area). Note that the control unit 100 may set the position to which the comment was added to the center position of the range in which the content was captured, or the position where input of the handwritten figure started or a position in the vicinity thereof. Note that, if the control unit 100 has temporarily output the handwritten figure to the storage unit 150, the control unit 100 may output (store) the handwritten figure to the handwritten figure information 154.

制御部100は、コメント化ではなく、ユーザによって他の処理を実行することが選択された場合は、選択された処理を実行する(ステップS112;No→ステップS116;Yes)。 If the user selects to perform another process instead of commenting, the control unit 100 executes the selected process (step S112; No → step S116; Yes).

また、何れの処理も選択されなかった場合、制御部100は、再び手書き図形入力処理を実行するようにステップS106へ処理を遷移してもよい(ステップS116;No→ステップS106)。 Also, if none of the processes is selected, the control unit 100 may transition the process to step S106 to execute the handwritten graphic input process again (step S116; No → step S106).

[1.4 動作例]
本実施形態の動作例について、図5及び図6を参照して説明する。図5(a)、図5(b)、図5(c)は、表示部110に表示される表示画面の例を示した図である。図5(a)に示した表示画面W100は、全体にコンテンツが表示されており、領域R100にコメントが一覧で表示されている場合の表示画面の例である。領域R100は、画面端の上下左右の何れの位置であってもよい。また、領域R100は、画面端に位置しなくても、例えば、ウィンドウ形式でコンテンツに重畳表示されてもよい。
[1.4 Operation example]
An operation example of this embodiment will be described with reference to Fig. 5 and Fig. 6. Fig. 5(a), Fig. 5(b), and Fig. 5(c) are diagrams showing examples of display screens displayed on the display unit 110. The display screen W100 shown in Fig. 5(a) is an example of a display screen in which content is displayed across the entire screen, and comments are displayed in a list in an area R100. The area R100 may be located at any of the four positions on the edge of the screen: above, below, left, or right. Moreover, the area R100 does not have to be located at the edge of the screen, and may be displayed, for example, in a window format, superimposed on the content.

領域R100には、コンテンツに付加されたコメントが一覧で表示されている。例えば、コメントC100としてユーザAのコメントが、コメントC102としてユーザBのコメントが、それぞれ表示されている。 Comments added to the content are displayed in a list in area R100. For example, a comment from user A is displayed as comment C100, and a comment from user B is displayed as comment C102.

なお、コメントを一覧で表示する場合においては、親コメント/子コメントが確認できるように表示されるようにしてもよい。例えば、コメントC100の子コメントであるコメントC102は、親コメントであるコメントC100にぶら下がるように表示(入れ子となるように表示)してもよい。 When displaying comments in a list, the comments may be displayed so that parent/child comments can be confirmed. For example, comment C102, which is a child comment of comment C100, may be displayed so that it is subordinate to comment C100, which is the parent comment (displayed so as to be nested).

また、表示画面W100には、コンテンツ上に、ユーザが入力した手書き図形として、手書き図形C104が表示されている。 In addition, handwritten shape C104 is displayed on the display screen W100 as a handwritten shape input by the user on the content.

手書き図形の入力が終了した後、表示部110に表示される表示画面は、表示画面W100から図5(b)に示した表示画面W110に遷移する。表示画面W110は、手書き図形C114の近傍にメニューM110が表示される。ユーザは、メニューM110の中から、手書き図形をコメント化することを示す項目(図5(b)の例では「コメントにする」)を選択することで、手書き図形をコメント化することができる。手書き図形をコメント化することが選択された場合、手書き図形と、手書き図形を含む領域のコンテンツの画像とを重ね合わせた画像がコメントとして出力される。コメントが出力された後、表示部110に表示される表示画面は、図5(c)に示した表示画面W120に遷移する。 After the input of the handwritten shape is completed, the display screen displayed on the display unit 110 transitions from display screen W100 to display screen W110 shown in FIG. 5(b). On display screen W110, menu M110 is displayed near the handwritten shape C114. The user can comment the handwritten shape by selecting an item indicating that the handwritten shape should be commented ("Comment" in the example of FIG. 5(b)) from menu M110. When commenting the handwritten shape is selected, an image in which the handwritten shape and an image of the content of the area including the handwritten shape are superimposed is output as a comment. After the comment is output, the display screen displayed on the display unit 110 transitions to display screen W120 shown in FIG. 5(c).

図5(c)に示した表示画面W120では、コメントを一覧で表示する領域R120において、コメントとして、例えばコメントC120のように、手書き図形と、手書き図形を含むコンテンツの画像とを併せた画像とがコメントとして表示されている。したがって、ユーザは、領域R120を確認するだけで、入力されたコメントと、当該コメントの対象とされたコンテンツの画像とを把握することができる。 In the display screen W120 shown in FIG. 5(c), in an area R120 that displays a list of comments, an image that combines a handwritten figure with an image of a content that includes the handwritten figure, such as comment C120, is displayed as a comment. Therefore, the user can understand the comment that was entered and the image of the content that the comment is the subject of, simply by checking area R120.

また、図6は、動作例を示す別の図である。図6(a)は、コンテンツの画像として「○○スチーマー」というテキストが表示されている部分に対して、手書き図形が入力された場合に表示部110に表示される表示画面W130の例である。図6(a)は、手書き図形として、「○○スチーマー」のテキストの下に線が入力され、さらに、矢印と「タイトル変更!!」を示す文字を構成する図形とが入力されたことを示す。また、領域E130は、入力された手書き図形の外周が接する矩形範囲を示す。 Figure 6 is another diagram showing an example of operation. Figure 6(a) is an example of a display screen W130 that is displayed on the display unit 110 when a handwritten shape is input into a portion where the text "XX Steamer" is displayed as a content image. Figure 6(a) shows that a line has been input below the text "XX Steamer" as the handwritten shape, and further shows that an arrow and a shape constituting the characters indicating "Title Change!!" have been input. Furthermore, area E130 shows a rectangular range that is in contact with the periphery of the input handwritten shape.

この場合、領域E130が示す範囲のコンテンツの画像がキャプチャされ、当該キャプチャされた画像と手書き図形と重ね合わせた画像が出力される。さらに、出力された画像をコメントとして含むコメント情報が出力される。これにより、コメントを一覧で表示する領域R130には、コメントC130に示すように、コンテンツの画像(「○○スチーマー」というテキスト)と、手書き図形とを重ね合わせた画像がコメントとして表示される。ユーザは、コメントC130を見るだけで、「タイトル変更!!」というコメントが「○○スチーマー」というテキストに対するものであることを把握できる。 In this case, an image of the content within the range indicated by area E130 is captured, and an image in which the captured image is superimposed on the handwritten graphic is output. Furthermore, comment information including the output image as a comment is output. As a result, in area R130 which displays the comments in a list, an image in which the image of the content (the text "XX Steamer") and the handwritten graphic are superimposed as a comment, as shown in comment C130. By simply looking at comment C130, the user can tell that the comment "Change the title!!" is in response to the text "XX Steamer".

図6(b)は、コメント化する対象の手書き図形として矢印が入力された場合に表示部110に表示される表示画面W140の例である。表示画面W140に含まれる領域E140は、コメント化する対象の手書き図形である矢印の外周が接する矩形範囲を示す。 Figure 6 (b) is an example of a display screen W140 that is displayed on the display unit 110 when an arrow is input as the handwritten figure to be commented. An area E140 included in the display screen W140 indicates a rectangular range that is bordered by the periphery of the arrow, which is the handwritten figure to be commented.

表示画面W140には、コメント化する対象の手書き図形である矢印が入力される前に入力された手書き図形(手書きされた文字)を含む領域として、領域142及び領域148が含まれていることを示す。領域142及び領域148は、手書き図形として入力された矢印が示す方向に位置する。 Display screen W140 shows that areas 142 and 148 are included as areas containing handwritten shapes (handwritten characters) that were input before the arrow, which is the handwritten shape to be turned into a comment, was input. Areas 142 and 148 are located in the direction indicated by the arrow that was input as the handwritten shape.

この場合、表示装置10は、矢印が示す方向に位置する領域である領域142及び領域148のうち、例えば、領域E142を、対象領域として特定する。 In this case, the display device 10 identifies, for example, area E142 as the target area out of areas 142 and 148, which are areas located in the direction indicated by the arrow.

ここで、表示装置10は、矢印によって示された画像(対象画像)を決定した上で、当該対象画像を含む領域を対象領域として特定してもよい。例えば、表示装置10は、コンテンツ画像のうち、矢印の位置の周辺に存在する画像を検索して、その検索結果から対象画像を決定してもよい。また、表示装置10は、矢印に一番近い文字または画像から、その文字または画像に隣接する他の文字または画像との間隔を測り、間隔が所定値よりも広くなったところまでを対象画像と認識してもよい。なお、表示装置10が検索する文字は、オブジェクトのテキスト(文字)であってもよいし、手書き図形によって構成される文字であってもよいし、コンテンツの画像に含まれるテキスト(文字)であってもよい。さらに、表示装置10は、対象画像に隣接する画像(かたまり)を含めたグループ画像を背景として決定してもよい。つづいて、表示装置10は、対象画像やグループ画像を含む領域(例えば、対象画像やグループ画像の外周が接する領域)を、対象領域として特定する。 Here, the display device 10 may determine the image (target image) indicated by the arrow and then specify the area including the target image as the target area. For example, the display device 10 may search for images present around the position of the arrow among the content images and determine the target image from the search results. The display device 10 may measure the distance between the character or image closest to the arrow and other characters or images adjacent to that character or image, and recognize the area up to where the distance becomes wider than a predetermined value as the target image. The characters searched for by the display device 10 may be text (characters) of an object, characters composed of handwritten figures, or text (characters) included in an image of the content. Furthermore, the display device 10 may determine a group image including an image (clump) adjacent to the target image as the background. Next, the display device 10 specifies the area including the target image or group image (for example, the area where the periphery of the target image or group image is in contact) as the target area.

なお、表示装置10は、オブジェクト間の間隔を求め、それに基づき対象領域を決定する方法を用いてもよい。また、表示装置10は、オブジェクト間の間隔だけでは対象領域を決定できない場合は、文字認識と意味認識、図形認識とを実行し、文章が通じる範囲を対象領域として決定する方法を用いてもよい。さらに、自動的に決定できなかった場合には、表示装置10は、ユーザに対象領域を指定させるために、GUI画像(例えば、対象領域を指定することが可能な画面)を表示させてもよい。 The display device 10 may use a method of determining the spacing between objects and determining the target area based on that. If the display device 10 is unable to determine the target area based on the spacing between objects alone, it may use a method of performing character recognition, meaning recognition, and graphic recognition to determine the range in which the text is understandable as the target area. Furthermore, if the target area cannot be determined automatically, the display device 10 may display a GUI image (e.g., a screen on which the target area can be specified) to allow the user to specify the target area.

対象領域を特定する方法は、上述した方法のうち複数の方法を組み合わせてもよいし、上述した方法以外の方法であってもよい。また、対象領域を特定する方法は、予め決められていてもよいし、ユーザによって選択されてもよい。 The method for identifying the target area may be a combination of two or more of the above-mentioned methods, or may be a method other than the above-mentioned methods. The method for identifying the target area may be predetermined or may be selected by the user.

具体的な動作例を、図6(b)を参照して説明する。まず、表示装置10は、矢印の位置の周辺に存在する文字(手書き図形のオブジェクト)を1つ検索する。これにより、例えば、領域142に含まれる文字のうち、1の文字が表示装置10により検索される。次に、表示装置10は、検索した文字に隣接する文字を検索する。ここで、領域142に含まれる文字は、互いに間隔が広くないため、適切な所定値が設定されることにより、表示装置10は、領域E142に含まれる文字を対象画像として認識することができる。一方で、表示装置10は、領域E142に含まれる文字と領域E148に含まれる文字との間隔とが所定値よりも広くなっていると判定することで、領域E142に含まれる文字までを対象画像として認識することができる。これにより、表示装置10は、矢印が示す方向に位置する領域142及び領域148のうち、領域142を対象領域として特定する。 A specific example of the operation will be described with reference to FIG. 6B. First, the display device 10 searches for one character (handwritten graphic object) present in the vicinity of the position of the arrow. As a result, for example, one character among the characters included in the region 142 is searched for by the display device 10. Next, the display device 10 searches for characters adjacent to the searched character. Here, since the characters included in the region 142 are not spaced apart from each other, an appropriate predetermined value is set, so that the display device 10 can recognize the characters included in the region E142 as the target image. On the other hand, the display device 10 can recognize up to the characters included in the region E142 as the target image by determining that the space between the characters included in the region E142 and the characters included in the region E148 is wider than the predetermined value. As a result, the display device 10 specifies the region 142 as the target region among the regions 142 and 148 located in the direction indicated by the arrow.

対象領域を特定した後、つづいて、表示装置10は、コンテンツの画像をキャプチャする範囲となる領域を、以下の何れかの方法により特定する。 After identifying the target area, the display device 10 then identifies the area within which the content image will be captured by one of the following methods:

(a)矢印が含まれる領域と対象領域とを含む領域を特定する方法
表示装置10は、矢印が含まれる領域と矢印が指し示す方向の領域とを含む領域を特定し、コンテンツの画像をキャプチャする範囲とする。例えば、表示装置10は、矢印が含まれる領域及び矢印が指し示す方向の領域の外周が接する矩形領域を特定する。
(a) Method for identifying an area including an area including an arrow and a target area The display device 10 identifies an area including an area including an arrow and an area in a direction indicated by the arrow, and sets the area as a range for capturing an image of the content. For example, the display device 10 identifies a rectangular area in which the peripheries of the area including the arrow and the area in the direction indicated by the arrow are in contact with each other.

図6(b)の例では、表示装置10は、コンテンツの画像をキャプチャする範囲として、コメント化する対象の手書き図形として、領域E140と領域E142との外周が接する矩形領域である領域E144を特定する。 In the example of FIG. 6(b), the display device 10 specifies area E144, which is a rectangular area where the peripheries of areas E140 and E142 meet, as the range for capturing an image of the content and as the handwritten figure to be turned into a comment.

(b)対象領域のみを特定する方法
表示装置10は、矢印が指し示す方向の領域のみを特定し、コンテンツの画像をキャプチャする範囲とする。
(b) Method of Specifying Only the Target Region The display device 10 specifies only the region in the direction indicated by the arrow, and sets this as the range for capturing the image of the content.

図6(b)の例では、表示装置10は、コンテンツの画像をキャプチャする範囲として、領域E142のみを特定する。 In the example of FIG. 6(b), the display device 10 identifies only area E142 as the range for capturing an image of the content.

(c)矢印の他端方向も含めて特定する方法
表示装置10は、矢印が含まれる領域及び対象領域に加え、さらに、矢印が指し示す方向ではない他端方向の領域を特定する。そして、表示装置10は、矢印が含まれる領域、対象領域、矢印が指し示す方向ではない他端方向の領域の3つの領域を含む領域を、コンテンツの画像をキャプチャする範囲とする。なお、表示装置10は、対象領域を特定する方法と同じ方法により、他端方向の領域を特定すればよい。
(c) Method of specifying the other end direction of the arrow The display device 10 specifies an area in the other end direction other than the direction indicated by the arrow, in addition to the area including the arrow and the target area. The display device 10 then sets an area including the three areas including the area including the arrow, the target area, and the area in the other end direction other than the direction indicated by the arrow, as the range for capturing the content image. Note that the display device 10 may specify the area in the other end direction using the same method as the method for specifying the target area.

図6(b)の例では、他端方向の領域として、表示装置10によって領域E146が特定された場合を示す。この場合、表示装置10は、コンテンツの画像をキャプチャする範囲として、矢印が含まれる領域である領域E140と、対象領域である領域E142と、他端方向の領域である領域146との外周が接する矩形領域を特定する。これにより、図6(b)のコメントC140に示すように、手書き図形の矢印と、その矢印の一端方向及び他端方向に位置する文字と、手書き図形の矢印及び文字が含まれる領域のコンテンツの画像とを重ねた画像が、コメントとして出力される。 The example in FIG. 6(b) shows a case where area E146 is specified by the display device 10 as the area in the other end direction. In this case, the display device 10 specifies a rectangular area in which area E140, which is the area including the arrow, area E142, which is the target area, and area 146, which is the area in the other end direction, are bordered by their peripheries as the range for capturing the content image. As a result, as shown in comment C140 in FIG. 6(b), an image in which a handwritten arrow, characters located in one end direction and the other end direction of the arrow, and an image of the content of the area including the handwritten arrow and characters are superimposed is output as a comment.

このように、表示装置10は、コンテンツの画像やオブジェクトに基づいて対象領域を特定することで、対象領域には、ひとまとまりの画像やオブジェクトが含まれることとなる。さらに、表示装置10は、対象領域を含む範囲の画像を取得することで、ユーザにとって、矢印が示す方向の意味として通じる対象画像を取得することができ、コメントの意味をより明確にすることができる。 In this way, the display device 10 identifies the target area based on the content images and objects, and the target area includes a group of images and objects. Furthermore, by acquiring an image of a range that includes the target area, the display device 10 can acquire a target image that conveys to the user the meaning of the direction indicated by the arrow, making the meaning of the comment clearer.

なお、図6(b)は、手書き図形として矢印が入力された場合について説明したが、手書き図形として線が入力された場合も、その線が示す方向のコンテンツの画像がキャプチャされてもよい。 Note that while FIG. 6(b) describes a case where an arrow is input as a handwritten shape, if a line is input as a handwritten shape, an image of the content in the direction indicated by the line may also be captured.

なお、本実施形態では、手書き図形をコメントとして出力する条件(出力条件)を、タッチアップしてから所定時間経過後に表示されるメニューから、手書き図形をコメント化する項目が選択されることを条件としたが、他の条件であってもよい。例えば、メニューを表示せず、単に、タッチアップしてから所定時間が経過したことを条件としてもよい。 In this embodiment, the condition (output condition) for outputting a handwritten figure as a comment is that an item for turning a handwritten figure into a comment is selected from a menu that is displayed a predetermined time after touch-up, but other conditions may be used. For example, the condition may simply be that a predetermined time has passed since touch-up, without displaying a menu.

また、コンテンツが複数のページで構成される場合は、ページ別にコメントが付加される。この場合、手書き図形情報154及びコメント情報156には、対応するページの情報を記憶する。また、UI処理部104は、表示部110に、表示されているコンテンツのページに付加されたコメントをコンテンツに重畳して表示したり、コメントの一覧として表示したりする。 If the content is made up of multiple pages, comments are added for each page. In this case, the handwritten graphic information 154 and the comment information 156 store information on the corresponding page. The UI processing unit 104 also displays the comments added to the page of the displayed content on the display unit 110 by superimposing them on the content, or displays them as a list of comments.

本実施形態によれば、表示装置は、ユーザから入力された手書き図形をコメントとしてコンテンツに付加する場合、手書き図形を含む領域のコンテンツの画像と手書き図形とを重ねた画像をコメントとして出力することができる。また、そのように出力された画像を含むコメント情報を出力することができる。これにより、ユーザは、手書きによるコメントが、コンテンツのどの部分に対して入力されたコメントであるかを、コメントの一覧を閲覧するだけで、容易に把握することが可能となる。 According to this embodiment, when a handwritten figure input by a user is added to content as a comment, the display device can output, as a comment, an image in which the image of the content in the area including the handwritten figure is superimposed on the handwritten figure. Also, comment information including the image thus output can be output. This allows the user to easily understand which part of the content the handwritten comment was input for, simply by viewing the list of comments.

[2.第2実施形態]
[2.1 処理の流れ]
第2実施形態は、コメントに対してファイルを添付することができる実施形態である。本実施形態は、第1実施形態に加えて、制御部100は、図7に示すファイル添付処理を実行する。なお、本実施形態では、UI処理部104は、一覧で表示する個々のコメント又は一覧で表示されたコメントのうちユーザよって選択されたコメントに、ファイルを添付する操作をユーザから受け付けるための表示(例えば、クリップボタン)を含めて表示する。本実施形態では、以下、第1実施形態と異なる点のみを説明する。
[2. Second embodiment]
[2.1 Processing flow]
The second embodiment is an embodiment in which a file can be attached to a comment. In addition to the first embodiment, in this embodiment, the control unit 100 executes a file attachment process shown in FIG. 7. In this embodiment, the UI processing unit 104 displays an indication (e.g., a clip button) for receiving an operation to attach a file from the user on each comment displayed in a list or on a comment selected by the user from among the comments displayed in the list. In the following, only the points in this embodiment that are different from the first embodiment will be described.

はじめに、制御部100は、ファイルを添付する操作があったか否かを判定する(ステップS202)。ファイルを添付する操作とは、例えば、一覧で表示されたコメントに表示されたファイルを添付する操作を受け付けるための表示である、クリップボタンをユーザによって選択される操作である。この場合、ユーザによって選択されたクリップボタンを含むコメントが、ファイルを添付する対象のコメントとなる。なお、ファイルを添付する操作は、添付するファイルをドラッグし、ファイルを添付するコメントに対してドロップする操作(ドラッグ&ドロップ)であってもよい。 First, the control unit 100 determines whether or not an operation to attach a file has been performed (step S202). The operation to attach a file is, for example, an operation in which the user selects a clip button, which is a display for accepting an operation to attach a file displayed in a comment displayed in a list. In this case, the comment including the clip button selected by the user becomes the comment to which the file is to be attached. Note that the operation to attach a file may be an operation (drag and drop) in which the file to be attached is dragged and dropped onto the comment to which the file is to be attached.

ファイルを添付する操作があった場合は、制御部100は、表示部110に、コメントに添付するファイルを選択するためのファイル選択画面を表示する制御を行う(ステップS202;Yes→ステップS204)。 If an operation to attach a file has been performed, the control unit 100 controls the display unit 110 to display a file selection screen for selecting a file to attach to the comment (step S202; Yes -> step S204).

制御部100は、ユーザによってファイルが選択されるまで、ファイル選択画面を表示する(ステップS206;No→ステップS204)。他方、ユーザによってファイルが選択された場合は、制御部100は、コメントに、ユーザによって選択されたファイルを添付する(ステップS206;Yes→ステップS208)。 The control unit 100 displays the file selection screen until the user selects a file (step S206; No → step S204). On the other hand, if the user selects a file, the control unit 100 attaches the file selected by the user to the comment (step S206; Yes → step S208).

具体的には、制御部100は、ファイルを添付する対象のコメントに対応するコメント情報156と、ステップS206においてユーザによって選択されたファイルの情報とを対応付ける。例えば、制御部100は、ファイルを添付する対象のコメントに対応するコメント情報156に、添付するファイルそのものやファイルの記憶場所(例えば、ファイルパスやURL)を記憶する。なお、コメントとファイルとを対応付けられれば、どのような方法を用いてもよく、制御部100は、ファイルを添付する対象のコメントのコメントIDと、ユーザによって選択されたファイルとを対応付けて記憶部150に記憶する方法を用いてもよい。 Specifically, the control unit 100 associates comment information 156 corresponding to the comment to which the file is to be attached with information on the file selected by the user in step S206. For example, the control unit 100 stores the file to be attached or the storage location of the file (for example, file path or URL) in comment information 156 corresponding to the comment to which the file is to be attached. Note that any method may be used as long as it is possible to associate a comment with a file, and the control unit 100 may use a method of associating the comment ID of the comment to which the file is to be attached with the file selected by the user and storing them in the storage unit 150.

なお、コメントに添付されたファイルを表示する操作がユーザによってされた場合は、制御部100は、ユーザの操作に基づき、コメントに添付されたファイルを表示部110に表示する。 When a user performs an operation to display a file attached to a comment, the control unit 100 displays the file attached to the comment on the display unit 110 based on the user's operation.

[2.2 動作例]
本実施形態の動作例について、図8を参照して説明する。図8(a)は、コンテンツが表示された表示画面W200の一例を示した図である。表示画面W200の右端には、コメントの一覧を表示する領域R200が確保されている。
[2.2 Operation example]
An operation example of this embodiment will be described with reference to Fig. 8. Fig. 8(a) is a diagram showing an example of a display screen W200 on which content is displayed. An area R200 for displaying a list of comments is provided at the right end of the display screen W200.

領域R200には、コンテンツに付加されたコメントが一覧で表示されている。ここで、領域R200に一覧で表示されるコメントには、例えば、コメントC200のように、クリップボタンM200が表示される。なお、図8(a)は、クリップボタンM200が、ユーザによって選択されたコメントに表示される場合を示す図であるが、クリップボタンは、領域R200に表示される個々のコメントにそれぞれ表示されてもよい。 Comments added to the content are displayed in a list in area R200. Here, a clip button M200 is displayed for each comment displayed in the list in area R200, such as comment C200. Note that while FIG. 8(a) shows a case where the clip button M200 is displayed for a comment selected by the user, the clip button may also be displayed for each individual comment displayed in area R200.

ユーザにより、クリップボタンM200を選択する操作がされた場合、図8(b)に示すように、ファイル選択画面R210を含む表示画面W210が表示される。ユーザは、ファイル選択画面R210から、コメントに添付するファイルを選択する。 When the user selects the clip button M200, a display screen W210 including a file selection screen R210 is displayed, as shown in FIG. 8(b). The user selects a file to attach to the comment from the file selection screen R210.

図8(c)は、ユーザによって、コメントに添付するファイルが選択された場合の表示画面W220の一例を示した図である。表示画面W220の右端に確保されたコメントの一覧を表示する領域R220において、ファイルが添付されたコメントには、ファイルが添付されていることを示す表示がされる。例えば、ファイルが添付されたコメントC220のように、コメントにファイルが添付されていることを示す表示として、クリップ留めボタンM220を表示する。また、この場合、クリップ留めボタンM220をコメントに添付されたファイルを表示する操作を受け付けるボタンとしてもよい。 Figure 8 (c) is a diagram showing an example of the display screen W220 when a file to be attached to a comment is selected by the user. In an area R220 displaying a list of comments secured at the right edge of the display screen W220, a display indicating that a file is attached is displayed for comments to which a file is attached. For example, as in the case of comment C220 with a file attached, a clip button M220 is displayed as a display indicating that a file is attached to the comment. In this case, the clip button M220 may be a button that accepts an operation to display the file attached to the comment.

ここで、ユーザによって、クリップ留めボタンM220が選択された場合は、図8(d)に示すように、コメントに添付されたファイルが、既定のアプリケーションで開かれ、ファイルの内容が表示された表示画面W230が表示される。 Here, if the user selects the Clip button M220, the file attached to the comment is opened in the default application, and a display screen W230 showing the contents of the file is displayed, as shown in FIG. 8(d).

本実施形態によれば、ユーザは、コメントに対して、関連するファイルを添付することが可能となる。また、添付されたファイルは、一覧として表示されたコメントに対する操作により、ファイルの内容を表示することができる。このように、ユーザは、コメントの一覧を閲覧するだけで、コンテンツに付加されたコメントと、コメントに関連するファイルを把握することができる。 According to this embodiment, a user can attach related files to a comment. In addition, the contents of the attached files can be displayed by performing an operation on the comment displayed as a list. In this way, a user can understand the comments added to the content and the files related to the comments by simply viewing the list of comments.

[3.第3実施形態]
第3実施形態は、制御部100が、コンテンツに重畳して表示された手書き図形の表示又は非表示を切り替える制御を行う実施形態である。本実施形態は、第1実施形態及び第2実施形態に加えて、制御部100は、図9に示す表示切り替え処理を実行する。表示切り替え処理は、第1実施形態及び第2実施形態において、手書き図形を手書き図形情報154に記憶されたあとに、制御部100によって実行される。
[3. Third embodiment]
The third embodiment is an embodiment in which the control unit 100 controls switching between display and non-display of a handwritten figure superimposed on content. In this embodiment, in addition to the first and second embodiments, the control unit 100 executes a display switching process shown in Fig. 9. The display switching process is executed by the control unit 100 after the handwritten figure is stored in the handwritten figure information 154 in the first and second embodiments.

なお、本実施形態では、ユーザ毎に、手書き図形の表示又は非表示を切り替えることとして説明する。また、制御部100は、手書き図形情報154に手書き図形を出力するときは、例えば、ユーザ毎の手書き図形情報154をそれぞれ出力する処理を実行するなどの方法により、手書き図形を入力したユーザと手書き図形とを対応付けて出力する。なお、手書き図形を入力したユーザの判定は、例えば、入力装置15を利用して判定したり、コメントの入力の操作がされた表示装置に基づいて判定したり、入力時に切り替え操作を行って判定したりすることで実現できる。 In this embodiment, the display or non-display of the handwritten figure is switched for each user. When the control unit 100 outputs the handwritten figure to the handwritten figure information 154, the control unit 100 outputs the handwritten figure in association with the user who input the handwritten figure, for example, by executing a process to output handwritten figure information 154 for each user. The user who input the handwritten figure can be determined, for example, by using the input device 15, based on the display device on which the comment input operation was performed, or by performing a switching operation at the time of input.

また、本実施形態では、制御部100は、コンテンツに手書き図形を重畳して表示する際、手書き図形の近傍に、当該手書き図形を入力したユーザを示す識別表示を表示する。表示される識別表示は、例えば、ユーザを示すアイコンや、ユーザ名を表示したラベルやボタン等であるが、本実施形態では、識別表示としてユーザを示すアイコンを表示することとして説明する。 In addition, in this embodiment, when the control unit 100 displays a handwritten figure superimposed on the content, it displays an identification indicator indicating the user who input the handwritten figure near the handwritten figure. The displayed identification indicator may be, for example, an icon indicating the user, or a label or button indicating the user name, but in this embodiment, it will be described as displaying an icon indicating the user as the identification indicator.

[3.1 処理の流れ]
図9を参照して、表示切り替え処理について説明する。はじめに、制御部100は、コンテンツ上に手書き図形が表示されていない場合、手書き図形情報154を読み出して、読みだした手書き図形をコンテンツに重畳して表示する(ステップS302;No→ステップS304)。なお、制御部100は、手書き図形の近傍(例えば、コメントが付加された位置)に、当該手書き図形を入力したユーザを示すアイコンを併せて表示する。
3.1 Processing flow
The display switching process will be described with reference to Fig. 9. First, when a handwritten figure is not displayed on the content, the control unit 100 reads out the handwritten figure information 154 and displays the read handwritten figure superimposed on the content (step S302; No -> step S304). The control unit 100 also displays an icon indicating the user who input the handwritten figure near the handwritten figure (for example, the position where a comment is added).

つづいて、UI処理部104は、コンテンツ上に表示されたユーザを示すアイコンに対するタッチ入力がされたか否かを判定する(ステップS306)。コンテンツ上のアイコンに対するタッチ入力がされたと判定した場合は、制御部100は、選択されたアイコンによって示されたユーザによって入力された手書き図形を非表示にする(ステップS306;Yes→ステップS308)。 Next, the UI processing unit 104 determines whether or not a touch input has been made to an icon representing a user displayed on the content (step S306). If it is determined that a touch input has been made to an icon on the content, the control unit 100 makes the handwritten figure input by the user and represented by the selected icon invisible (step S306; Yes -> step S308).

具体的には、制御部100は、タッチ入力がされたアイコンによって示されたユーザを特定し、当該特定したユーザによって入力された手書き図形情報を手書き図形情報154から読み出さないようにする。その上で、制御部100は、手書き図形を再表示することで、選択されたアイコンによって示されたユーザによって入力された手書き図形を、コンテンツに重畳して表示しないようにする。なお、制御部100は、コンテンツ上のアイコンを表示させたままにする。 Specifically, the control unit 100 identifies the user indicated by the icon on which the touch input was performed, and prevents the handwritten graphic information input by the identified user from being read from the handwritten graphic information 154. The control unit 100 then redisplays the handwritten graphic, thereby preventing the handwritten graphic input by the user indicated by the selected icon from being superimposed on the content. Note that the control unit 100 leaves the icon on the content displayed.

つづいて、制御部100は、ステップS306においてユーザによって選択されたコンテンツ上のアイコンに対するタッチ入力がされたか否かを判定する(ステップS310)。コンテンツ上のアイコンを選択する操作であるタッチ入力がされたと判定した場合は、制御部100は、選択されたアイコンによって示されたユーザによって入力された手書き図形を表示する(ステップS310;Yes→ステップS312)。具体的には、制御部100は、タッチ入力されたアイコンによって示されたユーザに対応する手書き図形情報154から読み出し、読みだした手書き図形を、表示部110に表示されたコンテンツに重畳して表示するようにする。 The control unit 100 then determines whether or not a touch input has been made to the icon on the content selected by the user in step S306 (step S310). If it is determined that a touch input has been made to select an icon on the content, the control unit 100 displays the handwritten figure input by the user indicated by the selected icon (step S310; Yes -> step S312). Specifically, the control unit 100 reads out the handwritten figure information 154 corresponding to the user indicated by the icon that has been touched, and displays the read handwritten figure superimposed on the content displayed on the display unit 110.

なお、制御部100は、ステップS312の処理を実行した後、再び、手書き図形を非表示にする処理を実行するように、ステップS306へ処理を遷移してもよい。 After executing the process of step S312, the control unit 100 may transition to step S306 so as to again execute the process of hiding the hand-drawn figure.

[3.2 動作例]
本実施形態の動作例について、図10を参照して説明する。図10(a)は、コンテンツに手書き図形が重畳して表示された表示画面W300の一例を示した図である。図10(a)に示した領域R300は、ユーザCによって入力された手書き図形を含む領域である。また、ユーザCによって入力された手書き図形の近傍に、識別表示として、当該ユーザCを示すアイコンM300が表示される。例えば、図10(a)に示すように、ユーザCによって入力された手書き図形を含む領域R300の周囲に、アイコンM300が表示される。
[3.2 Operation example]
An operation example of this embodiment will be described with reference to Fig. 10. Fig. 10(a) is a diagram showing an example of a display screen W300 in which a handwritten figure is displayed superimposed on content. An area R300 shown in Fig. 10(a) is an area including a handwritten figure input by a user C. An icon M300 indicating the user C is also displayed near the handwritten figure input by the user C as an identification display. For example, as shown in Fig. 10(a), the icon M300 is displayed around the area R300 including the handwritten figure input by the user C.

アイコンM300を選択する操作であるタッチ入力が検出された場合、図10(b)に示すように、ユーザCによって入力された手書き図形が非表示にされた表示画面W310が表示される。なお、ユーザCを示すアイコンM310は表示される。 When a touch input that is an operation for selecting the icon M300 is detected, as shown in FIG. 10(b), a display screen W310 is displayed on which the handwritten figure input by the user C is hidden. Note that the icon M310 representing the user C is displayed.

また、表示画面W310において、アイコンM310を選択する操作であるタッチ入力が検出された場合、ユーザCによって入力された手書き図形が表示され、再度、図10(a)の表示画面W300に示すような表示画面が表示される。このように、ユーザCを示すアイコンを選択されるたびに、ユーザCによって入力された手書き図形の表示・非表示を切り替えることができる。 Furthermore, when a touch input, which is an operation to select icon M310, is detected on display screen W310, the handwritten shape input by user C is displayed, and a display screen such as that shown on display screen W300 in FIG. 10(a) is displayed again. In this way, each time an icon representing user C is selected, the handwritten shape input by user C can be switched between being displayed and not displayed.

本実施形態によれば、ユーザは、一般的に非表示にできない又は非表示にするために煩雑な操作を必要とする手書き図形の表示・非表示の切り替えを、識別表示を選択するという簡易な操作で行うことができる。これにより、ユーザは、手書き図形の入力を行う領域を常に確保することが可能となる。 According to this embodiment, the user can easily switch between displaying and hiding handwritten shapes, which generally cannot be hidden or require complicated operations to hide, by selecting the distinguishable display. This allows the user to always have an area available for inputting handwritten shapes.

なお、本実施形態では、ユーザ毎に手書き図形の表示・非表示の切り替えを行うこととして説明したが、コメント毎に手書き図形の表示・非表示の切り替えを行ってもよいし、また、手書き図形の表示・非表示の切り替えを全コメントに対して一斉にできてもよい。なお、コメント毎に手書き図形の表示・非表示を切り替える場合は、記憶部150には、コメント毎の手書き図形情報154が記憶されればよい。また、UI処理部104は、非表示することが選択されたコメント以外のコメントに対応する手書き図形情報154を読み出して、読み出した手書き図形情報154に記憶された手書き図形を、コンテンツに重畳して表示させればよい。 In the present embodiment, the display/hide of handwritten shapes is switched for each user, but the display/hide of handwritten shapes may be switched for each comment, or the display/hide of handwritten shapes may be switched for all comments at once. When the display/hide of handwritten shapes is switched for each comment, the storage unit 150 may store handwritten shape information 154 for each comment. The UI processing unit 104 may read out handwritten shape information 154 corresponding to comments other than the comment selected to be hidden, and display the handwritten shapes stored in the read handwritten shape information 154 by superimposing them on the content.

[4.変形例]
本発明は上述した各実施の形態に限定されるものではなく、種々の変更が可能である。すなわち、本発明の要旨を逸脱しない範囲内において適宜変更した技術的手段を組み合わせて得られる実施の形態についても本発明の技術的範囲に含まれる。
[4. Modifications]
The present invention is not limited to the above-described embodiments, and various modifications are possible. In other words, the technical scope of the present invention also includes embodiments obtained by combining technical means that are appropriately modified within the scope of the gist of the present invention.

また、各機能はプログラムで構成されていてもよいし、ハードウェアで構成されてもよい。そして、プログラムで実現されている場合は、記録媒体に記録されており、当該記録媒体からプログラムを読み出して実行してもよいし、ネットワークに保存され、ダウンロードして実行してもよい。 Furthermore, each function may be configured as a program, or may be configured as hardware. If the function is realized as a program, it may be recorded on a recording medium and the program may be read out and executed from the recording medium, or it may be stored on a network and downloaded and executed.

また、上述した実施形態は、説明の都合上、それぞれ別に説明している部分があるが、技術的に可能な範囲で組み合わせて実行してもよいことは勿論である。 Although the above-mentioned embodiments are described separately for ease of explanation, they may of course be combined to the extent technically possible.

また、実施形態において各装置で動作するプログラムは、上述した実施形態の機能を実現するように、CPU等を制御するプログラム(コンピュータを機能させるプログラム)である。そして、これら装置で取り扱われる情報は、その処理時に一時的に一時記憶装置(例えば、RAM)に蓄積され、その後、各種ROMやHDD、SSDの記憶装置に格納され、必要に応じてCPUによって読み出し、修正・書き込みが行なわれる。 In addition, in the embodiments, the programs that run on each device are programs that control the CPU and the like (programs that make the computer function) so as to realize the functions of the above-described embodiments. Information handled by these devices is temporarily stored in a temporary storage device (e.g., RAM) during processing, and is then stored in various ROM, HDD, and SSD storage devices, and is read, modified, and written by the CPU as necessary.

また、市場に流通させる場合には、可搬型の記録媒体にプログラムを格納して流通させたり、インターネット等のネットワークを介して接続されたサーバコンピュータに転送したりすることができる。この場合、サーバコンピュータの記憶装置も本発明に含まれるのは勿論である。 When distributing the program on the market, the program can be stored on a portable recording medium and distributed, or transferred to a server computer connected via a network such as the Internet. In this case, the storage device of the server computer is of course included in the present invention.

また、各機能を備えたアプリケーションを、スマートフォンやタブレット、画像形成装置といった各種装置にインストールし、実行することで実現してもよい。 Also, this can be achieved by installing and executing an application with each function on various devices such as a smartphone, tablet, or image forming device.

10 表示装置
100 制御部
102 コメント処理部
104 UI処理部
106 ユーザ認証部
110 表示部
120 入力部
150 記憶部
152 コンテンツ情報
154 手書き図形情報
156 コメント情報
158 ユーザ情報
160 通信部
REFERENCE SIGNS LIST 10 Display device 100 Control unit 102 Comment processing unit 104 UI processing unit 106 User authentication unit 110 Display unit 120 Input unit 150 Storage unit 152 Content information 154 Handwritten graphic information 156 Comment information 158 User information 160 Communication unit

Claims (7)

コンテンツを表示する表示部と、入力部と、制御部と、を備えた表示装置において、
前記制御部は、
前記入力部を介して前記表示されたコンテンツに対する手書き図形の入力を受け付け、
前記手書き図形として、矢印が入力され、前記矢印の示す方向にを構成する図形が入力された場合には、前記コンテンツのうち、前記手書き図形の外周が接する領域である第1領域の画像をキャプチャしてコンテンツの画像とし、
前記手書き図形として、矢印が入力され、前記矢印の示す方向にを構成する図形が入力されない場合には、前記コンテンツのうち、前記手書き図形および前記矢印が示す方向に位置する領域の外周が接する領域である第2領域の画像をキャプチャしてコンテンツの画像とし、
前記キャプチャしたコンテンツの画像と、前記手書き図形とを重ねた画像をコメント情報として出力する、
ことを特徴とする表示装置。
A display device including a display unit for displaying content, an input unit, and a control unit,
The control unit is
accepting a handwritten input of a graphic for the displayed content via the input unit;
When an arrow is input as the handwritten figure and a figure constituting a line in the direction indicated by the arrow is input, an image of a first region of the content, which is a region where the periphery of the handwritten figure contacts, is captured and used as an image of the content;
When an arrow is input as the handwritten figure and a figure constituting a line in the direction indicated by the arrow is not input, an image of a second region of the content, which is a region where the handwritten figure and the periphery of a region located in the direction indicated by the arrow are in contact with each other, is captured and used as an image of the content;
outputting an image obtained by superimposing the captured content image and the handwritten figure as comment information;
A display device comprising:
前記制御部は、
所定の出力条件となった場合に、前記手書き図形が含まれる範囲のコンテンツの画像と、前記手書き図形とを重ねた画像をコメント情報として出力することを特徴とする請求項1に記載の表示装置。
The control unit is
2. The display device according to claim 1, wherein, when a predetermined output condition is met, an image of the content including the handwritten figure and an image in which the handwritten figure is superimposed are output as comment information.
入力部としてタッチパネルを備えており、
前記出力条件として、前記手書き図形の入力後、タッチアップしてから所定時間経過後に、メニューを表示し、当該メニューの中からコメント情報として出力することが選択されることを条件とすることを特徴とする請求項2に記載の表示装置。
It is equipped with a touch panel as an input unit.
3. The display device according to claim 2, characterized in that the output condition is that a menu is displayed after a predetermined time has elapsed since touch-up after input of the handwritten figure, and output as comment information is selected from the menu.
前記制御部は、前記コメント情報に、ファイルを対応付けて記憶することを特徴とする
請求項1から3の何れか一項に記載の表示装置。
4. The display device according to claim 1, wherein the control unit stores the comment information in association with a file.
前記制御部は、前記手書き図形の表示又は非表示を切り替える制御を行うことを特徴とする請求項1から4の何れか一項に記載の表示装置。 The display device according to any one of claims 1 to 4, characterized in that the control unit controls switching between displaying and not displaying the handwritten figure. 前記制御部は、
前記手書き図形の近傍に、当該手書き図形を入力したユーザを示す識別表示を行うことを特徴とする請求項1から4の何れか一項に記載の表示装置。
The control unit is
5. The display device according to claim 1, further comprising an identification display in the vicinity of the handwritten figure that indicates a user who inputs the handwritten figure.
前記制御部は、前記識別表示が選択されることにより、前記手書き図形の表示又は非表示を切り替える制御を行うことを特徴とする請求項6に記載の表示装置。 The display device according to claim 6, characterized in that the control unit controls switching between displaying and not displaying the handwritten figure when the identification display is selected.
JP2020033486A 2020-02-28 2020-02-28 Display device Active JP7496699B2 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2020033486A JP7496699B2 (en) 2020-02-28 2020-02-28 Display device
US17/168,658 US20210271380A1 (en) 2020-02-28 2021-02-05 Display device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2020033486A JP7496699B2 (en) 2020-02-28 2020-02-28 Display device

Publications (2)

Publication Number Publication Date
JP2021135911A JP2021135911A (en) 2021-09-13
JP7496699B2 true JP7496699B2 (en) 2024-06-07

Family

ID=77661419

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2020033486A Active JP7496699B2 (en) 2020-02-28 2020-02-28 Display device

Country Status (1)

Country Link
JP (1) JP7496699B2 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7543788B2 (en) * 2020-08-31 2024-09-03 株式会社リコー Display device, input method, and program
WO2024034415A1 (en) * 2022-08-10 2024-02-15 ソニーグループ株式会社 Information processing device, information processing method, and program

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008191799A (en) 2007-02-02 2008-08-21 Hoya Corp Portable device
JP2018530042A (en) 2015-09-29 2018-10-11 アップル インコーポレイテッドApple Inc. Device and method for providing handwriting support in document editing
JP2019074939A (en) 2017-10-17 2019-05-16 株式会社リコー Terminal device, and system, method and program for information processing
JP2019079314A (en) 2017-10-25 2019-05-23 シャープ株式会社 Display system, display device, terminal device, and program
US20190370544A1 (en) 2017-05-30 2019-12-05 Ptc Inc. Object Initiated Communication

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008191799A (en) 2007-02-02 2008-08-21 Hoya Corp Portable device
JP2018530042A (en) 2015-09-29 2018-10-11 アップル インコーポレイテッドApple Inc. Device and method for providing handwriting support in document editing
US20190370544A1 (en) 2017-05-30 2019-12-05 Ptc Inc. Object Initiated Communication
JP2019074939A (en) 2017-10-17 2019-05-16 株式会社リコー Terminal device, and system, method and program for information processing
JP2019079314A (en) 2017-10-25 2019-05-23 シャープ株式会社 Display system, display device, terminal device, and program

Also Published As

Publication number Publication date
JP2021135911A (en) 2021-09-13

Similar Documents

Publication Publication Date Title
JP7397881B2 (en) Systems, methods, and user interfaces for interacting with multiple application windows
JP2024063027A (en) Touch input cursor operation
JP6584638B2 (en) Device and method for providing handwriting support in document editing
US20210049321A1 (en) Device, method, and graphical user interface for annotating text
JP6038927B2 (en) Establishing content navigation direction based on directional user gestures
CN111339032B (en) Devices, methods and graphical user interfaces for managing folders with multiple pages
US6928619B2 (en) Method and apparatus for managing input focus and z-order
US20140189593A1 (en) Electronic device and input method
US20150123988A1 (en) Electronic device, method and storage medium
JP2003303047A (en) Image input and display system, usage of user interface as well as product including computer usable medium
JP2012104095A (en) Information processing equipment, information processing method and program
KR20130095790A (en) Device, method, and graphical user interface for navigating a list of identifiers
KR102075433B1 (en) Handwriting input apparatus and control method thereof
CN105027053A (en) Electronic device, display method, and program
JP6206202B2 (en) Information processing apparatus and information processing program
JP2011081778A (en) Method and device for display-independent computerized guidance
US20210271380A1 (en) Display device
JP7496699B2 (en) Display device
JP7520195B2 (en) Display device, program and display method
US20130127745A1 (en) Method for Multiple Touch Control Virtual Objects and System thereof
JP6237135B2 (en) Information processing apparatus and information processing program
JP7365935B2 (en) display device
US20150062047A1 (en) Information processor, control method and program
CN106168951A (en) Electronic installation and control method thereof
JP4305325B2 (en) Sticky note information processing method, sticky note information processing system, and sticky note information processing program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20220921

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20230424

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20230606

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230804

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20231121

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20240112

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20240507

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20240528

R150 Certificate of patent or registration of utility model

Ref document number: 7496699

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150