JP2015011429A - Display system and display program - Google Patents
Display system and display program Download PDFInfo
- Publication number
- JP2015011429A JP2015011429A JP2013134746A JP2013134746A JP2015011429A JP 2015011429 A JP2015011429 A JP 2015011429A JP 2013134746 A JP2013134746 A JP 2013134746A JP 2013134746 A JP2013134746 A JP 2013134746A JP 2015011429 A JP2015011429 A JP 2015011429A
- Authority
- JP
- Japan
- Prior art keywords
- window
- display
- touch
- screen
- display system
- 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.)
- Pending
Links
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
- Position Input By Displaying (AREA)
Abstract
Description
本発明は、背後に隠されている表示データを簡単に参照することが可能な大型の表示装置に好適に実施可能とした表示システムおよび表示プログラムに関する。 The present invention relates to a display system and a display program that can be suitably implemented in a large display device that can easily refer to display data hidden behind.
近年、画像を表示するための大型の表示装置を備え、画面に対してタッチ操作を行うことで、該タッチ操作に応じて点や線などの図形を画面に描画することを可能とした電子黒板などの表示システムが普及しつつある。 2. Description of the Related Art In recent years, an electronic blackboard provided with a large display device for displaying an image and capable of drawing a figure such as a dot or a line on the screen according to the touch operation by performing a touch operation on the screen Such display systems are becoming popular.
電子黒板などの表示システムでは、画面に任意の表示データを表示させ、画面の任意の個所に文字等を随時記入できるようにもなっている。 In a display system such as an electronic blackboard, arbitrary display data is displayed on a screen, and characters and the like can be entered at any point on the screen at any time.
例えば、特許文献１には、ディスプレイ画面上で重なりあった上のウィンドウに穴をあけ、複数枚下のウィンドウの内容をオペレータが見ることを可能にする技術が記載されている。 For example, Patent Document 1 describes a technique that allows an operator to see the contents of a plurality of lower windows by making a hole in an upper window that overlaps on the display screen.
また、特許文献２には、ウィンドウの前後関係、および、配置を損なうことなく、背後に隠されているウィンドウを簡単に参照・操作できるように構成されている技術が記載されている。 Japanese Patent Application Laid-Open No. 2003-228561 describes a technology configured to easily refer to / operate a window hidden behind without losing the context and arrangement of the windows.
特許文献１に記載のような従来の表示システムでは、重なり合ったウィンドウのうち上のウィンドウの任意の位置の２点を操作者が指定することで上のウィンドウにあたかも穴があいたようになり、下のウィンドウの表示データの一部が見えるようにはなるが、操作者は位置指定のために２点を指定する必要がある。また、穴のあいた部分を移動することについては何等配慮されていないという課題がある。 In the conventional display system as described in Patent Document 1, the operator designates two points at arbitrary positions of the upper window among the overlapping windows, so that the upper window appears to have a hole. Although part of the display data of the window becomes visible, the operator needs to specify two points for specifying the position. Moreover, there is a problem that no consideration is given to the movement of the holed portion.
また、特許文献２には、ユーザの操作により、透過窓を自由な大きさで生成し固定すること。透過窓の生成後に透過窓の位置を自由に変更すること。また、透過窓の大きさを自由に変更できることが可能ではあるが、ユーザが透過窓を移動させる場合、マウスで透過窓の境界にポインタを合わせてマウスの左クリックをすることで透過窓を移動させる必要があり、大型のタッチパネル付きの表示装置に特許文献２を採用した場合においては、ユーザがわざわざ透過窓の境界を指定しないと透過窓の移動操作が行えないという課題があった。 In Patent Document 2, a transparent window is generated and fixed in a free size by a user operation. The position of the transmission window can be freely changed after the generation of the transmission window. Although it is possible to freely change the size of the transparent window, when the user moves the transparent window, move the transparent window by moving the pointer to the boundary of the transparent window with the mouse and left-clicking the mouse. In the case where Patent Document 2 is adopted for a display device with a large touch panel, there is a problem in that the transmission window cannot be moved unless the user specifically designates the boundary of the transmission window.
本発明は、このような課題を解決するためのものであり、ユーザの画面に対するタッチ操作に基づいて透過窓を生成し、かつ、透過窓の移動を容易に行うことができる表示システムおよび表示プログラムを提供することを目的とする。 The present invention is to solve such problems, and a display system and a display program capable of generating a transmissive window based on a user's touch operation on the screen and easily moving the transmissive window. The purpose is to provide.
本発明は、画面に対するタッチ操作が行われたときに、各タッチ操作に応じた動作を行う表示システムにおいて、
画面に画像を表示する表示部と、
前記画面に対するタッチ操作が行われた位置を示す情報である位置情報を検出するタッチ検出部とを備え、
前記表示部に表示された画像を隠すための目隠しウィンドウを表示し、
前記目隠しウィンドウが表示された状態で画面にタッチすることで前記タッチ検出部がタッチ位置を検出し、前記タッチ位置に透過窓を生成する制御部と、を含むことを特徴とする表示システムである。
The present invention provides a display system that performs an operation according to each touch operation when a touch operation on the screen is performed.
A display for displaying an image on the screen;
A touch detection unit that detects position information that is information indicating a position where a touch operation on the screen is performed;
Displaying a blindfold window for hiding the image displayed on the display unit;
A display system comprising: a control unit that detects a touch position by touching a screen in a state where the blindfold window is displayed, and generates a transparent window at the touch position. .
また、本発明は、前記制御部は、
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の領域か否かを判断し、領域外の場合にタッチ位置の移動を検出し、当該タッチ位置の移動する方向に前記透過窓を移動する制御を含むことを特徴とする。
In the present invention, the control unit may
When the screen on which the blind window is displayed is touched in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is an area of the transparent window. It includes control for detecting movement and moving the transmission window in the direction of movement of the touch position.
また、本発明は、前記制御部は、
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の窓枠部か否かを判断し、窓枠部の場合にタッチ位置の移動量を検出し、当該タッチ位置の移動する量に応じて前記透過窓サイズを変更する制御を含むことを特徴とする。
In the present invention, the control unit may
When touching the screen on which the blind window is displayed in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is the window frame part of the transparent window. It includes control for detecting the amount of movement of the touch position and changing the transmission window size in accordance with the amount of movement of the touch position.
また、本発明は、前記制御部は、
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の領域か否かを判断し、領域内の場合にタッチ位置の移動を検出し、当該タッチ位置の移動に応じて線を描画する制御を含むことを特徴とする。
In the present invention, the control unit may
When touching the screen on which the blindfold window is displayed in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is the area of the transparent window. It includes a control for detecting a movement and drawing a line in accordance with the movement of the touch position.
また、本発明は、タッチ検出部および表示部を備えるコンピュータを、表示システムとして機能させることを特徴とする表示プログラムである。 In addition, the present invention is a display program that causes a computer including a touch detection unit and a display unit to function as a display system.
本発明によれば、表示システムにおいて画像が表示された状態で目隠しウィンドウを表示させ、目隠しウィンドウへのタッチ操作を行うことで、ユーザの指定する任意の位置に透過窓を容易に生成することができる。学校教育の現場において、画面の一部のみを生徒に見せることが可能となり、発想能力を高めるための効果的な学習が可能となる。 According to the present invention, it is possible to easily generate a transparent window at an arbitrary position designated by a user by displaying a blindfold window with an image displayed on the display system and performing a touch operation on the blindfold window. it can. In school education, it is possible to show only a part of the screen to the students, and effective learning for improving the ability of thinking is possible.
また、本発明によれば、ユーザによる画面へのタッチ位置が透過窓の領域か否かを判断し、領域外の場合にタッチ位置の移動を検出し、タッチ位置の移動する方向に透過窓を移動させる制御を可能としたことで、大型の表示装置の場合、ユーザが直接透過窓を操作することなく、画面の任意の場所のタッチ操作によって透過窓の移動が行えるようにしたことで、より効果的な学習が可能となる。 In addition, according to the present invention, it is determined whether or not the touch position on the screen by the user is the area of the transparent window, the movement of the touch position is detected when the area is outside the area, and the transparent window is set in the direction in which the touch position moves. By enabling the control to move, in the case of a large display device, the user can move the transmission window by touching the screen anywhere without directly operating the transmission window. Effective learning is possible.
また、本発明によれば、ユーザによる画面へのタッチ位置が透過窓の窓枠部か否かを判断し、窓枠部の場合にタッチ位置の移動を検出し、タッチ位置の移動する移動量に応じて透過窓サイズを変更させる制御を可能としたことで、効果的な学習が可能となる。 In addition, according to the present invention, it is determined whether or not the touch position on the screen by the user is the window frame portion of the transparent window, the movement of the touch position is detected when the touch position is detected in the case of the window frame portion. By enabling the control to change the transmission window size according to the above, effective learning becomes possible.
また、本発明によれば、ユーザによる画面へのタッチ位置が透過窓の領域か否かを判断し、領域内の場合にタッチ位置の移動を検出し、タッチ位置の移動に応じて線を描画する制御が行えるようにしたことで、より効果的な学習が可能となる。 Further, according to the present invention, it is determined whether or not the touch position on the screen by the user is an area of the transparent window, the movement of the touch position is detected in the area, and the line is drawn according to the movement of the touch position. This makes it possible to perform more effective learning.
また、本発明によれば、タッチ検出部および表示部を備えるコンピュータを、前記表示システムとして機能させることができる。 Further, according to the present invention, a computer including a touch detection unit and a display unit can function as the display system.
以下に、本発明に係る表示システム１０について説明する。図１は、表示システム１０の外観を示す模式図である。表示システム１０は、たとえば、縦１００ｃｍ、横１５０ｃｍ程度の略矩形状の表示部１１を有する電子黒板であり、表示部１１は、ユーザによる指やタッチペンによる操作を検出する後述のタッチ検出機能も有する。 Below, the display system 10 which concerns on this invention is demonstrated. FIG. 1 is a schematic diagram showing the appearance of the display system 10. The display system 10 is an electronic blackboard having a substantially rectangular display unit 11 having a length of about 100 cm and a width of about 150 cm, for example, and the display unit 11 also has a touch detection function to be described later for detecting an operation by a user with a finger or a touch pen. .
ここで、タッチ操作とは、表示システム１０の画面への押圧が開始されてから押圧が終了されるまでの操作である。たとえば、ユーザが、指やタッチペンなどで画面を押圧して動作させたい機能を選択したり、文字や図形等を描画したりする一連の操作を意味する。 Here, the touch operation is an operation from the start of pressing on the screen of the display system 10 to the end of pressing. For example, it means a series of operations in which the user selects a function that the user wants to operate by pressing the screen with a finger or a touch pen, or draws characters, figures, or the like.
図２は、表示システム１０の構成を示すブロック図である。表示システム１０は、表示部１１と、タッチ検出部１２と、記憶部１３と、制御部１４とを備える。 FIG. 2 is a block diagram illustrating a configuration of the display system 10. The display system 10 includes a display unit 11, a touch detection unit 12, a storage unit 13, and a control unit 14.
表示部１１は、たとえば、液晶ディスプレイ、ＥＬ（Electro Luminescence）ディスプ
レイ、プラズマディスプレイなどであり、画面に画像を表示する。なお、表示部１１が、スクリーンを画面とし、該画面に画像を投影するプロジェクタであってもよい。
The display unit 11 is, for example, a liquid crystal display, an EL (Electro Luminescence) display, a plasma display, and the like, and displays an image on the screen. The display unit 11 may be a projector that uses a screen as a screen and projects an image on the screen.
タッチ検出部１２は、投影型静電容量方式タッチパネル、抵抗膜方式タッチパネル、赤外線遮断検出方式タッチパネルなどから構成され、タッチ操作が行われると、画面に対するタッチ操作が行われた位置を示す情報、すなわちタッチ操作により押圧された箇所を示す情報を取得する。タッチ検出部１２が取得した位置情報は、制御部１４に入力される。尚、タッチ操作により押圧される箇所はタッチペンやユーザの指の大きさの連続する領域となるので、位置情報は該領域を示す情報として取得されるが、制御部１４は、入力された位置情報から、該領域の代表位置を示す情報、たとえば図心位置を示す情報を算出可能である。以下では、特に断らない限り、位置情報は押圧箇所の代表位置を示す情報であるとする。また、表示システム１０において、タッチ検出部１２は、離間した２つ以上の領域が押圧されるときに、それぞれの領域に対応する位置情報も取得可能である。尚、この場合、いわゆるマルチタッチ操作が可能な静電容量方式タッチパネルとなる。 The touch detection unit 12 includes a projected capacitive touch panel, a resistive touch panel, an infrared cut-off detection touch panel, and the like. When a touch operation is performed, information indicating a position where the touch operation is performed on the screen, that is, Information indicating a location pressed by a touch operation is acquired. The position information acquired by the touch detection unit 12 is input to the control unit 14. In addition, since the location pressed by the touch operation is a continuous area of the size of the touch pen or the user's finger, the position information is acquired as information indicating the area, but the control unit 14 receives the input positional information. From this, it is possible to calculate information indicating the representative position of the area, for example, information indicating the centroid position. Hereinafter, the position information is information indicating the representative position of the pressed location unless otherwise specified. In the display system 10, when two or more separated areas are pressed, the touch detection unit 12 can also acquire position information corresponding to each area. In this case, a capacitive touch panel capable of so-called multi-touch operation is obtained.
記憶部１３は、ＤＤＲ ＳＤＲＡＭ（Double Data Rate Synchronous Dynamic Random Access Memory）などの揮発性メモリ、および、フラッシュＲＯＭ（Read Only Memory）、ＥＥＰＲＯＭ（登録商標）、ＨＤＤ（Hard Disk Drive）などの不揮発性メモリから構成され、表示システム１０を制御するためのプログラムや表示されるデータが記憶されている。 The storage unit 13 includes a volatile memory such as a DDR SDRAM (Double Data Rate Synchronous Dynamic Random Access Memory), and a nonvolatile memory such as a flash ROM (Read Only Memory), an EEPROM (registered trademark), and an HDD (Hard Disk Drive). The program for controlling the display system 10 and the data to be displayed are stored.
制御部１４は、ＣＰＵ（Central Processing Unit）などの制御演算回路であり、表示部１１およびタッチ検出部１２を制御する。 The control unit 14 is a control arithmetic circuit such as a CPU (Central Processing Unit) and controls the display unit 11 and the touch detection unit 12.
図３乃至図６は、表示システム１０の動作を示すフローチャートであり、記憶部１３に記憶されたアプリケーションプログラム、および、画像データが、制御部１４によって制御される。図７乃至図１５は表示システム１０の表示画面の一例を示す図である。尚、これらはあくまでも一例であり、本発明の実施においては様々な変形実施が可能であることは言うまでもない。 3 to 6 are flowcharts showing the operation of the display system 10, and the application program and image data stored in the storage unit 13 are controlled by the control unit 14. 7 to 15 are diagrams showing examples of display screens of the display system 10. These are merely examples, and it goes without saying that various modifications can be made in the practice of the present invention.
図７乃至図１０は第１の実施の形態を示す図であり、図３にその具体的動作を示す。まず、図３のステップＳ１において、表示システム１０の図示しない電源投入ボタンを押下することで電源を投入し、電子黒板プログラムを起動し、さらに、記憶部１３に記憶されている画像データを読み出す。この時の表示部１１の表示状態を示す図が図７である。 FIG. 7 to FIG. 10 are diagrams showing the first embodiment, and FIG. 3 shows a specific operation thereof. First, in step S1 of FIG. 3, the power is turned on by pressing a power-on button (not shown) of the display system 10, the electronic blackboard program is started, and the image data stored in the storage unit 13 is read out. FIG. 7 shows a display state of the display unit 11 at this time.
図７において、「ＳＨＡＲＰ」という文字が表示部１１のホワイトボード領域２０（１点鎖線に囲まれた領域）に表示されており、電子黒板プログラムの動作に伴う複数の電子黒板アイコン２１が表示される。尚、ホワイトボード領域２０に表示されるデータは文字や数字のテキストデータ、写真等のイメージデータ等どのようなデータであっても構わない。この表示状態において、指２４、または、操作ペン２５によりタッチ操作が行われ、そのタッチ操作は、タッチ検出部１２によって検出される。尚、複数の電子黒板アイコン２１中の２２は透過機能アイコンであり、２３は電子黒板プログラムを終了させるための終了アイコンである。その他のアイコンは、ペンの色を変更したり、データの保存を指示したりするためのアイコンであり、本発明とは直接関係しないため説明を省略する。 In FIG. 7, the characters “SHARP” are displayed in the whiteboard area 20 (area surrounded by the one-dot chain line) of the display unit 11, and a plurality of electronic blackboard icons 21 associated with the operation of the electronic blackboard program are displayed. The The data displayed in the whiteboard area 20 may be any data such as text data of characters and numbers, image data such as a photograph. In this display state, a touch operation is performed with the finger 24 or the operation pen 25, and the touch operation is detected by the touch detection unit 12. Of the plurality of electronic blackboard icons 21, 22 is a transparent function icon, and 23 is an end icon for ending the electronic blackboard program. Other icons are icons for changing the color of the pen or instructing to save data, and are not directly related to the present invention, so that the description thereof is omitted.
ステップＳ２では、図７において、指２４、または、操作ペン２５で表示部１１にタッチされたかどうかを監視し、タッチ操作が検出された場合、ステップＳ３に進む。ステップＳ３では、タッチされた操作のタッチ検出位置に基づき、透過機能、ホワイトボード機能、または、その他の機能が選択されたかどうかを判別する。 In step S2, whether or not the display unit 11 is touched with the finger 24 or the operation pen 25 in FIG. 7 is monitored. If a touch operation is detected, the process proceeds to step S3. In step S3, based on the touch detection position of the touched operation, it is determined whether the transparent function, the whiteboard function, or other functions are selected.
ステップＳ３で透過機能が選択された場合ステップＳ４に進む。具体的には、図７の透過機能アイコン２２がタッチされた場合となる。ステップＳ４で表示部１１のホワイトボード領域２０に後述する目隠しウィンドウが表示されているか否かを判断し、目隠しウィンドウが既に表示されている場合はステップＳ１０に進んで目隠しウィンドウを消去し、ステップＳ２に戻る。目隠しウィンドウが表示されていないと判断した場合、ステップＳ５に進む。 If the transparent function is selected in step S3, the process proceeds to step S4. Specifically, the transparent function icon 22 in FIG. 7 is touched. In step S4, it is determined whether or not a blindfold window, which will be described later, is displayed on the whiteboard area 20 of the display unit 11. If the blindfold window is already displayed, the process proceeds to step S10 to delete the blindfold window, and step S2 Return to. If it is determined that the blindfold window is not displayed, the process proceeds to step S5.
ステップＳ５ではホワイトボード領域２０に目隠しウィンドウを表示する。具体的には、記憶部１３に記憶された目隠しウィンドウデータが読み出され、図８に示すように、既に表示されている表示データに目隠しウィンドウ２６がホワイトボード領域２０に重ねて表示され、この状態にあっては、表示されている「ＳＨＡＲＰ」の表示はもはや目視できない状態となる。尚、本実施例にあっては目隠しウィンドウ２６をグレー一色のウィンドウとしたが、他の色のウィンドウでも構わない。 In step S5, a blindfold window is displayed in the whiteboard area 20. Specifically, the blindfold window data stored in the storage unit 13 is read out, and as shown in FIG. 8, the blindfold window 26 is displayed over the whiteboard area 20 on the display data already displayed. In the state, the displayed “SHARP” display is no longer visible. In the present embodiment, the blind window 26 is a gray window, but other windows may be used.
ステップＳ６では、目隠しウィンドウ２６のいずれかの場所が指２４等でタッチされたかどうかの検出を行い、Ｎｏの場合、検出待ちの状態が継続する。Ｙｅｓの場合、ステップＳ７に進む。 In step S6, it is detected whether or not any place on the blindfolded window 26 is touched with the finger 24 or the like, and in the case of No, the state of waiting for detection continues. In the case of Yes, it progresses to step S7.
ステップＳ７で、目隠しウィンドウ２６のタッチされた位置の座標値を取得する。図９は目隠しウィンドウ２６のほぼ中心の「＋」の位置をタッチした状態を示す図であり、このタッチ位置の座標が「ｘｃ，ｙｃ」であることを示している。尚、説明上「＋」を使用したが、実際の表示においては「＋」の表示は行われなく、後述の説明においても同様である。 In step S7, the coordinate value of the touched position of the blindfold window 26 is acquired. FIG. 9 is a diagram showing a state in which the position “+” at the center of the blindfold window 26 is touched, and the coordinates of the touch position are “xc, yc”. Although “+” is used for the description, “+” is not displayed in the actual display, and the same applies to the description described later.
ステップＳ８で、取得したタッチ座標「ｘｃ，ｙｃ」を中心にして目隠しウィンドウ２６に透過窓を開ける処理を行い、その後、ステップＳ２に戻る。 In step S8, a process of opening a transmission window in the blindfold window 26 with the acquired touch coordinates “xc, yc” as the center is performed, and then the process returns to step S2.
図４はステップＳ８の具体的な動作を示すサブルーチンであり、ステップＳ８１で楕円オブジェクトの長軸値２ａおよび短軸値２ｂを記憶部１３から読み出し、ステップＳ８２に進む。 FIG. 4 is a subroutine showing a specific operation of step S8. In step S81, the long axis value 2a and the short axis value 2b of the ellipse object are read from the storage unit 13, and the process proceeds to step S82.
ステップＳ８２で、取得済みの座標値「ｘｃ，ｙｃ」、及び、読み出した長軸値２ａ、及び、短軸値２ｂの値を用いて楕円オブジェクトを生成し、ステップＳ８３に進む。 In step S82, an ellipse object is generated using the acquired coordinate values “xc, yc” and the read values of the long axis value 2a and the short axis value 2b, and the process proceeds to step S83.
ステップＳ８３で、生成した楕円オブジェクトをホワイトボード２０上に配置し、ステップＳ８４に進む。 In step S83, the generated ellipse object is placed on the whiteboard 20, and the process proceeds to step S84.
ステップＳ８４で、楕円オブジェクト内部の各ドットの座標値と同一座標に存在する目隠しウィンドウオブジェクトの各ピクセルに対し、当該ピクセルの色属性を「透明」に変更し、ステップＳ８５に進む。 In step S84, for each pixel of the blindfold window object existing at the same coordinate as the coordinate value of each dot inside the ellipse object, the color attribute of the pixel is changed to “transparent”, and the process proceeds to step S85.
ステップＳ８５で、楕円領域内の目隠しウィンドウオブジェクトの全てのピクセルに対して、色属性を透明に変更処理が完了したかどうかを判断し、変更処理が完了していない場合はステップＳ８４に戻り、変更処理が完了し、透明である場合はサブルーチンを終了して、ステップＳ２に戻る。 In step S85, it is determined whether or not the process of changing the color attribute to transparent has been completed for all the pixels of the blindfolded window object in the elliptical area. If the change process has not been completed, the process returns to step S84 and the change is made. If the process is completed and the process is transparent, the subroutine is terminated and the process returns to step S2.
図１０は目隠しウィンドウ２６に透過窓２７を開けた状態を示す図であり、透過窓２７は、取得されたタッチ座標を中心として予め定められた大きさで作成され、この状態において、目隠しウィンドウ２６の背面に表示されている画像の一部が視認可能となる。尚、透過窓２７は本実施例において楕円形の形状としたが、正方形や長方形等の矩形でもよいし、遊び心を持たせた利用を図る上で星型等の形状でもよい。尚、透過窓２７の形状選択は、電子黒板アイコン２１に任意の透過窓形状を選択するためのアイコンを設けることで利用範囲は広がる。 FIG. 10 is a diagram illustrating a state in which the transparent window 27 is opened in the blindfolded window 26. The transparent window 27 is created with a predetermined size centered on the acquired touch coordinates. In this state, the blindfolded window 26 is displayed. A part of the image displayed on the back of the image becomes visible. Although the transmission window 27 has an elliptical shape in the present embodiment, it may have a rectangular shape such as a square or a rectangle, or may have a star shape or the like for the purpose of providing playfulness. Note that the range of use of the transparent window 27 can be selected by providing an icon for selecting an arbitrary transparent window shape on the electronic blackboard icon 21.
次に、ステップＳ３でタッチされた操作のタッチ検出位置が複数の電子黒板アイコン２１のアイコンであって２２の透過機能アイコン、または、２３の終了アイコン以外の電子黒板機能アイコンであった場合、ステップＳ９に進みその機能を実行し、処理が終了すればステップＳ２に戻る。 Next, when the touch detection position of the operation touched in step S3 is an icon of a plurality of electronic blackboard icons 21 and is an electronic blackboard function icon other than 22 transparent function icons or 23 end icons, step The process proceeds to S9 to execute the function, and when the process is completed, the process returns to Step S2.
ステップＳ３でタッチされた操作のタッチ検出位置がホワイトボード領域２０上である場合は、ステップＳ１１に進む。ステップＳ１１では、目隠しウィンドウ２６が表示されているか否かを判断する。目隠しウィンドウ２６が表示されている場合は、ステップＳ１２に進み、表示されていない場合はステップＳ１６に進む。 If the touch detection position of the operation touched in step S3 is on the whiteboard area 20, the process proceeds to step S11. In step S11, it is determined whether the blindfold window 26 is displayed. If the blindfold window 26 is displayed, the process proceeds to step S12. If not displayed, the process proceeds to step S16.
ステップＳ１２では、タッチされた位置の座標値「ｘｔ，ｙｔ」を取得し、ステップＳ１３で、その座標値が透過窓の外側か、境界上か、あるいは、内側かが判断され、透過窓の外側であった場合、ステップＳ１４に進む。 In step S12, the coordinate value “xt, yt” of the touched position is acquired. In step S13, it is determined whether the coordinate value is outside the transmission window, on the boundary, or inside, and outside the transmission window. If so, the process proceeds to step S14.
ステップＳ１４は、タッチされた位置の座標値が透過窓の外側の時の処理であり、第２の実施の形態となる。具体的動作については図５を用いて説明し、図１１、および、図１２で実施の形態について説明を行う。 Step S14 is processing when the coordinate value of the touched position is outside the transmission window, and is the second embodiment. The specific operation will be described with reference to FIG. 5, and the embodiment will be described with reference to FIGS.
ステップＳ１４で、タッチされた位置の座標値が透過窓の外側であった場合、図５のステップＳ１７に進む。ステップＳ１７では、タッチが継続されているか否かが判断され、継続している場合、ステップＳ１８に進む。ステップＳ１７で、タッチが継続されなかった場合、ステップＳ２に戻る。 If the coordinate value of the touched position is outside the transmission window in step S14, the process proceeds to step S17 in FIG. In step S17, it is determined whether or not the touch is continued. If the touch is continued, the process proceeds to step S18. If the touch is not continued in step S17, the process returns to step S2.
ステップＳ１８では、タッチ位置の座標の変化が検出され、変化後の座標値「ｘｔ２，ｙｔ２」が取得され、ステップＳ１９に進む。 In step S18, the change in the coordinates of the touch position is detected, the coordinate values “xt2, yt2” after the change are acquired, and the process proceeds to step S19.
ステップＳ１９では、座標値「ｘｔ２，ｙｔ２」が座標値「ｘｔ，ｙｔ」と比較され、同じであれば、ステップＳ１７に戻り、異なる場合、即ち、タッチ位置が移動した場合、ステップＳ２０に進む。この時の状態を示す図が図１１となる。指２４−１のタッチ位置が座標値「ｘｔ，ｙｔ」を示し、矢印方向の移動により指２４−２のタッチ位置が座標値「ｘｔ２，ｙｔ２」であることを示している。 In step S19, the coordinate value “xt2, yt2” is compared with the coordinate value “xt, yt”. If they are the same, the process returns to step S17, and if different, that is, if the touch position has moved, the process proceeds to step S20. FIG. 11 shows the state at this time. The touch position of the finger 24-1 indicates the coordinate value “xt, yt”, and the touch position of the finger 24-2 indicates the coordinate value “xt2, yt2” by movement in the arrow direction.
ステップＳ２０では、座標値「ｘｔ，ｙｔ」と座標値「ｘｔ２，ｙｔ２」に基づきドラッグの移動量「ｍ，ｎ」が算出され、ステップＳ２１に進む。 In step S20, the drag movement amount “m, n” is calculated based on the coordinate value “xt, yt” and the coordinate value “xt2, yt2”, and the process proceeds to step S21.
ステップＳ２１では、透過窓２７の中心の座標値「ｘｃ，ｙｃ」とドラッグの移動量「ｍ，ｎ」に基づき透過窓２７の移動先となる透過窓の中心座標として「ｘｃ２，ｙｃ２」が算出され、ステップＳ２２に進む。 In step S21, “xc2, yc2” is calculated as the center coordinates of the transmission window to which the transmission window 27 is moved based on the coordinate value “xc, yc” of the center of the transmission window 27 and the drag movement amount “m, n”. Then, the process proceeds to step S22.
ステップＳ２２では、新たに算出された座標「ｘｃ２，ｙｃ２」を中心として透過窓が再描画され、ステップＳ１７に戻る。尚、この時の状態を示す図が図１２であり、透過窓２７が元の場所から移動したことを示している。 In step S22, the transmission window is redrawn around the newly calculated coordinates “xc2, yc2”, and the process returns to step S17. FIG. 12 shows the state at this time, and shows that the transmission window 27 has moved from its original location.
以上の処理が示すように、本実施例では、透過窓以外のホワイトボード領域の何れの場所でも透過窓が自由に移動できる操作が行える。この機能を、学校教育の現場で利用した場合、操作者である教師がどの場所にいても透過窓の移動操作を行うことが可能となり、利便性の高い表示システムとなる。 As the above processing shows, in this embodiment, an operation can be performed in which the transmission window can be freely moved anywhere in the whiteboard area other than the transmission window. When this function is used in the field of school education, it becomes possible for the teacher as an operator to move the transmissive window at any location, and the display system is highly convenient.
次に、ステップＳ１３で、座標値が透過窓の境界上であった場合、ステップＳ１５に進む。 Next, in step S13, when the coordinate value is on the boundary of the transmission window, the process proceeds to step S15.
ステップＳ１５は、タッチされた位置の座標値が透過窓の境界上であった場合の処理であり、第３の実施の形態となる。境界上とは透過窓の枠から外側乃至内側に予め定められる境界領域が定められており、その境界領域に対するタッチ操作があった場合のことを言う。具体的動作については図６を用いて説明し、図１３、および、図１４に基づき実施の形態について説明を行う。 Step S15 is processing when the coordinate value of the touched position is on the boundary of the transmission window, and is the third embodiment. “On the boundary” refers to a case where a predetermined boundary region is defined outside or inside from the frame of the transmission window, and a touch operation is performed on the boundary region. A specific operation will be described with reference to FIG. 6, and the embodiment will be described with reference to FIGS. 13 and 14.
図６のステップＳ２３で、タッチが継続されているか否かが判断され、継続している場合、ステップＳ２４に進む。ステップＳ２３で、タッチが継続されなかった場合、ステップＳ２に戻る。 In step S23 of FIG. 6, it is determined whether or not the touch is continued. If the touch is continued, the process proceeds to step S24. If the touch is not continued in step S23, the process returns to step S2.
ステップＳ２４では、タッチ位置の座標の変化が検出され、変化後の座標値「ｘｔ３，ｙｔ３」が取得され、ステップＳ２５に進む。 In step S24, a change in the coordinate of the touch position is detected, and the coordinate value “xt3, yt3” after the change is acquired, and the process proceeds to step S25.
ステップＳ２５では、座標値「ｘｔ３，ｙｔ３」と座標値「ｘｔ，ｙｔ」とが比較され、同じであれば、ステップＳ２３に戻り、異なる場合、即ち、タッチ位置が移動した場合、ステップＳ２６に進む。この時の状態を示す図が図１３となる。指２４−３のタッチ位置が座標値「ｘｔ，ｙｔ」を示し、矢印方向の移動による指２４−４のタッチ位置が座標値「ｘｔ３，ｙｔ３」であることを示している。 In step S25, the coordinate values “xt3, yt3” and the coordinate values “xt, yt” are compared. If they are the same, the process returns to step S23, and if they are different, that is, if the touch position has moved, the process proceeds to step S26. . FIG. 13 shows the state at this time. The touch position of the finger 24-3 indicates the coordinate value “xt, yt”, and the touch position of the finger 24-4 by the movement in the arrow direction indicates the coordinate value “xt3, yt3”.
ステップＳ２６で、座標値「ｘｔ３，ｙｔ３」が透過窓２７の内側か外側かが判断され、判断結果が外側である場合はステップＳ２７に進み、内側である場合はステップＳ２８に進む。本実施例では、座標値「ｘｔ３，ｙｔ３」は透過窓２７の外側である場合を示している。 In step S26, it is determined whether the coordinate value “xt3, yt3” is inside or outside the transmission window 27. If the determination result is outside, the process proceeds to step S27, and if it is inside, the process proceeds to step S28. In the present embodiment, the coordinate values “xt3, yt3” are outside the transmission window 27.
ステップＳ２７で、透過窓２７のサイズを拡大処理を行い、ステップＳ２３に戻る。この時の状態を示す図が図１４であり、透過窓２７が拡大したことを示している。尚、実施の形態の例示は省略するが、ステップＳ２８では透過窓２７を縮小する処理を行う。 In step S27, the transmission window 27 is enlarged, and the process returns to step S23. FIG. 14 shows a state at this time, and shows that the transmission window 27 is enlarged. In addition, although illustration of embodiment is abbreviate | omitted, the process which reduces the permeation | transmission window 27 is performed in step S28.
以上の処理が示すように、透過窓の拡大と縮小が自由にできる操作が行える。この機能を、学校教育の現場で利用した場合、操作者である教師が透過窓のサイズを自由に操作することが可能となり、利便性の高い表示システムとなる。 As the above processing shows, an operation that allows the transmission window to be freely enlarged and reduced can be performed. When this function is used in the field of school education, a teacher as an operator can freely operate the size of the transparent window, and the display system is highly convenient.
次に、ステップＳ１３で、座標値が透過窓の内側であった場合、ステップＳ１６に進む。尚、ステップＳ１１において目隠しウィンドウが表示されていない場合もステップＳ１６に進む。 Next, when the coordinate value is inside the transmission window in step S13, the process proceeds to step S16. In addition, also when the blindfold window is not displayed in step S11, it progresses to step S16.
ステップＳ１６は、タッチされた位置の座標値が透過窓の内側であった場合の処理であり、第４の実施の形態となる。具体的例については図１５の通り、操作ペン２５により透過窓２７の内側に任意の書き込みが可能となる。尚、指による書き込みも可能となっている。 Step S16 is processing when the coordinate value of the touched position is inside the transmission window, and is the fourth embodiment. As a specific example, as shown in FIG. 15, arbitrary writing can be performed inside the transmission window 27 by the operation pen 25. Note that writing with a finger is also possible.
以上のように構成される表示システム１０の記憶部１３に記憶される表示プログラムは、タッチパネル部および表示部を備えるコンピュータを表示システム１０として機能させるプログラムである。この表示プログラムは、従来公知の、コンピュータ読み取り可能な記録媒体に記録できる。上記表示プログラムを記録媒体に記録することで、表示プログラムに基づく処理を実行するためのプログラムコード（実行形式プログラム、中間コードプログラム、ソースプログラムなど）を記録した記録媒体を持ち運び自在に提供することができる。 The display program stored in the storage unit 13 of the display system 10 configured as described above is a program that causes a computer including a touch panel unit and a display unit to function as the display system 10. This display program can be recorded on a conventionally known computer-readable recording medium. By recording the display program on a recording medium, it is possible to provide a portable recording medium on which a program code (execution format program, intermediate code program, source program, etc.) for executing processing based on the display program is recorded. it can.
なお、記録媒体は、マイクロコンピュータが処理を行うためのメモリ、たとえばＲＯＭ（Read Only Memory）のようなプログラムメディアであってもよいし、または、コンピュータが外部記憶装置として備えるプログラム読取装置に挿入することで読み取られるプログラムメディアであってもよい。 The recording medium may be a memory for the microcomputer to perform processing, for example, a program medium such as a ROM (Read Only Memory), or may be inserted into a program reading device provided as an external storage device in the computer. It may be a program medium that can be read.
記録媒体に格納されているプログラムは、マイクロプロセッサが記録媒体にアクセスして実行する方式であってもよいし、または、マイクロプロセッサが記録媒体からプログラムコードを読み出し、読み出されたプログラムコードがマイクロコンピュータのプログラム記憶エリアにダウンロードされることで、そのプログラムが実行される方式であってもよい。このダウンロード用のプログラムは予め本体装置に格納されているものとする。 The program stored in the recording medium may be a system in which the microprocessor accesses the recording medium and executes the program, or the microprocessor reads the program code from the recording medium, and the read program code is the micro program. The program may be executed by being downloaded to the program storage area of the computer. It is assumed that this download program is stored in the main device in advance.
ここで、上記プログラムメディアは、本体と分離可能に構成される記録媒体であり、磁気テープ、カセットテープなどのテープ系、フレキシブルディスク、ハードディスクなどの磁気ディスク、ＣＤ−ＲＯＭ（Compact Disc - Read Only Memory）、ＭＯ（Magneto Optical disc）、ＭＤ（Mini Disc）、ＤＶＤ（Digital Versatile Disc）などの光ディスクのディスク系、ＩＣカード（メモリカードを含む）、光カードなどのカード系、あるいはマスクＲＯＭ、ＥＰＲＯＭ（Erasable Programmable Read Only Memory）、ＥＥＰＲＯＭ（登録商標）、フラッシュＲＯＭなどによる半導体メモリを含めた固定的にプログラムコードを担持する媒体であってもよい。 Here, the program medium is a recording medium configured to be separable from the main body, and includes a tape system such as a magnetic tape and a cassette tape, a magnetic disk such as a flexible disk and a hard disk, and a CD-ROM (Compact Disc-Read Only Memory). ), Optical disk such as MO (Magneto Optical disc), MD (Mini Disc), DVD (Digital Versatile Disc), card system such as IC card (including memory card), optical card, mask ROM, EPROM ( It may be a medium carrying a fixed program code including a semiconductor memory such as an Erasable Programmable Read Only Memory), an EEPROM (registered trademark), or a flash ROM.
また、コンピュータが、インターネットを含む通信ネットワークを接続可能なシステム構成であれば、記録媒体は、通信ネットワークからプログラムコードをダウンロードするように、流動的にプログラムコードを担持する媒体であってもよい。なお、このように通信ネットワークからプログラムをダウンロードする場合には、そのダウンロード用のプログラムは予め本体装置に格納しておくか、または他の記録媒体からインストールしておく。また、上記表示プログラムは、上記プログラムコードが電子的な伝送で具現化された、搬送波に埋め込まれたコンピュータデータ信号の形態でも実現され得る。 In addition, if the computer has a system configuration capable of connecting to a communication network including the Internet, the recording medium may be a medium that dynamically carries the program code so as to download the program code from the communication network. When the program is downloaded from the communication network as described above, the download program is stored in the main device in advance or installed from another recording medium. The display program can also be realized in the form of a computer data signal embedded in a carrier wave in which the program code is embodied by electronic transmission.
１０ 表示システム
１１ 表示部
１２ タッチ検出部
１３ 記憶部
１４ 制御部
２０ ホワイトボード領域
２１ 電子黒板アイコン
２２ 透過機能アイコン
２４ 指
２５ 操作ペン
DESCRIPTION OF SYMBOLS 10 Display system 11 Display part 12 Touch detection part 13 Memory | storage part 14 Control part 20 White board area | region 21 Electronic blackboard icon 22 Transparent function icon 24 Finger 25 Operation pen
Claims (5)
画面に画像を表示する表示部と、
前記画面に対するタッチ操作が行われた位置を示す情報である位置情報を検出するタッチ検出部とを備え、
前記表示部に表示された画像を隠すための目隠しウィンドウを表示し、
前記目隠しウィンドウが表示された状態で画面にタッチすることで前記タッチ検出部がタッチ位置を検出し、前記タッチ位置に透過窓を開く制御部と、を含むことを特徴とする表示システム。 In a display system that performs an operation according to each touch operation when a touch operation on the screen is performed,
A display for displaying an image on the screen;
A touch detection unit that detects position information that is information indicating a position where a touch operation on the screen is performed;
Displaying a blindfold window for hiding the image displayed on the display unit;
A display system comprising: a control unit that detects a touch position by touching a screen in a state where the blindfolded window is displayed, and opens a transparent window at the touch position.
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の領域か否かを判断し、領域外の場合にタッチ位置の移動を検出し、当該タッチ位置の移動する方向に前記透過窓を移動する制御を含むことを特徴とする請求項１に記載の表示システム。 The controller is
When the screen on which the blind window is displayed is touched in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is an area of the transparent window. The display system according to claim 1, further comprising a control for detecting movement and moving the transmission window in a direction in which the touch position moves.
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の窓枠部か否かを判断し、窓枠部の場合にタッチ位置の移動量を検出し、当該タッチ位置の移動する量に応じて前記透過窓サイズを変更する制御を含むことを特徴とする請求項１に記載の表示システム。 The controller is
When touching the screen on which the blind window is displayed in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is the window frame part of the transparent window. The display system according to claim 1, further comprising a control for detecting a movement amount of the touch position and changing the transmission window size according to the movement amount of the touch position.
前記表示部に前記透過窓が生成された状態で前記目隠しウィンドウが表示された画面にタッチした場合、当該タッチ位置が前記透過窓の領域か否かを判断し、領域内の場合にタッチ位置の移動を検出し、当該タッチ位置の移動に応じて線を描画する制御を含むことを特徴とする請求項１乃至３に記載の表示システム。 The controller is
When touching the screen on which the blindfold window is displayed in a state where the transparent window is generated on the display unit, it is determined whether or not the touch position is the area of the transparent window. The display system according to claim 1, further comprising a control for detecting a movement and drawing a line according to the movement of the touch position.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013134746A JP2015011429A (en) | 2013-06-27 | 2013-06-27 | Display system and display program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013134746A JP2015011429A (en) | 2013-06-27 | 2013-06-27 | Display system and display program |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2015011429A true JP2015011429A (en) | 2015-01-19 |
Family
ID=52304561
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2013134746A Pending JP2015011429A (en) | 2013-06-27 | 2013-06-27 | Display system and display program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2015011429A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPWO2018061383A1 (en) * | 2016-09-28 | 2019-02-28 | 富士フイルム株式会社 | 3D image projection apparatus and method, and 3D image projection control program |
-
2013
- 2013-06-27 JP JP2013134746A patent/JP2015011429A/en active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPWO2018061383A1 (en) * | 2016-09-28 | 2019-02-28 | 富士フイルム株式会社 | 3D image projection apparatus and method, and 3D image projection control program |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10452333B2 (en) | User terminal device providing user interaction and method therefor | |
| KR102339674B1 (en) | Apparatus and Method for displaying | |
| KR102203885B1 (en) | User terminal device and control method thereof | |
| JP6264293B2 (en) | Display control apparatus, display control method, and program | |
| US9411484B2 (en) | Mobile device with memo function and method for controlling the device | |
| EP2806339A1 (en) | Method and apparatus for displaying a picture on a portable device | |
| US20090178011A1 (en) | Gesture movies | |
| JP6161936B2 (en) | Bookmark setting method and apparatus for electronic book | |
| KR20140046346A (en) | Multi display apparatus and method for contorlling thereof | |
| EP3511806B1 (en) | Method and apparatus for displaying a picture on a portable device | |
| BR112015029209B1 (en) | ELECTRONIC DEVICE AND METHOD OF DISPLAYING AN ELECTRONIC DEVICE | |
| US8762840B1 (en) | Elastic canvas visual effects in user interface | |
| US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
| KR102205283B1 (en) | Electro device executing at least one application and method for controlling thereof | |
| JP2014241030A (en) | Graph display device, program, and server device | |
| KR101421369B1 (en) | Terminal setting touch lock layer and method thereof | |
| KR20180011651A (en) | Method for providing user interface related to note and electronic device for the same | |
| US9552797B2 (en) | Map display device and map display method | |
| US20140298224A1 (en) | Map display device and map display method | |
| JP2015011429A (en) | Display system and display program | |
| JP6800714B2 (en) | Electronic equipment and display control method | |
| JP5957026B2 (en) | Input region generation method, generation device, and generation program | |
| JP5908326B2 (en) | Display device and display program | |
| JP5779422B2 (en) | Display system and display program | |
| KR20100107611A (en) | Apparatus and method for controlling terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| RD04 | Notification of resignation of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7424 Effective date: 20150423 |