WO2009099074A1 - コンテンツ表示方法、コンテンツ表示プログラム、およびコンテンツ表示装置 - Google Patents
コンテンツ表示方法、コンテンツ表示プログラム、およびコンテンツ表示装置 Download PDFInfo
- Publication number
- WO2009099074A1 WO2009099074A1 PCT/JP2009/051809 JP2009051809W WO2009099074A1 WO 2009099074 A1 WO2009099074 A1 WO 2009099074A1 JP 2009051809 W JP2009051809 W JP 2009051809W WO 2009099074 A1 WO2009099074 A1 WO 2009099074A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- image
- content
- screen
- display
- width
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Definitions
- the present invention relates to a content display method, a content display program, and a content display device for displaying on a screen a partial area of content created assuming a display area wider than the screen size.
- Information browsing software for browsing information on the network is generally known and put into practical use.
- the browser analyzes the information on the network (for example, Web content that is a document described in a markup language such as HTML (Hyper Text Markup Language) or XHTML (Extensible Text Hyper Markup Language), and based on the analysis result.
- a function for generating screen display data (hereinafter referred to as “rendering”) is implemented.
- the user can browse the desired web content on the browser by designating the URI (Uniform Resource Identifier) of the web content to be browsed.
- Such browsers are mounted not only on PCs (Personal Computers) but also on various devices such as mobile phones, PDAs (Personal Digital Assistants), and information appliances.
- the display of a mobile phone has a smaller screen size than the display for PC, such as QVGA (Quarter
- Patent Document 1 discloses a document creating apparatus. If the document creation device of Patent Document 1 is used, the user can edit the document by inputting characters into an enlarged image in which a part of the document is enlarged, and the entire document (or a unit such as one page) can be reduced. By visually recognizing the displayed reduced image, the entire image of the document being edited can be grasped.
- Patent Document 2 discloses a mobile terminal browser that can switch between and display all or part of Web content.
- the browser described in Patent Literature 2 can display the entire Web content in a reduced size and display it on a single screen, and when the Web content is enlarged to the extent that readability is ensured, the Web content can be displayed on the mobile terminal display. Highlight an area on the content. When the user performs a predetermined key operation while such a screen is displayed, the highlighted area on the Web content is enlarged and displayed on substantially the entire screen of the mobile terminal. If the mobile terminal browser described in Patent Document 2 is used, the user can grasp the actual position of the browsing area with respect to the entire Web content by appropriately switching the display of the screen.
- the document creation apparatus described in Patent Document 1 performs a pre-processing such as processing the document data of the entire document stored in the internal buffer to create drawing data and writing it into the layout memory buffer, and then the layout memory. -The drawing data on the buffer is displayed on the screen as a reduced image of the entire document.
- the pre-processing executed at this time takes a processing time proportional to the size of the document data. For this reason, when the display target is a Web content having a large amount of data that may require a scroll operation even when the PC display is displayed, it takes time for the previous stage processing, and there is a problem that the reduced image of the entire document cannot be displayed quickly.
- the present invention has been made in view of the above circumstances, and the object of the present invention is content suitable for allowing a user to easily grasp the overall image of Web content by Web browsing on a terminal device with few resources.
- the object is to provide a display method, a content display program, and a content display device.
- a content display method for analyzing content created assuming a display area wider than the screen size and showing a partial area of the content on the screen based on the analysis result.
- The based on the analysis result, a first image generation step of generating a first image obtained by reducing an image in a predetermined range including at least a partial area in the content being displayed or scheduled to be displayed on the screen.
- a step of calculating the height and width of the content a second image generation step of generating a second image indicating the height and width of the content based on the calculation result and the display size of the first image;
- a guide image generation step for generating, and a guide image display step for displaying the generated guide image on a screen are included.
- the user can easily grasp the position of the current browsing area with respect to the entire content and the overall image of the content.
- the target range of the reduced image is not limited to the entire content but limited to a certain range, the time required for generating the reduced image and the required resources do not depend on the content data amount.
- the reduction ratio of the first image does not depend on the size (height and width) of the content, there is no inconvenience that the visibility of the first image, which is a reduced image, is significantly reduced.
- a screen scroll step for scrolling the content according to an input operation by the user and a third image is moved in the first image according to an operation amount of the screen scroll
- An image moving step of moving the first image itself in the second image while moving the third image in the first image, and moving the first image in the image moving step May be a method of updating the first image to an image including an image in a display area to which the content is scrolled.
- the height and width of the second image are calculated based on the calculation result and the display size of the first image, and the calculated height or width is a predetermined value.
- the calculated height or width is reduced to the predetermined height or width.
- a content display program for causing a computer to execute the content display method is provided.
- the user can easily grasp the current position of the browsing area with respect to the entire content and the overall image of the content.
- the target range of the reduced image is not limited to the entire content but limited to a certain range, the time required for generating the reduced image and the required resources do not depend on the content data amount.
- the reduction ratio of the first image does not depend on the size of the content, there is no inconvenience that the visibility of the first image, which is a reduced image, is significantly reduced.
- a content display device capable of displaying on a screen a partial area of content created assuming a display area wider than the screen size.
- the apparatus includes a content analysis unit that analyzes content, and a first image obtained by reducing a predetermined range of an image including at least a partial area of the content that is being displayed or is scheduled to be displayed on the screen based on the analysis result.
- First image generation means to be generated calculation means for calculating the height and width of the content based on the analysis result, and the height and width of the content are indicated based on the calculation result and the display size of the first image
- the second image generating means for generating the second image and the position of the partial area of the content
- the first image is arranged on the second image
- the first image Guide image generation means for generating a guide image in which a third image showing the partial area is arranged, and the generated guide image is displayed on the screen.
- the user can easily grasp the position of the current browsing area with respect to the entire content and the overall image of the content. Further, since the target range of the reduced image is not limited to the entire content but limited to a certain range, the time required for generating the reduced image and the required resources do not depend on the content data amount. Furthermore, since the reduction ratio of the first image does not depend on the size of the content, there is no inconvenience that the visibility of the first image, which is a reduced image, is significantly reduced.
- the content display device moves the third image within the first image in accordance with the screen scroll means for scrolling the screen according to the input operation by the user and the operation amount of the screen scroll. And an image moving means for moving the first image itself in the second image while moving the first image in the first image, and the first image is moved by the image moving means.
- the first image can be updated to an image including the display image of the scroll destination area of the content.
- the content display device may be configured to display the guide image on the screen only while the screen scroll is performed.
- the image generation means preferably calculates the height and width of the second image based on the calculation result and the display size of the first image, and the calculated height or width is a predetermined height or width. When it exceeds a predetermined width, it has a function of reducing the calculated height or width to the predetermined height or width.
- a content display program that analyzes content created assuming a display area wider than the screen size and displays a partial area of the content on the screen based on the analysis result.
- the content display program generates a first image obtained by reducing a predetermined range of an image including at least a partial region of content that is being displayed or scheduled to be displayed on a screen based on an analysis result.
- Second image generation means for indicating the entire area of the content based on the analysis result and the display size of the first image, the first image on the second image based on the position of a partial area of the content
- a guide image generating means for generating a guide image in which an image is arranged and a third image indicating a display area is arranged on the first image, and content of the generated guide image on the screen It is a program that functions as a guide image display means for displaying at a position that does not hinder the browsing.
- the overall image of the Web content and the area actually displayed by the Web browsing on the terminal device with few resources are displayed.
- a content display method, a content display program, and a content display device that are suitable for allowing a user to easily grasp whether the area is around.
- FIG. 1 is a schematic diagram illustrating an appearance of a terminal device according to an embodiment of the present invention.
- FIG. 2 is a block diagram showing a schematic configuration of the terminal device according to the embodiment of the present invention.
- FIG. 3 is a schematic functional block diagram of a browser engine included in the browser according to the embodiment of the present invention.
- FIG. 4 is a display example of content for PC displayed on the browser according to the embodiment of the present invention.
- FIG. 5 is a display example of content for PC displayed on the browser according to the embodiment of the present invention.
- FIG. 6 is a flowchart of the bar generation process executed by the browser according to the embodiment of the present invention.
- FIG. 7 is a flowchart of the bar scroll process executed by the browser according to the embodiment of the present invention.
- Web pages browsed offline include, for example, pages transmitted via the Internet and cached by a browser, pages saved in a local folder of a terminal device, etc. in mht format.
- the Web page is composed of various data (Web page data) such as an HTML or XHTML document, an image file, and audio data.
- content includes Web content
- Web content includes Web pages
- FIG. 1 shows an external view of a terminal device 10 according to an embodiment of the present invention.
- FIG. 2 is a block diagram showing the configuration of the terminal device 10.
- the terminal device 10 which concerns on this embodiment is a mobile phone, the terminal device of this invention is not limited to a mobile phone.
- the terminal device may be various terminal devices equipped with a browser such as a PDA, PHS (Personal Handy Phone system), a portable game machine, and a home appliance.
- the present invention can be effectively applied to various terminal devices having a display having a smaller number of pixels than a display for a PC.
- the terminal device 10 includes a CPU (Central Processing Unit) 103 that controls the entire device in an integrated manner.
- Each component of the terminal device 10 is connected to the CPU 103 via the bus 119.
- the CPU 103 implements various functions by communicating with other components via the bus 119. These components include a flash memory 105, a RAM (Random Access Memory) 107, a network interface 109, a display 111, a user input device 113, a VRAM (Video Random Access Memory) 115, and the like.
- the bus 119 includes a power supply line in addition to the data line. Power is supplied to each component of the terminal device 10 including the CPU 103 from a battery (not shown) via a power supply line.
- the flash memory 105 stores various applications including an OS (Operating System) 1050 that manages the entire terminal device 10 and a browser 1051 that operates on the OS 1050.
- the browser 1051 is information browsing software for browsing online or offline content described in a predetermined markup language.
- the browser 1051 supports not only Web content for mobile devices described in compact HTML, but also content for PC.
- the RAM 107 is a main storage memory of the terminal device 10 and is a development destination of various data and programs used by the CPU 103. For example, when an operation for starting the browser 1051 is performed by the user input device 113, the browser 1051 is read from the flash memory 105 and expanded in the work area of the RAM 107. The browser 1051 and hardware such as the CPU 103 cooperate in response to the user's access operation to the web content, and as a result, the user can browse the web content through the display 111, that is, browse the web content. it can.
- the terminal device 10 is provided with a 5-way key 113a (a composite key composed of four direction keys, upper, lower, left, and right) and a numeric key 113b as user input devices 113.
- a 5-way key 113a a composite key composed of four direction keys, upper, lower, left, and right
- a numeric key 113b as user input devices 113.
- a signal corresponding to the operation is input to the CPU 103.
- Various functions such as Web browsing are achieved in the terminal device 10 by the CPU 103 executing processing according to the input signal.
- the user can scroll the Web content being browsed on the screen by operating the 5-way key 113a and the numeric keypad 113b during Web browsing.
- the user input device 113 does not need to be a mechanical key such as the 5-way key 113a or the numeric keypad 113b of the present embodiment, and may be configured by another type of key input device such as a membrane key or a touch panel.
- the operation screen corresponding to the operation key is constituted by a display screen integrated with or separate from the display 111.
- the display 111 itself is composed of a touch panel.
- the terminal device 10 has a two-screen configuration including a display 111 and an operation touch panel. In the latter case, whether or not the display 111 is also configured by a touch panel is appropriately selected according to the design specifications.
- GUI Graphic User Interface
- operations such as screen scrolling are performed by pen touch or finger touch with respect to operation keys displayed on the screen.
- GUI environment in which various operations are performed by directly touching on the Web content.
- screen scrolling is performed accordingly (for example, the touch panel surface is moved from the bottom to the top with a finger). If you trace, the Web content scrolls down). That is, in this case, the screen is scrolled according to the movement of the stylus, finger, etc., so that more intuitive operability is provided to the user.
- the user input device 113 may be configured by appropriately combining various keys such as a mechanical key, a membrane key, and a touch panel. Further, the user input device 113 may be an operation terminal (for example, a remote controller) independent of the terminal device 10 main body.
- components other than mechanical keys, membrane keys, touch panels, etc. into the user input device 113.
- Examples of such components include a gyro sensor, an acceleration sensor, and a jerk sensor.
- the CPU 103 monitors the outputs of these sensors to measure the tilt angle, angular velocity, acceleration, jerk (time change rate of acceleration), etc. of the terminal device 10 body, and screen scrolling according to the measured values is performed. This is realized by a cooperative operation between the CPU 103 and the browser 1051. For example, when the user moves or tilts the main body of the terminal device 10 up, down, left, or right, screen scrolling is performed according to the moving direction, speed, tilt angle, and the like. For this reason, the user can scroll the display area of the Web content more intuitively.
- the terminal device 10 of the present embodiment has a screen aspect ratio of, for example, 3: 4 (that is, in a state where the terminal device 10 is directed so that the vertical direction in FIG. (Portrait display in portrait orientation).
- the CPU 103 detects a change in the attitude of the terminal device 10 based on the output of the gyro sensor or the like.
- the browser 1051 performs rendering according to the attitude of the terminal device 10 with respect to the Web content being displayed on the display 111. For example, when the terminal device 10 is rotated 90 degrees in the plane from the posture shown in FIG. 1, the aspect ratio of the screen becomes 4: 3 (that is, landscape landscape display).
- the browser 1051 re-renders the Web content being displayed on the display 111 in accordance with the horizontally long screen.
- the orientation of the screen is changed in this way, for example, a difference occurs in the text folding position at the time of rendering and the appearance of the Web content changes.
- the terminal device 10 of the present embodiment is a so-called straight type mobile phone that holds the display 111 and the user input device 113 with an integrally formed body, but has a different body configuration.
- the terminal device 10 of the present embodiment may be a so-called straight type mobile phone that holds the display 111 and the user input device 113 with an integrally formed body, but has a different body configuration.
- other structures such as a folding type, a rotating biaxial hinge type, a cycloid type, and a swing type may be employed.
- a cycloid-type or swing-type mobile phone is configured such that the display-side body holding the display 111 can be rotated in a plane parallel to the display 111 with respect to the body-side body holding the user input device 113. ing.
- the screen orientation changes according to the rotation angle of the display-side body.
- the browser 1051 re-renders the Web content being displayed on the display 111 according to the direction so as to be interlocked with the change in the screen direction.
- FIG. 3 is a functional block diagram of the browser engine 30.
- the browser engine 30 includes functional blocks of a parser 31, a page maker 32, and a page editor 33.
- Browser 1051 When a URI is input by an operation for accessing the Web content, for example, by the user input device 113 (or the URI is specified by selecting an anchor element on the Web content, or a bookmark or history is stored in the terminal device 10.
- Browser 1051 When a URI is input by an operation for accessing the Web content, for example, by the user input device 113 (or the URI is specified by selecting an anchor element on the Web content, or a bookmark or history is stored in the terminal device 10.
- Browser 1051 generates a request message for requesting a resource such as Web content in conformity with HTTP (Hypertext Transfer Protocol) and transmits it to a designated URI on the network.
- HTTP Hypertext Transfer Protocol
- the server corresponding to the designated URI creates a response message corresponding to the received request message and sends it back.
- the returned response message reaches the browser 1051 via the network and is passed to the parser 31.
- a markup document 21 described in HTML, XHTML, or the like corresponding to the specified URI is embedded in the message body of the response message. Note that the markup document 21 describes content for a PC created on the assumption that the screen size of the display for PC (larger than the screen size of the display 111 of the mobile terminal 10) is assumed.
- the parser 31 analyzes the markup document 21, and based on the analysis result, the document tree 23 (for example, the logical structure of the markup document 21 (that is, the elements constituting the markup document 21 and their interrelationships) is expressed in a tree structure. DOM (Document Object model) tree) is generated and expanded in the RAM 107.
- the document tree 23 is data representing an outline of the markup document 21 having each element of the markup document 21 as a node.
- the document tree 23 only provides the logical structure of the markup document 21 and does not include information about the expression style of the document.
- the page maker 32 generates the element tree 25 including information on the display style (block, ⁇ inline, table, list, item, etc.) determined by each tag based on the document tree 23 and designates it in the markup document 21.
- the registered image request and event processing are registered and stored in the RAM 107.
- the element tree 25 represents the order in which blocks, inline, table, list, item, etc. exist, but these elements are displayed in what width and height on the screen. It does not include information about the layout, such as where text is wrapped.
- the browser 1051 has a function of rendering Web content at various display magnifications and display modes.
- the case where the browser 1051 is set to the rendering mode so that the content for PC can be browsed with the same layout (hereinafter referred to as “standard layout”) when viewed on a PC display having a standard screen size is used.
- standard layout a display area of a virtual PC display having a standard screen size
- a virtual display area a display area of a virtual PC display having a standard screen size
- the page editor 33 uses the information related to the display of the virtual display area and the like to layout each node (element) in the element tree 25 (that is, wrapping the text of each element, position on the screen, width, height, etc.).
- a layout tree 27 representing the layout of each element is generated.
- the page editor 33 sets the area of the minimum size in which the element whose layout has been determined at that time fits the size of the entire PC content (the vertical length of the PC content).
- the length of the direction (height) and the length of the horizontal direction (width)) are calculated, and the calculation results are held. Therefore, the page editor 33 grasps the true size of the entire PC content when the layout of all the elements is determined, that is, afterwards.
- An image buffer 1071 is an image buffer created in a predetermined area of the RAM 107, and the image area corresponds to a virtual display area, that is, a screen size of a standard PC display.
- the image buffer 1071 that is, a virtual display area
- an area of PC content scheduled to be displayed on the display 111 and elements included in the peripheral area are rendered.
- the rendering result (drawing object) of the entire area of the image buffer 1071 is not displayed on the display 111.
- the display 111 displays a rendering result of an area corresponding to the screen size of the display 111 on the image buffer 1071 designated by the browser 1051 (hereinafter, this area is referred to as “designated area”).
- the VRAM 115 is a memory that holds contents directly displayed on the display 111, and has an image area corresponding to the screen size of the display 111.
- the rendered contents are written in the designated area of the image buffer 1071 in the VRAM 115. For this reason, when elements whose layout has been determined are sequentially rendered in the image buffer 1071, the rendering results are sequentially written in the VRAM 115. Thereby, each element of the content for PC is displayed on the display 111 one after another. Through the above processing by the browser 1051, the PC content rendered with the standard layout is displayed on the display 111.
- the browser 1051 manages the position of the virtual display area in the entire PC content and the position of the designated area on the virtual display area.
- the browser 1051 moves the designated area in the image buffer 1071 in response to a screen scroll operation by the user input device 113.
- the PC content area corresponding to the screen scroll operation is displayed on the display 111.
- the browser 1051 When the screen scroll operation amount exceeds a certain operation amount, the browser 1051 renders elements included in the PC content display area (virtual display area) moved in response to the screen scroll operation to generate an image buffer 1071. To record. In other words, the contents of the image buffer 1071 are updated to those obtained by rendering the elements included in the virtual display area that has moved in the PC content in accordance with the screen scroll operation.
- the browser 1051 writes image data in the VRAM 115 so that an image such as an operation button is arranged at a predetermined position on the display screen. For this reason, the display 111 displays an image in which operation buttons and the like are superimposed on the content for PC rendered in the standard layout.
- FIGS. 4 and 5 are diagrams showing display examples of content for a PC rendered in a standard layout.
- the screen scroll operation is performed while the content for PC is displayed, the right end of the display screen is displayed as shown in FIGS. 4 and 5 only during the screen scroll operation (including a certain time immediately after the scroll operation).
- a bar 200 (guide image) is displayed.
- each element of the content for PC is indicated by a one-dot chain line.
- the bar 200 includes an entire bar 201, a virtual display area image 203, and a shaded portion 205.
- the overall bar 201 is a rectangular bar displayed in a translucent manner, and indicates the size of the entire PC content (the height and width of the entire PC content).
- the virtual display area image 203 is arranged on the entire bar 201.
- the virtual display region image 203 is a range including the content area for PC currently displayed on the display 111 and the periphery of the region, and a range displayed on a virtual display region, that is, a standard display screen for a PC. This is a reduced image of the image.
- a shaded portion 205 is a rectangular image displayed on the virtual display region image 203 and displayed semi-transparently, and indicates a region of content for PC currently displayed on the display 111.
- the virtual display area image 203 and the shaded portion 205 move, and the bar 200 changes as shown in FIG. 5, for example.
- the virtual display area image 203 is moved downward with respect to the entire bar 201 by an amount corresponding to the scroll operation
- the shaded portion 205 is the virtual display area image by an amount corresponding to the scroll operation. It is moving to the left with respect to 203. That is, the virtual display area image 203 and the shaded portion 205 move in the entire bar 201 in conjunction with the scroll operation.
- the user visually recognizes the bar 200 (specifically, confirms the position and size of the virtual display area image 203 or the shaded portion 205 with respect to the entire bar 201) to thereby display the current viewing area for the entire PC content. Can be easily grasped. Further, by visually recognizing the virtual display area image 203 and the shaded part 205, it is possible to grasp sensuously what content is arranged around the area currently being browsed. As a result, the user can easily imagine the whole image of the PC content, and for example, the user can quickly scroll the screen to a location desired to be browsed in the PC content.
- the browser 1051 When the browser 1051 accepts a screen scroll operation, the browser 1051 executes a bar generation process for generating the bar 200.
- the bar generation processing will be described with reference to the flowchart shown in FIG. In the following description and the attached flowchart, the step is abbreviated as “S”.
- the bar generation processing will be described on the assumption that the above-described series of processing by the browser engine 30, that is, the series of processing from content analysis processing for PC to rendering processing to the image buffer 1071, has been completed.
- the browser 1051 acquires an image of the entire area (that is, a virtual display area) of the image buffer 1071 (S1), reduces the acquired image to a predetermined display size, and displays a virtual display area.
- An image 203 is generated (S2).
- the display size of the virtual display area image 203 is determined in advance, but can be set freely in view of user convenience.
- the browser 1051 displays the entire bar 201 based on the display size information of the virtual display area image 203 and the information on the size of the entire PC content calculated by the page editor 33 using the display size information.
- the size (height and width) is calculated (S3). For example, when the PC content has a height corresponding to four screens of the PC display, the height of the entire bar 201 obtained as a calculation result is four times the height of the virtual display area image 203.
- the maximum display height and the maximum display width of the entire bar 201 are determined in advance.
- the browser 1051 determines the size of the entire bar 201 displayed on the display 111 by comparing the display size of the entire bar 201 obtained by the calculation process of S3 with the maximum display height and the maximum display width of the entire bar 201. (S4). For example, when the height (or width) of the entire bar 201 calculated in the process of S3 exceeds the maximum display height (or maximum display width), the browser 1051 displays the height (or width) of the entire bar 201 to the maximum. The height (or the maximum display width) is corrected, and the corrected size is set as the display size of the entire bar 201. Note that the maximum display height and the maximum display width of the entire bar 201 can be freely set in the same manner as the display size of the virtual display area image 203.
- the browser 1051 generates an image of the entire bar 201 based on the display size of the entire bar 201 determined in the process of S4 (S5).
- the image of the shaded part 205 stored in a predetermined memory area (for example, an area on the flash memory 105) is called (S6).
- the bar 200 (guide image) is created by combining the image of the entire bar 201 generated in the process of S5, the virtual display area image 203 generated in the process of S2, and the image of the shaded part 205 called in the process of S6. ) Is generated (S7).
- the browser 1051 arranges the virtual display area image 203 on the entire bar 201 in consideration of the position of the virtual display area (or specified area) in the entire PC content, and further specifies the virtual display area on the virtual display area.
- a shaded portion 205 is arranged on the virtual display region image 203 in consideration of the region position.
- the user can easily grasp the position of the current browsing area with respect to the entire PC content by visually recognizing the bar 200 generated by such a bar generation process.
- the rendered image is not limited to the entire PC content, but limited to a certain range (virtual display area)
- the time required to generate the bar 200 and the required resources do not depend on the data amount of the PC content.
- the browser 1051 does not display the scroll bar.
- the display range of the content for PC extends to the place where the scroll bar is conventionally displayed (for example, along the periphery of the screen such as the right side or the lower side of the screen), and the viewability of the content for PC is improved.
- the screen scroll operation is interrupted, the bar 200 is deleted from the display 111. This is also a factor for improving the browsing property of PC content.
- each element of PC content is laid out from left to right and from top to bottom. For this reason, each element is easily laid out to the left, and the element may not be laid out to the right end of the screen. For this reason, even if the bar 200 is displayed at the right end of the display screen as in the present embodiment, browsing of content for PC is relatively unimpeded.
- FIG. 7 is a diagram showing a flowchart of the bar scroll process executed according to the operation amount of the screen scroll after the bar generation process of FIG. 6 is executed.
- the browser 1051 moves the designated area in the image buffer 1071 according to the operation amount as described above. Along with this, the PC content area displayed on the display 111 is also moved. At this time, the browser 1051 moves the position of the shaded portion 205 on the virtual display area image 203 so as to be linked to the movement of the designated area (S11).
- the browser 1051 is included in the virtual display area moved in the content for PC according to the operation amount.
- Each element of the content for PC is rendered in the image buffer 1071.
- a new image rendered in the image buffer 1071 is reduced to generate a virtual display area image 203 and arranged on the entire bar 201, and the arranged virtual display area image 203 is scrolled on the screen within the entire bar 201. It is moved according to the operation (S13).
- the bar 200 is changed from the display of FIG. 4 to FIG. 5, for example.
- the bar 200 is always displayed while the browser 1051 operates. Also in this embodiment, the same bar generation process as in FIG. 6 is executed. However, immediately after receiving the response message from the server, no analysis processing or the like of the parser 31 is executed, so no data is written in the image buffer 1071. At this stage, the size (height and width) of the content for PC is unknown to the browser 1051. Therefore, initially, a white virtual display area image 203 having the same shape and size as the virtual display area image 203 shown in FIGS. 4 and 5 is generated. In addition, the entire bar 201 whose shape and size are matched with the virtual display area image 203 for convenience is generated. As a result, a bar 200 in which a white virtual display area image 203 is arranged on the entire bar 201 is displayed on the display 111.
- rendering results are reflected in the virtual display area image 203 one after another. Further, every time the page editor 33 calculates the size of the PC content, the entire bar 201 is updated to a value determined based on the calculation result (that is, the entire bar 201 displayed on the display 111 is the browser engine). 30 and spreads in the height and width directions as the process proceeds.
- the area indicated by the virtual display area image 203 is not limited to the virtual display area, that is, the display area of a standard PC display, and various areas are selected according to the design.
- the virtual display area may be freely set by a menu operation of the browser 1051, for example. Or you may make it change in response to the attitude
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
Description
・ネットワーク
移動体通信事業者の移動体通信網、イントラネット、インターネット等を含む各種通信網
・コンテンツ
ネットワーク経由で伝送される、又は端末に格納されている、ユーザが閲覧する映像や画像、音声、文書、ワークシート等の情報、或いはそれらの組み合わせから構成される一纏まりの情報
・Webコンテンツ
コンテンツの一形態であり、ネットワーク経由で伝送される一纏まりの情報
・Webページ
Webコンテンツの一形態であり、ユーザがあるURIを指定したときに表示されるべき内容全体。すなわち、ディスプレイ上の画像をスクロールすることにより表示され得る内容全体。なお、Webページにはオンラインで閲覧されるものに限らず、オフラインで閲覧されるものも含まれる。オフラインで閲覧されるWebページには、例えばインターネット経由で伝送されてブラウザによりキャッシングされたページや、端末装置のローカルフォルダ等にmht形式で保存されたページ等が含まれる。Webページは、例えばHTMLやXHTML文書、イメージファイル、音声データ等の種々のデータ(Webページデータ)から構成される。
Claims (10)
- 画面サイズよりも広い表示領域を想定して作成されたコンテンツを解析し、該解析結果に基づいて該コンテンツの一部の領域を画面上に表示するコンテンツ表示方法において、
前記解析結果に基づいて、前記画面に表示中または表示が予定される前記コンテンツの一部の領域を少なくとも含む所定範囲の画像を縮小した第一の画像を生成する第一画像生成ステップと、
前記コンテンツの高さおよび幅を計算するステップと、
前記計算結果および前記第一の画像の表示サイズに基づいて前記コンテンツの高さおよび幅を示す第二の画像を生成する第二画像生成ステップと、
前記コンテンツの一部の領域の位置に基づいて、前記第二の画像上に前記第一の画像が配置されるとともに、該第一の画像上に前記一部の領域の位置及び大きさを示す第三の画像が配置されたガイド画像を生成するガイド画像生成ステップと、
前記生成されたガイド画像を前記画面に表示するガイド画像表示ステップと
を含む方法。 - ユーザによる入力操作にしたがって前記コンテンツに対する画面スクロールを行う画面スクロールステップと、
前記画面スクロールの操作量に応じて、前記第三の画像を前記第一の画像内で移動させる、または、前記第三の画像を前記第一の画像内で移動させつつ該第一の画像を前記第二の画像内で移動させる画像移動ステップと
をさらに含み、
前記画像移動ステップにおいて前記第一の画像を移動させる場合には、該第一の画像を前記コンテンツのスクロール先の前記一部の領域の画像を含む画像に更新する、請求項1に記載のコンテンツ表示方法。 - 前記画面スクロールが行われる間に限り前記画面に前記ガイド画像を表示する、請求項1に記載のコンテンツ表示方法。
- 前記第二画像生成ステップにおいて、前記計算結果および前記第一の画像の表示サイズに基づいて前記第二の画像の高さおよび幅を算出し、該算出された高さまたは幅が所定の高さまたは所定の幅を超える場合には、該算出された高さまたは幅を該所定の高さまたは幅に縮小する、請求項1に記載のコンテンツ表示方法。
- 請求項1に記載されたコンテンツ表示方法をコンピュータに実行させるためのコンテンツ表示プログラム。
- 画面サイズよりも広い表示領域を想定して作成されるコンテンツの一部の領域を画面上に表示可能なコンテンツ表示装置において、
前記コンテンツを解析するコンテンツ解析手段と、
前記解析結果に基づいて前記画面に表示中または表示が予定される前記コンテンツの一部の領域を少なくとも含む所定範囲の画像を縮小した第一の画像を生成する第一画像生成手段と、
前記解析結果に基づいて前記コンテンツの高さおよび幅を計算する計算手段と、
前記計算結果および前記第一の画像の表示サイズに基づいて前記コンテンツの高さおよび幅を示す第二の画像を生成する第二画像生成手段と、
前記コンテンツの一部の領域の位置に基づいて、前記第二の画像上に前記第一の画像が配置されるとともに、該第一の画像上に前記一部の領域を示す第三の画像が配置されたガイド画像を生成するガイド画像生成手段と
を備え、前記生成されたガイド画像を前記画面に表示することを特徴とするコンテンツ表示装置。 - ユーザによる入力操作にしたがって前記コンテンツに対する画面スクロールを行う画面スクロール手段と、
前記画面スクロールの操作量に応じて、前記第三の画像を前記第一の画像内で移動させる、または、前記第三の画像を前記第一の画像内で移動させつつ該第一の画像自体を前記第二の画像内で移動させる画像移動手段と
をさらに備え、
前記画像移動手段により前記第一の画像が移動される場合には、該第一の画像を前記コンテンツのスクロール先の領域の表示画像を含む画像に更新することを特徴とする請求項6に記載のコンテンツ表示装置。 - 前記画面スクロールが行われる間に限り前記画面に前記ガイド画像を表示することを特徴とする請求項6に記載のコンテンツ表示装置。
- 前記画像生成手段は、前記計算結果および前記第一の画像の表示サイズに基づいて前記第二の画像の高さおよび幅を算出し、該算出された高さまたは幅が所定の高さまたは所定の幅を超える場合には、該算出された高さまたは幅を該所定の高さまたは幅に縮小することを特徴とする請求項6に記載のコンテンツ表示装置。
- 画面サイズよりも広い表示領域を想定して作成されるコンテンツを解析し、該解析結果に基づいて該コンテンツの一部の領域を画面上に表示するコンテンツ表示プログラムにおいて、
コンピュータを、
前記解析結果に基づいて前記画面に表示中または表示が予定される前記コンテンツ内の一部の領域を少なくとも含む所定範囲の画像を縮小した第一の画像を生成する第一画像生成手段、
前記解析結果および前記第一の画像の表示サイズに基づいて前記コンテンツの全域を示す第二画像生成手段、
前記コンテンツの一部の領域の位置に基づいて、前記第二の画像上に前記第一の画像が配置されるとともに、該第一の画像上に前記一部の領域の位置及び大きさを示す第三の画像が配置されたガイド画像を生成するガイド画像生成手段、
前記生成されたガイド画像を前記画面上の、前記コンテンツの閲覧を妨げない位置に表示するガイド画像表示手段、
として機能させるためのコンテンツ表示プログラム。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US12/866,032 US20110007096A1 (en) | 2008-02-04 | 2009-02-03 | Content display method, content display program, and content display device |
KR1020107017318A KR101187123B1 (ko) | 2008-02-04 | 2009-02-03 | 콘텐츠 표시 방법, 콘텐츠 표시 프로그램, 및 콘텐츠 표시 장치 |
JP2009552479A JP5255576B2 (ja) | 2008-02-04 | 2009-02-03 | コンテンツ表示方法、コンテンツ表示プログラム、およびコンテンツ表示装置 |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008-023783 | 2008-02-04 | ||
JP2008023783 | 2008-02-04 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2009099074A1 true WO2009099074A1 (ja) | 2009-08-13 |
Family
ID=40952149
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/JP2009/051809 WO2009099074A1 (ja) | 2008-02-04 | 2009-02-03 | コンテンツ表示方法、コンテンツ表示プログラム、およびコンテンツ表示装置 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20110007096A1 (ja) |
JP (1) | JP5255576B2 (ja) |
KR (1) | KR101187123B1 (ja) |
WO (1) | WO2009099074A1 (ja) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2012133126A (ja) * | 2010-12-21 | 2012-07-12 | Toshiba Corp | 映像表示装置、映像表示方法 |
WO2012164965A1 (ja) * | 2011-05-31 | 2012-12-06 | 楽天株式会社 | 情報処理装置、情報処理方法、情報処理プログラム、及び情報処理プログラムが記録された記録媒体 |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5477640B2 (ja) * | 2010-03-12 | 2014-04-23 | 富士ゼロックス株式会社 | 電子文書処理装置及びプログラム |
US9330072B1 (en) | 2012-09-26 | 2016-05-03 | Google Inc. | Serving content for a space based on a probabilistic distribution |
US9442912B1 (en) | 2012-09-26 | 2016-09-13 | Google Inc. | Estimating the number of content items to fill an online space before distributing the content items to the online space |
US9164966B1 (en) | 2012-10-24 | 2015-10-20 | Google Inc. | Determining sizes of content items |
US9158800B2 (en) | 2012-12-21 | 2015-10-13 | Google Inc. | Providing content items for non-standard content item slots |
US20140180796A1 (en) * | 2012-12-21 | 2014-06-26 | Sándor Sás | Selecting and serving content items of different content item types for a content item slot |
US9348496B2 (en) | 2013-06-28 | 2016-05-24 | Google Inc. | Selecting content based on performance of a content slot |
US20150109463A1 (en) * | 2013-10-19 | 2015-04-23 | Motorola Solutions, Inc | Method and system for generating modified display data |
US10997261B2 (en) * | 2018-09-06 | 2021-05-04 | Google Llc | System and method that facilitate display responsive message rendering on client device |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPS595277A (ja) * | 1982-07-02 | 1984-01-12 | 株式会社日立製作所 | マルチウインドウ画面によるデイスプレイ表示方式 |
JPH10269053A (ja) * | 1997-03-21 | 1998-10-09 | Internatl Business Mach Corp <Ibm> | ウインドウ表示装置および方法、並びにウインドウ表示制御プログラムを記録した記録媒体 |
WO2007023757A1 (ja) * | 2005-08-22 | 2007-03-01 | Nec Corporation | 情報処理装置、プログラム、及び表示制御方法 |
JP2007122633A (ja) * | 2005-10-31 | 2007-05-17 | Casio Comput Co Ltd | 情報表示制御装置および情報表示制御プログラム |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US4785296A (en) * | 1982-07-02 | 1988-11-15 | Hitachi, Ltd. | Method and system for displaying image data |
US5333247A (en) * | 1988-06-10 | 1994-07-26 | International Business Machines Corporation | Scrolling tool for text and graphics in a display system |
US5883619A (en) * | 1996-11-12 | 1999-03-16 | Primax Electronics Ltd. | Computer mouse for scrolling a view of an image |
US20020158908A1 (en) * | 2001-04-30 | 2002-10-31 | Kristian Vaajala | Web browser user interface for low-resolution displays |
US7219309B2 (en) * | 2001-05-02 | 2007-05-15 | Bitstream Inc. | Innovations for the display of web pages |
US7793231B2 (en) * | 2006-01-19 | 2010-09-07 | International Business Machines Corporation | Method and system for providing a primary window overlay |
JPWO2008013128A1 (ja) | 2006-07-28 | 2009-12-17 | 株式会社Access | 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム |
-
2009
- 2009-02-03 JP JP2009552479A patent/JP5255576B2/ja not_active Expired - Fee Related
- 2009-02-03 KR KR1020107017318A patent/KR101187123B1/ko not_active IP Right Cessation
- 2009-02-03 US US12/866,032 patent/US20110007096A1/en not_active Abandoned
- 2009-02-03 WO PCT/JP2009/051809 patent/WO2009099074A1/ja active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPS595277A (ja) * | 1982-07-02 | 1984-01-12 | 株式会社日立製作所 | マルチウインドウ画面によるデイスプレイ表示方式 |
JPH10269053A (ja) * | 1997-03-21 | 1998-10-09 | Internatl Business Mach Corp <Ibm> | ウインドウ表示装置および方法、並びにウインドウ表示制御プログラムを記録した記録媒体 |
WO2007023757A1 (ja) * | 2005-08-22 | 2007-03-01 | Nec Corporation | 情報処理装置、プログラム、及び表示制御方法 |
JP2007122633A (ja) * | 2005-10-31 | 2007-05-17 | Casio Comput Co Ltd | 情報表示制御装置および情報表示制御プログラム |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2012133126A (ja) * | 2010-12-21 | 2012-07-12 | Toshiba Corp | 映像表示装置、映像表示方法 |
WO2012164965A1 (ja) * | 2011-05-31 | 2012-12-06 | 楽天株式会社 | 情報処理装置、情報処理方法、情報処理プログラム、及び情報処理プログラムが記録された記録媒体 |
JP2012248164A (ja) * | 2011-05-31 | 2012-12-13 | Rakuten Inc | 情報処理装置、情報処理方法、情報処理プログラム、及び情報処理プログラムが記録された記録媒体 |
US10466875B2 (en) | 2011-05-31 | 2019-11-05 | Rakuten, Inc. | Information processing device, information processing method, information processing program, and recording medium in which information processing program is recorded |
Also Published As
Publication number | Publication date |
---|---|
JPWO2009099074A1 (ja) | 2011-05-26 |
KR101187123B1 (ko) | 2012-09-28 |
JP5255576B2 (ja) | 2013-08-07 |
KR20100101004A (ko) | 2010-09-15 |
US20110007096A1 (en) | 2011-01-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5255576B2 (ja) | コンテンツ表示方法、コンテンツ表示プログラム、およびコンテンツ表示装置 | |
WO2010018788A1 (ja) | コンテンツ表示倍率変更方法、およびコンテンツ表示倍率変更プログラム | |
US20110055742A1 (en) | Context arrangement method, context arrangement program and information display device | |
JP5360058B2 (ja) | 情報処理装置、表示制御方法、及びプログラム | |
RU2421777C2 (ru) | Улучшенный карманный компьютер и связанные с ним способы | |
US10585544B2 (en) | Information processing apparatus and method for outputting a haptic guiding operation to a user | |
EP2074497B1 (en) | Method and device for selecting and displaying a region of interest in an electronic document | |
JP3646582B2 (ja) | 電子情報表示方法、電子情報閲覧装置および電子情報閲覧プログラム記憶媒体 | |
JP5492257B2 (ja) | 電子機器、制御方法及びプログラム | |
WO2010013609A1 (ja) | 実行環境ソフトウェア、クライアント装置、およびサーバ装置 | |
JP5069520B2 (ja) | 表示装置におけるコンテンツの表示方法、コンテンツ表示プログラム、及び表示装置 | |
WO2008041743A1 (fr) | Terminal, procédé et programme d'affichage de contenu | |
JP6093432B2 (ja) | ウェブ・ページ・アプリケーション制御 | |
JP2010026976A (ja) | コンテンツ表示方法、およびコンテンツ表示プログラム | |
JP5222717B2 (ja) | 表示ウインドウ選択方法、表示ウインドウ選択プログラムおよび端末装置 | |
JP2014149860A (ja) | 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末 | |
JP2007122633A (ja) | 情報表示制御装置および情報表示制御プログラム | |
JP2012133745A (ja) | 情報処理装置およびその表示サイズ制御方法 | |
JP2012008686A (ja) | 情報処理装置および方法、並びにプログラム | |
JP2014106625A (ja) | 携帯端末、携帯端末の制御方法、プログラム、および記録媒体 | |
JP2009087168A (ja) | コンテンツ表示装置、コンテンツ表示方法、およびコンテンツ表示プログラム | |
JP6050992B2 (ja) | 情報処理プログラム、表示制御装置、表示制御システム及び表示方法 | |
JP2012084058A (ja) | コンテンツ表示倍率変更方法、コンテンツ表示倍率変更プログラム、及びコンテンツ表示倍率変更装置 | |
KR20020063338A (ko) | 휴대용 이동 장치의 디스플레이 장치 및 방법 | |
WO2012081678A1 (ja) | 表示装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 09707261 Country of ref document: EP Kind code of ref document: A1 |
|
WWE | Wipo information: entry into national phase |
Ref document number: 2009552479 Country of ref document: JP |
|
ENP | Entry into the national phase |
Ref document number: 20107017318 Country of ref document: KR Kind code of ref document: A |
|
WWE | Wipo information: entry into national phase |
Ref document number: 12866032 Country of ref document: US |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 09707261 Country of ref document: EP Kind code of ref document: A1 |