JP4779584B2 - Content presentation device, small information communication terminal and content presentation program in small information communication terminal - Google Patents

Description

  The present invention relates to a content presentation apparatus in a small information communication terminal having a small display screen such as a mobile phone, a PHS (Personal Handyphone System), a PDA (Personal Digital Assistance), a palmtop computer, or an ultra-small notebook personal computer. The present invention relates to a small information communication terminal and a content presentation program.

  A small information communication terminal such as a recent mobile phone, PHS, PDA, palmtop computer or ultra-small notebook personal computer is generally equipped with a browser capable of displaying a web page (Web page) on the Internet. It is becoming. Conventional browsers only display content created assuming display on a small terminal in consideration of restrictions on the screen size and input interface of a small information communication terminal such as a mobile phone. On the other hand, due to the recent improvement in performance of mobile phones, browsers have been developed that can display web pages that can be viewed on a normal personal computer or the like and are already widely used on the Internet. Has begun to be installed in. Such browsers for mobile phones are also called full browsers, and are expected to be increasingly installed in small information communication terminals such as mobile phones in the future.

  In such a full browser that can display a web page for a normal personal computer on a mobile phone, when displaying a web page acquired from the Internet, the browser on the personal computer can be used arbitrarily regardless of the screen size of the mobile phone. Or it is displayed at the same magnification as when displayed in a fixed size.

  However, many web pages for personal computers have much larger dimensions than the display screen of a mobile phone, and the amount of information that can be displayed on one screen is limited. For this reason, in the prior art, the amount of information in one screen is increased by compressing and displaying the entire Web page.

  Also, in the input interface of a mobile phone, it is mainstream to use a numeric keypad and several keys, and a mouse, a touch pad, etc. used in a normal personal computer cannot be used. For this reason, in order to search for information in a Web page for a personal computer on a mobile phone, a complicated operation must be performed. Specifically, when searching for desired information, it is necessary to move the Web page in the vertical and horizontal directions by a certain number of pixels by continuously pressing the cross key. For the purpose of solving such complicated operations, the technique described in Patent Document 1 converts and displays a layout structure in a Web page for a personal computer in accordance with the horizontal screen size of a mobile phone. ing. As a result, the entire Web page can be browsed only by a vertical scroll operation. Among the four-way keys, the left key scrolls up, the right key scrolls down, and the up key moves up. The function and the lower key can be assigned to the downward focus movement function, and the operation method in the mobile phone with a limited number of keys and input means can be simplified.

JP 2005-527057 A

  However, according to the conventional technology described above, the layout of the entire Web page can be recognized, but the readability is degraded because the size of characters and images is reduced. In particular, the greater the amount of information on a Web page, the lower the readability when displaying the entire page. For this reason, in order to read detailed information in the content, it is necessary to perform an extra operation for changing the display magnification.

  Further, according to the technique described in Patent Document 1 described above, if the user is familiar with a Web page on the personal computer and the detailed information to be browsed in the Web page is limited, the position of the detailed information is lost. there is a possibility.

  As described above, the conventional technology and the technology described in Patent Document 1 can realize the display of a Web page simultaneously satisfying the readability of characters, the securing of the amount of information in one screen, and easy operability in a full browser of a mobile phone. Not.

  Accordingly, an object of the present invention is to increase the amount of information displayed in one screen while ensuring readability when browsing the content, and to easily operate the content presentation device and the small information communication in a small information communication terminal. It is to provide a terminal and a content presentation program.

  According to the present invention, a rendering image is obtained by projecting the coordinates of the pixels in the display target area of the acquired web page content to the coordinates of the corresponding pixels in the rendering area by mapping conversion. There is provided a content presentation device in a small information communication terminal comprising a generating means.

  A Web page displayed on the screen of a small information communication terminal is compressed by defining a display target area and projecting the coordinates of the pixels in the display target area to the corresponding pixel coordinates in the rendering area by mapping conversion. Generate the rendered image. As a result, the entire display target area can be accommodated in the screen size of the small information communication terminal. That is, a larger amount of information can be presented on the screen of a small information communication terminal with a limited display area. In addition, when searching for information displayed outside the screen of the small information communication terminal, the user can perform a scroll operation while maintaining the readability of characters without performing an operation for changing the display magnification of the entire content. Can be done.

  It is preferable that the generating means is a means for performing mapping conversion by projecting a cylindrical side surface, a spherical surface or an inclined surface onto a plane with respect to the display symmetric region.

  According to the present invention, the means for acquiring the Web page and the display target area of the acquired Web page content are further divided into a plurality of continuous partial areas including the first partial area and the second partial area. Means for compressing the content of the second partial area by mapping conversion, and generating a rendering image in which the uncompressed content of the first partial area and the compressed content of the second partial area are continuous. A content presentation device in a small information communication terminal provided is provided.

  A display target area is defined for a Web page displayed on the screen of the small information communication terminal, the display target area is divided into a plurality of continuous partial areas, and the content of the first partial area is compressed. Without performing the above, the content of the second partial area is compressed, and a rendering image in which these contents are continuous is generated. As a result, the entire display target area can be accommodated in the screen size of the small information communication terminal without mainly compressing the portion to be browsed. That is, it is possible to present a larger amount of information while ensuring the readability of characters on the screen of a small information communication terminal with a limited display area. In addition, when searching for information displayed outside the screen of the small information communication terminal, the user can perform a scroll operation while maintaining the readability of characters without performing an operation for changing the display magnification of the entire content. Can be done.

  The division means is a means for dividing the display target area of the acquired Web page content into a plurality of partial areas consisting of a first partial area and a second partial area, and the means for generating is a second part. Preferably, it is a means for compressing the content of only the region and generating a rendering image in which the uncompressed first partial region content and the compressed second partial region content are continuous.

  In this case, the first partial region may be located at the center, and the second partial region may be located above, below, left, or right of the first partial region. In addition, the first partial region may be located in the center, and the second partial region may be located around the first partial region.

  The means for dividing is means for dividing the display target area of the content of the acquired web page into a plurality of partial areas including a first partial area, a second partial area, and a third partial area that are continuous with each other. Means for compressing the contents of the second partial area and the third partial area, and causing the contents of the uncompressed first partial area and the compressed contents of the second partial area and the third partial area to be continuous It is also preferable to be a means for generating a rendered image.

  In this case, the first partial region may be located at the center, and the second and third partial regions may be located above and below or right and left of the first partial region.

  Preferably, the means for generating includes means for compressing the content by continuously increasing the compression rate according to the distance from the first partial region.

  In this case, it is more preferable that the means for compressing is a means for performing mapping transformation by projecting a cylindrical side surface or a spherical surface onto a plane with respect to the second partial region or the second and third partial regions.

  It is also preferable that the means for generating includes means for always compressing the content at a constant compression rate.

  In this case, the means for compressing is a means for performing mapping conversion for compressing the lateral width according to the distance from the first partial region to the second partial region or the second and third partial regions. preferable.

  The second partial region or the second and third partial regions may be configured to select whether to compress or not compress. In addition, when compressing, the type of mapping conversion may be selected.

  Also, compress in the vertical direction (the second partial region or the second and third partial regions are above and / or below) or compress in the horizontal direction (the second partial region or the second and third portions) It may be possible to select whether the area is left and / or right) or compressed in the entire circumferential direction (the second partial area is surrounding).

  According to the present invention, there is further provided a small information communication terminal including the above-described content presentation device and means for displaying a rendering image generated by the content presentation device.

  Further, according to the present invention, a Web page is acquired by a computer, and the display target area of the acquired Web page content is changed to a plurality of continuous partial areas including the first partial area and the second partial area. Dividing, compressing the content of the second partial area by mapping conversion, and generating a rendered image in which the uncompressed first partial area content and the compressed second partial area content are continuous A content presentation program is provided.

  According to the present invention, in a full browser for a small information communication terminal, the amount of information to be displayed on one screen of the small information communication terminal is increased while ensuring readability at the time of content browsing, and further easy operability is ensured. can do.

  FIG. 1 is a block diagram schematically showing a configuration of a content presentation device portion of a mobile phone as an embodiment of the present invention.

  In the figure, 10 is a content presentation device, 11 is an input device consisting of numeric keys and cross keys or elements equivalent thereto, 12 is an output device consisting of LCD (Liquid Crystal Display) or elements equivalent thereto, and 13 is the Internet. .

  The content presentation device 10 is connected to an event acquisition unit 10a connected to the input device 11, an event conversion unit 10b connected to the event acquisition unit 10a, a control unit 10c connected to the event conversion unit 10b, and a control unit 10c. The browser engine unit 10d that accesses the Internet 13, the virtual buffer 10e connected to the control unit 10c, and the virtual buffer 10e and the VRAM (video RAM) 10f connected to the output device 12 are mainly configured.

  The control unit 10c mainly includes an image generation unit 10c1, a cursor management unit 10c2, a focus management unit 10c3, a widget management unit 10c4, and an engine cooperation unit 10c5.

  The event acquisition unit 10 a acquires a signal based on an operation performed by the user on the input device 11. The operation in this case refers to a button press on a numeric keypad, a cross key or other auxiliary keys, or an operation equivalent thereto.

  The event conversion unit 10b converts the signal acquired from the event acquisition unit 10a into user operation information for the HTML content targeted by the content presentation device. The user's operation on the HTML content includes focus movement, cursor movement, anchor selection, input to select text area button input, frame selection, scrolling, and the like. The event conversion unit 10b notifies the control unit 10c of the amount of cursor movement in the case of cursor movement and the amount of scroll movement in the case of scroll accompanying the information related to the user's operation on the HTML content.

  The control unit 10c manages cursor position information, widget information, and focus information. The widget indicates an anchor and a form (input / select / text area / button). The control unit 10c also renders HTML content for display on the output device 12 in cooperation with the browser engine unit 10d as necessary based on the operation information for the HTML content of the user acquired from the event acquisition unit 10a. Create an image. When creating this rendering image, an area larger than the display size of the output device 12 is set as a display target area, the display target area is divided into a plurality of continuous partial areas, and the display target area is displayed in the display size of the output device 12. Fit in.

  The browser engine unit 10d cooperates with the control unit 10c, acquires HTML content from the Internet 13 and transfers an image of the HTML content to the control unit 10c as needed based on the operation contents of the user.

  Hereinafter, the operation of the content presentation device in the present embodiment will be described in detail. In the present embodiment, the display target area is divided into three areas: a second partial area (partial area 2), a first partial area (partial area 1), and a third partial area (partial area 3) that are continuous with each other. The partial area 1 located at the center is not compressed, and the partial areas 2 and 3 located above and below the partial area 1 are subjected to mapping transformation by projecting the cylindrical side onto a plane. This is a case where compression is performed (thus, vertical compression is performed).

  Of course, it may be configured to select whether or not to compress a part of the display target area (partial areas 2 and 3). In addition, in the case of compression, the type of mapping conversion can be selected. Also good.

  By replacing the upper and lower sides in this embodiment with the left and right, the partial areas 2 and 3 located on the left and right of the partial area 1 are subjected to mapping transformation in which the cylindrical side surface is projected onto a plane and compressed (therefore, the horizontal direction It is clear that a modified mode (with compression) is obtained.

  FIG. 2 shows content image information acquired and managed by the control unit 10c from the browser engine unit 10d when a Web page is displayed. FIG. 3 is a diagram for explaining the content image information. . The content image information is associated with a Web page (content image) acquired from the Internet 13 by the browser engine unit 10d.

FIG. 2A shows a content image information table. This table includes content width (width), content height (height), and frame information (* frame) which is a pointer of each frame. include. FIG. 2B shows a frame information table, in which the frame ID (frame_id), the display start X coordinate (x), the display start Y coordinate (y), and the width of the display range of the frame ( view_width), frame display range height (view_height), frame content width (content_width), frame content height (content_height), widget information (* widget) and next frame information (* next) are included Yes. FIG. 2C shows a widget information table. This table includes a widget ID (widget_id), a widget type (type), a display start X coordinate (x), a display start Y coordinate (y), and a width. (Focus_width), height (focus_height), and next widget information (* next) are included.
The control unit 10c acquires all the widget information in the content by acquiring the content image information.

  As can be seen from FIG. 3, this content image information is a case where the HTML content is composed of a single frame, but the content image information has almost the same content even when the HTML content is composed of a plurality of frames. ing.

  FIG. 4 shows a sequence diagram when a Web page is acquired from the Internet and displayed on the output device 12.

  The trigger for acquiring a Web page from the Internet is that when a URL (Uniform Resource Locator) corresponding to this Web page is directly entered in the new address field of the browser, or when a bookmark saved in the browser is selected, it is displayed on the browser. When the user selects an anchor in the displayed web page, a trigger corresponding to the anchor may occur.

  When an event notification is sent from the event acquisition unit 10a to the event conversion unit 10b indicating that there has been an input, the event conversion unit 10b performs event processing, indicating that the user has performed a series of operations related to HTML. The transmitted operation information is sent to the control unit 10c.

  Thereby, the control unit 10c that has recognized the trigger described above analyzes the operation information to recognize the update of the Web page, and the browser engine unit 10d receives the URL of the Web page or the widget ID corresponding to the selected anchor. To notify.

  Thereby, the browser engine unit 10d acquires the Web page from the Internet and generates a content image. However, if the browser engine unit 10d has a cache and already holds a Web page, the content image in the cache may be used.

  As described above, the content image includes the ID, display start position (X coordinate, Y coordinate on the upper left of the content), size (height, width), ID for all widgets in the content, display Content image information including information on the start position (relative X coordinate and Y coordinate from the upper left of the content) is attached.

  After the generation of the content image, the browser engine unit 10d notifies the control unit 10c of a content image generation completion message. Upon receiving this content image generation completion message, the control unit 10c makes a content image acquisition request to the browser engine unit 10d, whereby the control unit 10c acquires the content image and the content image information.

  The control unit 10c generates a rendering image for displaying the content on the output device 12 according to a preset rendering pattern, and writes the rendering image in the virtual buffer 10e.

  The rendered image has a display target area that is equal to or larger than the display size of the output device 12, and at least one partial area obtained by dividing the display target area into a plurality of partial areas is subjected to mapping conversion according to the rendering pattern. Generated to go. As a result, the size of the display target area is accommodated within the display size of the output device 12. In the present embodiment, as described above, the rendering pattern (the “cylinder”) of the partial regions 2 and 3 positioned before and after the partial region 1 is compressed by performing mapping conversion by projecting the cylindrical side surface onto the plane. (Rendering pattern) is set.

  The control unit 10c also superimposes the cursor image or equivalent on the cursor position on the rendered image in the virtual buffer 10e based on the cursor position information. Further, based on the focus information, the control unit 10c determines a widget to be superimposed with the focus image or the equivalent, and superimposes the widget image on the widget position of the rendering image in the virtual buffer 10e.

  The data in the virtual buffer 10e written in this way is transferred to the VRAM 10f and displayed on the output device 12.

  5 to 10 are diagrams for explaining a rendering image generation method according to this embodiment. Hereinafter, the rendering image generation process of this embodiment will be described with reference to these drawings.

  The control unit 10c grasps the height display_height and the width display_width of an area (displayable area) in which HTML content can be displayed on the screen of the mobile phone, and from the content image acquired from the browser engine unit 10d, A display target area having a height of buffer_height and a width of buffer_width is cut out and used as a rendering image.

  In the present embodiment, the rendering pattern is set to “cylinder”. In other words, a rendering pattern is set in which a partial area to be compressed is compressed by performing mapping conversion in which a cylindrical side surface is projected onto a plane. Further, as described above, in this embodiment, the upper and lower partial areas of the rendering image are compressed in the vertical direction.

  As shown in FIG. 5, in this embodiment, the width buffer_width of the display target area is equal to the width display_width of the displayable area of the screen, and the height buffer_height of the display target area is equal to or larger than the height display_height of the displayable area of the screen. It has become. Further, the display target area is divided into three partial areas: a partial area 1 having a height of height1, a partial area 2 having a height of height2, and a partial area 3 having a height of height3.

  However, buffer_height = height1 + height2 + height3. Moreover, the height height1 of the partial area 1 can be set in the setting file of the content presentation device, and the control unit 10c grasps the value of the height height1. On the other hand, assume that height2 of the partial area 2 and height3 of the partial area 3 are height2 = height3. The heights of the rendering area 2 and the rendering area 3 are also equal to each other.

  By performing rendering, the partial region 2, the partial region 1, and the partial region 3 are converted into a rendering region 2, a rendering region 1, and a rendering region 3 that are continuous with each other.

  The partial area 1 becomes the rendering area 1 as it is without being compressed. FIG. 6 shows the correspondence between the pixels in the partial area 1 and the pixels in the rendering area 1. In the figure, a coordinate system having the origin at the coordinates of the pixel at the upper left corner of the display target area and the displayable area is shown. When the display start coordinates of the partial area 1 that is the coordinates of the pixel at the upper left end of the partial area 1 is (0, startY), startY = (buffer_height−height1) / 2. Further, when the display start coordinate of the rendering area 1 that is the coordinates of the pixel at the upper left end of the rendering area 1 is (0, n_startY), n_startY = (display_height−height1) / 2.

At this time, the coordinates (Xb, Yb) and (0 ≦ Xb <buffer_width, startY ≦ Yb <height1) of an arbitrary pixel in the partial area 1 are the coordinates (Xd, Yd) and (0 ≤ Xd <display_width, 0 ≤ Yd <n_startY + height1). However, the following relational expression holds.
Xd = Xb, Yd-n_startY = Yb-startY

The partial area 2 is rendered as a rendering area 2 by performing mapping conversion by projecting the cylindrical side surface onto a plane. At this time, when the partial region 2 is developed along the side surface of the cylinder, the value of the height height2 is expressed by the following equation. height2 = (display_height-height1) x π / 4. This formula shows that the partial side 2 is developed along a quarter circumference on the side surface of the circumference having a radius of (display_height-height1) / 2. That is, it is shown that height2 is equal to the length of a quarter circumference of the radius of (display_height-height1) / 2. The relationship between the height buffer_height of the display target area and the height display_height of the displayable area of the screen is expressed by the following expression.
buffer_height = height1 + (display_height-height1) × π / 2

7 and 8 show the correspondence between the pixels in the partial area 2 and the pixels in the rendering area 2. The coordinates (Xb, Yb) and (0 ≦ Xb <buffer_width, 0 ≦ Yb <startY) of any pixel in the partial area 2 are the coordinates (Xd, Yd) and (0 ≦ Xd < display_width, 0 ≤ Yd <n_startY). However, the following relational expression holds.
Xd = Xb, n_startY-Yd = R sinθ, R = n_startY, θ = Yb / R
The above formula shows that the length of the straight line having the length Xb is equal to the length of the arc having the radius R and the angle θ.

Similarly, the partial area 3 is rendered as a rendering area 3 by performing mapping conversion by projecting the cylindrical side surface onto a plane. At this time, when the partial region 3 is developed along the side surface of the cylinder, the value of the height height3 is expressed by the following equation. Height3 = (display_height-height1) × π / 4. This expression indicates that the partial side 3 is developed along the quarter circumference of the side surface of the circumference having a radius of (display_height-height1) / 2. That is, height3 is set equal to the length of a quarter circumference of (display_height-height1) / 2. The relationship between the height buffer_height of the display target area and the height display_height of the displayable area of the screen is expressed by the following expression.
buffer_height = height1 + (display_height-height1) × π / 2

9 and 10 show the correspondence between the pixels in the partial area 3 and the pixels in the rendering area 3. The coordinates (Xb, Yb) of any pixel in the partial area 3 (0 ≦ Xb <buffer_width, startY + height1 ≦ Yb <buffer_height) are the coordinates (Xd, Yd) of the pixel in the rendering area 3, (0 ≦ Xd <display_width, n_startY + height1 ≤ Yd <display_height). However, the following relational expression holds.
Xd = Xb, Yd-n_startY-height1 = R sinθ, R = n_startY, θ = Yb / R

  When the focus is located in the partial areas 2 and 3, the same mapping conversion is performed, the coordinates are converted, and the shape is also compressed. When the mouse or cursor is located in the partial areas 2 and 3, the same mapping conversion is performed, and only the coordinate conversion is performed.

  As described above, according to this embodiment, in a mobile phone equipped with an output device having a full browser function and a limited display area, a display target area for a web page is defined and the display target area is divided into a plurality of parts. The partial area 1 content is not compressed, and the partial area 2 and 3 content is compressed by performing a mapping transformation by projecting the cylindrical side onto a flat surface, and rendering these contents continuously. Generate an image. Thereby, it is possible to fit the entire display target area into the screen size of the mobile phone without compressing mainly the portion that is desired to be browsed. In other words, it is possible to present a larger amount of information while ensuring the readability of characters on the screen of a mobile phone with a limited display area. In addition, when searching for information displayed outside the screen of the mobile phone, the user can perform a scroll operation while maintaining the readability of characters without performing an operation for changing the display magnification of the entire content. Is possible.

  In the embodiment described above, the partial areas 2 and 3 are provided on both sides of the uncompressed partial area 1 and these are compressed by mapping conversion. However, the partial area 2 or 3 is provided only on one side of the uncompressed partial area 1. Obviously, this may be compressed by map transformation.

  In the above-described embodiment, the partial area 1 may be zero, and the partial areas 2 and 3 may be compressed by mapping conversion without dividing the partial areas 2 and 3 into partial areas.

  FIGS. 11 to 14 are diagrams for explaining a rendering image generation method according to another embodiment of the present invention. In the present embodiment, the display target region is divided into two regions of a first partial region (partial region 1) and a second partial region (partial region 2) that are continuous with each other, and is a circle positioned at the center. This is a case where the partial region 1 is not compressed, and is compressed by subjecting the annular partial region 2 positioned around the partial region 1 to a mapping transformation in which a spherical surface is projected onto a plane.

  Of course, it may be configured to select whether or not to compress a part of the display target area, and in the case of compression, the type of mapping conversion may be selected.

  The configuration of the content presentation apparatus, the configuration of content image information, the sequence for acquiring a Web page from the Internet and displaying it on the output device 12 are the same as in the embodiment of FIG.

  Hereinafter, the rendering image generation process of this embodiment will be described with reference to FIGS.

  The control unit 10c grasps the height display_height and the width display_width of an area (displayable area) in which HTML content can be displayed on the screen of the mobile phone, and from the content image acquired from the browser engine unit 10d, A circular display target area inscribed by a rectangular shape having a height of buffer_height and a width of buffer_width is cut out and used as a rendering image.

  In the present embodiment, the rendering pattern is set to “sphere”. That is, a rendering pattern is set in which a partial area to be compressed is compressed by performing mapping conversion in which a spherical surface is projected onto a plane.

  As shown in FIG. 11, in the present embodiment, a radius center_R that is smaller than the smaller one of the width display_width of the displayable area and the height display_height of the displayable area centered on the midpoint of the displayable area of the screen. A partial area 1 is a circle having a radius buffer_R equal to the larger one of the width display_width of the displayable area and the height display_height of the displayable area, and the partial area 1 of the concentric circle and the circle of the partial area 1 The annular portion excluding the portion is defined as a partial region 2, and the display target region is divided into the partial region 1 and the partial region 2.

  By performing rendering, the partial area 1 and the partial area 2 are converted into a rendering area 1 and a rendering area 2 that are continuous with each other.

The partial area 1 becomes the rendering area 1 as it is without being compressed. FIG. 12 shows the correspondence between the pixels in the partial area 1 and the pixels in the rendering area 1. In the figure, a coordinate system having the origin at the coordinates of the upper left pixel of the display target area and the displayable area is shown. Arbitrary pixel coordinates (Xb, Yb), (0 ≤ Xb <buffer_width, 0 ≤ Yb <buffer_height) in the partial area 1 are the coordinates (Xd, Yd) of the pixel in the rendering area 1, (0 ≤ Xd <display_width , 0 ≤ Yd <display_height). However, the following relational expression holds.
(Xb-Xb_c) ² + (Yb-Yb_c) ² ≤ center_R ² , (Xd-Xd_c) ² + (Yd-Yd_c) ² ≤ center_R ² , Xb = Xd, Yb = Yd
Here, the center coordinates of the partial area 1 are (Xb_c, Yb_c) = (buffer_R + center_R, buffer_R + center_R), and the center coordinates of the rendering area 1 are (Xd_c, Yd_c) = (display_R, display_R).

The partial area 2 becomes a rendering area 2 by performing mapping conversion by projecting a spherical surface onto a plane and compressing it. At this time, only the partial area 2 is mapped and compressed so as to have the radius display_R, so that the display target area is displayed in the displayable area having the width display_width and the height display_height. The radius center_R can be set in the setting file of the content presentation device, and the control unit 10c knows the value of the radius center_R. In addition, there is a relationship of display_R = display_width / 2. At this time, the value of the radius buffer_R of the display target area is calculated by the following equation.
buffer_R = center_R + (display_R-center_R) × π / 2
The above equation indicates that buffer_R is equal to the sum of the quarter circumference of center_R and radius (display_R-center_R).

13 and 14 show the correspondence between the pixels in the partial area 2 and the pixels in the rendering area 2. FIG. 14 shows the radial axes from the centers of the partial area 1 and the rendering area 1 in FIG. 13 as Rb and Rd. The coordinates (Xb, Yb) of the pixel in the partial area 2 that is the distance Rb from the center of the partial area 1 are the coordinates (Xd, Yd) of the pixel in the rendering area 2 that is the distance Rd from the center of the rendering area 1. Corresponding to At this time, the following relational expression is established.
Rb-center_R = 2π (display_R-center_R) × θ / 2π
And
buffer_R-center_R = 2π (display_R-center_R) / 4
Than,
θ = π × (Rb-center_R) / 2 (buffer_R-center_R)
In these relations, Rb-center_R is equal to the arc length with radius (display_R-center_R) and angle θ, and buffer_R-center_R is equal to arc length with radius (display_R-center_R) and angle π / 2 Is shown.

From the above equation, the distance Rb between the coordinates (Xb, Yb) of the pixel in the partial area 2 and the center, and the distance Rd between the coordinates (Xd, Yd) of the pixel in the rendering area 2 corresponding to the pixel and the center The following relational expression is established.
Rb ² = (Xb-center_R) ² + (Yb-center_R) ² , Rd = (display_R-center_R) × sinθ

As described above, when the pixel at the coordinates (Xb, Yb) in the partial area 2 corresponds to the pixel at the coordinates (Xd, Yd) in the rendering area 2, the following relational expression is established.
Xd = center_R + (Xb-center_R) × rate, Yd = center_R + (Yb-center_R) × rate, rate = {(display_R-center_R) × sinθ + center_R} / Rb

  When the focus is located in the partial area 2, the same mapping conversion is performed to convert the coordinates, and the shape is also compressed. When the mouse or the cursor is located in the partial area 2, the same mapping conversion is performed, and only the coordinate conversion is performed.

  As described above, according to the present embodiment, in a mobile phone equipped with an output device with a full browser function and a limited display area, a circular display target area for a Web page is defined, and the display target area is the center. It is divided into a circular partial region 1 located in the part and an annular partial region 2 located outside thereof, the content of the partial region 1 is not compressed, and the spherical surface is planarized for the content of the partial region 2 The image is projected and converted into a compressed image, and a rendering image in which these contents are continuous is generated. Thereby, it is possible to fit the entire display target area into the screen size of the mobile phone without compressing mainly the portion that is desired to be browsed. In other words, it is possible to present a larger amount of information while ensuring the readability of characters on the screen of a mobile phone with a limited display area. In addition, when searching for information displayed outside the screen of the mobile phone, the user can perform a scroll operation while maintaining the readability of characters without performing an operation for changing the display magnification of the entire content. Is possible.

  In the above-described embodiment, the partial area 1 may be set to zero, and the partial area 2 may be compressed by mapping conversion without dividing the partial area 2 into partial areas.

  15 to 18 are diagrams for explaining a rendering image generation method according to still another embodiment of the present invention. In the present embodiment, the display target region is divided into two upper and lower regions of a first partial region (partial region 1) and a second partial region (partial region 2) that are continuous with each other, and one partial region 1 is divided. Is uncompressed, and the other partial area 2 is converted into a trapezoidal shape and compressed (vertical compression is performed).

  Of course, it may be configured to select whether or not to compress a part of the display target area, and in the case of compression, the type of mapping conversion may be selected.

  By replacing the upper and lower sides in this embodiment with left and right, the partial area 2 located on the left or right side of the partial area 1 is subjected to mapping conversion to a trapezoidal shape and compressed (therefore, the horizontal compression is performed). It is clear that variations can be obtained.

  The configuration of the content presentation apparatus, the configuration of content image information, the sequence for acquiring a Web page from the Internet and displaying it on the output device 12 are the same as in the embodiment of FIG.

  Hereinafter, the rendering image generation process of this embodiment will be described with reference to FIGS.

  In the present embodiment, the rendering pattern is set to “trapezoid”. That is, a rendering pattern is set in which a partial area to be compressed is compressed by performing mapping conversion that is compressed into a trapezoidal shape according to the distance from the uncompressed partial area.

  As shown in FIG. 15, in this embodiment, the width buffer_width of the display target area is equal to the width display_width of the displayable area of the screen, and the height buffer_height of the display target area is a value greater than or equal to the height display_height of the displayable area of the screen. It has become. The display target area is divided into two partial areas, a partial area 1 having a height of height1 and a partial area 2 having a height of height2.

  However, buffer_height = height1 + height2. Further, the height height1 of the partial area 1 and the length upper_width of the upper base of the rendering area 2 can be set in the setting file of the content presentation apparatus, and the control unit 10c controls the height height1 and the length of the upper base. I know the value of upper_width.

  By performing rendering, the partial area 1 and the partial area 2 are converted into a rendering area 1 and a rendering area 2 that are continuous with each other.

The partial area 1 becomes the rendering area 1 as it is without being compressed. FIG. 16 shows the correspondence between the pixels in the partial area 1 and the pixels in the rendering area 1. In the figure, a coordinate system having the origin at the coordinates of the upper left pixel of the display target area and the displayable area is shown. The coordinates of the upper left pixel of the display target area and the displayable area are shown in a coordinate system with the origin as the origin. When the display start coordinates of the partial area 1 which is the coordinates of the upper left pixel of the partial area 1 is (0, startY), startY = buffer_height−height1. Further, when the display start coordinate of the rendering area 1 that is the coordinates of the upper left pixel of the rendering area 1 is (0 n_startY), n_startY = display_height−height1. At this time, the coordinates (Xb, Yb) and (0 ≦ Xb <buffer_width, startY ≦ Yb <buffer_height) of an arbitrary pixel in the partial area 1 are the coordinates (Xd, Yd) and (0 ≤ Xd <display_width, n_startY ≤ Yd <display_height). However, the following relational expression holds.
Xb = Xd, Yb-startY = Yd-n_startY

  The partial area 2 is converted into a rendering area 2 by performing mapping conversion into a trapezoidal shape that becomes narrow according to the distance from the partial area 1 and compressing it.

17 and 18 show the correspondence between the pixels in the partial area 2 and the pixels in the rendering area 2. FIG. 17 shows a coordinate system with the origin of the coordinates of the upper left pixel of the display target area and the displayable area. The coordinates (Xb, Yb) and (0 ≦ Xb <buffer_width, 0 ≦ Yb <startY) of any pixel in the partial area 2 are the coordinates (Xd, Yd) and (0 ≦ Xd < display_width, 0 ≤ Yd <n_startY). At this time, the following relational expression is established.
n_startY-Yd = (start Y-Yb) x upper_width / display_width

Further, in the rendering area 2, the following relational expression is established for the width xd_width in the x-axis direction including the pixel at the coordinates (Xd, Yd).
From (display_width-upper_width) / (xd_width-upper_width) = n_startY / Yd,
xd_width = upper_width + Yd × (display_width−upper_width) / n_startY, and the following relational expression holds for the above Xd.
Xd = (display_width-width) / 2 + Xb × (width / buffer_width)

  When the focus is located in the partial area 2, the same mapping conversion is performed to convert the coordinates, and the shape is also compressed. When the mouse or the cursor is located in the partial area 2, the same mapping conversion is performed, and only the coordinate conversion is performed.

  As described above, according to the present embodiment, in a mobile phone equipped with an output device with a full browser function and a limited display area, a circular display target area for a Web page is defined, and the display target area is partially Divided into region 1 and partial region 2, the content of partial region 1 is not compressed, the content of partial region 2 is compressed and converted to a trapezoidal shape, and these contents are compressed. Generate a continuous rendered image. Thereby, it is possible to fit the entire display target area into the screen size of the mobile phone without compressing mainly the portion that is desired to be browsed. In other words, it is possible to present a larger amount of information while ensuring the readability of characters on the screen of a mobile phone with a limited display area. In addition, when searching for information displayed outside the screen of the mobile phone, the user can perform a scroll operation while maintaining the readability of characters without performing an operation for changing the display magnification of the entire content. Is possible.

  In this embodiment, the partial area 2 is provided only on one side of the uncompressed partial area 1 and is compressed by mapping conversion. However, the same area as the partial area 2 is provided on both sides of the uncompressed partial area 1. Obviously, this may be compressed by map transformation.

  In the above-described embodiment, the partial area 1 may be set to zero, and the partial area 2 may be compressed by mapping conversion without dividing the partial area 2 into partial areas.

  Note that the type of mapping conversion in the present invention is not limited to the mapping conversion for projecting the cylinder or sphere onto the plane in the above-described embodiment, but the mapping transformation for projecting a deformed shape or other shape onto the plane. Or other mapping transformations.

  The above-described embodiments are all cases where the web page is composed of a single frame, but even when the web page is composed of a plurality of frames, the same processing is performed for each frame. It is possible to obtain the same effect.

  As mentioned above, although the embodiment applied to the mobile phone has been described, the content presentation device of the present invention is a small information communication terminal other than the mobile phone, such as PHS, PDA, palmtop computer, ultra-small notebook personal computer, and others. It is clear that this is applicable to other devices.

  All the embodiments described above are illustrative of the present invention and are not intended to be limiting, and the present invention can be implemented in other various modifications and changes. Therefore, the scope of the present invention is defined only by the claims and their equivalents.

FIG. 2 is a block diagram schematically showing a configuration of a content presentation device portion of a mobile phone as an embodiment of the present invention. It is a figure which shows the content image information which the control part acquires and manages from the browser engine part, when displaying a web page. It is a figure explaining the content image information of FIG. FIG. 6 is a sequence diagram when a Web page is acquired from the Internet and displayed on an output device. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in embodiment of FIG. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention. It is a figure explaining the production | generation method of the rendering image in other embodiment of this invention.

Explanation of symbols

DESCRIPTION OF SYMBOLS 10 Content presentation apparatus 10a Event acquisition part 10b Event conversion part 10c Control part 10c1 Image generation part 10c2 Cursor management part 10c3 Focus management part 10c4 Widget management part 10c5 Engine cooperation part 10d Browser engine part 10e Virtual buffer 10f VRAM
11 Input device 12 Output device 13 Internet

Claims (10)

  Means for acquiring a web page, means for dividing a display target area of the content of the acquired web page into a plurality of continuous partial areas including a first partial area and a second partial area, and the second A content is compressed by projecting the coordinates of the pixels in the partial area by mapping transformation, and a rendered image in which the uncompressed content of the first partial area and the compressed content of the second partial area are continued A content presenting apparatus for a small information communication terminal. The means for dividing is means for dividing the display target area of the content of the acquired web page into a plurality of partial areas consisting of a first partial area and a second partial area, and the means for generating A means for compressing the content of only the second partial region and generating a rendering image in which the uncompressed content of the first partial region and the compressed content of the second partial region are continuous. The apparatus according to claim 1 . The means for dividing is a means for dividing the display target area of the content of the acquired web page into a plurality of partial areas composed of a second partial area, a first partial area, and a third partial area that are continuous with each other; The means for generating compresses the contents of the second partial area and the third partial area, and compresses the contents of the first partial area without compression and compresses the contents of the second partial area and the third part. The apparatus according to claim 1 , wherein the apparatus generates a rendering image in which contents of a region are continuous. The means for generating is, the compression ratio to any one of claims 1 to 3, continuously increased, characterized in that it comprises a means for compressing the contents according to the distance from the first partial region The device described. It said means for compressing, according to claim 4, characterized in that the cylindrical side surface with respect to the second partial area or said second and third partial region is a means for performing a projection was mapped converted to plane apparatus. 5. The apparatus according to claim 4 , wherein the means for compressing is a means for performing a mapping transformation by projecting a spherical surface onto the second partial area or the second and third partial areas. . The apparatus according to any one of claims 1 to 3 , wherein the generating means includes means for always compressing content at a constant compression rate. The said compression means is a means to perform the map transformation which projected the inclined surface to the plane with respect to the said 2nd partial area or the said 2nd and 3rd partial area, The said 7th aspect is characterized by the above-mentioned. apparatus. Compact information communication terminal comprising: the content presentation device according to any one of claims 1 to 8, and means for displaying the rendered image of the content presentation device was produced.   A computer acquires a web page, divides a display target area of the content of the acquired web page into a plurality of continuous partial areas including a first partial area and a second partial area, and the second part Content presentation for causing region content to be compressed by mapping conversion and generating a rendering image in which the uncompressed content of the first partial region and the compressed content of the second partial region are continuous program.

Images