JP6223007B2 - Document display apparatus and method, program and data structure thereof - Google Patents

Description

  The present invention relates to, for example, document data expansion, a document display apparatus and method for displaying the expanded data, a program thereof, and a data structure.

  In recent years, with the widespread use of smartphones and tablet terminals, there are increasing opportunities to browse contents such as books on information portable terminals. Since the portable information terminal has a relatively small screen size, it is often provided in a reflow format in which the layout changes according to the screen size and the character size. As a typical example, there is an EPUB defined by IDPF (International Digital Publishing Forum), which is used as a standard format.

  In addition, contents such as web news, SNS, and medical charts that are “text related to images” (hereinafter, such contents are referred to as topics) are increasing. There is Patent Document 1 as a technique for making a topic easy to read. In the technique disclosed in Patent Document 1, the text and the image are divided into different areas in the same display screen, the text is displayed in the text display area, and the image related to the displayed text is displayed in the image display area. ing.

JP 2011-154427 A

The present invention is a document display device that displays document data including topic data in which an image and text are associated with each other by a tag, and the display target is displayed according to an operation of moving a display target portion displayed on a display screen. When it is determined that the topic data is included in the display target part by the display target part determining unit that determines whether the topic data is included in the part and the display target part determining unit, The topic data image is displayed on the display screen regardless of the movement operation, the topic data is displayed on the display screen according to the movement operation, and the movement operation is performed. The display target part moves, and the display target part determining means determines that the topic data is not included in the display target part. And a display control means for displaying the text on the display screen in response to the movement operation without displaying an image. is there.

  In order to achieve the above object, the present invention has the following configuration.

A document display device that displays document data including topic data in which an image and text are associated with each other by a tag, wherein the topic is displayed on the display target portion according to an operation of moving the display target portion displayed on a display screen. When the display target portion determination means for determining whether data is included and the display target portion determination means determine that the topic data is included in the display target portion, An image is displayed on the display screen regardless of the movement operation, a topic display is performed in which the text of the topic data is displayed on the display screen in accordance with the movement operation, and the display target is displayed by the movement operation. When the part moves and the display target part determining means determines that the topic data is not included in the display target part It does not display an image, and having a display control means for displaying on the display screen in accordance with the text to the operation of the mobile.

A document display device that displays document data including topic data in which an image and text are associated with each other by a tag, wherein the topic is displayed on the display target portion according to an operation of moving the display target portion displayed on a display screen. When the display target portion determination means for determining whether data is included and the display target portion determination means determine that the topic data is included in the display target portion, An image is displayed on the display screen regardless of the movement operation, a topic display is performed in which the text of the topic data is displayed on the display screen in accordance with the movement operation, and the display target is displayed by the movement operation. When the part moves and the display target part determining means determines that the topic data is not included in the display target part Does not display an image, said display control means for displaying on the display screen, it is possible to realize a document display apparatus characterized by having in accordance with the text to the operation of the mobile.

Hardware diagram of Embodiment 1 Block diagram of Embodiment 1 Figure showing an example of displaying document data on devices of different sizes The figure which shows the example which displayed the reflow type document data of Embodiment 1. FIG. 5 is a diagram showing an example of document data display in the first embodiment Main flowchart of document data display of terminal device of embodiment 1 The figure which shows the example (2nd) of document data display in Embodiment 1. The figure which shows the example in which several topics exist in the source of one document data of Embodiment 1. The figure which shows the example of a table which determines the screen size of Embodiment 1, and the size of a device 10 is a flowchart of processing for selecting a related image to be displayed according to the first embodiment. The figure which shows the example of a display in case the some image is linked | related in the display screen of Embodiment 1. Diagram showing an example of topic content that is difficult to see even on large devices Main flow chart of document data display of terminal device of embodiment 2

  The best mode for carrying out the present invention will be described below with reference to the drawings.

(First embodiment)
As a first embodiment, when document data such as an EPUB file is displayed, an example is shown in which topic display is performed when the screen size of a terminal device used as a document display device is small.

<Configuration of document display device>
FIG. 1 is an example of a hardware configuration of a terminal device 100 that displays a document in the present embodiment. The terminal device 100 includes a CPU 101 (Central Processing Unit), a ROM (Read Only Memory), a main storage device 102 including a RAM (Random Access Memory), and an auxiliary storage device 103 such as a hard disk drive and a flash memory. Including. The auxiliary storage device 103 stores a program for controlling the operation of the terminal device 100. The CPU 101 controls the overall operation of the terminal device 100 by executing this program. The terminal device 101 includes an input device 104 such as a touch panel and hard buttons, an output device 105 such as a display, and a network interface 106 that is a unit for connecting the terminal device 100 to a network (not shown).

  FIG. 2 shows a block diagram of the document data display system of the terminal device 100. The terminal device 200 includes a display unit 201 for displaying, and a communication unit 202 for connecting to a network 206 such as the Internet or an intranet and performing network communication with other devices. Further, the terminal device 200 controls an input unit 203 for a user to input data, an instruction operation, and the like, a data acquisition unit 204 for acquiring document data from the Internet or an intranet, and what is displayed on the display unit 201. And a display management unit 205. The display management unit 205 holds document data display software that displays document data stored in the storage device 103.

  FIG. 3 is a diagram showing an example of each screen display when reflow type document data shown in FIG. 4A described later, for example, according to the EPUB standard is displayed on terminal devices having different screen sizes. When reflow type document data is displayed, the text is laid out so as to fit within the width of the screen. On the other hand, the positional relationship between the image and the text is determined by the position of the image tag embedded in the document data. Therefore, in the example of FIG. 3, the user can read the displayed document only by scrolling in the vertical direction, and not only the text but also the image is scrolled together with the text. Note that an electronic book has a user interface for not only scrolling but also, for example, page turning and page returning. In this embodiment, description will be made assuming that scrolling is performed. In any case, when the user performs an operation of moving the display target such as scrolling or page turning, the display location of the document including the image and text is moved according to the operation.

  FIG. 3A shows an example in which the document data 300 is displayed on a terminal device having a large screen size. For the document data 300, a portion that is being viewed by the user, that is, a portion that is displayed on the display screen is represented as a frame 302. In this case, since the screen size is large, a large amount of text can be displayed. Therefore, a large amount of text can be displayed while displaying the image 301. Therefore, the user can easily read the text while viewing the image. . On the other hand, FIG. 3B shows an example in which similar document data 310 is displayed on a terminal having a small screen size. For the document data 310, locations where the user is browsing are represented as frames 312 and 313. For example, when the user scrolls downward with the frame 312 displayed, the document is scrolled to the frame 313 and displayed on the screen. In this case, since the screen size is small, the image 311 is easily detached from the screen frame by a slight scroll operation. Therefore, if it is desired to display the frame 313 and refer to the image 311 during browsing, it is necessary to return to that position. For this reason, a user who wants to refer to an image while reading text needs a complicated operation of going back and forth between the text and the image, and cannot read the text and the image at the same time. There is a problem that it is difficult. That is, there is a problem that operability and productivity when reading a document on a small screen are low.

  FIG. 4A shows an example of reflow type document data. A frame 400 shows the entire document. A range surrounded by a frame 401 is a tag describing an image object, and a range surrounded by a frame 402 is a text object. In EPUB, these are described in an XHTML (Extensible Hyper Text Markup Language) format. However, this current description format does not include information on where the image object enclosed by the frame 401 is related to the text object enclosed by the frame 402.

  Therefore, FIG. 4B shows an example of the data structure of the document data according to this embodiment in which information indicating the relationship between the text object (text data) and the image object (image data) is added using a tag. A frame 410 indicates the entire document, and a relationship tag indicated by the frames 411 and 412 indicates the relationship between the text object and the image object. A frame 413 surrounded by the frames 411 and 412, that is, an object surrounded by related tags represents one topic. That is, the range surrounded by the frame 413, that is, the topic, has a relationship with the object “image / hiragana.jpeg” described in the related tag of the frame 411. Thereafter, an image having an association with a certain topic (in this example, indicated by a frame 413), that is, an image object (image / hiragana.jpeg in this example) described in the association tag is "corresponding to the topic" "It is doing". By providing range information related to a specific image in this way, an appropriate image can be displayed according to the display location, as will be described later with reference to FIG. Here, related information is added using a tag, but the related information may be held as an external file.

  FIG. 5 shows a display example of the document data shown in FIG. 4B according to the present embodiment. FIG. 5A shows a document display example as usual. The normal document display is to display contents such as characters and images in order according to the description order of the document data. In document data 500, topic 502 corresponds to image 501 and text 503 is content that does not correspond to any image. In FIG. 5B, a screen 510 of the terminal device is a display example in the present embodiment when the display target portion (or display target portion) is a frame 504. The display target portion indicates a portion that is a display target in the document data. The display target portion 504 includes topic data (in this case, data surrounded by <relation> tags). At this time, the display in the screen 510 is divided into an image display area 511 and a text display area 512. The text in the display target portion 504 is displayed in the text display area 512, and the image 513 (= image 501) corresponding to the text is displayed in the image display area 511. In addition, the text display area 512 can be scrolled and the body can be read. On the other hand, the displayed image is fixed in the image display area 511. Thereafter, as shown in FIG. 5B, an image corresponding to the topic and the text are displayed in a separate area, and a display form in which the image corresponding to the topic is fixedly displayed as long as the topic is displayed. This is called topic display. FIG. 5C shows a display example when the display area 505 is displayed on the display screen 520 (same as the screen 510) by scrolling the display area of a certain amount of text from FIG. 5B. As shown in FIG. 5B, the display screen 520 is divided into an image display area 522 and a text display area 522, and the text area 522 includes a topic 502 corresponding to the image 501. In the display area 521, an associated image 523 (= image 501) is displayed. FIG. 5D shows a display example when the display target portion 506 is displayed by further scrolling. Since the display screen 530 (same as the display screen 510) includes only the text in the range 503 that does not correspond to the image, the display area is displayed as usual without being divided. Note that when scrolling while displaying the text of a topic related to the currently displayed image object, both the topic and the other part may be displayed. In that case, for example, as long as the text of the topic is displayed, an image corresponding to the topic is displayed, and when the text related to the topic is out of the text display area by scrolling, the corresponding topic is displayed. Stop displaying image objects and expand the text display area. Alternatively, when the text that does not correspond to the displayed image object (that is, the text that is not the displayed topic) becomes the display target, the display of the image object corresponding to the topic is stopped and the text display area is expanded. There is also a method. In the present embodiment, the former is adopted. Alternatively, when multiple topics are displayed, display all the images of each topic if they can be displayed, and if only one of them can be displayed, for example, more text is displayed. Displays an image corresponding to the current topic.

<Document data display processing>
FIG. 6 is a main flowchart of a document data display processing program when displaying document data in the terminal device 200 of the first embodiment. When the document data display processing program stored in the storage device 103 is loaded into the memory unit 102 and executed by the CPU 101, the CPU 101 executes the memory unit 102, the storage device 103, the input device 104, the output device 105, and the network interface 106. By controlling, the processing of this flowchart is performed. By this procedure, the display as described with reference to FIG. Note that the execution subject of each step is associated with the functional block of FIG. 2, but these functional blocks themselves are realized by the CPU 101 executing the document data display processing program.

  In step S <b> 601, the display management unit 205 displays document data stored in the storage device 103. In step S602, the display management unit 205 determines an input operation via the input unit 203. If it is an end operation, the process ends, and if it is a file selection operation, the process proceeds to S603.

  In step S603, when a document data file is selected, the display management unit 205 reads the selected document data. In step S604, the display management unit 205 acquires device information. In step S605, the display management unit 205 determines the size of the device screen size with reference to the device information. As device information including the screen size and the like, information recorded in advance in the ROM of the main storage device 102 at the time of manufacture can be used. As a determination method, the area can be calculated from the vertical and horizontal lengths (for example, the number of dots) of the screen, and the value can be compared with a predetermined threshold value as a predetermined large / small determination boundary. Further, it may be determined from the diagonal length that is widely used to represent the screen size, or from a device name or model number as shown in FIG. Also good. FIG. 9 shows an example in which the screen size is associated with the type of terminal as an example of determining the screen size. It is an example of a table which determines the size of the screen size from the name and model number of the terminal device in the acquired terminal device information.

  When device information is not recorded in the terminal device, a screen size corresponding to the device can be acquired by including a table as shown in FIG. 9 as a part of the document data display processing program. As the terminal device name, the device ID (identification information) stored in the main memory or the auxiliary memory may be used for each terminal device. If it is determined in S605 that the screen size is larger than the threshold value, the process proceeds to step S606. If it is determined in S605 that the screen size is equal to or smaller than the threshold value, the process proceeds to step S607.

  In step S606, the display management unit 205 performs normal document display described with reference to FIG. The content displayed in S606 may include a related tag, but the related tag is ignored in S606. In step S607, the display management unit 205 acquires a display target portion of the document. The display management unit 205 determines whether topic content is included in the acquired display target portion (S608). That is, it is determined whether or not the document data surrounded by the <relation> tag (related tag) in the example of FIG. If it is determined in S608 that the topic content is not included, the display management unit 205 performs the normal display described above (S609).

  On the other hand, if it is determined in S608 that the topic content is included, the display management unit 205 acquires an image (image data) corresponding to the topic included in the display target portion (S610). Next, the display management unit 205 determines whether there are a plurality of images acquired in S610 (S611).

  If there are a plurality of acquired images, a related image for performing topic display is selected from the acquired images as shown in FIG. 10 (S612). The selection can be made, for example, based on the description order of the image tags corresponding to the images, or based on the size of the image data. Through the steps so far, the display management unit 205 can acquire information on a display target portion and a related image to be displayed.

  Using this information, the display management unit 205 separates an image display area for displaying an image from a text display area for displaying text, and the area for displaying text is a scrollable topic display (see FIG. ), Display control is performed to perform FIG. 5C) (S613). Next, the user's input operation is determined (S614), and if it is an end operation, the process is terminated, and if it is a browse location movement operation, the process returns to step S607.

  In this example, the topic display is divided into the image display area and the text display area shown in FIG. 5, but the corresponding image is displayed as the background (FIG. 7 described later). However, the same effect can be obtained. In this case, the text can be made lighter or hidden during scrolling of the foreground text to make the image clearly visible and easy to see.

  FIG. 7 shows an example in which related images are displayed in the background in the topic content display examples. FIG. 7A shows a normal screen display of document data. Assume that the range of the frame 702 is associated with the image 701, and there is no image associated with the range of the frame 703. FIG. 7B shows an example in which the range of the frame 704 is displayed for a topic. A frame 710 represents a display screen, text in a range 704 is displayed in the display area 711, and a related image 701 is displayed in the background image 712. FIG. 7C shows an example in which the range of the frame 705 is displayed for a topic. A frame 720 represents a display screen, text in a range 704 is displayed in the display area 721, and a related image 701 is displayed in the background image 722. FIG. 7D shows an example in which the range of the frame 706 is displayed for a topic. A frame 720 represents a display screen, and text in the range 706 is displayed in the display area 721. However, since there is no related image, nothing is displayed in the background.

  FIG. 8 shows an example in which a plurality of topic contents are included in one document data. The frames 800 to 803 are similar to the frames 410 to 413 in FIG. Here, a frame 804 surrounded by a frame 804 and a frame 805 is further included as topic content. A frame 806 indicates that the range enclosed by is related to “image / katakana.jpeg” described in the frame 804.

  FIG. 10 is a flowchart for selecting which image is used for display when there are a plurality of related images for topic display in the terminal device 200 of this embodiment, and shows details of S612 in FIG. The display management unit 205 acquires the number of images (= N) that can be displayed on the screen in the case of topic display (S1001). The number of images is calculated according to the screen size. For example, the vertical and horizontal lengths are set to 1 image per 2 inches. Then, if the vertical size of a certain tablet terminal is 7.7 inches and the horizontal length is 5.8 inches, there are 3 images vertically and 2 images horizontally, and this tablet can be calculated as a terminal that can display 6 images simultaneously. However, since it is necessary to secure a display area for text, a certain area for text may be secured, and the number N of images that can be displayed in the remaining area may be determined. Further, instead of the vertical and horizontal sizes, the type of terminal device and the number of displayable images may be linked in advance as shown in the table of FIG. Next, the display management unit 205 compares the number of images N obtained in S1001 with the number of images included in the display area (S1002), and the number of images corresponding to the display target topic is larger than N. N images used for display are selected (S1003). As a selection method, for example, when a plurality of topics are to be displayed, selection is performed in order from an image corresponding to a topic including many characters in the number of characters among topics included in the display target portion. If the display target is one topic, it may be selected sequentially from the top, for example, according to the position of the image tag. If the image tag of the image corresponding to the topic enters the display target area, the image may be displayed, and if it appears, the display may be stopped. In this way, when more than N images are to be displayed, N images may be determined in the order of image tags from among a plurality of images to be displayed. Further, N may be selected in descending order of the area occupied by the text in the display area in consideration of not only the number of characters but also the font size (selection example in FIG. 11 described later). In addition, N images may be simply selected in the order of appearance in the area.

  FIG. 11 shows image selection and display examples when a plurality of topics and related images exist in the display screen. Here, for the sake of simplification, an example will be described in which the number of display images (corresponding to N in FIG. 10) is 1, the related images included in the display screen are 2, and the topic display is displayed in the background. A frame 1100 in FIG. 11A1 and a frame 1110 in FIG. 11B2 show display examples of images when two topics are included in the display area. The portions surrounded by the frame 1101, the frame 1103, the frame 1111, and the frame 1114 correspond to the image 1102, the image 1104, the image 1112, and the image 1114, respectively. In FIG. 11A1, it is determined which area occupies more areas in the display area from the font and the number of characters in the frame 1101 and the frame 1103. Here, the range surrounded by the frame 1101 occupies most of the display area. Therefore, in this case, the image 1102 corresponding to the topic represented by the frame 1101 is selected as the topic display image. Therefore, an image 1102 is displayed as the display image 1106 as shown in the display area of the frame 1105 in FIG. 11B1 in a state where scrolling is advanced from this state, the image 1114 is displayed as the display image 1116 as shown in the display area of the frame 1115 in FIG.

  The above is the description of the first embodiment according to the present invention. As described above, when it is determined that the topic data is included in the display target part, the topic data image is continuously displayed on the display screen regardless of the operation of moving the display target part such as scrolling, On the other hand, the text of the topic data is displayed on the display screen while being moved according to the operation of moving the display target portion. This eliminates the drawbacks of small screens by switching to topic display when browsing on a device with a small screen size, such as a smartphone, when displaying topics in the document data display software of the terminal device. It becomes possible.

(Second embodiment)
In the first embodiment, the determination is made based on the size of the screen size as a condition for displaying the topic. However, the second embodiment shows an example in which the topic is displayed in consideration of the amount of the associated text. The hardware configuration diagram and block diagram of the second embodiment are the same as those of the first embodiment.

  In FIG. 12, the text included in this is associated with the image 1201 with respect to the document data 1200 that is an example of displaying topic content with a large amount of associated text on a terminal device having a large screen size. Locations that the user is browsing are shown as frames 1203 and 1204. When the amount of text is large, it is difficult to browse the topic content even in a terminal device having a large screen size as in the case shown in FIG.

  FIG. 13 is a flowchart of document data display software when displaying document data in the terminal device 200 of the second embodiment. The processes in steps S1301 to S1304 are the same as the processes in steps S601 to S604 in FIG. The processes in steps S1305 to S1306 are the same as the processes in steps S607 to S608 in FIG.

  If it is determined in step S1306 that the topic content is included in the display target portion, the process proceeds to step S1307. If it is determined in step S1306 that the topic content is not included in the display target portion, the process proceeds to step S1308. The processing in step S1307 is the same as the processing in step S606 in FIG. The processing in step S1308 is the same as the processing in step S605 in FIG. However, if it is determined in step S1308 that the screen size is larger than a predetermined size serving as a threshold, the process proceeds to step S1309. If it is determined in step S1308 that the screen size is equal to or smaller than the threshold value, the process proceeds to step S1311.

  In step S1309, the display management unit 205 determines whether the text display amount of topic content included in the display area is large or small. In the determination method, the number of characters included in the topic content is simply counted and compared with a predetermined number of characters that is a threshold determined according to the screen size and the type of terminal device. The determination may be made in consideration of how many screens of the browsing device the text display area corresponds to based on the font size of the text and the amount of the text in consideration of the font size of each character. If it is determined that the text display amount is equal to or smaller than the threshold value, that is, equal to or smaller than the predetermined amount, the process proceeds to step S1307. If it is determined that the text display amount is greater than the threshold, the process proceeds to step S1310.

  The processes in steps S1310 to S1314 are the same as the processes in steps S610 to S614 in FIG.

  In the above description of the flowchart, the text amount is determined for the topic content appearing in the display area, but this process is performed as one of the reading processes immediately after step S1304 to determine whether the text amount of each topic content is large or small. It may be determined in advance and the information may be retained. The above is the description of the second embodiment of the present invention.

  As described above, when displaying a topic in the document data display software of the terminal device, in addition to browsing with a device with a small screen size such as a smartphone, the text in the topic displayed when browsing with a device with a large screen size is displayed. By switching to topic display when the amount is large, it is possible to eliminate the disadvantages when the screen is small and the disadvantages when the amount of text is large even if the screen is large.

  In the above embodiment, the screen size is compared with the threshold value. However, even a large-screen terminal such as a personal computer can be used as long as the operating system adopts a multi-window user interface. The size of the window to be displayed may be as small as a portable terminal. Therefore, in a multi-window environment, the window size for displaying a document may be compared with a threshold value instead of the screen size.

[Other Embodiments]
The present invention can also be realized by executing the following processing. That is, software (program) that realizes the functions of the above-described embodiments is supplied to a system or apparatus via a network or various storage media, and a computer (or CPU, MPU, or the like) of the system or apparatus reads the program. It is a process to be executed.

Claims (11)

A document display device that displays document data including topic data in which an image and text are associated by a tag ,
In accordance with the operation of moving the displayed portion displayed on the display screen, and determining means determines the display object portion or contains the topic data before Symbol displayed portion,
When it is determined by the display target part determination means that the topic data is included in the display target part,
An image of the topic data is displayed on the display screen regardless of the operation of the mobile performs a display topics to be displayed on said display screen according to the text of the topic data in the operation of the mobile,
When the display target portion is moved by the movement operation and the topic data is determined not to be included in the display target portion by the display target portion determination unit,
Display control means for displaying the text on the display screen in accordance with the movement operation without displaying an image;
A document display device characterized by comprising: The display control means includes
When it is determined by the display target portion determination means that the topic data is included in the display target portion,
2. The document display device according to claim 1, wherein the topic data image and text are displayed separately in an image display area and a text display area of the display screen. The display control means includes
When it is determined by the display target portion determination means that the topic data is included in the display target portion,
2. The document display device according to claim 1, wherein the topic data image is displayed in the background and the topic data text is displayed in the foreground. The document display device includes:
A screen size determination means for determining the size of the display screen by comparing the screen size with a threshold;
The means for determining the display target portion includes:
When the screen size determining unit determines that the screen size is small, it is determined whether the topic data is included in the display target portion displayed on the display screen of the document data. The document display device according to any one of claims 1 to 3. Even if the screen size is not determined to be small by the screen size determination means,
The display target portion determining means includes a display pair displayed on the display screen of the document data.
Determining whether or not the text of the topic data is included in an elephant part exceeding a predetermined amount,
The text of the topic data is converted into the display target part by the display target part determining means.
If it is determined that the content exceeds the predetermined amount, the display control means
Display the image of the display data on the display screen regardless of the operation of moving the display target part,
The topic data text is displayed on the display screen according to the operation of moving the display target part.
The document display device according to claim 4, wherein: The document display device according to claim 4 , wherein the screen size determination unit determines the screen size from identification information of a device of the document display device. The display control means, when the topic data included in the display target portion includes a plurality of images, selects a selected image from the plurality of images. The document display device according to any one of claims 1 to 6. The plurality of images are images of different topic data, and the display control means selects and displays in order from images of topic data having a large area included as the display target portion. Item 8. The document display device according to Item 7. 8. The document display apparatus according to claim 7, wherein the display control means selects and displays images in the order included in the document data. A control method for displaying document data including topic data in which an image and text are associated by a tag,
In accordance with an operation of moving the display target portion displayed on the display screen, a determination step of the display target portion that determines whether the topic data is included in the display target portion;
When it is determined by the determining step of the display target portion that the topic data is included in the display target portion,
The topic data image is displayed on the display screen regardless of the movement operation, and the topic data is displayed on the display screen according to the movement operation.
When the display target portion is moved by the movement operation, and it is determined in the display target portion determination step that the topic data is not included in the display target portion,
A display control step for displaying the text on the display screen in accordance with the movement operation without displaying an image;
A control method characterized by comprising: A program for executing a control method for displaying document data including topic data in which an image and text are associated by a tag,
In accordance with an operation of moving the display target portion displayed on the display screen, a determination step of the display target portion that determines whether the topic data is included in the display target portion;
When it is determined by the determining step of the display target portion that the topic data is included in the display target portion,
The topic data image is displayed on the display screen regardless of the movement operation, and the topic data is displayed on the display screen according to the movement operation.
When the display target portion is moved by the movement operation, and it is determined in the display target portion determination step that the topic data is not included in the display target portion,
A display control step for displaying the text on the display screen in accordance with the movement operation without displaying an image;
A program that causes a computer to execute.

Images