WO2012160931A1 - Web閲覧制御サーバ及びWeb閲覧制御方法 - Google Patents

Web閲覧制御サーバ及びWeb閲覧制御方法 Download PDF

Info

Publication number
WO2012160931A1
WO2012160931A1 PCT/JP2012/061042 JP2012061042W WO2012160931A1 WO 2012160931 A1 WO2012160931 A1 WO 2012160931A1 JP 2012061042 W JP2012061042 W JP 2012061042W WO 2012160931 A1 WO2012160931 A1 WO 2012160931A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
web page
mobile terminal
list
block
Prior art date
Application number
PCT/JP2012/061042
Other languages
English (en)
French (fr)
Inventor
卓央 山本
Original Assignee
富士フイルム株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 富士フイルム株式会社 filed Critical 富士フイルム株式会社
Publication of WO2012160931A1 publication Critical patent/WO2012160931A1/ja

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/04Protocols specially adapted for terminals or networks with limited capabilities; specially adapted for terminal portability
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/50Network services
    • H04L67/56Provisioning of proxy services
    • H04L67/564Enhancement of application control based on intercepted application data
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/50Network services
    • H04L67/56Provisioning of proxy services
    • H04L67/565Conversion or adaptation of application format or content
    • H04L67/5651Reducing the amount or size of exchanged application data

Definitions

  • the present invention relates to a web browsing control server, a web browsing control method, and a program for converting a web page for a PC (personal computer) into an image that can be displayed on a portable terminal and distributing the image to the portable terminal.
  • the present invention relates to a Web browsing control server and a Web browsing control method that can improve user operability when operating operable elements in a Web page.
  • a mobile terminal such as a mobile phone, a smartphone, or a tablet PC is used as a client, and a Web page for PC acquired from a Web server is converted into an image that can be displayed on the mobile terminal, and the image is distributed to the mobile terminal.
  • a distribution server Web browsing control server
  • the image distribution server accesses the Web server based on the URL indicated by the link pointer if there is a link pointer corresponding to the position coordinate.
  • a list of link items is created from a hypertext document, the list of link items is displayed on the display surface of the terminal, and when an arbitrary link item is touched, the link item at the coordinates closest to the touch position Is designated, a configuration for receiving a link item selection operation is known (see Patent Document 2).
  • the web page element (text, list, etc.) displayed on the screen of the first displayed web page is small, so it is difficult to understand at first glance. Such operations are indispensable.
  • Patent Documents 1 and 2 do not disclose any improvement in user operability when operating an operable element in a Web page on a small screen of a mobile terminal.
  • An object of the present invention is to provide a web browsing control server and a web browsing control method.
  • the present invention provides a communication means for receiving a web page browsing request from a portable terminal having a display screen capable of displaying an image, and a web for acquiring a web page requested to be browsed from the portable terminal.
  • a page acquisition unit, an analysis unit that analyzes the Web page acquired by the Web page acquisition unit, and a Web that is displayed on the display screen of the mobile terminal from the acquired Web page based on the analysis result of the Web page A first image generating unit configured to generate a page image; a classifying unit configured to classify the Web page image into a plurality of blocks based on an analysis result of the Web page; and the first image generating unit configured to generate the page image.
  • a web page image is transmitted to the mobile terminal by the communication means, and the mobile terminal on the web page image Based on the coordinate information received from the portable terminal, the first communication control means for performing control to receive the coordinate information indicating the designated pointing position from the portable terminal by the communication means, the web page image of the Web page image
  • a block discriminating unit for discriminating a block corresponding to the designated position among a plurality of blocks as a block designated by the portable terminal; and a list of one or more operable elements in the block designated by the portable terminal
  • a second image generating means for generating a list image indicating a part of the element in the Web page image and generating a list image indicating an enlarged portion of the element in the Web page image
  • the list image generated by the generation unit and the second image generation unit is transmitted to the portable terminal by the communication unit, and the list is transmitted.
  • second communication control means for performing control to receive from the mobile terminal operation information indicating an element operated on the mobile terminal on the image, Web browsing comprising: an element discriminating unit that discriminates an element operated on the mobile terminal among the elements in the list; and an execution control unit that executes processing corresponding to the element operated on the mobile terminal Provide a control server.
  • the designated block among the plurality of blocks of the web page image is determined, and a list of operable elements in the designated block is shown.
  • a list image that is an enlarged view of a portion of an operable element in a Web page image is generated and transmitted to a mobile terminal, so that even if the display screen is a small mobile terminal, it can be enlarged or scrolled.
  • the operation can be performed in the same manner as in the case of operating on the PC without performing any special operation.
  • operable elements examples include hyperlinks, radio buttons, submit buttons, and the like.
  • operable element in the present invention is not limited to the above example, and includes various operable elements included in the Web page.
  • the “operation” is not particularly limited, and includes various operations such as a selection operation, an input operation (for example, a text input operation), and an instruction operation (for example, a delete instruction operation and a transmission instruction operation).
  • the present invention is a Web browsing control method using a communication unit that communicates with a mobile terminal having a display screen capable of displaying an image, the step of receiving a Web page browsing request from the mobile terminal by the communication unit; A step of acquiring a web page requested to be browsed from the mobile terminal, a step of analyzing the acquired web page, and a display screen of the mobile terminal from the acquired web page based on an analysis result of the web page Generating a Web page image to be displayed on the screen, dividing the Web page image into a plurality of blocks based on the analysis result of the Web page, and generating the Web page image by the communication means Transmitting to the terminal, and instructed by the portable terminal on the Web page image Corresponding to the indicated position among the plurality of blocks of the Web page image based on the step of receiving the coordinate information indicating the indicated position from the portable terminal by the communication means and the coordinate information received from the portable terminal A block to be identified as a block instructed by the mobile terminal, and a list image showing a list of one or
  • the present invention also provides a program that causes an arithmetic device to execute the Web browsing control method.
  • the program can be provided by being recorded on various recording media.
  • FIG. 1 shows a state in which a PC web page is browsed using the display unit 14 of the mobile terminal 10 in the same manner as when a web page is browsed using the display unit 2 of a PC (personal computer) 1.
  • FIG. 1 shows a schematic diagram which shows. As shown in the figure, according to the Web browsing system of the present embodiment, the mobile terminal 10 can browse the Web page for the PC 1.
  • FIG. 2 is an overall configuration diagram illustrating an example of a Web browsing system.
  • the Web browsing system of this example converts a mobile terminal 10 having a display screen capable of displaying an image and a Web page for PC into an image that can be displayed on the mobile terminal 10, and converts the image into an image.
  • An image distribution server 20 Web page browsing control server
  • Web server 30 that provides Web pages for PCs are configured.
  • the mobile terminal 10 includes a communication unit 11 that communicates with the image distribution server 20, a processing unit 12 that controls each unit of the mobile terminal 10 according to a program, executes various processes, and an input unit 13 that receives an instruction input from a user.
  • the display unit 14 has a display screen capable of displaying images, and includes a database (DB) 15 that stores various types of information.
  • the portable terminal 10 and the image distribution server 20 are connected via an electric communication line such as the Internet, and the communication unit 11 of the portable terminal 10 and the communication unit 21 of the image distribution server 20 described later are connected via an electric communication line. Via the communication protocol determined in advance.
  • the processing unit 12 includes, for example, a CPU (Central Processing Unit).
  • the processing unit 12 displays an image acquired from the image distribution server 20 via the communication unit 11 on the display unit 14 and the input unit 13. The process according to the user's instruction input received by is executed.
  • CPU Central Processing Unit
  • the input unit 13 includes a power button, a number key, a cross key, a determination key, and the like (not shown), and the user can input various instructions to the mobile terminal 10 by operating the input unit 13.
  • a touch sensor may be disposed on the front surface of the display unit 14 to serve as the input unit 13.
  • the display unit 14 includes a display device (for example, a liquid crystal display device) that can display an image, and performs display based on the image signal input from the processing unit 12.
  • a display device for example, a liquid crystal display device
  • the image distribution server 20 includes a communication unit 21 that communicates with the mobile terminal 10 and the Web server 30, a database (DB) 22 that stores various types of information, and a browsing request from the mobile terminal 10 that is transmitted from the Web server 30 by the communication unit 21.
  • DB database
  • the acquired Web page is displayed on the screen (display screen) of the display unit 14 of the mobile terminal 10.
  • An image generation unit 24 that generates a Web page image, a blocking unit 25 that divides the Web page image into a plurality of blocks based on the analysis result of the analysis unit 23, and a control unit 29 that controls each unit of the image distribution server 20. It is comprised including.
  • the image distribution server 20 and the Web server 30 are connected via an electric communication line such as the Internet, and the communication unit 21 of the image distribution server 20 and the communication unit 31 of the Web server 30 are connected in advance via an electric communication line. Communication is performed according to a predetermined communication protocol.
  • the DB 22 is composed of, for example, a known readable / writable disk, and stores various data (information).
  • the analysis unit 23 and the image generation unit 24 include, for example, a CPU (Central Processing Unit), and execute so-called Web browser software.
  • the image generation unit 24 executes an imaging process for converting PC screen information generated by a so-called rendering process into an image that can be displayed on the mobile terminal 10 that is the image distribution destination.
  • the image generation unit 24 generates a list image indicating a list of one or more operable elements in the block designated by the mobile terminal 10 based on the analysis result of the Web page.
  • the image generation unit 24 generates, as the list image, a list image that shows an enlarged portion of the operable element in the Web page image.
  • the image generation unit 24 generates a list image by enlarging the characters of the operable elements (including the characters added to the elements as element descriptions) in the designated block of the Web page image. That is, not only the operable element itself but also the explanation part of the element is enlarged so that the user can easily recognize it.
  • the image generation unit 24 synthesizes the list image with the Web page image. It is preferable to determine the display position of the list image (arrangement position on the Web page image) and combine the list image with the Web page image so that the list image does not overlap with the designated block image.
  • the blocking unit 25 is constituted by a CPU. A part of it may be constituted by an electronic circuit.
  • the control unit 29 is configured by a CPU and executes various processes according to a program.
  • the control unit 29 transmits the web page image generated by the image generation unit 24 to the mobile terminal 10 by the communication unit 21, and transmits the coordinate information indicating the indicated position indicated by the mobile terminal 10 on the web page image to the communication unit.
  • the control to receive from the portable terminal 10 is performed by 21.
  • the control unit 29 determines a block corresponding to the indicated position among a plurality of blocks of the Web page image as a block instructed by the mobile terminal 10.
  • the control unit 29 of this example determines the block including the designated position as the designated block, and there is no block including the designated position. In this case, the block closest to the designated position is detected, and the block closest to the designated position is determined as the designated block.
  • control unit 29 transmits the list image generated by the image generation unit 24 to the mobile terminal 10 by the communication unit 21, and transmits operation information indicating elements operated by the mobile terminal 10 on the list image to the communication unit 21.
  • the control unit 29 Based on the operation information received from the mobile terminal 10, the control unit 29 includes, among the elements in the list shown by the list image (that is, the operable elements in the designated block), the mobile terminal The element operated in 10 is discriminated.
  • control unit 29 executes processing corresponding to the element operated on the mobile terminal 10.
  • control unit 29 of the present example extracts user interface information (hereinafter referred to as “UI information”) from the Web page, and acquires position information (hereinafter referred to as “UI position information”) of the UI information on the Web page image. It has a UI position information calculation function to calculate. And the control part 29 of this example transmits the metadata containing UI information and UI position information with respect to the portable terminal 10 with a web page image. Therefore, after displaying the image, the mobile terminal 10 can easily execute a process according to the user's input operation based on the UI information and the UI position information in the metadata.
  • UI information user interface information
  • UI position information position information
  • the control part 29 of this example transmits the metadata containing UI information and UI position information with respect to the portable terminal 10 with a web page image. Therefore, after displaying the image, the mobile terminal 10 can easily execute a process according to the user's input operation based on the UI information and the UI position information in the metadata.
  • FIG. 3 is a flowchart showing a flow of a processing example in the thin client type Web browsing system.
  • the processing in the image distribution server 20 is executed by the control unit 29 according to a program (stored in an internal storage medium such as a ROM (not shown) or the like).
  • the processing in the mobile terminal 10 is executed by the processing unit 12 according to a program (built in a ROM (not shown) or stored in an external storage medium).
  • the input unit 13 of the mobile terminal 10 receives an input of a URL of an arbitrary Web page from the user, and the communication unit 11 of the mobile terminal 10 transmits a Web page browsing request to the image distribution server 20 (step S2). ).
  • the URL received from the user is added to the browsing request.
  • the image distribution server 20 receives a web page browsing request from the mobile terminal 10 through the communication unit 21 (step S4).
  • the control unit 29 acquires the web page requested to be browsed from the mobile terminal 10 from the web server 30 by the communication unit 21 (step S6).
  • the image distribution server 20 analyzes the acquired web page by the analysis unit 23 (step S8).
  • the web page is described in a markup language such as HTML, and the analysis unit 23 analyzes the web page according to the description language.
  • the image distribution server 20 uses the image generation unit 24 to generate an image (Web page image) that can be displayed on the mobile terminal 10 from the Web page based on the analysis result of the analysis unit 23 (Step S10).
  • the image distribution server 20 uses the blocking unit 25 to divide the entire Web page image into a plurality of blocks based on the HTML analysis result by the analysis unit 23 (step S12).
  • the blocking unit 25 in this example detects the presence / absence, type, position, etc. of the operable element by analyzing the tag information of the operable element in the Web page. That is, information indicating the position of each element on the Web page image and information indicating a series of element group areas related to each other on the Web page image are detected based on the analysis result of the analysis unit 23.
  • the blocking unit 25 divides the Web page into a plurality of blocks based on the detected information.
  • the blocking unit 25 in this example does not divide the Web page image 60 into a simple two-dimensional array, but converts the Web page image into a plurality of blocks based on tag information (attributes) in the Web page.
  • tags tags
  • blocks are divided into blocks corresponding to a series of operable element groups related to each other.
  • the blocking unit 25 may also form a block that does not include an operable element.
  • FIG. 4 shows an example in which the Web page image 60 is divided into a plurality of blocks.
  • a first block 61 to a sixth block 66 are blocks including elements (operable elements) that can be operated by the user with the mobile terminal 10 in an area excluding the common block 68 of the Web page image 60.
  • the seventh block 67 is a block that does not include an operable element.
  • the common block 68 is a block including an operable element and is common between Web pages. That is, in this example, the entire web page image 60 is divided into eight blocks 61 to 68.
  • operable elements include hyperlinks, radio buttons, submit buttons, input fields, and the like.
  • control unit 29 transmits the web page image generated by the image generation unit 24 to the portable terminal 10 by the communication unit 21 (step S14).
  • the mobile terminal 10 receives the web page image by the communication unit 11, displays the web page image by the display unit 14 (step S ⁇ b> 16), and accepts the click by the input unit 13, thereby performing an instruction operation (input of the instruction position). Operation) is received (step S17).
  • the communication unit 11 of the mobile terminal 10 transmits coordinate information indicating the instructed position (instructed position) on the Web page image to the image distribution server 20 (step S18). .
  • the image distribution server 20 receives coordinate information from the mobile terminal 10 through the communication unit 21 (step S20). In this example, the image distribution server 20 receives from the portable terminal 10 the position clicked on the portable terminal 10 on the Web page image 60 as the designated position. Then, the image distribution server 20 determines a block corresponding to the designated position designated by the mobile terminal 10 among the plurality of blocks of the web page image (steps S22 and S24).
  • the image distribution server 20 determines whether or not there is a block including the designated position indicated by the received coordinate information. If there is a block including the designated position, this block is designated as a block ( (Instruction block) is determined (step S22). If there is no block including the designated position, the image distribution server 20 detects the block closest to the designated position, and determines that this block is the designated block (step S24).
  • the image distribution server 20 uses the image generation unit 24 to convert the list image indicating the list of operable elements in the instruction block into the analysis result of the Web page by the analysis unit 23 (the analysis result of step S8). It generates based on (step S26).
  • the image generation unit 24 generates a list image based on the analysis result (presence / absence, type, position) of tag information of operable elements.
  • the image generation unit 24 of this example is a part of the display portion of the operable element in the Web page image (60 in FIG. 4) (for example, the region 83 including the symbols 63a to 63d in the third block 63 in FIG. 4).
  • a list image (for example, 73 in FIG. 5) to be displayed on the screen of the display unit 14 of the mobile terminal 10 is generated by enlarging (or all).
  • the image distribution server 20 transmits the list image to the mobile terminal 10 through the communication unit 21 (step S28).
  • the mobile terminal 10 receives the list image by the communication unit 11 (step S30), and receives an operation of selecting a target element from a plurality of elements in the list list by the input unit 13 (step S32).
  • the mobile terminal 10 transmits operation information to the image distribution server 20 through the communication unit 11 (step S34).
  • the operation information indicates an element selected on the Web page image among a plurality of elements in the list.
  • the operation information includes only one element in the list, and when the element is designated by the mobile terminal 10, the designated information indicates the designated element. If nothing is selected (or designated), the mobile terminal 10 transmits operation information indicating that there is no selected (or designated) element.
  • the image distribution server 20 receives the operation information through the communication unit 21, and determines the element selected and operated among the elements in the list based on the operation information (step S36).
  • step S38 a process corresponding to the selected element is executed.
  • FIG. 5 shows a list image 73 as an example.
  • the list image 73 is an image of the list of operable elements in the third block 63 when the mobile terminal 10 indicates the third block 63 in the Web page image 60 shown in FIG.
  • the list image 73 is a list of four hyperlinks 63a to 63d in the third block 63, and includes four enlarged hyperlinks 73a to 73d.
  • the user can display hyperlinks without scrolling or enlarging operations. It is possible to roughly grasp the corresponding web page.
  • text is displayed in the list image 73 as follows. "BBB you want to choose with him " 73a "It suits you by popular celebrity " 73b “Recommended by AAAA! CCCC " 73c "Recommended flower shop &" 73d
  • the image generation unit 24 generates a list image 73 by enlarging the explanatory characters of the operable elements in the third block 63.
  • FIG. 6 shows another example list image 74.
  • This list image 74 is an image of a list (list) of operable elements in the fourth block 64 when the mobile terminal 10 indicates the fourth block 64 in the Web page image 60 shown in FIG. is there.
  • This list image 74 is a list of three radio buttons 64a to 64c and a submit button 64d (send button) in the fourth block 64, and these four operable elements 64a to 64d are enlarged and displayed. Enlargement elements 74a-74d are included.
  • the following explanation text of the radio buttons 64a to 64c and the submit button 64d is displayed in the fourth block 64 of FIG. "I use a special pre-shave” 64a "Substitute with soap and face wash” 64b "Not used” 64c "Post” 64d Since the size of the display unit 14 of the mobile terminal 10 is small, the size of the fourth block 64 is small, and the text of the explanatory text of the radio button is also displayed in a minimal size. Therefore, even if the user can visually recognize the presence of the radio button and the submit button, it is difficult to visually recognize what is displayed.
  • the user can select a radio button without scrolling or enlarging. It is possible to grasp the corresponding contents.
  • FIG. 7 shows a state in which the cursor 80 is moved to the third block 63 by an operation of a button or the like on the mobile terminal 10.
  • a list image 73 showing a list of hyperlinks in the third block 63 is popped up in the vicinity of the display position of the cursor 80 (that is, the indicated position on the mobile terminal 10). Is displayed.
  • the image distribution server 20 acquires a hyperlink web page corresponding to the selection operation. Then, a new Web page image generated by imaging it is transmitted to the mobile terminal 10.
  • FIG. 8 shows a state in which the cursor 80 is moved to the fourth block 64 by an operation of a button or the like on the mobile terminal 10.
  • a list image 74 showing a list of operable elements such as radio buttons and submit buttons in the fourth block 64 is displayed in a pop-up.
  • the image distribution server 20 The content corresponding to the selection operation (in FIG. 8, “dedicated pre-shave is used”) is transmitted to the specific Web server 30.
  • the image generation unit 24 of the present example synthesizes the image of the area where the list images 73 and 74 overlap in the web page image with the list images 73 and 74 in a translucent manner.
  • the semi-transmission synthesis may be performed using a known technique, and the description of the semi-transmission synthesis is omitted here.
  • the user can visually recognize the web page image covered with the list image while displaying a large size of the list image.
  • FIG. 9 shows a state in which the cursor 80 is moved to the third block 63 by an operation on the mobile terminal 10.
  • a list image 73 showing a list of hyperlinks in the third block 63 is displayed as a third block 63 in which the cursor 80 is displayed (that is, a block designated by the mobile terminal 10). ) Is displayed so that it does not overlap the image of). That is, the image generation unit 24 determines the display position of the list image 73 so that the list image 73 does not overlap with the designated third block 63 image, and synthesizes the list image 73 with the Web page image 60.
  • the user simultaneously displays a list image (for example, the list of the third block 63) indicating a list of elements that can be operated on the block at the same time as the block (for example, the third block 63) for which the web page image 60 is designated (for example, clicked). Since the image 73) can be seen, further improvement in visibility is expected.
  • a list image for example, the list of the third block 63
  • the input unit 13 of the mobile terminal 10 illustrated in FIG. 1 is configured with a key or the like arranged at a position different from the display unit 14 and performs a click operation on the mobile terminal 10 as an example.
  • the invention is not particularly limited to such a case.
  • the whole or part of the input unit 13 of the mobile terminal 10 may be configured by a touch sensor, and the touch sensor may be arranged on the screen of the display unit 14. That is, the mobile terminal 10 may be a terminal having a touch panel.
  • the communication unit 21 of the image distribution server 20 receives the position on the Web page image touched by the mobile terminal 10 from the mobile terminal 10 as the designated position.
  • the operable element in the present specification is not limited to the above-described example, and includes various operable elements included in the Web page.
  • the “operation” in the present specification is not particularly limited to the selection operation, and includes various operations such as an input operation (for example, a text input operation) and an instruction operation (for example, a delete instruction operation and a transmission instruction operation).
  • Invention 1 Communication means for receiving a web page browsing request from a mobile terminal having a display screen capable of displaying an image, Web page acquiring means for acquiring a web page requested to be browsed from the mobile terminal, and web page acquisition Analyzing means for analyzing the web page acquired by the means, and a first image for generating a web page image to be displayed on the display screen of the portable terminal from the acquired web page based on the analysis result of the web page Generating means, sorting means for dividing the Web page image into a plurality of blocks based on the analysis result of the Web page, and the Web page image generated by the first image generating means by the communication means.
  • a seat that is transmitted to the mobile terminal and indicates the indicated position indicated by the mobile terminal on the Web page image.
  • the first communication control means for performing control to receive information from the portable terminal by the communication means, and the instruction among the plurality of blocks of the Web page image
  • a block discriminating unit for discriminating a block corresponding to a position as a block instructed by the mobile terminal; and a list image showing a list of one or more operable elements in the block instructed by the mobile terminal.
  • Second image generation means for generating a list image showing an enlarged portion of the element in the Web page image, the second image generation means for generating the list image based on the analysis result of The list image generated by the image generation means is transmitted to the portable terminal by the communication means and operated by the portable terminal on the list image.
  • a web browsing control server comprising: an element determination unit that determines an element operated on the portable terminal; and an execution control unit that executes a process corresponding to the element operated on the portable terminal.
  • the block discriminating unit discriminates the block containing the designated position as the designated block when there is a block containing the designated position, and when there is no block containing the designated position,
  • the web browsing control server according to claim 1, wherein a block closest to the designated position is detected and discriminated from the designated block.
  • the second image generation means combines the list image with the Web page image, and the second communication control means transmits the Web page image combined with the list image to the mobile terminal.
  • the web browsing control server according to the first or second aspect, wherein the web browsing control server performs control to perform the control.
  • the second image generation means determines the display position of the list image so that the list image does not overlap the image of the designated block, and combines the list image with the Web page image.
  • the web browsing control server according to claim 3.
  • Invention 5 The Web according to any one of Inventions 1 to 4, wherein the second image generation means synthesizes an image of an area where the list image overlaps in the Web page image semi-transparently with the list image. Browsing control server.
  • Invention 6 The said 2nd image generation means enlarges the character of the element which can be operated in the said designated block of the said web page image, and produces any one of invention 1-5. Web browsing control server described in 1.
  • Invention 7 The first communication control means according to any one of Inventions 1 to 6, wherein a position clicked on the mobile terminal on the Web page image is received from the mobile terminal as the designated position. Web browsing control server.
  • the portable terminal is a terminal having a touch panel, and the first communication control means receives, from the portable terminal, a position touched by the portable terminal on the Web page image as the designated position.
  • the web browsing control server according to any one of 6 items from the first aspect.
  • Invention 9 A Web browsing control method using a communication means that communicates with a mobile terminal having a display screen capable of displaying an image, wherein the computing device receives a Web page browsing request from the mobile terminal by the communication means; The step of acquiring the web page requested to be browsed from the mobile terminal, the step of analyzing the acquired web page, and the display of the mobile terminal from the acquired web page based on the analysis result of the web page Generating a Web page image to be displayed on the screen; dividing the Web page image into a plurality of blocks based on the analysis result of the Web page; and generating the Web page image by the communication unit.
  • Inventions 10 to 16 Method inventions corresponding to Inventions 2 to 8, respectively.
  • Inventions 17 to 24 Inventions of programs corresponding to Inventions 9 to 16, respectively.
  • Inventions 25 to 32 A recording medium on which the program according to any one of Inventions 17 to 24 is recorded.

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

 Webページを解析する解析部23と、Webページの解析結果に基づいてWebページから携帯端末10の表示画面に表示させるWebページ画像を生成する画像生成部24と、Webページの解析結果に基づいてWebページ画像を複数のブロックに区分するブロック化部25を備え、Webページ画像を携帯端末10に送信して、Webページ画像上の携帯端末10で指示された指示位置を示す座標情報を携帯端末10から受信し、その座標情報に基づいて、Webページ画像の複数のブロックのうちで携帯端末10で指示されたブロックを判別し、その指示されたブロック内の操作可能な要素の一覧を示すリスト画像であってWebページ画像中の要素の部分を拡大して示すリスト画像を画像生成部24によって生成し、そのリスト画像を携帯端末10に送信する。

Description

Web閲覧制御サーバ及びWeb閲覧制御方法
 本発明は、PC(パーソナルコンピュータ)用のWebページを携帯端末で表示可能な画像に変換して携帯端末に対し配信するWeb閲覧制御サーバ、Web閲覧制御方法及びプログラムに関し、特に、携帯端末でユーザがWebページ中の操作可能な要素を操作する際のユーザの操作性を向上することができるWeb閲覧制御サーバ及びWeb閲覧制御方法に関する。
 従来、携帯電話、スマートフォン、タブレット型PCなどの携帯端末をクライアントとし、Webサーバから取得したPC用のWebページを携帯端末で表示可能な画像に変換し、その画像を携帯端末に対し配信する画像配信サーバ(Web閲覧制御サーバ)が知られている(特許文献1を参照)。この画像配信サーバは、携帯端末でクリックされた位置情報を受信すると、その位置座標に対応したリンクポインタが存在している場合、そのリンクポインタが示すURLに基づいてWebサーバにアクセスする。
 また、ハイパーテキスト文書からリンク項目の一覧表を作成し、そのリンク項目の一覧表を端末の表示面に表示し、任意のリンク項目がタッチされると、タッチ位置に最も近い座標にあるリンク項目が指定されたものとして、リンク項目の選択操作を受け付ける構成が知られている(特許文献2を参照)。
特開2004-220260号公報 特開2005-509948号公報
 PC用のWebページを画像化して携帯端末に配信するシンクライアント型のWebページ閲覧技術を利用することにより、PCよりも性能が劣る携帯端末でも、携帯端末上でブラウザを動作させることなく、PC用のWebページをPCで閲覧する場合と同様の表示形態で閲覧することが可能となる。
 しかしながら、携帯端末の画面は一般に小さいため、一番最初に表示されたWebページの画面では、Webページの要素(テキスト、リストなど)が小さく表示されるので、一見して判りづらく、拡大やスクロール等の操作が必要不可欠となる。
 特に、選択可能な項目(例えば、ハイパーリンク項目、ラジオボタン、チェックボックス、プルダウン、フォーム)のリストから項目を選択する操作を行うときには、拡大やスクロール等の別の操作を行った後でなければ、目的の項目を選択することが難しく、ユーザにとって操作性が悪かった。
 特許文献1、2には、いずれも、携帯端末の小さな画面上で、Webページ中の操作可能な要素を操作する際のユーザの操作性を向上させることについて、開示がない。
 本発明はこのような事情に鑑みてなされたもので、Web閲覧用のシンクライアント型のシステムにおける携帯端末でユーザがWebページ中の操作可能な要素を操作する際のユーザの操作性を向上することができるWeb閲覧制御サーバ及びWeb閲覧制御方法を提供することを目的とする。
 前記目的を達成するために、本発明は、画像表示可能な表示画面を有する携帯端末から、Webページの閲覧要求を受信する通信手段と、前記携帯端末から閲覧要求されたWebページを取得するWebページ取得手段と、前記Webページ取得手段によって取得されたWebページを解析する解析手段と、前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成する第1の画像生成手段と、前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分する区分手段と、前記第1の画像生成手段によって生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信して、前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信する制御を行う第1の通信制御手段と、前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するブロック判別手段と、前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成する第2の画像生成手段であって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成する第2の画像生成手段と、前記第2の画像生成手段によって生成された前記リスト画像を前記通信手段によって前記携帯端末に送信して、前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信する制御を行う第2の通信制御手段と、前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別する要素判別手段と、前記携帯端末で操作された要素に対応する処理を実行する実行制御手段と、を備えたWeb閲覧制御サーバを提供する。
 本発明によれば、携帯端末から受信した座標情報に基づいて、Webページ画像の複数のブロックのうちで指示されたブロックが判別され、その指示されたブロック内の操作可能な要素の一覧を示すリスト画像であってWebページ画像中の操作可能な要素の部分を拡大して示すリスト画像が生成されて、携帯端末に送信されるので、表示画面が小さな携帯端末であっても、拡大やスクロールなどの特別な操作をすることなく、PCで操作する場合と同様に、操作を行うことができる。
 前記操作可能な要素としては、例えば、ハイパーリンク、ラジオボタン、サブミットボタン等が挙げられる。ただし、本発明における「操作可能な要素」は、上記の例には限定されず、Webページに含まれる各種の操作可能な要素が含まれる。「操作」は、特に限定されず、選択操作、入力操作(例えばテキスト入力操作)、指示操作(例えば削除指示操作、送信指示操作)などの各種の操作が含まれる。
 また、本発明は、画像表示可能な表示画面を有する携帯端末と通信する通信手段を用いるWeb閲覧制御方法であって、前記通信手段によって前記携帯端末からWebページの閲覧要求を受信するステップと、前記携帯端末から閲覧要求されたWebページを取得するステップと、取得されたWebページを解析するステップと、前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成するステップと、前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分するステップと、生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信するステップと、前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信するステップと、前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するステップと、前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成するステップであって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成するステップと、生成された前記リスト画像を前記通信手段によって前記携帯端末に送信するステップと、前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信するステップと、前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別するステップと、前記携帯端末で操作された要素に対応する処理を実行するステップと、を備えたWeb閲覧制御方法を提供する。
 また、本発明は、前記Web閲覧制御方法を演算装置に実行させるプログラムを提供する。本プログラムは、各種の記録媒体に記録して提供することができる。
 本発明によれば、Web閲覧用のシンクライアント型のシステムにおける携帯端末でユーザがWebページ中の操作可能な要素を操作する際のユーザの操作性を向上することができる。
PC向けWebページをPCと携帯端末とで閲覧している様子を示す模式図 シンクライアント型のWeb閲覧システムの全体構成図 シンクライアント型のWeb閲覧システムにおける処理例の流れを示すフローチャート Webページ画像のブロック化の説明に用いる説明図 ハイパーリンクの一覧を示すリスト画像の一例を示す説明図 ラジオボタン等の一覧を示すリスト画像の一例を示す説明図 Webページ画像に図5のリスト画像を合成して表示した例を示す説明図 Webページ画像に図6のリスト画像を合成して表示した例を示す説明図 指定されたブロックの画像に重ならないようにリスト画像をポップアップ表示する場合の説明に用いる説明図
 以下、添付図面に従って、本発明の実施形態について、詳細に説明する。
 図1は、PC(パーソナルコンピュータ)1の表示部2を用いてWebページを閲覧している場合と同様に、携帯端末10の表示部14を用いてPC用のWebページを閲覧している様子を示す模式図である。同図に示すように、本実施形態のWeb閲覧システムによれば、携帯端末10により、PC1用のWebページの閲覧が可能である。
 図2は、Web閲覧システムの一例を示す全体構成図である。同図に示すように、本例のWeb閲覧システムは、画像を表示可能な表示画面を有する携帯端末10と、PC用のWebページを携帯端末10で表示可能な画像に変換し、その画像を携帯端末に対して配信する画像配信サーバ20(Webページ閲覧制御サーバ)と、PC用のWebページを提供するWebサーバ30とを含んで構成されている。
 携帯端末10は、画像配信サーバ20と通信する通信部11と、プログラムに従って携帯端末10の各部を制御し、各種の処理を実行する処理部12と、ユーザからの指示入力を受け付ける入力部13と、画像を表示可能な表示画面を有する表示部14と、各種の情報を記憶するデータベース(DB)15を含んで構成されている。
 携帯端末10と画像配信サーバ20とは、インターネットなどの電気通信回線を介して接続されており、携帯端末10の通信部11と後述する画像配信サーバ20の通信部21とは、電気通信回線を介して、予め決められた通信プロトコルに従って通信を行う。
 処理部12は、例えばCPU(Central Processing Unit:中央演算装置)を含んで構成されており、通信部11を介して画像配信サーバ20から取得した画像を表示部14に表示させるとともに、入力部13により受け付けたユーザの指示入力に従った処理を実行する。
 入力部13は、図示しない電源ボタン、番号キー、十字キー、決定キー等を含み、ユーザは、入力部13を操作することにより、携帯端末10に対して各種の指示入力を行うことができる。表示部14の前面にタッチセンサを配置して、入力部13としてもよい。
 表示部14は、画像を表示可能な表示デバイス(例えば液晶表示デバイス)からなり、処理部12から入力された画像信号に基づいて、表示を行う。
 画像配信サーバ20は、携帯端末10及びWebサーバ30と通信する通信部21と、各種の情報を記憶するデータベース(DB)22と、携帯端末10から閲覧要求されて通信部21によってWebサーバ30から取得されたPC用の任意のWebページを解析する解析部23と、解析部23の解析結果に基づいて、取得されたWebページから携帯端末10の表示部14の画面(表示画面)に表示させるWebページ画像を生成する画像生成部24と、解析部23の解析結果に基づいて、Webページ画像を複数のブロックに区分するブロック化部25と、画像配信サーバ20の各部を制御する制御部29とを含んで構成されている。
 画像配信サーバ20とWebサーバ30とは、インターネットなどの電気通信回線を介して接続され、画像配信サーバ20の通信部21とWebサーバ30の通信部31とは、電気通信回線を介して、予め決められた通信プロトコルに従って通信を行う。
 DB22は、例えば公知の読み書き可能なディスクによって構成されており、各種のデータ(情報)を記憶する。
 解析部23及び画像生成部24は、例えばCPU(Central Processing Unit:中央演算装置)を含んで構成されており、いわゆるWebブラウザ・ソフトウェアを実行させる。画像生成部24は、いわゆるレンダリング処理によって生成されるPC用の画面情報を、画像配信先の携帯端末10で表示可能な画像に変換する画像化処理を実行する。
 また、画像生成部24は、携帯端末10で指示されたブロック内の操作可能な1つ以上の要素の一覧リストを示すリスト画像を、Webページの解析結果に基づいて生成する。画像生成部24は、前記リスト画像として、前記Webページ画像中の操作可能な要素の部分を拡大して示すリスト画像を生成する。また、画像生成部24は、Webページ画像の指定されたブロック内の操作可能な要素の文字(要素の説明として要素に付加されている文字を含む)を拡大して、リスト画像を生成する。即ち、ユーザが視認し易いように、操作可能な要素そのものだけでなく、その要素の説明部分も拡大する。
 画像生成部24では、リスト画像をWebページ画像に合成する。リスト画像が指示されたブロックの画像に重ならないように、リスト画像の表示位置(Webページ画像上の配置位置)を決定して、リスト画像をWebページ画像に合成することが、好ましい。
 ブロック化部25は、CPUによって構成されている。その一部を電子回路によって構成してもよい。制御部29は、CPUによって構成されており、プログラムに従って各種の処理を実行する。
 次に、制御部29による制御処理について、説明する。
 制御部29は、画像生成部24によって生成されたWebページ画像を通信部21によって携帯端末10に送信して、Webページ画像上の携帯端末10で指示された指示位置を示す座標情報を通信部21によって携帯端末10から受信する制御を行う。また、制御部29は、携帯端末10から受信した座標情報に基づいて、Webページ画像の複数のブロックのうちで前記指示位置に対応するブロックを携帯端末10で指示されたブロックとして判別する。なお、本例の制御部29は、携帯端末10で指示された指示位置を含むブロックがある場合には、その指示位置を含むブロックを指示されたブロックとして判別し、指示位置を含むブロックが無い場合には、指示位置に最も近いブロックを検出して、その指示位置に最も近いブロックを指示されたブロックと判別する。
 また、制御部29は、画像生成部24によって生成されたリスト画像を通信部21によって携帯端末10に送信して、リスト画像上の携帯端末10で操作された要素を示す操作情報を通信部21によって携帯端末10から受信する制御を行う。制御部29は、携帯端末10から受信した前記操作情報に基づいて、リスト画像によって示されている一覧リスト内の要素(即ち、指示されたブロック内の操作可能な要素)のうちで、携帯端末10で操作された要素を判別する。
 また、制御部29は、携帯端末10で操作された要素に対応する処理を実行する。
 また、本例の制御部29は、Webページからユーザインタフェース情報(以下「UI情報」という)を抽出して、そのUI情報のWebページ画像上における位置情報(以下「UI位置情報」という)を算出するUI位置情報算出機能を有している。そして、本例の制御部29は、携帯端末10に対し、Webページ画像とともに、UI情報及びUI位置情報を含むメタデータを送信する。したがって、携帯端末10は、画像を表示した後、メタデータ中のUI情報及びUI位置情報に基づいて、容易にユーザの入力操作に応じた処理を実行することができる。
 図3は、シンクライアント型のWeb閲覧システムにおける処理例の流れを示すフローチャートである。なお、画像配信サーバ20での処理は、制御部29によりプログラム(不図示のROMなどの内蔵または外部の記憶媒体に格納)に従って実行される。また、携帯端末10での処理は、処理部12によりプログラム(不図示のROMなどの内蔵または外部の記憶媒体に格納)に従って実行される。
 携帯端末10の入力部13は、ユーザから、任意のWebページのURLの入力を受け付け、携帯端末10の通信部11は、画像配信サーバ20に対し、Webページの閲覧要求を送信する(ステップS2)。閲覧要求には、ユーザから受け付けたURLが付加される。
 画像配信サーバ20は、通信部21によって、携帯端末10からWebページの閲覧要求を受信する(ステップS4)。制御部29は、携帯端末10からWebページの閲覧要求を受信すると、携帯端末10から閲覧要求されたWebページを、通信部21によってWebサーバ30から取得する(ステップS6)。
 次に、画像配信サーバ20は、解析部23によって、取得されたWebページの解析を行う(ステップS8)。Webページは、HTML等のマークアップ言語によって記述されており、解析部23は記述言語に従ってWebページを解析する。
 次に、画像配信サーバ20は、画像生成部24によって、解析部23の解析結果に基づいて、Webページから携帯端末10で表示可能な画像(Webページ画像)を生成する(ステップS10)。
 次に、画像配信サーバ20は、ブロック化部25によって、解析部23によるHTMLの解析結果に基づいて、Webページ画像の全体を複数のブロックに区分する(ステップS12)。本例のブロック化部25は、Webページ内の操作可能な要素のタグの情報を解析することで、操作可能な要素の有無、種類、位置などを検出する。つまり、解析部23の解析結果により、Webページ画像上の各要素の位置を示す情報や、Webページ画像上の互いに関連する一連の要素群の領域を示す情報が検出されるので、本例のブロック化部25は、それらの検出された情報に基づいて、Webページを複数のブロックに区分する。言い換えると、本例のブロック化部25は、Webページ画像60を単純な2次元配列で区分するわけではなく、Webページ画像を、Webページ中のタグの情報(属性)に基づいて複数のブロックに区分することで、互いに関連する一連の操作可能な要素群に対応したブロックに区分する。もっとも、ブロック化部25は、操作可能な要素を含まないブロックも形成してよい。
 図4は、Webページ画像60を複数のブロックに区分した一例を示す。同図中、第1ブロック61~第6ブロック66は、Webページ画像60の共通ブロック68を除く領域のうち、携帯端末10でユーザが操作可能な要素(操作可能要素)を含むブロックである。第7ブロック67は操作可能要素を含まないブロックである。共通ブロック68は、操作可能要素を含むブロックであってWebページ間で共通のブロックである。即ち、本例では、Webページ画像60の全体が8つのブロック61~68に区分されている。
 操作可能要素としては、例えば、ハイパーリンク、ラジオボタン、サブミットボタン、インプットフィールド等が挙げられる。
 次に、制御部29は、画像生成部24によって生成されたWebページ画像を、通信部21によって携帯端末10に送信する(ステップS14)。
 携帯端末10は、通信部11によってWebページ画像を受信して、表示部14によってWebページ画像を表示し(ステップS16)、入力部13によって、クリックを受け付けることにより、指示操作(指示位置の入力操作)を受け付ける(ステップS17)。
 携帯端末10で指示操作されたとき、携帯端末10の通信部11によって、Webページ画像上の指示された位置(指示位置)を示す座標情報が、画像配信サーバ20に送信される(ステップS18)。
 画像配信サーバ20は、通信部21によって携帯端末10から座標情報を受信する(ステップS20)。本例では、画像配信サーバ20は、Webページ画像60上の携帯端末10でクリック操作された位置を指示位置として携帯端末10から受信する。そして、画像配信サーバ20は、Webページ画像の複数のブロックのうちで携帯端末10で指示された指示位置に対応するブロックを判別する(ステップS22、24)。
 本例では、画像配信サーバ20は、受信した座標情報によって示される指示位置を含むブロックがあるか否かを判定し、指示位置を含むブロックがある場合には、このブロックを指示されたブロック(指示ブロック)であると判別する(ステップS22)。画像配信サーバ20は、指示位置を含むブロックが無い場合には、指示位置に最も近いブロックを検出し、このブロックを指示ブロックであると判別する(ステップS24)。
 次に、画像配信サーバ20は、画像生成部24によって、指示ブロックにおける操作可能な要素の一覧リストを示すリスト画像を、解析部23によるWebページの解析結果(ステップS8の解析結果である)に基づいて生成する(ステップS26)。画像生成部24は、特に、操作可能な要素のタグの情報の解析結果(有無、種類、位置)に基づいて、リスト画像を生成する。本例の画像生成部24は、Webページ画像(図4の60)中の操作可能な要素の表示部分(例えば図4の第3ブロック63のうち符号63a~63dを含む領域83)の一部(又は全部)を拡大して、携帯端末10の表示部14の画面上で表示させるリスト画像(例えば図5の73)を生成する。
 次に、画像配信サーバ20は、通信部21によって、リスト画像を携帯端末10に送信する(ステップS28)。
 携帯端末10は、その通信部11によってリスト画像を受信し(ステップS30)、入力部13によって一覧リスト中の複数の要素から目的の要素の選択操作を受け付ける(ステップS32)。
 次に、携帯端末10は、通信部11によって、画像配信サーバ20に操作情報を送信する(ステップS34)。操作情報は、一覧リスト中の複数の要素のうちでWebページ画像上で選択された要素を示す。なお、操作情報は、一覧リスト中にひとつの要素のみ存在し、その要素が携帯端末10で指定された場合には、その指定された要素を示す。何も選択(又は指定)されなかった場合には、携帯端末10は、選択(又は指定)された要素が無いことを示す操作情報を、送信する。
 画像配信サーバ20は、通信部21によって操作情報を受信し、操作情報に基づいて、一覧リスト内の要素のうちで選択操作された要素を判別する(ステップS36)。
 そして、選択操作された要素に対応する処理を実行する(ステップS38)。
 図5に、一例としてのリスト画像73を示す。このリスト画像73は、携帯端末10で図4に示すWebページ画像60のうち第3ブロック63を指示したとき、その第3ブロック63内の操作可能要素の一覧リストを画像化したものである。このリスト画像73は、第3ブロック63内の四つハイパーリンク63a~63dの一覧であり、拡大された四つのハイパーリンク73a~73dを含む。
 例えば、図4の第3ブロック63内に、次のようなハイパーリンク63a~63dのテキストが表示されているものとする。
「彼とふたりで選びたいBBBBの人気リング」63a
「人気セレブ別あなたに似合うエンゲージリング」63b
「AAAAさん推薦!CCCCCの新製品」63c
「おすすめフラワーショップ&アトリエ」63d
 携帯端末10の表示部14のサイズは小さいので、第3ブロック63のサイズは小さく、ハイパーリンク63a~63dの説明テキストの文字も極小サイズで表示される。よって、ユーザはハイパーリンクが存在することは視認できたとしても、何と表示されているのかまでは視認すること困難である。目的のハイパーリンクを選択操作することも困難である。
 しかし、図5のリスト画像73では、第3ブロック63内の操作可能要素のみを一覧(リスト)にして表示しているので、ユーザは、スクロール操作や拡大操作をしなくても、ハイパーリンクに対応したWebページをおよそ把握することが可能である。本例では、リスト画像73内に以下のようにテキストを表示している。
「彼とふたりで選びたいBBB・・・」73a
「人気セレブ別あなたに似合う・・・」73b
「AAAAさん推薦!CCCC・・・」73c
「おすすめフラワーショップ&・・・」73d
 なお、画像生成部24は、第3ブロック63内の操作可能な要素の説明文字を拡大して、リスト画像73を生成している。
 図6に、他の例のリスト画像74を示す。このリスト画像74は、携帯端末10で図4に示すWebページ画像60のうち第4ブロック64を指示したとき、その第4ブロック64内の操作可能要素の一覧(リスト)を画像化したものである。このリスト画像74は、第4ブロック64内の三つのラジオボタン64a~64c及びサブミットボタン64d(送信ボタン)の一覧であり、これらの操作可能な要素64a~64dをそれぞれ拡大して表示する四つの拡大要素74a~74dを含む。
 例えば、図4の第4ブロック64内に、次のようなラジオボタン64a~64c及びサブミットボタン64dの説明テキストが表示されているものとする。
「専用のプレシェーブを使っている」64a
「石けんや洗顔料で代用している」64b
「使っていない」64c
「投稿する」64d
 携帯端末10の表示部14のサイズは小さいので、第4ブロック64のサイズは小さく、ラジオボタンの説明テキストの文字も極小サイズで表示される。よって、ユーザはラジオボタンやサブミットボタンが存在することは視認できたとしても、何と表示されているのかまでは視認することは困難である。
 しかし、図6のリスト画像74では、第4ブロック64内の操作可能要素のみを一覧(リスト)にして表示しているので、ユーザは、スクロール操作や拡大操作をしなくても、ラジオボタンに対応した内容を把握することが可能である。
 次に、リスト画像(ポップアップ表示画面)を前記Webページ画像に合成した場合における携帯端末10でのカーソル位置とリスト画像の表示位置との関係について説明する。
 (第1実施例)
 図7は、携帯端末10でのボタン等の操作により、第3ブロック63にカーソル80を移動させた状態を示す。同図に示すように、本例では、第3ブロック63内にあるハイパーリンクの一覧リストを示すリスト画像73を、カーソル80の表示位置(即ち携帯端末10での指示位置)の近傍に、ポップアップで表示する。ユーザがリスト画像73を見ながら、ハイパーリンクの一覧リストの中から遷移させたいWebページを選択操作(例えばダブルクリック)すると、画像配信サーバ20は、選択操作に対応したハイパーリンクのWebページを取得し、それを画像化して生成された新しいWebページ画像を携帯端末10に送信する。
 図8は、携帯端末10でのボタン等の操作により、第4ブロック64にカーソル80を移動させた状態を示す。同図に示すように、本例では、第4ブロック64内にあるラジオボタン及びサブミットボタンなどの操作可能な要素の一覧リストを示すリスト画像74がポップアップで表示される。ユーザがリスト画像74を見ながら、操作可能な要素の一覧リストの中から所望の要素を選択操作(例えばラジオボタンをシングルクリックし更に「投稿する」をダブルクリック)すると、画像配信サーバ20は、選択操作に対応した内容(図8では「専用のプレシェーブを使っている」)を特定のWebサーバ30に送信する。
 なお、図7及び図8に示すように、本例の画像生成部24は、Webページ画像のうちリスト画像73、74が重なる領域の画像をリスト画像73、74に半透過で合成している。なお、半透過合成は、公知の技術を用いればよく、ここでは半透過合成の説明を省略する。このようにリスト画像にWebページ画像を半透過で合成することにより、リスト画像のサイズを大きく表示しつつ、リスト画像で覆われたWebページ画像もユーザが視認できるようにすることができる。
 (第2実施例)
 図9は、携帯端末10での操作により、第3ブロック63にカーソル80を移動させた状態を示す。以下では、第1実施例と異なる事項のみ説明する。同図に示すように、本例では、第3ブロック63内にあるハイパーリンクの一覧を示すリスト画像73を、カーソル80が表示されている第3ブロック63(即ち携帯端末10で指示されたブロック)の画像に重ならないように、表示する。即ち、画像生成部24は、リスト画像73が指示された第3ブロック63の画像に重ならないようにリスト画像73の表示位置を決定して、リスト画像73をWebページ画像60に合成する。よって、ユーザは、Webページ画像60の指定操作(例えばクリック操作)したブロック(例えば第3ブロック63)と同時に、そのブロックの操作可能な要素の一覧を示すリスト画像(例えば第3ブロック63のリスト画像73)を見ることができるので、更なる視認性の向上が見込まれる。
 その他の内容は第1実施例と同様であり、ここではその説明を省略する。
 以上、図1に示した携帯端末10の入力部13が表示部14とは別の位置に配置されたキー等によって構成され、携帯端末10でクリック操作を行う場合を例に説明したが、本発明はこのような場合に特に限定されない。
 携帯端末10の入力部13の全部又は一部をタッチセンサによって構成し、そのタッチセンサを表示部14の画面上に配置してもよい。即ち、携帯端末10がタッチパネルを有した端末であってもよい。画像配信サーバ20の通信部21は、Webページ画像上の携帯端末10でタッチ操作された位置を、指示位置として携帯端末10から受信する。
 本明細書における「操作可能な要素」は、前述の例には限定されず、Webページに含まれる各種の操作可能な要素が含まれる。また、本明細書における「操作」は、選択操作に特に限定されず、入力操作(例えばテキスト入力操作)、指示操作(例えば削除指示操作、送信指示操作)などの各種の操作が含まれる。
 本発明は、本明細書において説明した例や図面に図示された例には限定されず、本発明の要旨を逸脱しない範囲において、各種の設計変更や改良を行ってよいのはもちろんである。
 本明細書には、以下の発明が開示されている。
 発明1:画像表示可能な表示画面を有する携帯端末から、Webページの閲覧要求を受信する通信手段と、前記携帯端末から閲覧要求されたWebページを取得するWebページ取得手段と、前記Webページ取得手段によって取得されたWebページを解析する解析手段と、前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成する第1の画像生成手段と、前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分する区分手段と、前記第1の画像生成手段によって生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信して、前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信する制御を行う第1の通信制御手段と、前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するブロック判別手段と、前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成する第2の画像生成手段であって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成する第2の画像生成手段と、前記第2の画像生成手段によって生成された前記リスト画像を前記通信手段によって前記携帯端末に送信して、前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信する制御を行う第2の通信制御手段と、前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別する要素判別手段と、前記携帯端末で操作された要素に対応する処理を実行する実行制御手段と、を備えたWeb閲覧制御サーバ。
 発明2:前記ブロック判別手段は、前記指示位置を含むブロックがある場合には、前記指示位置を含むブロックを前記指示されたブロックとして判別し、前記指示位置を含むブロックが無い場合には、前記指示位置に最も近いブロックを検出して前記指示されたブロックと判別する発明1に記載のWeb閲覧制御サーバ。
 発明3:前記第2の画像生成手段は、前記リスト画像を前記Webページ画像に合成し、前記第2の通信制御手段は、前記リスト画像が合成された前記Webページ画像を前記携帯端末に送信する制御を行う発明1又は2に記載のWeb閲覧制御サーバ。
 発明4:前記第2の画像生成手段は、前記リスト画像が前記指示されたブロックの画像に重ならないように前記リスト画像の表示位置を決定して、前記リスト画像を前記Webページ画像に合成する発明3に記載のWeb閲覧制御サーバ。
 発明5:前記第2の画像生成手段は、前記Webページ画像のうち前記リスト画像が重なる領域の画像を前記リスト画像に半透過で合成する発明1から4のうちいずれか1項に記載のWeb閲覧制御サーバ。
 発明6:前記第2の画像生成手段は、前記Webページ画像の前記指定されたブロック内の操作可能な要素の文字を拡大して前記リスト画像を生成する発明1から5のうちいずれか1項に記載のWeb閲覧制御サーバ。
 発明7:前記第1の通信制御手段は、前記Webページ画像上の前記携帯端末でクリック操作された位置を前記指示位置として前記携帯端末から受信する発明1から6のうちいずれか1項に記載のWeb閲覧制御サーバ。
 発明8:前記携帯端末はタッチパネルを有した端末であり、前記第1の通信制御手段は、前記Webページ画像上の前記携帯端末でタッチ操作された位置を前記指示位置として前記携帯端末から受信する発明1からの6うちいずれか1項に記載のWeb閲覧制御サーバ。
 発明9:画像表示可能な表示画面を有する携帯端末と通信する通信手段を用いるWeb閲覧制御方法であって、演算装置が、前記通信手段によって前記携帯端末からWebページの閲覧要求を受信するステップと、前記携帯端末から閲覧要求されたWebページを取得するステップと、取得されたWebページを解析するステップと、前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成するステップと、前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分するステップと、生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信するステップと、前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信するステップと、前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するステップと、前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成するステップであって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成するステップと、生成された前記リスト画像を前記通信手段によって前記携帯端末に送信するステップと、前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信するステップと、前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別するステップと、前記携帯端末で操作された要素に対応する処理を実行するステップと、を備えたWeb閲覧制御方法。即ち、発明1に対応する方法発明。
 発明10~16:発明2~8発明にそれぞれ対応する方法発明。
 発明17~24:発明9~発明16にそれぞれ対応するプログラムの発明。
 発明25~32:発明17~発明24のいずれかのプログラムを記録した記録媒体。
 10:携帯端末、20:画像配信サーバ(Web閲覧制御サーバ)、21:通信部、22:DB、23:解析部、24:画像生成部、25:ブロック化部(区分手段)、29:制御部、30:Webサーバ、60:Webページ画像、61~68:ブロック、73、74:リスト画像

Claims (10)

  1.  画像表示可能な表示画面を有する携帯端末から、Webページの閲覧要求を受信する通信手段と、
     前記携帯端末から閲覧要求されたWebページを取得するWebページ取得手段と、
     前記Webページ取得手段によって取得されたWebページを解析する解析手段と、
     前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成する第1の画像生成手段と、
     前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分する区分手段と、
     前記第1の画像生成手段によって生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信して、前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信する制御を行う第1の通信制御手段と、
     前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するブロック判別手段と、
     前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成する第2の画像生成手段であって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成する第2の画像生成手段と、
     前記第2の画像生成手段によって生成された前記リスト画像を前記通信手段によって前記携帯端末に送信して、前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信する制御を行う第2の通信制御手段と、
     前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別する要素判別手段と、
     前記携帯端末で操作された要素に対応する処理を実行する実行制御手段と、
     を備えたWeb閲覧制御サーバ。
  2.  前記ブロック判別手段は、前記指示位置を含むブロックがある場合には、前記指示位置を含むブロックを前記指示されたブロックとして判別し、前記指示位置を含むブロックが無い場合には、前記指示位置に最も近いブロックを検出して前記指示されたブロックと判別する請求項1に記載のWeb閲覧制御サーバ。
  3.  前記第2の画像生成手段は、前記リスト画像を前記Webページ画像に合成し、
     前記第2の通信制御手段は、前記リスト画像が合成された前記Webページ画像を前記携帯端末に送信する制御を行う請求項1または2に記載のWeb閲覧制御サーバ。
  4.  前記第2の画像生成手段は、前記リスト画像が前記指示されたブロックの画像に重ならないように前記リスト画像の表示位置を決定して、前記リスト画像を前記Webページ画像に合成する請求項3に記載のWeb閲覧制御サーバ。
  5.  前記第2の画像生成手段は、前記Webページ画像のうち前記リスト画像が重なる領域の画像を前記リスト画像に半透過で合成する請求項1から4のうちいずれか1項に記載のWeb閲覧制御サーバ。
  6.  前記第2の画像生成手段は、前記Webページ画像の前記指定されたブロック内の操作可能な要素の文字を拡大して前記リスト画像を生成する請求項1から5のうちいずれか1項に記載のWeb閲覧制御サーバ。
  7.  前記第1の通信制御手段は、前記Webページ画像上の前記携帯端末でクリック操作された位置を前記指示位置として前記携帯端末から受信する請求項1から6のうちいずれか1項に記載のWeb閲覧制御サーバ。
  8.  前記携帯端末はタッチパネルを有した端末であり、
     前記第1の通信制御手段は、前記Webページ画像上の前記携帯端末でタッチ操作された位置を前記指示位置として前記携帯端末から受信する請求項1から6のうちいずれか1項に記載のWeb閲覧制御サーバ。
  9.  画像表示可能な表示画面を有する携帯端末と通信する通信手段を用いるWeb閲覧制御方法であって、演算装置が、
     前記通信手段によって前記携帯端末からWebページの閲覧要求を受信するステップと、
     前記携帯端末から閲覧要求されたWebページを取得するステップと、
     取得されたWebページを解析するステップと、
     前記Webページの解析結果に基づいて、前記取得されたWebページから前記携帯端末の表示画面に表示させるWebページ画像を生成するステップと、
     前記Webページの解析結果に基づいて、前記Webページ画像を複数のブロックに区分するステップと、
     生成された前記Webページ画像を前記通信手段によって前記携帯端末に送信するステップと、
     前記Webページ画像上の前記携帯端末で指示された指示位置を示す座標情報を前記通信手段によって前記携帯端末から受信するステップと、
     前記携帯端末から受信した前記座標情報に基づいて、前記Webページ画像の前記複数のブロックのうちで前記指示位置に対応するブロックを前記携帯端末で指示されたブロックとして判別するステップと、
     前記携帯端末で指示されたブロック内の操作可能な1つ以上の要素の一覧を示すリスト画像を前記Webページの解析結果に基づいて生成するステップであって、前記Webページ画像中の前記要素の部分を拡大して示すリスト画像を生成するステップと、
     生成された前記リスト画像を前記通信手段によって前記携帯端末に送信するステップと、
     前記リスト画像上の前記携帯端末で操作された要素を示す操作情報を前記通信手段によって前記携帯端末から受信するステップと、
     前記携帯端末から受信した前記操作情報に基づいて、前記一覧リスト内の要素のうちで前記携帯端末で操作された要素を判別するステップと、
     前記携帯端末で操作された要素に対応する処理を実行するステップと、
     を実行するWeb閲覧制御方法。
  10.  請求項9に記載のWeb閲覧制御方法を演算装置が実行するためのプログラムを記録したコンピュータ読み取り可能な記録媒体。
PCT/JP2012/061042 2011-05-25 2012-04-25 Web閲覧制御サーバ及びWeb閲覧制御方法 WO2012160931A1 (ja)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2011-117166 2011-05-25
JP2011117166A JP2012247853A (ja) 2011-05-25 2011-05-25 Web閲覧制御サーバ、Web閲覧制御方法及びプログラム

Publications (1)

Publication Number Publication Date
WO2012160931A1 true WO2012160931A1 (ja) 2012-11-29

Family

ID=47217014

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2012/061042 WO2012160931A1 (ja) 2011-05-25 2012-04-25 Web閲覧制御サーバ及びWeb閲覧制御方法

Country Status (2)

Country Link
JP (1) JP2012247853A (ja)
WO (1) WO2012160931A1 (ja)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015090656A (ja) * 2013-11-07 2015-05-11 株式会社三菱東京Ufj銀行 インターネットバンキングシステム及び不正アクセス遮断用中継装置
JP2017504899A (ja) * 2014-01-13 2017-02-09 エヌピーコア インコーポレイテッドNPCore,Inc. 移動端末機のハッキング防止システム及びその方法
JP2020107340A (ja) * 2019-12-26 2020-07-09 株式会社三菱Ufj銀行 インターネットバンキングシステム及び不正アクセス遮断用中継装置

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6442832B2 (ja) * 2013-03-15 2018-12-26 株式会社リコー 配信制御システム、配信システム、配信制御方法、及びプログラム

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003005632A (ja) * 2001-06-20 2003-01-08 Pasuko:Kk 地図・写真画像配信システム及びそのクライアントシステム
JP2004220260A (ja) * 2003-01-14 2004-08-05 Nec Access Technica Ltd ウェブページ閲覧システム及び画像配信サーバ
JP2006526229A (ja) * 2004-04-20 2006-11-16 イントロモバイル カンパニー リミテッド 移動通信端末装置のための待ち画面のリソース制御及び運用装置と方法
JP2010033339A (ja) * 2008-07-29 2010-02-12 Casio Comput Co Ltd サーバベース・コンピューティング・システムのサーバ装置、サーバ制御プログラム、および表示制御装置、表示制御プログラム

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003005632A (ja) * 2001-06-20 2003-01-08 Pasuko:Kk 地図・写真画像配信システム及びそのクライアントシステム
JP2004220260A (ja) * 2003-01-14 2004-08-05 Nec Access Technica Ltd ウェブページ閲覧システム及び画像配信サーバ
JP2006526229A (ja) * 2004-04-20 2006-11-16 イントロモバイル カンパニー リミテッド 移動通信端末装置のための待ち画面のリソース制御及び運用装置と方法
JP2010033339A (ja) * 2008-07-29 2010-02-12 Casio Comput Co Ltd サーバベース・コンピューティング・システムのサーバ装置、サーバ制御プログラム、および表示制御装置、表示制御プログラム

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015090656A (ja) * 2013-11-07 2015-05-11 株式会社三菱東京Ufj銀行 インターネットバンキングシステム及び不正アクセス遮断用中継装置
JP2017504899A (ja) * 2014-01-13 2017-02-09 エヌピーコア インコーポレイテッドNPCore,Inc. 移動端末機のハッキング防止システム及びその方法
JP2020107340A (ja) * 2019-12-26 2020-07-09 株式会社三菱Ufj銀行 インターネットバンキングシステム及び不正アクセス遮断用中継装置

Also Published As

Publication number Publication date
JP2012247853A (ja) 2012-12-13

Similar Documents

Publication Publication Date Title
RU2632144C1 (ru) Компьютерный способ создания интерфейса рекомендации контента
US7991646B2 (en) Systems and methods for marketplace listings using a camera enabled mobile device
US20140380229A1 (en) System, method and user interface for designing customizable products from a mobile device
US20120136892A1 (en) Book content distribution system and content server
KR20100048433A (ko) 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법
JP2002149299A (ja) 複数のウィンドウ画面が表示できるコンピュータ・システム
US20120036476A1 (en) Multidirectional expansion cursor and method for forming a multidirectional expansion cursor
JP2017084028A (ja) 情報処理装置およびプログラム
JP5752070B2 (ja) 関連情報表示システム、関連情報表示制御装置、端末装置、プログラム、及び関連情報表示方法
US20120179963A1 (en) Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display
WO2012160931A1 (ja) Web閲覧制御サーバ及びWeb閲覧制御方法
EP2476071B1 (en) Search method, apparatus, and system for providing preview information
JPWO2008013128A1 (ja) 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム
JP2010015228A (ja) 商品検索方法、プログラム、商品検索サーバ、及び商品検索システム
JP5710366B2 (ja) 広告表示システム、広告表示方法、広告生成装置及び広告表示プログラム
JP5039868B2 (ja) ウェブ管理装置、ウェブ管理方法、ウェブ管理プログラム、そのプログラムを記録するコンピュータ読み取り可能な記録媒体、及びウェブシステム
JP5710129B2 (ja) キーストローク作働の動的タスク
US8413062B1 (en) Method and system for accessing interface design elements via a wireframe mock-up
JP2017204311A (ja) 情報処理装置、帳票管理システム、帳票管理サーバ、情報処理方法、及びそのプログラム
CN113589983A (zh) 图形标识显示方法和电子设备
JP2011065439A (ja) 入力支援プログラム、端末及びWebシステム
JP7442772B2 (ja) 情報処理システム
KR102607377B1 (ko) 컨텐츠 추천 방법 및 사용자 단말
JP6723651B2 (ja) 表示制御プログラム、端末装置、表示方法、配信装置、配信方法および配信プログラム
JP2001318811A (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: 12789019

Country of ref document: EP

Kind code of ref document: A1

DPE1 Request for preliminary examination filed after expiration of 19th month from priority date (pct application filed from 20040101)
NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12789019

Country of ref document: EP

Kind code of ref document: A1