JP6950188B2

JP6950188B2 - Information processing device, program, and control method of information processing device

Info

Publication number: JP6950188B2
Application number: JP2017014637A
Authority: JP
Inventors: 唯神間
Original assignee: Brother Industries Ltd
Current assignee: Brother Industries Ltd
Priority date: 2017-01-30
Filing date: 2017-01-30
Publication date: 2021-10-13
Anticipated expiration: 2037-01-30
Also published as: JP2018124344A

Description

本明細書に開示されている技術は、表示部に画像を表示させる処理を複数のアプリケーションに実行させる情報処理装置等に関する。 The technology disclosed in the present specification relates to an information processing device or the like that causes a plurality of applications to execute a process of displaying an image on a display unit.

情報処理装置の表示部に、複数の画像を同時に表示させる場合がある。なお、関連する技術が、特許文献１に記載されている。 A plurality of images may be displayed simultaneously on the display unit of the information processing device. The related technique is described in Patent Document 1.

特開２００２−７０１６号公報Japanese Unexamined Patent Publication No. 2002-7016

１の画像に他の画像を重ねて表示させる場合、表示された各々の画像の境界が視認し難くなる場合がある。境界が視認し難いことによって、ユーザが誤った操作を行ってしまう場合が生じるため、ユーザの利便性を阻害してしまう。 When another image is superimposed on one image and displayed, the boundary of each displayed image may be difficult to see. Since the boundary is difficult to see, the user may perform an erroneous operation, which hinders the convenience of the user.

本明細書に開示されている情報処理装置は、表示部と、第１画像を表示部に表示させる第１のプログラム、および、第１画像が表示部に表示されている状態で第２画像を表示部に表示させる第２のプログラムがインストールされた記憶部と、第１のプログラムおよび第２のプログラムを実行することで各種の手段として機能する制御部と、を備える情報処理装置であって、表示部の画像表示領域内に、第１画像および第１画像の背景として第１背景画像を含む第１画面を表示する第１表示手段として、第１のプログラムは制御部を機能させ、第１表示手段によって表示された第１背景画像の第１表示態様を制御部に認識させる第１認識手段として、第２のプログラムは制御部を機能させ、第１表示手段によって表示された第１画面上に、第１認識手段により認識させた第１背景画像の第１表示態様とは異なる第２表示態様で第２画像を表示する第２表示手段として、第２のプログラムは制御部を機能させることを特徴とする。 The information processing apparatus disclosed in the present specification includes a display unit, a first program for displaying the first image on the display unit, and a second image in a state where the first image is displayed on the display unit. An information processing device including a storage unit in which a second program to be displayed on the display unit is installed, and a control unit that functions as various means by executing the first program and the second program. As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program causes the control unit to function and the first program is used. As the first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the display means, the second program causes the control unit to function on the first screen displayed by the first display means. In addition, as a second display means for displaying the second image in a second display mode different from the first display mode of the first background image recognized by the first recognition means, the second program causes the control unit to function. It is characterized by.

上記の情報処理装置は、表示部に表示された第１画面の第１背景画像の第１表示態様を認識する。そして、認識した第１背景画像の第１表示態様とは異なる第２表示態様で第２画像を第１画面上に表示する。第１背景画像の第１表示態様と第２画像の第２表示態様とが、異なる態様で表示されるため、第１背景画像と第２画像の境界の視認性が悪化しない。 The information processing device recognizes the first display mode of the first background image of the first screen displayed on the display unit. Then, the second image is displayed on the first screen in a second display mode different from the first display mode of the recognized first background image. Since the first display mode of the first background image and the second display mode of the second image are displayed in different modes, the visibility of the boundary between the first background image and the second image does not deteriorate.

通信システムの構成を示す。The configuration of the communication system is shown. メインアプリ２１ａの動作フロー図を示す。The operation flow diagram of the main application 21a is shown. フローティングアプリ２１ｂの動作フロー図を示す。The operation flow diagram of the floating application 21b is shown. フローティングアプリ２１ｂの動作フロー図を示す。The operation flow diagram of the floating application 21b is shown. フローティングアプリ２１ｂの動作フロー図を示す。The operation flow diagram of the floating application 21b is shown. 変形例におけるフローティングアプリ２１ｂの動作フロー図を示す。The operation flow diagram of the floating application 21b in the modification is shown. 画像表示領域Ｅ１への表示例を示す。An example of display in the image display area E1 is shown. 第２画像Ｒ２の一例を示す。An example of the second image R2 is shown. 画像表示領域Ｅ１への表示例を示す（所定文字列Ｃ１を含む）。An example of display in the image display area E1 is shown (including a predetermined character string C1). 画像表示領域Ｅ１への表示例を示す（表示態様を変更した第２画像Ｒ２を含む）。An example of display in the image display area E1 is shown (including the second image R2 in which the display mode is changed). エッジ線の形状を変更した第２画像Ｒ２の一例を示す。An example of the second image R2 in which the shape of the edge line is changed is shown. 画像表示領域Ｅ１への表示例を示す（表示態様を変更した第２特定領域Ｓ２を含む）。An example of display in the image display area E1 is shown (including the second specific area S2 in which the display mode is changed). 画像表示領域Ｅ１への表示例を示す（表示態様を変更した第１特定領域Ｓ１を含む）。An example of display in the image display area E1 is shown (including the first specific area S1 in which the display mode is changed).

（通信システムの構成）
図１に本願に係る実施形態として例示される通信システム１のブロック図を示す。通信システム１は、携帯電話１０、プリンタ１１０、アクセスポイント６２を備えている。アクセスポイント６２は、既知の中継装置である。 (Communication system configuration)
FIG. 1 shows a block diagram of a communication system 1 exemplified as an embodiment according to the present application. The communication system 1 includes a mobile phone 10, a printer 110, and an access point 62. The access point 62 is a known relay device.

（携帯電話１０の構成）
携帯電話１０は、Ａｎｄｒｏｉｄ（Google Inc.の登録商標）のプラットフォームを搭載した携帯電話である。携帯電話１０は、ＣＰＵ１１、記憶部１２、ボタン入力部１７、表示部１８、座標検出部１９、無線ＬＡＮインタフェース２２、カメラ部２７、を主に備えている。ＣＰＵ１１は、記憶部１２に記憶されるプログラムや、無線ＬＡＮインタフェース２２を介して送受信される各種信号などに従って、各機能の制御を行う。また、ＣＰＵ１１は、プログラムを読み取ることで、各種の手段として機能する。本明細書では、インタフェースのことを「Ｉ／Ｆ」と記載する場合がある。 (Configuration of mobile phone 10)
The mobile phone 10 is a mobile phone equipped with a platform of Android (registered trademark of Google Inc.). The mobile phone 10 mainly includes a CPU 11, a storage unit 12, a button input unit 17, a display unit 18, a coordinate detection unit 19, a wireless LAN interface 22, and a camera unit 27. The CPU 11 controls each function according to a program stored in the storage unit 12, various signals transmitted and received via the wireless LAN interface 22, and the like. Further, the CPU 11 functions as various means by reading the program. In this specification, the interface may be referred to as "I / F".

無線ＬＡＮ＿Ｉ／Ｆ２２は、アクセスポイント６２との間で無線通信２０２を行う。ボタン入力部１７は、携帯電話１０の各機能を実行するためのキーである。ボタン入力部１７の一例としては、ハードウェアキーが挙げられる。表示部１８は、画像表示領域Ｅ１（図７参照）に携帯電話１０の各種機能を表示する。座標検出部１９は、パネル１８の表示領域内へ指示体（例：ユーザの指先）が接触または近接した位置を示す座標である、指示座標を検出する部位である。座標検出部１９は、表示部１８と一体に構成されることで、タッチパネル２０として機能する。座標検出部１９は、同時に複数の指示座標を検出することが可能とされている。カメラ部２７は、携帯電話１０に搭載されているカメラである。 The wireless LAN_I / F22 performs wireless communication 202 with the access point 62. The button input unit 17 is a key for executing each function of the mobile phone 10. An example of the button input unit 17 is a hardware key. The display unit 18 displays various functions of the mobile phone 10 in the image display area E1 (see FIG. 7). The coordinate detection unit 19 is a portion that detects the indicated coordinates, which is the coordinates indicating the position where the indicator (eg, the fingertip of the user) is in contact with or close to the display area of the panel 18. The coordinate detection unit 19 functions as a touch panel 20 by being integrally configured with the display unit 18. The coordinate detection unit 19 is capable of detecting a plurality of indicated coordinates at the same time. The camera unit 27 is a camera mounted on the mobile phone 10.

記憶部１２は、プログラム２１を備えている。なお、記憶部１２は、ＲＡＭ、ＲＯＭ、フラッシュメモリ、ＨＤＤ、ＳＤカード（ＳＤアソシエーションの登録商標）、などが組み合わされて構成されているとしてもよい。プログラム２１は、メインアプリケーション２１ａ、フローティングアプリケーション２１ｂ、オペレーティングシステム２１ｇ（以下、ＯＳ２１ｇと記載する場合がある。）を主に備えている。ＯＳ２１ｇは、ＡｎｄｒｏｉｄプラットフォームのＯＳである。メインアプリケーション２１ａ及びフローティングアプリケーション２１ｂの各々は、Ａｎｄｒｏｉｄ用のアプリケーションである。以下、本明細書では、アプリケーションのことを「アプリ」と省略して記載する場合がある。また、以下では、メインアプリケーション２１ａやオペレーティングシステム２１ｇなど、プログラムを実行するＣＰＵ１１のことを、単にプログラム名で記載する場合がある。例えば、「メインアプリケーション２１ａが」という記載は、「メインアプリケーション２１ａを実行するＣＰＵ１１が」を意味する場合がある。 The storage unit 12 includes a program 21. The storage unit 12 may be configured by combining a RAM, a ROM, a flash memory, an HDD, an SD card (a registered trademark of the SD Association), and the like. The program 21 mainly includes a main application 21a, a floating application 21b, and an operating system 21g (hereinafter, may be referred to as OS 21g). OS 21g is the OS of the Android platform. Each of the main application 21a and the floating application 21b is an application for Android. Hereinafter, in this specification, the application may be abbreviated as "application". Further, in the following, the CPU 11 that executes the program, such as the main application 21a and the operating system 21g, may be simply described by the program name. For example, the description "main application 21a" may mean "the CPU 11 that executes the main application 21a".

メインアプリ２１ａは、本実施形態の説明例では、無線ＬＡＮ＿Ｉ／Ｆ２２を介してプリンタ１１０に印刷を実行させるためのアプリである。メインアプリ２１ａが画像表示領域Ｅ１に表示するホーム画面Ｇ１の一例を図７に示す。ホーム画面Ｇ１は、画像表示領域Ｅ１内に、第１画像Ｒ１、第１背景画像Ｂ１を含んでいる。第１画像Ｒ１は、メインアプリ２１ａによって表示部１８に表示される画像である。第１画像Ｒ１の一例として、図７にボタン画像１１５、１１６、１１７、１１８および文字列画像１１９を示す。ボタン画像１１５〜１１８および文字列画像１１９のそれぞれが第１画像Ｒ１に相当する。ボタン画像１１５は、プリント処理をプリンタ１１０に実行させる指示の入力を受け付けるための画像である。ボタン画像１１６は、スキャン処理をプリンタ１１０に実行させる指示の入力を受け付けるための画像である。ボタン画像１１７は、ＦＡＸ処理をプリンタ１１０に実行させる指示の入力を受け付けるための画像である。ボタン画像１１８は、プリンタ１１０の各種機能の状態を示す画面を表示させる指示の入力を受け付けるための画像である。 In the description example of this embodiment, the main application 21a is an application for causing the printer 110 to execute printing via the wireless LAN_I / F22. FIG. 7 shows an example of the home screen G1 displayed by the main application 21a in the image display area E1. The home screen G1 includes a first image R1 and a first background image B1 in the image display area E1. The first image R1 is an image displayed on the display unit 18 by the main application 21a. As an example of the first image R1, FIG. 7 shows button images 115, 116, 117, 118 and a character string image 119. Each of the button image 115 to 118 and the character string image 119 corresponds to the first image R1. The button image 115 is an image for receiving an input of an instruction for causing the printer 110 to execute the print process. The button image 116 is an image for receiving an input of an instruction to cause the printer 110 to execute the scanning process. The button image 117 is an image for receiving an input of an instruction to cause the printer 110 to execute the FAX process. The button image 118 is an image for receiving an input of an instruction for displaying a screen showing the state of various functions of the printer 110.

第１背景画像Ｂ１は、第１画像Ｒ１の背景としての画像である。すなわち、画像表示領域Ｅ１内において、第１画像Ｒ１が表示されていない領域が第１背景画像Ｂ１に相当する。第１画像Ｒ１および第１背景画像Ｂ１により、ホーム画面Ｇ１が構成されている。メインアプリ２１ａは、第１背景画像Ｂ１の表示態様である第１表示態様を示す表示態様情報を有している。メインアプリ２１ａは、表示態様情報を記憶部１２に記憶させている。第１表示態様および表示態様情報については後述する。 The first background image B1 is an image as a background of the first image R1. That is, in the image display area E1, the area where the first image R1 is not displayed corresponds to the first background image B1. The home screen G1 is composed of the first image R1 and the first background image B1. The main application 21a has display mode information indicating the first display mode, which is the display mode of the first background image B1. The main application 21a stores the display mode information in the storage unit 12. The first display mode and display mode information will be described later.

フローティングアプリ２１ｂは、メインアプリ２１ａがホーム画面Ｇ１を表示している画面上に、さらに第２画像Ｒ２を表示させることができるアプリである。本実施形態の説明例では、フローティングアプリ２１ｂは、メインアプリ２１ａが有する各種機能に対する評価、コメント等をユーザに示す第２画像Ｒ２を表示するアプリである。第２画像Ｒ２の一例を図８に示す。第２画像Ｒ２は、閉じたエッジ線Ｌ１によって囲われた本体画像Ｍ１と、エッジ線Ｌ１内の領域であって本体画像Ｍ１以外の領域である第２背景画像Ｂ２を備えている。フローティングアプリ２１ｂは、表示された第２画像Ｒ２に対するタップ入力を受け付けると、例えば、評価、コメント等を書き込むための画像を表示する。フローティングアプリ２１ｂは、第２画像Ｒ２を第２表示態様で表示する。また、第２画像Ｒ２の表示態様である第２表示態様を変更して、第２画像Ｒ２を画像表示領域Ｅ１に表示させることができる。第２表示態様、および、第２表示態様の変更については後述する。 The floating application 21b is an application capable of further displaying the second image R2 on the screen on which the main application 21a is displaying the home screen G1. In the explanatory example of the present embodiment, the floating application 21b is an application that displays a second image R2 that shows the user an evaluation, a comment, or the like for various functions of the main application 21a. An example of the second image R2 is shown in FIG. The second image R2 includes a main body image M1 surrounded by a closed edge line L1 and a second background image B2 which is a region within the edge line L1 and is a region other than the main body image M1. When the floating application 21b receives the tap input for the displayed second image R2, for example, the floating application 21b displays an image for writing an evaluation, a comment, or the like. The floating application 21b displays the second image R2 in the second display mode. Further, the second display mode, which is the display mode of the second image R2, can be changed to display the second image R2 in the image display area E1. The second display mode and the change of the second display mode will be described later.

メインアプリ２１ａおよびフローティングアプリ２１ｂは、プリンタ１１０のベンダによって提供されるアプリであってもよい。メインアプリ２１ａおよびフローティングアプリ２１ｂは、インターネット上の図示しないサーバから携帯電話１０にインストールされてもよいし、プリンタ１１０と共に出荷されるメディアから携帯電話１０にインストールされてもよい。 The main application 21a and the floating application 21b may be applications provided by the vendor of the printer 110. The main application 21a and the floating application 21b may be installed on the mobile phone 10 from a server (not shown) on the Internet, or may be installed on the mobile phone 10 from the media shipped together with the printer 110.

ＯＳ２１ｇは、メインアプリ２１ａおよびフローティングアプリ２１ｂに共通して利用される基本的な機能を提供するプログラムである。また、ＯＳ２１ｇは、メインアプリ２１ａおよびフローティングアプリ２１ｂの起動を制御する機能を備えている。また、ＯＳ２１ｇは、記憶部１２、ボタン入力部１７、表示部１８、座標検出部１９などの各種の構成要素を制御する機能を備えている。ＯＳ２１ｇのＡＰＩ（Application Programming Interfaceの略）を、メインアプリ２１ａやフローティングアプリ２１ｂなどのアプリケーションが用いることにより、アプリケーション間でデータの受け渡しを行う共有機能が実現される。 The OS 21g is a program that provides basic functions commonly used by the main application 21a and the floating application 21b. Further, the OS 21g has a function of controlling the activation of the main application 21a and the floating application 21b. Further, the OS 21g has a function of controlling various components such as a storage unit 12, a button input unit 17, a display unit 18, and a coordinate detection unit 19. By using the API (abbreviation of Application Programming Interface) of OS 21g by applications such as the main application 21a and the floating application 21b, a sharing function for transferring data between applications is realized.

インテントテーブル１４は、インテントを記憶する領域である。インテントとは、Ａｎｄｒｏｉｄプラットフォームにおいて、アプリケーション間でやり取りするメッセージの役割を果たす情報である。インテントは、文字列である。インテントを送信することで、他アプリケーションの呼び出しや、アプリケーション内の画面遷移などを行うことができる。すなわち、インテントにより、Ａｎｄｒｏｉｄの中の共有元アプリケーションと、共有先アプリケーションとの間に、橋渡しをすることが可能となる。 The intent table 14 is an area for storing intents. An intent is information that acts as a message exchanged between applications on the Android platform. The intent is a string. By sending an intent, it is possible to call other applications and perform screen transitions within the application. That is, the intent makes it possible to bridge between the sharing source application and the sharing destination application in Android.

（プリンタ１１０の構成）
プリンタ１１０は、印刷機能を実行可能な周辺機器（すなわち、ＰＣ等の周辺機器）である。プリンタ１１０は、無線通信２０１及び無線通信２０２を介して携帯電話１０と通信することが可能である。プリンタ１１０の構成については、従来公知の構成を用いることができるため、その詳細な説明を省略する。 (Configuration of printer 110)
The printer 110 is a peripheral device (that is, a peripheral device such as a PC) capable of executing a printing function. The printer 110 can communicate with the mobile phone 10 via the wireless communication 201 and the wireless communication 202. As for the configuration of the printer 110, a conventionally known configuration can be used, and a detailed description thereof will be omitted.

（メインアプリ２１ａの動作）
次に、図２を用いて、メインアプリ２１ａの動作を説明する。Ｓ１０において、ユーザがボタン入力部１７を介してメインアプリ２１ａを起動させる操作を入力すると、ＣＰＵ１１は、ＯＳ２１ｇに基づいてメインアプリ２１ａを起動する。 (Operation of main application 21a)
Next, the operation of the main application 21a will be described with reference to FIG. In S10, when the user inputs an operation to start the main application 21a via the button input unit 17, the CPU 11 starts the main application 21a based on the OS 21g.

Ｓ２０においてメインアプリ２１ａは、フローティングアプリ２１ｂと通信可能か否かを判断する。肯定判断される場合（Ｓ２０：ＹＥＳ）にはＳ３０へ進み、否定判断される場合（Ｓ２０：ＮＯ）にはＳ７０へ進む。なお、Ｓ２０において肯定判断される場合、メインアプリ２１ａとフローティングアプリ２１ｂの間の通信は、インテントを介して行われる。具体的には、メインアプリ２１ａが情報をインテントにセットし、ＯＳ２１ｇのＡＰＩを利用して、フローティングアプリ２１ｂを呼び出す。そして、フローティングアプリ２１ｂが、インテントにセットされた情報を読み出すことにより、メインアプリ２１ａとフローティングアプリ２１ｂの間の通信が行われる。メインアプリ２１ａは、ＯＳ２１ｇの共有機能を用いて、フローティングアプリ２１ｂを呼び出してもよい。以後の記載においても、メインアプリ２１ａとフローティングアプリ２１ｂとの間の通信は、特にインテントに関する記載がない場合においても、インテントを介して行われるものとする。 In S20, the main application 21a determines whether or not communication with the floating application 21b is possible. If a positive judgment is made (S20: YES), the process proceeds to S30, and if a negative judgment is made (S20: NO), the process proceeds to S70. If the affirmative judgment is made in S20, the communication between the main application 21a and the floating application 21b is performed via the intent. Specifically, the main application 21a sets the information in the intent, and uses the API of the OS 21g to call the floating application 21b. Then, the floating application 21b reads out the information set in the intent, so that communication between the main application 21a and the floating application 21b is performed. The main application 21a may call the floating application 21b by using the sharing function of the OS 21g. In the following description as well, communication between the main application 21a and the floating application 21b shall be performed via the intent even if there is no particular description regarding the intent.

Ｓ３０においてメインアプリ２１ａは、フローティングアプリ２１ｂが起動しているか否かを判断する。肯定判断される場合（Ｓ３０：ＹＥＳ）にはＳ５０へ進み、否定判断される場合（Ｓ３０：ＮＯ）にはＳ４０へ進む。 In S30, the main application 21a determines whether or not the floating application 21b is running. If a positive judgment is made (S30: YES), the process proceeds to S50, and if a negative judgment is made (S30: NO), the process proceeds to S40.

Ｓ４０においてメインアプリ２１ａは、ＯＳ２１ｇへフローティングアプリ２１ｂの起動を指示する。フローティングアプリ２１ｂが起動していない場合、この処理によりフローティングアプリ２１ｂが起動する。 In S40, the main application 21a instructs the OS 21g to start the floating application 21b. If the floating application 21b is not started, this process starts the floating application 21b.

Ｓ５０においてメインアプリ２１ａは、第１背景画像Ｂ１の第１表示態様を示す表示態様情報を記憶部１２から読み出す。本実施形態の説明例では、第１表示態様は第１背景画像Ｂ１を構成する画素の各々の色であり、表示態様情報は第１背景画像Ｂ１を構成する画素の各々の色を示す色情報である。 In S50, the main application 21a reads out the display mode information indicating the first display mode of the first background image B1 from the storage unit 12. In the explanatory example of the present embodiment, the first display mode is the color of each pixel constituting the first background image B1, and the display mode information is the color information indicating each color of the pixels constituting the first background image B1. Is.

Ｓ６０においてメインアプリ２１ａは、読み出した色情報をフローティングアプリ２１ｂへ送信する。 In S60, the main application 21a transmits the read color information to the floating application 21b.

Ｓ７０においてメインアプリ２１ａは、第１画像Ｒ１および第１背景画像Ｂ１を含むホーム画面Ｇ１を画像表示領域Ｅ１に表示する。ホーム画面Ｇ１の表示例を図７に示す。 In S70, the main application 21a displays the home screen G1 including the first image R1 and the first background image B1 in the image display area E1. A display example of the home screen G1 is shown in FIG.

Ｓ８０においてメインアプリ２１ａは、ページ切換操作が入力されたか否かを判断する。例えば、図７に示すホーム画面Ｇ１において、ボタン画像１１５の表示領域内に指示体による入力を受け付けた場合、メインアプリ２１ａは、プリンタ１１０にプリント処理を実行させるための画面を表示する処理を行う。この場合、メインアプリ２１ａは、ページ切換操作が入力されたと判断する。肯定判断される場合（Ｓ８０：ＹＥＳ）にはＳ９０へ進み、否定判断される場合（Ｓ８０：ＮＯ）にはＳ８０の処理を繰り返す。 In S80, the main application 21a determines whether or not the page switching operation has been input. For example, in the home screen G1 shown in FIG. 7, when the input by the indicator is received in the display area of the button image 115, the main application 21a performs a process of displaying a screen for causing the printer 110 to execute the print process. .. In this case, the main application 21a determines that the page switching operation has been input. If a positive judgment is made (S80: YES), the process proceeds to S90, and if a negative judgment is made (S80: NO), the process of S80 is repeated.

Ｓ９０においてメインアプリ２１ａは、入力された操作によって遷移すべき画面がどの画面であるかを判断する。遷移すべき画面が所定文字列Ｃ１を含む特定画像Ｒ３を含む画面であると判断される場合（Ｓ９０：特定画像を含む画面）にはＳ１００へ進み、遷移すべき画面が特定画像Ｒ３を含む画面以外の画面であると判断される場合（Ｓ９０：それ以外）にはＳ２０の処理へ戻る。なお、所定文字列Ｃ１とは、データの読み込みやダウンロード等の所定の処理中であることを示す文字列であり、具体的には、例えば、図９に示すように「ＮｏｗＬｏａｄｉｎｇ」等の文字列である。特定画像Ｒ３とは、上記の所定文字列Ｃ１を含む画像であり、例えば、図９に示すように、所定文字列Ｃ１と砂時計画像Ｃ２を含む。 In S90, the main application 21a determines which screen should be transitioned by the input operation. When it is determined that the screen to be transitioned is the screen including the specific image R3 including the predetermined character string C1 (S90: the screen including the specific image), the process proceeds to S100, and the screen to be transitioned is the screen including the specific image R3. If it is determined that the screen is other than (S90: other than that), the process returns to the process of S20. The predetermined character string C1 is a character string indicating that a predetermined process such as reading or downloading data is in progress. Specifically, for example, as shown in FIG. 9, a character such as "Now Loading" is used. It is a column. The specific image R3 is an image including the above-mentioned predetermined character string C1. For example, as shown in FIG. 9, the specific image R3 includes the predetermined character string C1 and the hourglass image C2.

Ｓ１００においてメインアプリ２１ａは、所定文字列Ｃ１を含む特定画像Ｒ３を画像表示領域Ｅ１に表示する。 In S100, the main application 21a displays the specific image R3 including the predetermined character string C1 in the image display area E1.

Ｓ１０５においてメインアプリ２１ａは、現在の表示画面に所定文字列Ｃ１が含まれているか否かを示す表示画面情報をフローティングアプリ２１ｂへ送信する。すなわち、メインアプリ２１ａは、所定文字列Ｃ１を含む特定画像Ｒ３が表示された画面を示す情報をフローティングアプリ２１ｂへ送信する。なお、メインアプリ２１ａとフローティングアプリ２１ｂが通信可能ではない場合（Ｓ２０：ＮＯ）には、Ｓ１０５の処理は省略される。メインアプリ２１ａは、Ｓ１０５の処理を行うとＳ２０へ戻る。 In S105, the main application 21a transmits display screen information indicating whether or not the current display screen includes the predetermined character string C1 to the floating application 21b. That is, the main application 21a transmits information indicating a screen on which the specific image R3 including the predetermined character string C1 is displayed to the floating application 21b. If the main application 21a and the floating application 21b are not communicable (S20: NO), the process of S105 is omitted. The main application 21a returns to S20 when the process of S105 is performed.

（フローティングアプリ２１ｂの動作）
次に、図３〜５を用いて、フローティングアプリ２１ｂの動作を説明する。Ｓ１１０において、ＣＰＵ１１は、ＯＳ２１ｇに基づいてフローティングアプリ２１ｂを起動する。上述したＳ２０において、メインアプリ２１ａとフローティングアプリ２１ｂが通信可能である場合、フローティングアプリ２１ｂは、Ｓ４０におけるメインアプリ２１ａからＯＳ２１ｇへの指示によって起動される。フローティングアプリ２１ｂは、ユーザがボタン入力部１７を介してフローティングアプリ２１ｂを起動させる操作を入力することにより、起動されてもよい。 (Operation of floating application 21b)
Next, the operation of the floating application 21b will be described with reference to FIGS. 3 to 5. In S110, the CPU 11 activates the floating application 21b based on the OS 21g. In the above-mentioned S20, when the main application 21a and the floating application 21b can communicate with each other, the floating application 21b is started by the instruction from the main application 21a to the OS 21g in S40. The floating application 21b may be started by the user inputting an operation for starting the floating application 21b via the button input unit 17.

Ｓ１３０においてフローティングアプリ２１ｂは、メインアプリ２１ａと通信可能か否かを判断する。フローティングアプリ２１ｂとメインアプリ２１ａの通信については、Ｓ２０における通信と同様であるため、詳細な説明は省略する。否定判断される場合（Ｓ１３０：ＮＯ）にはＳ１４０へ進む。 In S130, the floating application 21b determines whether or not it can communicate with the main application 21a. Since the communication between the floating application 21b and the main application 21a is the same as the communication in S20, detailed description thereof will be omitted. If a negative judgment is made (S130: NO), the process proceeds to S140.

Ｓ１４０においてフローティングアプリ２１ｂは、画像表示領域Ｅ１のスクリーンショットデータを入手する。具体的には、例えば、フローティングアプリ２１ｂは、ホーム画面Ｇ１が表示された画像表示領域Ｅ１の表示画面をキャプチャすることによって得られるビットマップ形式の画像データであるスクリーンショットデータを入手する。 In S140, the floating application 21b obtains the screenshot data of the image display area E1. Specifically, for example, the floating application 21b obtains screenshot data which is image data in a bitmap format obtained by capturing the display screen of the image display area E1 on which the home screen G1 is displayed.

Ｓ１６０においてフローティングアプリ２１ｂは、入手したスクリーンショットデータに基づいて、画像表示領域Ｅ１に所定文字列Ｃ１（図９参照）が表示されているか否かを判断する。肯定判断される場合（Ｓ１６０：ＹＥＳ）にはＳ２５５へ進み、否定判断される場合（Ｓ１６０：ＮＯ）にはＳ１７０へ進む。Ｓ２５５の処理については後述する。 In S160, the floating application 21b determines whether or not the predetermined character string C1 (see FIG. 9) is displayed in the image display area E1 based on the obtained screenshot data. If a positive judgment is made (S160: YES), the process proceeds to S255, and if a negative judgment is made (S160: NO), the process proceeds to S170. The processing of S255 will be described later.

一方、Ｓ１３０において肯定判断される場合（Ｓ１３０：ＹＥＳ）には、Ｓ１６５へ進む。Ｓ１６５においてフローティングアプリ２１ｂは、第１背景画像Ｂ１の第１表示態様を示す表示態様情報をメインアプリ２１ａから受信する。すなわち、フローティングアプリ２１ｂは、第１背景画像Ｂ１を構成する画素の各々の色を示す色情報をメインアプリ２１ａから受信する。 On the other hand, if an affirmative judgment is made in S130 (S130: YES), the process proceeds to S165. In S165, the floating application 21b receives the display mode information indicating the first display mode of the first background image B1 from the main application 21a. That is, the floating application 21b receives color information indicating each color of the pixels constituting the first background image B1 from the main application 21a.

Ｓ１６７においてフローティングアプリ２１ｂは、メインアプリ２１ａから表示画面情報を受信したか否かを判断する。肯定判断される場合（Ｓ１６７：ＹＥＳ）にはＳ２５５へ進み、否定判断される場合（Ｓ１６７：ＮＯ）にはＳ１７０へ進む。Ｓ２５５の処理については後述する。 In S167, the floating application 21b determines whether or not the display screen information is received from the main application 21a. If a positive judgment is made (S167: YES), the process proceeds to S255, and if a negative judgment is made (S167: NO), the process proceeds to S170. The processing of S255 will be described later.

Ｓ１７０においてフローティングアプリ２１ｂは、第１背景画像Ｂ１において、同一色の画素が所定割合以上存在するか否かを判断する。具体的には、フローティングアプリ２１ｂは、第１背景画像Ｂ１を構成する画素の各々が示す色情報を認識し、同一の色情報を有する画素が所定割合以上存在するか否かを判断する。肯定判断される場合（Ｓ１７０：ＹＥＳ）にはＳ１８０へ進み、否定判断される場合（Ｓ１７０：ＮＯ）にはＳ１９０へ進む。 In S170, the floating application 21b determines whether or not pixels of the same color are present in a predetermined ratio or more in the first background image B1. Specifically, the floating application 21b recognizes the color information indicated by each of the pixels constituting the first background image B1 and determines whether or not there are a predetermined ratio or more of pixels having the same color information. If a positive judgment is made (S170: YES), the process proceeds to S180, and if a negative judgment is made (S170: NO), the process proceeds to S190.

Ｓ１８０においてフローティングアプリ２１ｂは、第１背景画像Ｂ１において表示面積が最大の色を第１色として認識する。具体的には、フローティングアプリ２１ｂは、第１背景画像Ｂ１を構成する画素の各々が示す色情報に基づいて、最も多い同一の色情報を有する画素が示す色を第１色として認識する。 In S180, the floating application 21b recognizes the color having the largest display area in the first background image B1 as the first color. Specifically, the floating application 21b recognizes the color indicated by the pixel having the most same color information as the first color based on the color information indicated by each of the pixels constituting the first background image B1.

Ｓ１９０においてフローティングアプリ２１ｂは、第１背景画像Ｂ１に用いられている色を平均化した色を第１色として認識する。具体的には、フローティングアプリ２１ｂは、第１背景画像Ｂ１を構成する各々の画素が示す色情報の平均値を算出し、当該平均値により示される色を第１色として認識する。 In S190, the floating application 21b recognizes the color obtained by averaging the colors used in the first background image B1 as the first color. Specifically, the floating application 21b calculates the average value of the color information indicated by each pixel constituting the first background image B1, and recognizes the color indicated by the average value as the first color.

Ｓ２００においてフローティングアプリ２１ｂは、第２背景画像Ｂ２の色である第２色を設定する。フローティングアプリ２１ｂは、第２色を、Ｓ１８０またはＳ１９０において認識した第１色の補色であり、第１色の明度を反転した色である色に設定する。なお、明度は、０〜１の値をとる変数である。例えば、明度が０．２の色の明度を反転した色の明度は０．８となる。 In S200, the floating application 21b sets a second color, which is the color of the second background image B2. The floating application 21b sets the second color as a complementary color of the first color recognized in S180 or S190, and is a color in which the brightness of the first color is inverted. The brightness is a variable that takes a value of 0 to 1. For example, the lightness of a color obtained by reversing the lightness of a color having a lightness of 0.2 is 0.8.

Ｓ２１０においてフローティングアプリ２１ｂは、画像表示領域Ｅ１に、第２画像Ｒ２を表示する。フローティングアプリ２１ｂが画像表示領域Ｅ１に第２画像Ｒ２を表示した態様の一例を図１０に示す。 In S210, the floating application 21b displays the second image R2 in the image display area E1. FIG. 10 shows an example of a mode in which the floating application 21b displays the second image R2 in the image display area E1.

Ｓ２２０においてフローティングアプリ２１ｂは、所定操作の入力を受け付けたか否かを判断する。所定操作とは、ユーザが第２画像Ｒ２を視認しやすくするための操作であり、例えば、シェイク操作や特定のジェスチャ入力等である。肯定判断される場合（Ｓ２２０：ＹＥＳ）にはＳ２３０へ進み、否定判断される場合（Ｓ２２０：ＮＯ）にはＳ２４０へ進む。 In S220, the floating application 21b determines whether or not the input of a predetermined operation has been accepted. The predetermined operation is an operation for making it easier for the user to visually recognize the second image R2, for example, a shake operation, a specific gesture input, or the like. If a positive judgment is made (S220: YES), the process proceeds to S230, and if a negative judgment is made (S220: NO), the process proceeds to S240.

Ｓ２３０においてフローティングアプリ２１ｂは、第２画像Ｒ２の第２表示態様を変更する。詳細には、フローティングアプリ２１ｂは、第２画像Ｒ２の第２表示態様を、ユーザが視認しやすいように変更する。本実施形態の説明例では、フローティングアプリ２１ｂは、第２画像Ｒ２のエッジ線の形状を変更する。エッジ線の形状は、例えば、図８に示すエッジ線Ｌ１の形状から、図１１に示すエッジ線Ｌ２の形状に変更される。 In S230, the floating application 21b changes the second display mode of the second image R2. Specifically, the floating application 21b changes the second display mode of the second image R2 so that the user can easily see it. In the explanatory example of the present embodiment, the floating application 21b changes the shape of the edge line of the second image R2. The shape of the edge line is changed from, for example, the shape of the edge line L1 shown in FIG. 8 to the shape of the edge line L2 shown in FIG.

Ｓ２４０においてフローティングアプリ２１ｂは、操作入力を受け付けていない時間が所定時間に達したか否かを判断する。肯定判断される場合（Ｓ２４０：ＹＥＳ）にはＳ２５５へ進み、否定判断される場合（Ｓ２４０：ＮＯ）にはＳ２４５へ進む。 In S240, the floating application 21b determines whether or not the time during which the operation input is not accepted has reached the predetermined time. If a positive judgment is made (S240: YES), the process proceeds to S255, and if a negative judgment is made (S240: NO), the process proceeds to S245.

Ｓ２４５においてフローティングアプリ２１ｂは、ページ切換操作が入力されたか否かを判断する。肯定判断される場合（Ｓ２４５：ＹＥＳ）にはＳ２５０へ進み、否定判断される場合（Ｓ２４５：ＮＯ）にはＳ２４０へ戻る。 In S245, the floating application 21b determines whether or not the page switching operation has been input. If a positive judgment is made (S245: YES), the process proceeds to S250, and if a negative judgment is made (S245: NO), the process returns to S240.

Ｓ２５０においてフローティングアプリ２１ｂは、入力された操作が何であるかを判断する。スクロールの操作入力がされた場合（Ｓ２５０：スクロール）にはＳ２１０へ戻り、スクロール以外の操作入力がされた場合（Ｓ２５０：それ以外）にはＳ１３０へ戻る。 In S250, the floating application 21b determines what the input operation is. When a scroll operation input is input (S250: scroll), the process returns to S210, and when an operation input other than scroll is input (S250: other than that), the process returns to S130.

Ｓ２５５においてフローティングアプリ２１ｂは、「第２特定領域の表示態様変更処理」を実行する。Ｓ２５５は、図５に示すサブルーチンを実行することにより行われる。第２特定領域Ｓ２は、画像表示領域Ｅ１内であって、第２画像Ｒ２を除く全領域であり、図１２においてハッチングにより示される領域である。図５のサブルーチンについて以下に説明する。 In S255, the floating application 21b executes the "display mode change process of the second specific area". S255 is performed by executing the subroutine shown in FIG. The second specific area S2 is the entire area within the image display area E1 except for the second image R2, and is an area shown by hatching in FIG. The subroutine of FIG. 5 will be described below.

Ｓ２５８においてフローティングアプリ２１ｂは、画像表示領域Ｅ１に第２画像Ｒ２を表示する。 In S258, the floating application 21b displays the second image R2 in the image display area E1.

Ｓ２６０においてフローティングアプリ２１ｂは、第２特定領域Ｓ２の透明度を低下させる。本明細書でいう透明度とは、０〜１００％の数値範囲をとる変数であり、透明度を低くしていくと画像が暗くなっていき、ユーザによる画像の視認性が低下する。一方、透明度を高くしていくと画像が明るくなっていき、ユーザによる画像の視認性が向上する。 In S260, the floating application 21b reduces the transparency of the second specific area S2. The transparency referred to in the present specification is a variable having a numerical range of 0 to 100%, and as the transparency is lowered, the image becomes darker and the visibility of the image by the user decreases. On the other hand, as the transparency is increased, the image becomes brighter and the visibility of the image by the user is improved.

Ｓ２７０においてフローティングアプリ２１ｂは、ダウンロード等の所定の処理中であるか否かを判断する。具体的には、画像表示領域Ｅ１に所定文字列Ｃ１が表示されているか否かを判断する。肯定判断される場合（Ｓ２７０：ＹＥＳ）にはＳ２７０を繰り返し、否定判断される場合（Ｓ２７０：ＮＯ）にはＳ２８０へ進む。 In S270, the floating application 21b determines whether or not a predetermined process such as downloading is in progress. Specifically, it is determined whether or not the predetermined character string C1 is displayed in the image display area E1. If a positive judgment is made (S270: YES), S270 is repeated, and if a negative judgment is made (S270: NO), the process proceeds to S280.

Ｓ２８０においてフローティングアプリ２１ｂは、第２特定領域Ｓ２の透明度を元に戻す。すなわち、フローティングアプリ２１ｂは、第２特定領域Ｓ２の透明度を、Ｓ２６０において変更する前の透明度に戻す。フローティングアプリ２１ｂは、Ｓ２８０の処理を行うと、「第２特定領域の表示態様変更処理」のサブルーチンを終了し、図３に示すＳ１３０へ戻る。 In S280, the floating application 21b restores the transparency of the second specific area S2. That is, the floating application 21b returns the transparency of the second specific area S2 to the transparency before the change in S260. When the floating application 21b performs the process of S280, it ends the subroutine of "the process of changing the display mode of the second specific area" and returns to S130 shown in FIG.

＜実施例の効果＞
フローティングアプリ２１ｂは、画像表示領域Ｅ１に表示された第１背景画像Ｂ１の第１表示態様を認識する（Ｓ１８０またはＳ１９０）。そして、認識した第１背景画像Ｂ１の第１表示態様とは異なる第２表示態様で第２画像Ｒ２を画像表示領域Ｅ１に表示する（Ｓ２１０）。第１背景画像Ｂ１の第１表示態様と第２画像Ｒ２の第２表示態様とが、異なる態様で表示されるため、第１背景画像Ｂ１と第２画像Ｒ２の境界の視認性が悪化しない。 <Effect of Examples>
The floating application 21b recognizes the first display mode of the first background image B1 displayed in the image display area E1 (S180 or S190). Then, the second image R2 is displayed in the image display area E1 in a second display mode different from the first display mode of the recognized first background image B1 (S210). Since the first display mode of the first background image B1 and the second display mode of the second image R2 are displayed in different modes, the visibility of the boundary between the first background image B1 and the second image R2 does not deteriorate.

フローティングアプリ２１ｂは、第１画像Ｒ１および第１背景画像Ｂ１が表示されている画像表示領域Ｅ１の表示画面のスクリーンショットデータを入手する（Ｓ１４０）。フローティングアプリ２１ｂは、スクリーンショットデータを解析することで、第１背景画像Ｂ１の第１表示態様を認識することができる。このように、メインアプリ２１ａとフローティングアプリ２１ｂが通信できない場合（Ｓ２０：ＮＯ、Ｓ１３０：ＮＯ）であっても、フローティングアプリ２１ｂは、スクリーンショットデータに基づいて第１背景画像Ｂ１の第１表示態様を認識することができる。 The floating application 21b obtains screenshot data of the display screen of the image display area E1 in which the first image R1 and the first background image B1 are displayed (S140). The floating application 21b can recognize the first display mode of the first background image B1 by analyzing the screenshot data. In this way, even when the main application 21a and the floating application 21b cannot communicate (S20: NO, S130: NO), the floating application 21b is the first display mode of the first background image B1 based on the screenshot data. Can be recognized.

メインアプリ２１ａは、第１背景画像Ｂ１の第１表示態様を示す表示態様情報をフローティングアプリ２１ｂへ送信する（Ｓ６０）。フローティングアプリ２１ｂは、メインアプリ２１ａから受信した表示態様情報に基づいて、第１表示態様とは異なる第２表示態様で第２画像Ｒ２を画像表示領域Ｅ１に表示することができる。このように、メインアプリ２１ａとフローティングアプリ２１ｂが通信できる場合（Ｓ２０：ＹＥＳ、Ｓ１３０：ＹＥＳ）、メインアプリ２１ａは、第１表示態様を示す表示態様情報をフローティングアプリ２１ｂへ送信することで、フローティングアプリ２１ｂは、第１表示態様とは異なる第２表示態様で第２画像Ｒ２を表示することができる。 The main application 21a transmits the display mode information indicating the first display mode of the first background image B1 to the floating application 21b (S60). The floating application 21b can display the second image R2 in the image display area E1 in a second display mode different from the first display mode based on the display mode information received from the main application 21a. In this way, when the main application 21a and the floating application 21b can communicate (S20: YES, S130: YES), the main application 21a floats by transmitting the display mode information indicating the first display mode to the floating application 21b. The application 21b can display the second image R2 in a second display mode different from the first display mode.

フローティングアプリ２１ｂは、第１表示態様である第１背景画像Ｂ１に対応する第１色を認識する（Ｓ１８０またはＳ１９０）。そして、フローティングアプリ２１ｂは、第１色とは異なる第２色で第２背景画像Ｂ２を表示する（Ｓ２１０）。このように、第１背景画像Ｂ１と第２背景画像Ｂ２の色を異ならせることによって、第１背景画像Ｂ１と第２背景画像Ｂ２の境界のユーザによる視認性を向上することができる。 The floating application 21b recognizes the first color corresponding to the first background image B1 which is the first display mode (S180 or S190). Then, the floating application 21b displays the second background image B2 in a second color different from the first color (S210). By making the colors of the first background image B1 and the second background image B2 different in this way, it is possible to improve the visibility of the boundary between the first background image B1 and the second background image B2 by the user.

フローティングアプリ２１ｂは、第１背景画像Ｂ１において、同一色の画素が所定割合以上存在する場合（Ｓ１７０：ＹＥＳ）に、第１背景画像Ｂ１における表示面積が最大の色を第１色として認識する（Ｓ１８０）。このように、第１背景画像Ｂ１内において、相対的に多く用いられている色を第１色と認識することで、第１背景画像Ｂ１と、第１色とは異なる第２色で表示される第２背景画像Ｂ２（すなわち、第２画像Ｒ２）との境界を際立たせることができ、第１背景画像Ｂ１と第２画像Ｒ２の境界のユーザによる視認性をより向上することができる。 The floating application 21b recognizes the color having the largest display area in the first background image B1 as the first color when the pixels of the same color are present in a predetermined ratio or more in the first background image B1 (S170: YES) (S170: YES). S180). In this way, by recognizing a color that is relatively often used in the first background image B1 as the first color, the first background image B1 and the second color different from the first color are displayed. The boundary between the second background image B2 (that is, the second image R2) can be highlighted, and the user's visibility of the boundary between the first background image B1 and the second image R2 can be further improved.

フローティングアプリ２１ｂは、第１背景画像Ｂ１において、同一色の画素が所定割合未満である場合（Ｓ１７０：ＮＯ）に、第１背景画像Ｂ１に用いられている色を平均化した色を第１色として認識する（Ｓ１９０）。このように、フローティングアプリ２１ｂは、第１背景画像Ｂ１のメインとなる色がない場合には、第１背景画像Ｂ１に用いられている色を平均化した色を第１色とすることができる。例えば、第１背景画像Ｂ１が風景写真である場合等に有用である。 When the number of pixels of the same color is less than a predetermined ratio (S170: NO) in the first background image B1, the floating application 21b uses a color obtained by averaging the colors used in the first background image B1 as the first color. Recognized as (S190). As described above, when the floating application 21b does not have the main color of the first background image B1, the color obtained by averaging the colors used in the first background image B1 can be set as the first color. .. For example, it is useful when the first background image B1 is a landscape photograph.

フローティングアプリ２１ｂは、第２色を、第１色の補色であり、第１色の明度を反転した色である色に設定する（Ｓ２００）。このように、第１色と第２色を互いの補色となる色で表示することで、いわゆる補色調和の効果により、第１背景画像Ｂ１と第２画像Ｒ２の境界のユーザによる視認性を向上することができる。また、第２色を第１色の明度を反転させた色で表示することで、第１色と第２色の明度差により、第１背景画像Ｂ１と第２画像Ｒ２の境界のユーザによる視認性を向上することができる。 The floating application 21b sets the second color as a complementary color of the first color and a color in which the brightness of the first color is inverted (S200). By displaying the first color and the second color as complementary colors to each other in this way, the user's visibility of the boundary between the first background image B1 and the second image R2 is improved by the effect of so-called complementary color harmony. can do. Further, by displaying the second color as a color obtained by reversing the brightness of the first color, the user can visually recognize the boundary between the first background image B1 and the second image R2 due to the difference in brightness between the first color and the second color. The sex can be improved.

フローティングアプリ２１ｂは、画像表示領域Ｅ１内であって第２画像Ｒ２を除いた全領域である第２特定領域Ｓ２の透明度を低下させる（Ｓ２６０）。このように、第２特定領域Ｓ２を第２画像Ｒ２よりも視認しにくい表示態様とすることで、第２画像Ｒ２とそれ以外の領域の境界のユーザによる視認性を向上することができる。 The floating application 21b reduces the transparency of the second specific area S2, which is the entire area within the image display area E1 except for the second image R2 (S260). In this way, by making the second specific area S2 a display mode that is harder to see than the second image R2, it is possible to improve the visibility by the user at the boundary between the second image R2 and the other areas.

フローティングアプリ２１ｂは、読み込みやダウンロード等の所定の処理中であることを示す所定文字列Ｃ１を認識した場合（Ｓ１６０：ＹＥＳまたはＳ１６７：ＹＥＳ）に、第２特定領域Ｓ２の透明度を低下させる（Ｓ２６０）。このように、読み込み中やダウンロード中等の待機時間が生じる場合に、第２特定領域Ｓ２をユーザが視認しにくい態様に変更し、相対的に第２画像Ｒ２をユーザが視認しやすくすることができる。これにより、メインアプリ２１ａが待機状態になっているが、フローティングアプリ２１ｂが実行可能であることをユーザに認識させることができる。 When the floating application 21b recognizes the predetermined character string C1 indicating that a predetermined process such as reading or downloading is in progress (S160: YES or S167: YES), the transparency of the second specific area S2 is reduced (S260). ). In this way, when a waiting time such as during reading or downloading occurs, the second specific area S2 can be changed to a mode that is difficult for the user to see, and the second image R2 can be relatively easily seen by the user. .. As a result, although the main application 21a is in the standby state, the user can be made to recognize that the floating application 21b can be executed.

フローティングアプリ２１ｂは、第２画像Ｒ２を表示した時点以降において、所定時間の間、操作入力を受け付けていない場合（Ｓ２４０：ＹＥＳ）に、第２特定領域Ｓ２の透明度を低下させる（Ｓ２６０）。操作入力を所定時間受け付けない場合は、ユーザが第２画像Ｒ２を見失った可能性がある場合であるとみなすことができる。従って、第２画像Ｒ２を目立たせることで、ユーザが第２画像Ｒ２を発見しやすくすることが可能となる。 The floating application 21b reduces the transparency of the second specific area S2 when the operation input is not accepted for a predetermined time after the time when the second image R2 is displayed (S240: YES) (S260). If the operation input is not accepted for a predetermined time, it can be considered that the user may have lost sight of the second image R2. Therefore, by making the second image R2 stand out, it becomes possible for the user to easily find the second image R2.

フローティングアプリ２１ｂは、所定操作を受け付けた場合（Ｓ２２０：ＹＥＳ）に、第２画像Ｒ２のエッジ線Ｌ１の形状をエッジ線Ｌ２の形状に変更する（Ｓ２３０）。このように、ユーザが画像表示領域Ｅ１に表示された第２画像Ｒ２を見失ったとき等に、ジェスチャ入力やシェイク操作等の所定操作を入力することで、第２画像Ｒ２のユーザによる視認性を向上することができる。 When the floating application 21b accepts a predetermined operation (S220: YES), the floating application 21b changes the shape of the edge line L1 of the second image R2 to the shape of the edge line L2 (S230). In this way, when the user loses sight of the second image R2 displayed in the image display area E1, a predetermined operation such as a gesture input or a shake operation is input to improve the visibility of the second image R2 by the user. Can be improved.

以上、本発明の具体例を詳細に説明したが、これらは例示に過ぎず、特許請求の範囲を限定するものではない。特許請求の範囲に記載の技術には、以上に例示した具体例を様々に変形、変更したものが含まれる。上記の実施例の変形例を以下に列挙する。 Although specific examples of the present invention have been described in detail above, these are merely examples and do not limit the scope of claims. The techniques described in the claims include various modifications and modifications of the specific examples illustrated above. Modifications of the above embodiment are listed below.

＜変形例＞
フローティングアプリ２１ｂは、図３に示すＳ１６０において否定判断された場合（Ｓ１６０：ＮＯ）、図６に示すＳ１７３およびＳ１７５の処理を実行してもよい。Ｓ１７３においてフローティングアプリ２１ｂは、画像表示領域Ｅ１から第１特定領域Ｓ１を抽出する。第１特定領域Ｓ１は、第２画像Ｒ２のエッジ線Ｌ１外の領域であってエッジ線Ｌ１から所定範囲内の領域である。図１３では、第１特定領域Ｓ１をハッチングにより示している。Ｓ１７５においてフローティングアプリ２１ｂは、第１特定領域Ｓ１に対応する色を第１色として認識する。Ｓ１７５の処理を行うと、フローティングアプリ２１ｂは、図３に示すＳ２００へ進む。上記の構成では、第２画像Ｒ２の周囲に用いられる局所的な色を第１色として認識するため、第２画像Ｒ２とその周囲の色との境界をユーザがより視認しやすくなる。なお、第１色は、実施例におけるＳ１８０と同様に、第１特定領域Ｓ１において表示面積が最大の色であってもよいし、実施例におけるＳ１９０と同様に、第１特定領域Ｓ１に用いられている色を平均化した色であってもよい。 <Modification example>
The floating application 21b may execute the processes of S173 and S175 shown in FIG. 6 when a negative determination is made in S160 shown in FIG. 3 (S160: NO). In S173, the floating application 21b extracts the first specific area S1 from the image display area E1. The first specific region S1 is a region outside the edge line L1 of the second image R2 and within a predetermined range from the edge line L1. In FIG. 13, the first specific region S1 is shown by hatching. In S175, the floating application 21b recognizes the color corresponding to the first specific area S1 as the first color. When the process of S175 is performed, the floating application 21b proceeds to S200 shown in FIG. In the above configuration, since the local color used around the second image R2 is recognized as the first color, it becomes easier for the user to visually recognize the boundary between the second image R2 and the surrounding color. The first color may be the color having the maximum display area in the first specific region S1 as in S180 in the embodiment, and is used in the first specific region S1 as in S190 in the embodiment. It may be an averaged color.

Ｓ２３０において、フローティングアプリ２１ｂが第２画像Ｒ２の第２表示態様を変更する態様は、様々であってよい。例えば、エッジ線Ｌ１内の面積を大きくしてもよいし、第２画像Ｒ２を振動させてもよいし、第２画像Ｒ２を点滅させてもよい。いずれの変更によっても、ユーザによる第２画像Ｒ２の視認性を向上することができる。なお、エッジ線Ｌ１内の面積の変更は、本体画像Ｍ１と第２背景画像Ｂ２の双方の面積を大きくしてもよいし、いずれか一方の面積を大きくしてもよい。 In S230, the mode in which the floating application 21b changes the second display mode of the second image R2 may be various. For example, the area in the edge line L1 may be increased, the second image R2 may be vibrated, or the second image R2 may be blinked. Any change can improve the visibility of the second image R2 by the user. To change the area in the edge line L1, the area of both the main body image M1 and the second background image B2 may be increased, or the area of either one may be increased.

Ｓ６０においてメインアプリ２１ａは、第１背景画像Ｂ１を構成する画素の各々の色を示す色情報をフローティングアプリ２１ｂへ送信したが、これに限られない。例えば、メインアプリ２１ａは、第１背景画像Ｂ１の各々の色に代えて、第１色を示す色情報を記憶部１２に記憶させていてもよい。そして、第１色を示す色情報をフローティングアプリ２１ｂへ送信してもよい。この場合、フローティングアプリ２１ｂは、受信した色情報により示される色を第１色として認識して、第２色を設定してもよい。 In S60, the main application 21a transmits color information indicating each color of the pixels constituting the first background image B1 to the floating application 21b, but the present invention is not limited to this. For example, the main application 21a may store color information indicating the first color in the storage unit 12 instead of each color of the first background image B1. Then, the color information indicating the first color may be transmitted to the floating application 21b. In this case, the floating application 21b may recognize the color indicated by the received color information as the first color and set the second color.

Ｓ１７０においてフローティングアプリ２１ｂは、第１背景画像Ｂ１の色情報を認識したが、これに限られない。例えば、メインアプリ２１ａにより表示される第１画像Ｒ１および第１背景画像Ｂ１の全体の色情報を認識してもよい。この場合、第１画像Ｒ１および第１背景画像Ｂ１の全体の色情報に基づいて第１色を認識してもよい。また、この場合、Ｓ５０においてメインアプリ２１ａは、第１画像Ｒ１および第１背景画像Ｂ１の全体を構成する画素の各々の色を示す色情報を記憶部１２から読み出してもよく、Ｓ６０においてメインアプリ２１ａは、第１画像Ｒ１および第１背景画像Ｂ１の全体を構成する画素の各々の色を示す色情報をフローティングアプリ２１ｂへ送信してもよい。 In S170, the floating application 21b recognizes the color information of the first background image B1, but the present invention is not limited to this. For example, the entire color information of the first image R1 and the first background image B1 displayed by the main application 21a may be recognized. In this case, the first color may be recognized based on the entire color information of the first image R1 and the first background image B1. Further, in this case, in S50, the main application 21a may read color information indicating each color of the pixels constituting the entire first image R1 and the first background image B1 from the storage unit 12, and in S60, the main application 21a may read out. The 21a may transmit color information indicating each color of the pixels constituting the entire first image R1 and the first background image B1 to the floating application 21b.

Ｓ２００において、第２色を設定する態様は様々であってよい。例えば、第１色の補色を第２色としてもよいし、第１色の明度を反転した色を第２色としてもよい。また、第２背景画像Ｂ２だけでなく、本体画像Ｍ１の色も併せて変更してもよい。 In S200, the mode of setting the second color may be various. For example, the complementary color of the first color may be the second color, or the color obtained by reversing the brightness of the first color may be the second color. Further, not only the color of the second background image B2 but also the color of the main body image M1 may be changed.

Ｓ２６０において、第２特定領域Ｓ２の表示態様を変更する態様は様々であってよい。例えば、第２特定領域Ｓ２全体をぼかすことによって、第２特定領域Ｓ２の視認性を低下させてもよい。 In S260, there may be various modes for changing the display mode of the second specific region S2. For example, the visibility of the second specific area S2 may be lowered by blurring the entire second specific area S2.

フローティングアプリ２１ｂは、各種のアプリケーションであってよく、例えば使用方法や内容の意味を説明するヘルプ機能を提供するヘルプアプリであってもよい。この場合、フローティングアプリ２１ｂは、表示された第２画像Ｒ２に対するタップ入力を受け付けると、例えば、操作方法等を示すためのヘルプ画像を表示してもよい。 The floating application 21b may be various applications, for example, a help application that provides a help function for explaining the usage method and the meaning of the contents. In this case, when the floating application 21b accepts the tap input for the displayed second image R2, for example, a help image for showing an operation method or the like may be displayed.

携帯電話１０がＡｎｄｒｏｉｄ（Google Inc.の登録商標）のプラットフォームを搭載している場合を説明したが、この態様に限られない。例えば、携帯電話１０がｉＯＳ（Cisco社の登録商標）のプラットフォームを搭載していてもよい。 The case where the mobile phone 10 is equipped with the Android (registered trademark of Google Inc.) platform has been described, but the present invention is not limited to this mode. For example, the mobile phone 10 may be equipped with an IOS (registered trademark of Cisco) platform.

図７〜１３に示した表示態様は一例であり、他の表示態様を用いてもよい。 The display modes shown in FIGS. 7 to 13 are examples, and other display modes may be used.

メインアプリ２１ａ、フローティングアプリ２１ｂおよびＯＳ２１ｇが動作する装置は、携帯電話１０でなくてもよく、据え置き型のＰＣであってもよいし、他のデバイス（例えばテレビ等）であってもよい。 The device on which the main application 21a, the floating application 21b, and the OS 21g operate may not be the mobile phone 10, may be a stationary PC, or may be another device (for example, a television or the like).

表示態様情報を送信する手段（Ｓ５０〜Ｓ６０）は省略することが可能である。特定画像を表示する処理（Ｓ１００）は省略することが可能である。第２特定領域の表示態様変更処理のサブルーチン（Ｓ２５５）は省略することが可能である。以上より、一般的に言うと、携帯電話１０は、「第１表示手段」と、「第１認識手段」と、「第２表示手段」として機能すればよい。具体例としては、携帯電話１０は、Ｓ７０と、Ｓ１８０またはＳ１９０と、Ｓ２１０とを少なくとも実行すればよい。 The means for transmitting the display mode information (S50 to S60) can be omitted. The process of displaying a specific image (S100) can be omitted. The subroutine (S255) of the display mode change process of the second specific area can be omitted. From the above, generally speaking, the mobile phone 10 may function as a "first display means", a "first recognition means", and a "second display means". As a specific example, the mobile phone 10 may execute at least S70, S180 or S190, and S210.

また、本明細書または図面に説明した技術要素は、単独であるいは各種の組合せによって技術的有用性を発揮するものであり、出願時請求項の組合せに限定されるものではない。また、本明細書または図面に例示した技術は複数目的を同時に達成するものであり、そのうちの一つの目的を達成すること自体で技術的有用性を持つものである。 In addition, the technical elements described in the present specification or the drawings exhibit technical usefulness alone or in various combinations, and are not limited to the combination of claims at the time of filing. In addition, the techniques illustrated in the present specification or drawings achieve a plurality of objectives at the same time, and achieving one of the objectives itself has technical usefulness.

ボタン画像１１５〜１１８および文字列画像１１９は、第１画像の一例である。メインアプリ２１ａは、第１のプログラムの一例である。フローティングアプリ２１ｂは、第２のプログラムの一例である。ＣＰＵ１１は、制御部の一例である。第１色は、第１表示態様の一例である。ホーム画面Ｇ１は、第１画面の一例である。第２色は、第２表示態様の一例である。色情報は、表示態様情報の一例である。透明度は、第４表示態様の一例である。読み込みおよびダウンロードは、所定処理の一例である。「ＮｏｗＬｏａｄｉｎｇ」は、所定文字列の一例である。ジェスチャ入力およびシェイク操作は、所定操作の一例である。Ｓ７０を実行するＣＰＵ１１は、第１表示手段の一例である。Ｓ１８０またはＳ１９０を実行するＣＰＵ１１は、第１認識手段の一例である。Ｓ２１０を実行するＣＰＵ１１は、第２表示手段の一例である。Ｓ１４０を実行するＣＰＵ１１は、第１取得手段の一例である。Ｓ６０を実行するＣＰＵ１１は、送信手段の一例である。Ｓ１７５を実行するＣＰＵ１１は、第１認識手段の一例である。Ｓ１７３を実行するＣＰＵ１１は、抽出手段の一例である。Ｓ２６０を実行するＣＰＵ１１は、第２表示手段の一例である。Ｓ１００を実行するＣＰＵ１１は、第３表示手段の一例である。Ｓ１０５を実行するＣＰＵ１１は、第２認識手段の一例である。Ｓ２２０を実行するＣＰＵ１１は、受付手段の一例である。Ｓ２３０を実行するＣＰＵ１１は、変更手段の一例である。 The button images 115 to 118 and the character string image 119 are examples of the first image. The main application 21a is an example of the first program. The floating application 21b is an example of the second program. The CPU 11 is an example of a control unit. The first color is an example of the first display mode. The home screen G1 is an example of the first screen. The second color is an example of the second display mode. The color information is an example of display mode information. Transparency is an example of the fourth display mode. Reading and downloading are examples of predetermined processes. "Now Loading" is an example of a predetermined character string. Gesture input and shake operations are examples of predetermined operations. The CPU 11 that executes S70 is an example of the first display means. The CPU 11 that executes S180 or S190 is an example of the first recognition means. The CPU 11 that executes S210 is an example of the second display means. The CPU 11 that executes S140 is an example of the first acquisition means. The CPU 11 that executes S60 is an example of transmission means. The CPU 11 that executes S175 is an example of the first recognition means. The CPU 11 that executes S173 is an example of the extraction means. The CPU 11 that executes S260 is an example of the second display means. The CPU 11 that executes S100 is an example of the third display means. The CPU 11 that executes S105 is an example of the second recognition means. The CPU 11 that executes S220 is an example of the receiving means. The CPU 11 that executes S230 is an example of the changing means.

１：通信システム、１０：携帯電話、１１：ＣＰＵ、１２：記憶部、１８：表示部、２１ａ：メインアプリケーション、２１ｂ：フローティングアプリケーション、２１ｇ：オペレーティングシステム、Ｒ１：第１画像、Ｒ２：第２画像、Ｂ１：第１背景画像、Ｂ２：第２背景画像、Ｍ１：本体画像 1: Communication system, 10: Mobile phone, 11: CPU, 12: Storage unit, 18: Display unit, 21a: Main application, 21b: Floating application, 21g: Operating system, R1: First image, R2: Second image , B1: 1st background image, B2: 2nd background image, M1: main body image

Claims

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function .
As a first acquisition means for acquiring screenshot data obtained by converting the display screen of the image display area on which the first screen is displayed into data as an image, the second program causes the control unit to function.
The information processing device is characterized in that the first recognition means causes the control unit to recognize the first display mode of the first background image based on the screenshot data acquired by the first acquisition means.

The second image includes a main body image surrounded by a closed edge line, and a second background image that is a region within the edge line and is a region other than the main body image.
The first recognition means causes the control unit to recognize the first color corresponding to the first background image, which is the first display mode.
The information processing apparatus according to claim 1 , wherein the second display means displays the color of the second background image in a second color different from the first color, which is the second display mode.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The second image includes a main body image surrounded by a closed edge line, and a second background image that is a region within the edge line and is a region other than the main body image.
The first recognition means causes the control unit to recognize the first color corresponding to the first background image, which is the first display mode.
The second display means displays the color of the second background image in a second color different from the first color, which is the second display mode.
The first recognition means is an information processing apparatus, characterized in that the control unit recognizes a color having the largest display area in the first background image as the first color.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The second image includes a main body image surrounded by a closed edge line, and a second background image that is a region within the edge line and is a region other than the main body image.
The first recognition means causes the control unit to recognize the first color corresponding to the first background image, which is the first display mode.
The second display means displays the color of the second background image in a second color different from the first color, which is the second display mode.
The first recognition means causes the control unit to recognize the color around the second image in the first background image as the first color.
The control unit further functions as an extraction means for extracting a first specific region, which is a region outside the edge line of the second image and within a predetermined range from the edge line, which is the first background image.
The first recognition means is an information processing device, characterized in that the control unit recognizes the color of the first specific region as the first color.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The second image includes a main body image surrounded by a closed edge line, and a second background image that is a region within the edge line and is a region other than the main body image.
The first recognition means causes the control unit to recognize the first color corresponding to the first background image, which is the first display mode.
The second display means displays the color of the second background image in a second color different from the first color, which is the second display mode.
The first recognition means is an information processing apparatus, characterized in that the control unit recognizes a color obtained by averaging the colors used in the first background image as a first color.

The information processing apparatus according to any one of claims 2 to 5 , wherein the second color is a complementary color of the first color.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The second image includes a main body image surrounded by a closed edge line, and a second background image that is a region within the edge line and is a region other than the main body image.
The first recognition means causes the control unit to recognize the first color corresponding to the first background image, which is the first display mode.
The second display means displays the color of the second background image in a second color different from the first color, which is the second display mode.
An information processing apparatus, wherein the second color is a color in which the brightness of the first color is inverted.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The second display means changes the third display mode of the second specific area, which is the entire area excluding the second image within the image display area, into a fourth display mode that is more difficult to see than the second image. An information processing device characterized by being changed by the control unit.

The information processing device according to claim 8 , wherein the second display means lowers the transparency of the second specific area.

As a third display means for displaying a specific image indicating that a predetermined process is being performed in the image display area, the first program further causes the control unit to function.
As a second recognition means for causing the control unit to recognize whether or not the specific image is displayed in the image display area, the second program further causes the control unit to function.
When it is recognized that the specific image is displayed by the second recognition means, the second display means is less likely to visually recognize the third display mode of the second specific area than the second image. The information processing apparatus according to claim 8 or 9 , wherein the control unit is changed to the fourth display mode.

The specific image includes a predetermined character string indicating that the predetermined processing is in progress.
The second recognition means is based on the screenshot data obtained by converting the display screen of the image display area in which the specific image including the predetermined character string is displayed by the third display means into data as an image, and the predetermined character string. The information processing apparatus according to claim 10 , wherein the control unit recognizes that the specific image is displayed when the above is recognized.

When the operation input is not performed for a predetermined time after the time when the second image is displayed by the second display means,
Said second display means is characterized by changing the third display mode of the second specific region to the control unit on the viewing difficult the fourth display mode than the second image, according to claim 8 to The information processing apparatus according to any one of 11.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is an information processing device equipped with
As a first display means for displaying the first image and the first screen including the first background image as the background of the first image in the image display area of the display unit, the first program uses the control unit. Make it work
As a first recognition means for causing the control unit to recognize the first display mode of the first background image displayed by the first display means, the second program causes the control unit to function.
The second image is displayed on the first screen displayed by the first display means in a second display mode different from the first display mode of the first background image recognized by the first recognition means. As a second display means, the second program causes the control unit to function.
The control unit further functions as a receiving means for receiving a predetermined operation for instructing the change of the second display mode of the second image displayed by the second display means.
The second display mode of the second image displayed in the image display area by the second display means is different from the second display mode in response to the reception means receiving the predetermined operation. An information processing device, wherein the second program further functions the control unit as a changing means for changing to the fifth display mode.

The second image includes a body image surrounded by a closed edge line.
The changing means, in response to the reception unit receives the predetermined operation, and changes the area of the shape or the edge line of the edge line of the second image, to claim 13 The information processing device described.

The information processing apparatus according to claim 13 , wherein the changing means vibrates or blinks the second image in response to the receiving means receiving the predetermined operation.

Display and
A storage unit in which the first program for displaying the first image and the first screen including the first background image as the background of the first image is displayed on the display unit is installed.
Can be read by an information processing device equipped with
A second program for displaying a second image on the display unit while the first image is displayed on the display unit.
The first recognition process for recognizing the first display mode of the first background image displayed on the display unit, and
A second display on the first screen displayed on the display unit is a second display mode different from the first display mode of the first background image recognized by the first recognition process. Display processing and
An acquisition process for acquiring screenshot data obtained by converting the display screen of the image display area of the display unit on which the first screen is displayed into data as an image, and
With
The second program is characterized in that the first recognition process recognizes the first display mode of the first background image based on the screenshot data acquired by the acquisition process.

Display and
A first program for displaying the first image on the display unit and a second program for displaying the second image on the display unit while the first image is displayed on the display unit have been installed. A storage unit, a control unit that functions as various means by executing the first program and the second program, and a control unit.
It is a control method of an information processing device equipped with
A first display step of causing the first program to display a first screen including the first image and a first background image as a background of the first image in the image display area of the display unit.
A first recognition step that causes the second program to recognize the first display mode of the first background image displayed by the first display step.
On the first screen displayed by the first display step, the second image is displayed in a second display mode different from the first display mode of the first background image recognized by the first recognition step. The second display step to be displayed in the program of 2 and
An acquisition step of causing the second program to acquire screenshot data obtained by converting the display screen of the image display area on which the first screen is displayed into data as an image.
With
The control method is characterized in that the first recognition step causes the second program to recognize the first display mode of the first background image based on the screenshot data acquired by the acquisition step.