JP2010140303A - Information processing program and information processing method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To make data of a partial image segmented from a certain image have an excellent operability. <P>SOLUTION: An information processing method includes a step of displaying an image on the basis of first text data described in a markup language (step S1), a step of specifying a range designated by a user's operation to an input device on the image (step S2 and S3), and a step of generating second text data described in a markup language for displaying a partial image included in the range from the first text data (step S4). <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

  The present invention relates to an information processing program and an information processing method.

There is a technique for cutting out a part of an image and generating another image data (see, for example, Patent Documents 1 to 3). The image data generated at this time is raster data such as a bitmap.
JP 2003-274146 A JP 2008-193402 A JP 2003-228690 A

  Since the partial image data cut out by the above-described technique is raster image data, there is a problem that the data size becomes large and editing is difficult. For this reason, the operability of the data of the cut out partial image is not good.

  The present invention has been made in view of the above problems, and an object of the present invention is to obtain an information processing program and an information processing method that can improve the operability of partial image data.

  In order to solve the above problems, the present invention is configured as follows.

  An information processing program according to the present invention causes a computer to display an image based on first text data described in a markup language, and specifies a range designated by a user operation on an input device on the image. And a step of generating, from the first text data, second text data described in a markup language for displaying a partial image included in the range.

  Thereby, since the partial image data is generated as text data described in a markup language, the data size is small, the editing is easy, and the partial image data has good operability. it can.

  In addition to the above information processing program, the information processing program according to the present invention may be as follows. In this case, the second text data includes the same element as the element describing the partial image included in the range in the first text data.

  An information processing program according to the present invention may be as follows in addition to any of the above information processing programs. In this case, the second text data includes the same start tag and end tag as the start tag and end tag of the parent element of the element in the first text data, respectively.

  As a result, the format applied by the parent element in the first text data is reflected in the second text data, so that the appearance of the partial image by the second text data does not need to be lost.

  An information processing program according to the present invention may be as follows in addition to any of the above information processing programs. In this case, the range is specified based on the text designated by the user operation on the input device in the image.

  An information processing program according to the present invention may be as follows in addition to any of the above information processing programs. In this case, the second text data includes the same start tag and end tag of the element including the text designated by the user operation in the first text data, respectively, and the start tag and the end tag of the parent element of the element. The same start tag and end tag as the end tag are included.

  Thereby, the user can designate a partial image by designating a part of the text in the image.

  An information processing program according to the present invention may be as follows in addition to any of the above information processing programs. In this case, when the first text data includes a CSS (Cascading Style Sheets) description, the same CSS description is included in the second text data.

  As a result, the format applied in the first text data is reflected in the second text data, so that the appearance of the partial image by the second text data does not collapse.

  An information processing program according to the present invention may be as follows in addition to any of the above information processing programs. In this case, the computer is further caused to execute a step of generating print data based on the second text data and a step of outputting the print data.

  Thereby, since only a partial image is printed, the consumption of printing paper can be reduced.

  An information processing method according to the present invention includes a step of displaying an image based on first text data described in a markup language, a step of specifying a range designated by a user operation on the input device on the image, Generating second text data described in a markup language for displaying a partial image included in the range from the first text data.

  Thereby, since the partial image data is generated as text data described in a markup language, the data size is small, the editing is easy, and the partial image data has good operability. it can.

  According to the present invention, it is possible to make the extracted partial image data favorable in operability.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings.

  FIG. 1 is a block diagram showing a configuration of an electronic device incorporating an information processing program according to an embodiment of the present invention.

  In FIG. 1, a computer 1 is a device that executes a program to perform computation and / or control. The storage device 2 is a device that stores programs and data. As the storage device 2, a hard disk drive, a non-volatile semiconductor memory, or the like is used. In this embodiment, the storage device 2 stores a program 11 and document data 12 according to the embodiment of the present invention.

  The program 11 is a computer program for realizing various processing units by being executed by the computer 1.

  The document data 12 is text data described in a markup language such as XML (Extensible Markup Language) or HTML (Hypertext Markup Language). An image is displayed on the display device 3 based on the document data 12. For example, when the document data 12 is described in HTML, a web browser program (not shown) is executed on the computer 1 and a page image based on the document data 12 is displayed on the display device 3.

  The display device 3 is a device that displays an image. For example, a liquid crystal display is used as the display device 3. The input device 4 is a device that detects a user operation and outputs a signal corresponding to the operation. As the input device 4, for example, a keyboard, a mouse, a touch panel, or the like is used. The communication device 5 is connected to a communication network such as a computer network and communicates with other devices in the communication network. The communication device 5 may be a peripheral device interface such as a USB (Universal Serial Bus).

  FIG. 2 is a block diagram showing a configuration of the computer 1 in FIG.

  The computer 1 includes a CPU (Central Processing Unit) 21, a ROM (Read Only Memory) 22, a RAM (Random Access Memory) 23, and an interface 24. The CPU 21, ROM 22, RAM 23, and interface 24 are connected to each other by a bus, a controller, and the like so that data communication can be performed.

  The CPU 21 is an arithmetic processing unit that executes a program and executes processing described in the program. The ROM 22 is a non-volatile memory that stores programs and data in advance. The RAM 23 is a memory that temporarily stores the program and data when the program is executed. The interface 24 is a device that is connected to the storage device 2, the display device 3, the input device 4, and the communication device 5 and performs data communication with these devices.

  In this embodiment, a web browser program (not shown) is executed by the CPU 21, whereby the image display unit 31 is realized, and the program 11 is executed by the CPU 21, so that the designation detection unit 32, the range determination unit 33, A data generation unit 34 and an output request unit 35 are realized.

  The image display unit 31 is a processing unit that interprets the document data 12 and causes the display device 3 to display an image based on the document data 12.

  The designation detection unit 32 is a processing unit that detects designation of a range of a partial image by a user operation on the input device 4 based on a signal from the input device 4.

  The range determination unit 33 is a processing unit that identifies a portion corresponding to the designated partial image in the document data 12 based on the designation of the range of the partial image by the user.

  The data generation unit 34 is a processing unit that generates document data for displaying the partial image from the document data 12. The document data is generated as text data described in a markup language.

  The output request unit 35 transmits a request for outputting the document data generated by the data generation unit 34 or an image based on the document data to another program (e-mail program, printer driver, etc.) or another device. It is a processing unit.

  Next, processing of the computer 1 based on the program 11 will be described. FIG. 3 is a flowchart for explaining processing of the computer 1 based on the program 11 in FIG.

  First, the image display unit 31 reads the document data 12 from the storage device 2, interprets the document data 12, and causes the display device 3 to display an image based on the document data 12 (step S1). FIG. 4 is a diagram showing an example of an image displayed based on the document data 12 in FIG. An image 101 shown in FIG. 4 includes text, a horizontal bar, a table 111, and the like.

  After displaying the image, the user operates the input device 4 to specify the range of the partial image. The designation detection unit 32 acquires user operation information for the input device 4 (step S2). The range determination unit 33 specifies a range specified by a user operation on the input device 4 on the image based on the document data 12, and specifies a portion corresponding to the range in the document data 12 (step S3).

  FIG. 5 is a diagram showing an example of designation of a partial image in the image 101 shown in FIG. In the example illustrated in FIG. 5, when the user operates the input device 4 to determine the selection frame 121, the designation detection unit 32 and the range determination unit 33 specify a script describing the table 111 as a portion corresponding to the partial image. Is done. For example, the selection frame 121 is formed by pressing the touch panel of the input device 4 so that the user surrounds a desired range. FIG. 6 is a diagram illustrating an example of coordinate detection in the designation of a partial image in the image illustrated in FIG. When the selection frame 121 is determined by the user, as shown in FIG. 6, in the image 101 of one page, the top and bottom of the selection frame 121 are specified, and the coordinate values in the vertical direction of the top and bottom are specified. And the elements included in the uppermost part to the lowermost part (elements within a broken line in FIG. 6) may be selected.

  FIG. 7 is a diagram showing another example of designation of partial images in the image shown in FIG. In the example illustrated in FIG. 7, a rectangular selection frame 131 is first displayed. When the user operates the input device 4 to change the position and size of the selection frame 131 and confirm the selection frame 131, the designation detection unit 32 and the range are displayed. The determination unit 33 sets the inside of the selection frame 131 as the range of the partial image. Even in the case illustrated in FIG. 7, the script of the table 111 in the document data 12 is specified as a portion corresponding to the partial image.

  FIG. 8 is a diagram showing another example of designation of partial images in the image shown in FIG. In the example illustrated in FIG. 8, for example, the user operates the mouse of the input device 4 and designates a part of text in the image 101 with a cursor 141 using a GUI (Graphic User Interface). The designation detection unit 32 detects the designated text, and the range determination unit 33 starts the tag in the document data 12 and the element including the text (or the element and the parent element including the element). And the end tag is searched, and these are set as the part corresponding to the partial image. In the example illustrated in FIG. 8, the text corresponding to the third and fourth lines of the display 111, the element including the text, and the start tag and the end tag of the parent element are specified as the part corresponding to the partial image. The

  Then, the data generation unit 34 generates document data for displaying the partial image included in the range designated by the user from the document data 12 (step S4). At this time, the data generation unit 34 specifies all or one or more elements (for example, HTML elements) included in a part of the document data 12 corresponding to the range, and includes them in newly generated document data. When only a part of text in the element is designated by the user operation, the start tag of the element, the text, and the end tag of the element are included in the new document data corresponding to the element. In addition, in the document data 12, when the specified element has a parent element in the document data 12, the data generation unit 34 starts and ends tags constituting the parent element even if the whole parent element is not specified. And the tags are included in the newly generated document data so as to have the same parent-child relationship.

  When new document data is generated, the image display unit 31 causes the display device 3 to display an image based on the new document data (step S5). FIG. 9 is a diagram showing an example of an image displayed based on new document data when a partial image is designated as shown in any of FIGS. As shown in FIG. 9, a one-page image 201 including only the table 111 designated as the partial image is displayed.

  Thereafter, when a predetermined user operation is detected by the input device 4, the output request unit 35 makes an output request for new document data (step S6). Thereby, for example, a partial image can be printed instead of the image of the document data 12 or transmitted by e-mail. In the case of printing a partial image, print data is generated from the document data by the printer driver, the print data and a print request are transmitted to a printer (not shown) via the communication device 5, and the partial image is printed. When new document data is transmitted by e-mail, an e-mail attached with the document data is generated by the e-mail client, and the e-mail is transmitted to a mail server (not shown) via the communication device 5. Is done.

  Here, the generation of new document data in step S4 will be specifically described.

  FIG. 10 is a diagram showing a specific example of generation of new document data in step S4 of FIG. An image based on the document data 12 shown in FIG. 10A is displayed as shown in FIG. Then, as shown in FIG. 10B, when two lines of text “DDD” and “EEE” are designated by the selection frame, new document data shown in FIG. 10C is generated. The document data shown in FIG. 10C includes text “DDD” and “EEE”, and a start tag <center> and an end tag </ center> of the center element including the text. When the text extends over two lines, a line feed tag <br> between the texts is also included in the document data. In FIGS. 10A and 10C, the elements higher than the center element are not shown, but when there is an upper element, the start tag and the end tag of the element are the same. Included in

  FIG. 11 is a diagram showing another specific example of generation of new document data in step S4 of FIG. An image based on the document data 12 shown in FIG. 11A is displayed as shown in FIG. Then, as shown in FIG. 11B, when two rows of the table are designated by text selection, new document data shown in FIG. 11C is generated. The document data shown in FIG. 11C includes a script of a table composed of two selected rows. That is, the selected text “A”, “B”, “C”, “10”, “11”, “12”, the td element including the text, the tr element that is the parent element of the td element, and the tr element A start tag and an end tag are included for the tbody element and the table element that are the parent elements of the tbody element, respectively. At this time, the parent-child relationship of the elements is maintained. In FIGS. 11 (A) and 11 (C), the elements higher than the table element are not shown. However, when there is an element higher than the table element, the start tag and the end tag of the element are also displayed. Included as well.

  As described above, according to the above embodiment, an image is displayed based on the document data 12 described in the markup language, and a range designated by a user operation on the input device 4 is specified on the image, New document data described in a markup language for displaying a partial image included in the range is generated from the document data 12.

  Thereby, since the partial image data is generated as text data described in a markup language, the data size is small, the editing is easy, and the partial image data has good operability. it can. Further, by printing a partial image by this processing, it is possible to reduce the consumption of printing paper.

  The above-described embodiments are preferred examples of the present invention, but the present invention is not limited to these, and various modifications and changes can be made without departing from the scope of the present invention. is there.

  For example, the above-described embodiment can be applied to an image forming apparatus such as a multifunction peripheral, a printing apparatus, and a facsimile apparatus. In that case, the display device 3 and the input device 4 are realized as an operation panel installed in the casing. In this case, the image forming apparatus has a built-in printer, and a print request and print data are supplied from the computer 1 to the built-in printer, and partial image printing is executed.

  In addition, when the document data 12 includes descriptions of internal CSS and / or external CSS, the data generation unit 34 may include the same description in newly generated document data.

  The program 11 may be stored in a portable recording medium such as a compact disk in addition to a hard disk drive. In that case, a drive device for a portable recording medium is provided, and the program 11 is read by the drive device and supplied to the computer 1.

  The present invention is applicable to, for example, a printer driver.

It is a block diagram which shows the structure of the electronic device which incorporates the information processing program which concerns on embodiment of this invention. It is a block diagram which shows the structure of the computer in FIG. It is a flowchart explaining the process of the computer based on the program in FIG. It is a figure which shows an example of the image displayed based on the document data in FIG. It is a figure which shows an example of designation | designated of the partial image in the image shown in FIG. It is a figure which shows an example of the coordinate detection in designation | designated of the partial image in the image shown in FIG. It is a figure which shows the other example of designation | designated of the partial image in the image shown in FIG. It is a figure which shows the other example of designation | designated of the partial image in the image shown in FIG. It is a figure which shows an example of the image displayed based on new document data when a partial image is designated as shown in any of FIGS. It is a figure which shows the specific example of the production | generation of the new document data in step S4 of FIG. It is a figure which shows another specific example of the production | generation of the new document data in step S4 of FIG.

Explanation of symbols

1 Computer 4 Input Device 11 Program (Example of Information Processing Program)
12 Document data (example of first text data)

Claims (8)

On the computer,
Displaying an image based on first text data described in a markup language;
Specifying a range designated by a user operation on the input device on the image;
Generating, from the first text data, second text data described in a markup language for displaying a partial image included in the range;
Information processing program that executes   The information processing program according to claim 1, wherein the second text data includes the same element as the element describing the partial image included in the range in the first text data.   3. The information processing program according to claim 2, wherein the second text data includes a start tag and an end tag that are the same as a start tag and an end tag of a parent element of the element in the first text data, respectively.   The information processing program according to claim 1, wherein the range is specified based on a text designated by a user operation on the input device in the image.   The second text data is the same as the start tag and end tag of the element including the text in the first text data, respectively, and the same start tag and end tag of the parent element of the element. The information processing program according to claim 4, further comprising: a start tag and an end tag.   The CSS description (Cascading Style Sheets) is included in the first text data, and the same CSS description is included in the second text data. 1. An information processing program according to item 1. In the computer,
Generating print data based on the second text data;
Outputting the print data;
The information processing program according to claim 1, wherein the information processing program is executed. Displaying an image based on first text data described in a markup language;
Specifying a range designated by a user operation on the input device on the image;
Generating, from the first text data, second text data described in a markup language for displaying a partial image included in the range;
An information processing method comprising:

Images