JP2022050119A - Displaying method of preview image, computer program for displaying preview image and preview image display system - Google Patents

Abstract

To provide a display method, a computer program for displaying a preview image and a preview image display system which have a preview display screen that allows a user to view contents without selecting the contents.SOLUTION: A display method sets an active region AL that extends in a direction intersecting a specific direction on a display screen 59, sets a plurality of overlapping determination regions OA by dividing each of one or more image display regions GA in the specific direction by a page number of a preview image, displays a thumbnail image in the image display region GA before the active region AL is overlapped with the image display region GA, displays the preview image of the page according to the overlapping determination region OA where the active region AL is overlapped when the active region AL is overlapped with the image display region GA by being scrolled, and displays the thumbnail image when the overlap between the active region AL and the image display region GA is released.SELECTED DRAWING: Figure 5

Description

The present invention is a method for displaying a preview image when selling electronic data containing a content consisting of a plurality of pages (for example, a book including a manga book) via a website, and a computer for displaying a preview image. It relates to a program and a preview image display system.

Traditionally, electronic data containing content consisting of a plurality of pages (for example, a book including a manga book) has been sold via a website. As shown in FIG. 10, on the website, thumbnail images based on the content (cover or representative page) are often displayed, and the user selects a desired thumbnail image. Then, the screen is switched to a display screen for confirming the details of the content and a preview display screen for confirming a part of the content (for example, Non-Patent Document 1).

BookWalker Co., Ltd., "BOOKWALKER", [online], [Search on September 3, 2nd year of Reiwa], Internet <URL: https://bookwalker.jp/top/>

In the case of the conventional preview display screen, in order to preview the content that the user is interested in, it is necessary to select the content one by one, and the display screen that displays the thumbnail image of the content until the desired content is found. You need to go back and forth between the preview display screens. Therefore, there is a problem that it takes time to find the desired content and it takes time and effort to operate.

In addition, the conventional preview display screen is designed to show the contents of the contents that the user is interested in. That is, at the time of opening the preview display screen, the user is already interested in the content to some extent. It is difficult to show the contents to the user and make them interested in the content that the user is not interested in.

An object of the present invention is to provide a display method having a preview display screen capable of showing the contents of a content to a user without selecting the content, a computer program for displaying an image for preview, and an image display system for preview. ..

The present invention is prepared in advance for previewing the content of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image is displayed displayed on the screen of the display device in a specific direction on the screen. The present invention relates to a method of displaying a preview image in which multiple pages of preview images are sequentially displayed on the screen.

As described above, the "content" targeted by the present invention is a content consisting of a plurality of pages, and is created by cutting out a scene of a moving image in order to introduce a moving image in addition to a book including a manga book, a magazine, a newspaper, etc. It includes the images and the like. "Previewing (the content)" means, for example, if the content is a manga book, a part of the manga book is to be read and previewed, and the user is made to read and see a part of the manga book according to the content. , To show the contents of the contents as a trial.

In the method of displaying a preview image of the present invention, first, an active area extending in a direction intersecting a specific direction on the screen is set for the screen, and each of one or more image display areas is set in a specific direction. Divide by the number of pages of the preview image and set a plurality of overlap judgment areas. The "active area" may be linear or may have an area. The "overlap determination area" is set for the number of pages of the preview image, and if the number of pages of the preview image is three, the overlap determination area is three. The size of the overlap determination area may be the same, or the size may be different depending on the area.

At the time of browsing, before the active area overlaps with the image display area, the thumbnail image is displayed in the image display area and scrolled. The preview image of the page corresponding to the area is displayed in the image display area. Then, when the overlap between the active area and the image display area is released, the thumbnail image is displayed in the image display area.

In this way, the thumbnail image and the preview image are switched according to the display position of the image display area on the screen of the display device, and the page of the preview image is also switched. Therefore, the user can display the preview image of the present invention. When browsing a website that uses this method, you can browse not only the thumbnail image of the content but also the preview image by simply scrolling the screen. Therefore, the user can easily find the desired content. In addition, by showing the contents of the content to the user, it becomes possible to make the user interested in the content that the user was not interested in.

Of course, the active area may be fixed on the screen, or may be moved depending on the situation. For example, when the image display area is displayed on the screen in a stopped state, the active area may be moved in the direction opposite to the specific direction. By doing this, even if the user does not scroll the screen, the preview image can be automatically displayed, or the preview image in another image display area displayed on the screen can be displayed. It will be possible.

Further, when the image display frame is displayed on the screen in a stopped state, the initial position of the active area may be set at the end position of the image display area in a specific direction. By doing so, it is possible to display the preview image as soon as the user resumes the scroll operation of the screen.

The condition for moving the active area may be not only when the image display area is displayed in the stopped state on the screen, but also when, for example, the user turns on a predetermined button. In this case, when the predetermined button is turned on, the initial position of the active area is set at the end position in the specific direction of the image display area.

Further, the position of the active area may be moved in a specific direction in proportion to the scroll speed. For example, when the image display area is relatively small with respect to the screen, it is difficult for the user to see the preview image because the page of the preview image is frequently switched with a slight scrolling. Therefore, if the active area is moved in a specific direction in this way, the page switching of the preview image by scrolling becomes gentle, and the user can easily see the preview image.

It is preferable that the entire preview image is displayed on the screen until the overlap between the active area and the image display area is removed. By doing so, it is possible to prevent the preview image from being displayed at a hidden position outside the screen.

When the active area overlaps the image display area, that is, while the preview image is displayed, the purchase decision button for purchasing, renting, etc. of the target content is displayed adjacent to the image display area, and the active area and the image display area are displayed. When the overlap with is released, the display of the purchase decision button may be turned off. By doing so, by viewing the preview image, the user who is interested in the content can purchase the content without transitioning to another website or the like, so that the procedure can be smoothly performed. Will be.

In order to smoothly display the preview image on the screen of the display device, it is preferable to store the preview image in the storage unit of the display device in advance, but for previewing by a method other than displaying it in the image display area. It is not preferable to view and use the image. Therefore, it is preferable that the preview image data for a plurality of pages is obfuscated so that it cannot be reproduced even if it is downloaded.

The specific direction and scroll direction described above are arbitrary, but it is preferable that the specific direction is the upward or downward direction of the screen and the scroll is vertical scrolling.

The present invention can also be grasped (or expressed) as a computer program for displaying a preview image.

A preview of multiple pages prepared in advance to preview the content of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image displayed on the screen of the display device is displayed in a specific direction on the screen. In the preview image display computer program for realizing an image control unit that sequentially displays images on the screen by a computer, a step of setting an active area extending in a direction intersecting a specific direction on the screen with respect to the screen. And the step of dividing each of one or more image display areas in a specific direction by the number of pages of the preview image to set a plurality of overlap determination areas, and before the active area overlaps with the image display area. When the step of displaying the thumbnail image in the image display area and the scrolled and the active area overlaps the image display area, the preview image of the page corresponding to the overlap judgment area where the active area overlaps is displayed in the image display area. When the overlap between the active area and the image display area is released, the step of displaying the thumbnail image in the image display area is executed. Of course, this program may be recorded on a computer-readable recording medium.

The present invention can also be grasped (or expressed) as a preview image display system.

A preview of multiple pages prepared in advance to preview the content of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image displayed on the screen of the display device is displayed in a specific direction on the screen. In a preview image display system provided with an image control unit that sequentially displays images for use on the screen, an active area setting unit that sets an active area extending in a direction intersecting a specific direction on the screen with respect to the screen and 1 Each of the above image display areas is divided in a specific direction by the number of pages of the preview image, and is provided with an overlap determination area setting unit for setting a plurality of overlap determination areas. The image control unit is an active area. However, before overlapping with the image display area, the thumbnail image is displayed in the image display area and scrolled, and when the active area overlaps with the image display area, the page corresponding to the overlap determination area where the active area overlaps. The preview image is displayed in the image display area, and when the overlap between the active area and the image display area is released, the thumbnail image is controlled to be displayed in the image display area.

It is a block diagram which shows the structure of embodiment of the content sales system which incorporated the image display system for preview of this invention. It is a figure which shows an example of the content selection screen which is a website which has one or more image display areas in which a thumbnail image is displayed. It is a figure for demonstrating the overlap determination area. It is a flowchart which shows an example of the control of the display of an image in an image display area by an image control unit. (A) to (E) are diagrams showing an example of displaying an image in an image display area. It is a figure which shows the example of the button which is displayed adjacent to an image display area while an active line and an image display area overlap. (A) to (E) are diagrams showing an example of moving an active line. (A) and (B) are diagrams showing an example of moving an active line. (A) to (E) are diagrams showing an example of moving an active line. It is a figure which shows the example of the conventional website.

Hereinafter, embodiments of the preview image display method, the preview image display computer program, and the preview image display system of the present invention will be described in detail with reference to the drawings.

FIG. 1 is a block diagram showing a configuration of an embodiment of a content sales system CSS incorporating a preview image display system 1. In the present embodiment, the content sales system CSS is a sales system for electronic books containing manga books and the like as electronic contents, but in the present specification, the scope necessary for explaining the preview image display system 1. Since the system portion for selling electronic contents and the like has nothing to do with the gist of the present invention, detailed description thereof will be omitted.

<Preview image display system>
As shown in FIG. 1, the preview image display system 1 of the present embodiment is mainly connected to the content management unit 3 that manages electronic contents, and the content management unit 3 via a telecommunication line NW. It is composed of a display device 5 of a user communication terminal device for acquiring electronic contents from the content management unit 3. In the present embodiment, the electronic content is an electronic book whose content is a manga book.

The content management unit 3 is a so-called content management system (CMS), and includes a control unit 31, a data storage unit 33, and a communication unit 35.

The data storage unit 33 stores the content body storage unit 33A that stores the content body (electronic data) of the electronic content to be sold, and the content information such as the author information, the publisher information, and the selling price of the electronic content. Content information storage unit 33B, thumbnail image storage unit 33C that stores thumbnail images based on the cover (calligraphy) of electronic content, preview images based on multiple pages of electronic content, number of pages of preview images, etc. It has a preview image storage unit 33D that stores the information of.

In the present embodiment, the thumbnail image and the preview image are obfuscated so that the thumbnail image and the preview image cannot be confirmed as images even if the user downloads them. The thumbnail image and the preview image can be confirmed as images via the preview image display system 1.

The display device 5 is assumed to be a user communication terminal device such as a mobile phone, a smartphone, a tablet terminal, or a personal computer, but is not limited thereto. The user installs a content viewing computer program in which a preview image display computer program is incorporated in the display device 5 of the user in advance. As a result, by executing the content viewing computer program, the content sales system CSS including the preview image display system 1 is constructed for the user. The user can use the content sales system CSS including the preview image display system 1 by executing the content viewing computer program by operating his / her own display device 5, and can use the website of the content sales system CSS. Can be viewed. Of course, the content sales system CSS including the preview image display system 1 may be made available by opening the website of the content sales system CSS with a web browser instead of an individual computer program. Of course, each display device 5 may be a dedicated terminal.

The display device 5 has a communication unit 51, an input unit 53, a data storage unit 55, a control unit 57, and a display screen 59 for connecting to the telecommunication line NW.

The input unit 53 may be a numeric keypad in the case of a mobile phone, a touch panel arranged on the display screen 59 in the case of a smartphone or tablet terminal, or a mouse and keyboard or a touch panel in the case of a personal computer. .. The data storage unit 55 stores data related to electronic contents downloaded from the content management unit 3.

By installing the computer program for displaying the preview image, the control unit 57 of the display device 5 is realized with the image control unit 57A, the active area setting unit 57B, and the overlap determination area setting unit 57C.

The image control unit 57A controls the display of the display screen 59 of the display device 5. In the present embodiment, in particular, when the user is made to select electronic content, the content selection is the website of the content sales system CSS having one or more image display area GAs on which thumbnail images as shown in FIG. 2 are displayed. Display the screen CS. In the present embodiment, the upward direction of the display screen 59 shown in FIG. 2 is the "specific direction", and the content selection screen CS can be vertically scrolled upward and downward by using the input unit 53. In the example of FIG. 2, only six image display areas GA are visible on the content selection screen CS, but a larger number of image display areas not displayed on the display screen 59 are hidden outside the screen. By scrolling the content selection screen CS upward using the input unit 53, other hidden image display area GAs appear on the display screen 59 in order.

The active area setting unit 57B sets an active area extending in the horizontal direction (direction intersecting the upward direction, which is a specific direction) on the display screen 59 with respect to the screen. In the present embodiment, as shown by the broken line in FIG. 2, a linear active line AL extending in the lateral direction is set in the central portion of the display screen 59. Although the active line AL is set in an invisible state invisible on the actual display screen, the active line AL is shown by a broken line for convenience of explanation.

The overlap determination area setting unit 57C divides each of the one or more image display areas GA in a specific direction by the number of pages of the preview image, and sets a plurality of overlap determination area OA. FIG. 3 is a diagram for explaining the overlap determination area OA. In the example shown in FIG. 3, since the preview image for three pages is prepared for the electronic content, the overlap determination area setting unit 57C divides the image display area GA into three in a specific direction and determines three overlaps. Areas OA1 to OA3 are set. That is, when five pages of preview images are prepared in the electronic content, the overlap determination area setting unit 57C divides the image display area GA into five, sets five overlap determination areas OA, and sets the electronic content. When 10 pages of preview images are prepared in the above, the overlap determination area setting unit 57C divides the image display area GA into 10 and sets 10 overlap determination area OA. In each of the plurality of image display areas GA shown in FIG. 2, a plurality of overlap determination areas OA divided according to the number of pages of the preview image prepared in the corresponding electronic contents are set in advance. Will be there.

As will be described later, the image control unit 57A controls the image to be displayed in the image display area GA according to the degree of overlap between the active line AL and the overlap determination area OA.

[Control of the image displayed in the image display area GA (flow chart)]
FIG. 4 is a flowchart showing an example of control of display of an image in the image display area GA by the image control unit 57A, and FIGS. 5 (A) to 5 (E) show the display of the image in the image display area GA. It is a figure which shows an example.

As shown in FIG. 5A, in this example, for convenience of explanation, only one image display area GA is set in the content selection screen CS, and the active line AL is set in the center of the display screen 59. There is. Further, in the target electronic content, as in the example shown in FIG. 3, three pages of preview images are prepared, and three overlap determination areas OA1 to OA3 are set in the image display area GA. It shall be.

When the user starts the content viewing computer program using the display device 5, as shown in FIG. 5A, the content selection screen CS having the image display area GA is displayed on the display screen 59 (step ST1). At this time, the control unit 57 reads out the thumbnail image and the preview image of the electronic content to be displayed from the data storage unit 33 of the content management unit 3, stores them in the data storage unit 55 (step ST2), and stores the active area setting unit 57B. Sets the active line AL (step ST3), the overlap determination area setting unit 57C sets the overlap determination area OA (step ST4), and the thumbnail image of the electronic content to be displayed is displayed in the image display area GA. (Step ST5).

When the user scrolls the content selection screen CS using the input unit 53 (step ST6) and the active line AL and the image display area GA overlap (step ST7), the overlapped position is set in the image display area GA. The preview image of the page corresponding to the overlap determination area OA is displayed (step ST8). For example, in the example shown in FIG. 5B, as a result of scrolling the content selection screen CS from the state of FIG. 5A, the active line AL overlaps with the overlap determination area OA1, so that the image display area GA is displayed. The corresponding preview image on the first page is displayed (in the present embodiment, the entire preview image is displayed on the display screen).

After that, the same process is repeated until the overlap between the active line AL and the image display area GA is released (steps ST9 to ST11). For example, in the example shown in FIG. 5 (C), as a result of scrolling the content selection screen CS from the state of FIG. 5 (B), the active line AL overlaps with the overlap determination area OA2, so that the image display area GA is displayed. The corresponding preview image on the second page is displayed, and in the example shown in FIG. 5D, since the active line AL overlaps with the overlap determination area OA3, the corresponding third page is displayed on the image display area GA. The preview image is displayed.

In the present embodiment, while the active line AL and the image display area GA overlap, as shown in FIG. 6, a purchase decision button for purchasing, renting, or the like of the target electronic content is adjacent to the image display area GA. BT1, favorite button BT2 that marks the user so that he / she can check the electronic content that he / she is interested in, and additional operation button BT3 that matches the characteristics of the user and electronic content are also displayed. There is. The additional operation button BT3 can be displayed like "reading" in the case of electronic content that can be transferred to trial reading with an image having a higher resolution than the preview image, or can be displayed as "viewing" or already purchased by the user or in an all-you-can-read plan. If you are subscribed, you can display something like "Read now".

When the overlap between the active line AL and the image display area GA is released by scrolling, a thumbnail image of the electronic content to be displayed is displayed in the image display area GA (step ST12).

In the example shown in FIG. 5, only one image display area GA is set in the content selection screen CS, but when a plurality of image display area GAs are lined up, the active line AL and the image display area are set for each. The overlap of GA is determined, and the thumbnail image or the preview image is displayed.

[others]
In the above embodiment, the active line AL is fixed to the central portion of the display screen 59, but may be moved when a predetermined condition is satisfied.

For example, in the examples shown in FIGS. 7A to 7E, when scrolling is stopped for a predetermined time while the active line AL and the image display area GA overlap, as shown in FIGS. 7D and 7E. , The active line AL moves downward on the screen at a constant speed. By doing so, the preview image can be automatically advanced to the next page and shown to the user.

In the examples shown in FIGS. 8A and 8B, when scrolling is stopped for a predetermined time while the active line AL and the image display area GA do not overlap, the initial position of the active line AL is set at the end position of the image display area GA. The position is set. By doing so, it is possible to display the preview image as soon as the user resumes the scroll operation of the screen. The initial position of the active line AL may be set in the same manner when a predetermined button (not shown) is turned on.

In the examples shown in FIGS. 9A to 9E, the image display area GA is smaller than the display screen. Therefore, the position of the active line AL is moved upward in proportion to the scroll speed. By doing so, the page switching of the preview image becomes gradual.

Of course, in the embodiment described above, the active line AL may be moved as in the above example.

The above embodiment is described as an example, and the present invention is not limited to the present embodiment as long as it does not deviate from the gist thereof. For example, in the above example, the preview image display system is incorporated into the sales system of the electronic book, but it can also be incorporated into the sales system of other contents satisfying the above conditions, and the book as a tangible object. It is also possible to incorporate it into a communication sales system such as.

INDUSTRIAL APPLICABILITY According to the present invention, a display method having a preview display screen capable of showing the contents of a content to a user without selecting the content, a computer program for displaying an image for preview, and an image display system for preview are provided. be able to.

CSS Content sales system 1 Preview image display system 3 Content management unit 31 Control unit 33 Data storage unit 35 Communication unit 5 Display device 51 Communication unit 53 Input unit 55 Data storage unit 57 Control unit 57A Image control unit 57B Active area setting unit 57C Overlap judgment area setting unit 59 Display screen CS content selection screen GA Image display area OA Overlap judgment area AL Active line (active area)

Claims (12)

Multiple pages prepared in advance to preview the contents of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image displayed on the screen of the display device is displayed in a specific direction on the screen. This is a method of displaying a preview image in which the preview images of are sequentially displayed on the screen.
An active area extending in a direction intersecting the specific direction on the screen is set for the screen.
Each of the one or more image display areas is divided in the specific direction by the number of pages of the preview image, and a plurality of overlap determination areas are set.
Before the active area overlaps with the image display area, the thumbnail image is displayed in the image display area.
When the active area overlaps with the image display area after being scrolled, the preview image of the page corresponding to the overlap determination area on which the active area overlaps is displayed in the image display area.
A method for displaying a preview image, which comprises displaying the thumbnail image in the image display area when the overlap between the active area and the image display area is released. The method for displaying a preview image according to claim 1, wherein the active area is moved in the direction opposite to the specific direction when the image display area is displayed on the screen in a stopped state. The preview according to claim 1 or 2, wherein when the image display frame is displayed on the screen in a stopped state, the initial position of the active area is set at the end position of the image display area in the specific direction. Image display method. The method for displaying a preview image according to any one of claims 1 to 3, wherein when the predetermined button is turned on, the initial position of the active area is set at the end position of the image display area in the specific direction. .. The method for displaying a preview image according to any one of claims 1 to 4, wherein the position of the active area is moved in the specific direction in proportion to the scroll speed. The method for displaying a preview image according to any one of claims 1 to 5, wherein the target content is an electronic book. The display of the preview image according to any one of claims 1 to 6, wherein the preview image is entirely displayed on the screen until the overlap between the active area and the image display area is released. Method. When the active area overlaps with the image display area, a purchase decision button for purchasing, renting, etc. of the target content is displayed adjacent to the image display area, and the overlap between the active area and the image display area is released. Then, the method of displaying the preview image according to any one of claims 1 to 7, wherein the display of the purchase decision button is turned off. The method for displaying a preview image according to any one of claims 1 to 8, wherein the preview image data for a plurality of pages is obfuscated so that the data cannot be reproduced even if downloaded. The method for displaying a preview image according to any one of claims 1 to 9, wherein the specific direction is an upward direction or a downward direction of the screen, and the scroll is a vertical scroll. Multiple pages prepared in advance to preview the contents of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image displayed on the screen of the display device is displayed in a specific direction on the screen. It is a computer program for displaying a preview image for realizing an image control unit that sequentially displays the preview images of the above on the screen by a computer.
A step of setting an active area extending in a direction intersecting the specific direction on the screen with respect to the screen, and
A step of dividing each of the one or more image display areas by the number of pages of the preview image in the specific direction and setting a plurality of overlap determination areas.
Before the active area overlaps with the image display area, a step of displaying the thumbnail image in the image display area and a step of displaying the thumbnail image in the image display area.
When the active area overlaps with the image display area by scrolling, the step of displaying the preview image of the page corresponding to the overlap determination area on which the active area overlaps in the image display area.
A computer program for displaying an image for preview, which comprises executing a step of displaying the thumbnail image in the image display area when the overlap between the active area and the image display area is released. Multiple pages prepared in advance to preview the contents of the target content of the thumbnail image while scrolling one or more image display areas on which the thumbnail image displayed on the screen of the display device is displayed in a specific direction on the screen. This is a preview image display system provided with an image control unit that sequentially displays the preview images of the above on the screen.
An active area setting unit that sets an active area extending in a direction intersecting the specific direction on the screen with respect to the screen.
Each of the one or more image display areas is divided in the specific direction by the number of pages of the preview image, and the overlap determination area setting unit for setting a plurality of overlap determination areas is provided.
The image control unit displays the thumbnail image in the image display area before the active area overlaps with the image display area.
When the active area overlaps with the image display area after being scrolled, the preview image of the page corresponding to the overlap determination area on which the active area overlaps is displayed in the image display area.
A preview image display system characterized in that when the overlap between the active area and the image display area is released, the thumbnail image is controlled to be displayed in the image display area.

Images