JP2009087236A - Information processor and program for information processor - Google Patents
Information processor and program for information processor Download PDFInfo
- Publication number
- JP2009087236A JP2009087236A JP2007258919A JP2007258919A JP2009087236A JP 2009087236 A JP2009087236 A JP 2009087236A JP 2007258919 A JP2007258919 A JP 2007258919A JP 2007258919 A JP2007258919 A JP 2007258919A JP 2009087236 A JP2009087236 A JP 2009087236A
- Authority
- JP
- Japan
- Prior art keywords
- link
- thumbnail
- data
- image
- output
- Prior art date
- Legal status (The legal status 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 status listed.)
- Granted
Links
Images
Abstract
Description
本発明は,文書内に他の文書や画像などの位置情報(リンク情報)が埋め込まれた文書画像を出力する情報処理装置および情報処理装置のプログラムに関する。さらに詳細には,リンク先の文書などをリンク元の文書とともに出力する情報処理装置および情報処理装置のプログラムに関するものである。 The present invention relates to an information processing apparatus that outputs a document image in which position information (link information) such as another document or image is embedded in a document, and a program for the information processing apparatus. More specifically, the present invention relates to an information processing apparatus that outputs a link destination document and the like together with a link source document, and a program for the information processing apparatus.
Webページに代表されるようなHTML(Hyper Text Markup Language)ファイルを印刷する際,そのHTMLファイルには他の文書や画像などの位置情報(リンク情報)が埋め込まれているものが多い。通常,リンク先の文書等は,リンクがある場所(以下,「リンク部」とする)をクリックし,画面を切り替えないと確認することができない。特に,リンク情報が埋め込まれた文書を印刷する際,印刷物としてはリンク先の情報を確認することはできない。 When an HTML (Hyper Text Markup Language) file represented by a Web page is printed, the HTML file often includes position information (link information) such as other documents and images. Normally, a linked document or the like cannot be confirmed without clicking on the place where the link is located (hereinafter referred to as “link part”) and switching the screen. In particular, when printing a document in which link information is embedded, the link destination information cannot be confirmed as a printed matter.
そこで,リンク先の文書等を表示する方法としては,ブラウザ等によって画面表示する前に,リンク先のサムネイル画像を作成し,そのサムネイル画像をリンク元の文書とともに画面に表示する技術が提案されている(例えば,特許文献1)。このようにリンク先のサムネイル画像をリンク元の文書に埋め込むことで,リンク先の文書等を表示した状態での印刷物を得ることができる。
しかしながら,特許文献1のように,リンク先のサムネイル画像をリンク元の文書に埋め込む方法では,次のような問題があった。すなわち,サムネイル画像をリンク元の文書に埋め込むには,リンク元のHTMLファイルを加工する作業が必要になる。つまり,リンク元のHTMLファイルを解析し,サムネイル画像の表示位置を算出し,HTMLファイルを書き換えるあるいは新たなHTMLファイルを作成することになる。そのため,ブラウザに表示することになるHTMLファイルを得るのに手間がかかる。
However, the method of embedding a linked thumbnail image in a link source document as in
本発明は,前記した従来の技術が有する問題点を解決するためになされたものである。すなわちその課題とするところは,リンク元のファイルを変更することなく,リンク元の文書とリンク先の文書との関連性が確認し易い画像出力を行う情報処理装置および情報処理装置のプログラムを提供することにある。 The present invention has been made to solve the above-described problems of the prior art. In other words, the subject is to provide an information processing apparatus and an information processing apparatus program that perform image output that makes it easy to confirm the relationship between the link source document and the link destination document without changing the link source file. There is to do.
この課題の解決を目的としてなされた情報処理装置は,リンク情報が埋め込まれたデータであるリンク元データを取得し,当該リンク元データ中のリンク部を抽出するリンク抽出手段と,リンク部のリンク先のデータであるリンク先データを取得し,当該リンク先データのサムネイル画像を作成するサムネイル作成手段と,画像出力領域として,リンク元データを出力するデータ出力領域とサムネイル画像を出力するサムネイル出力領域とを設け,当該データ出力領域内に出力されているリンク部に対応するサムネイル画像を当該サムネイル出力領域内に配置する出力手段とを備えることを特徴としている。 An information processing apparatus for solving this problem obtains link source data, which is data in which link information is embedded, and extracts a link part in the link source data, and a link of the link part Thumbnail creation means for acquiring link destination data, which is the destination data, and creating a thumbnail image of the link destination data, and a data output area for outputting the link source data and a thumbnail output area for outputting the thumbnail image as the image output area And an output means for arranging a thumbnail image corresponding to the link portion output in the data output area in the thumbnail output area.
本発明の情報処理装置は,リンク情報が埋め込まれたデータ(HTMLファイル等)を画像出力するものである。画像出力としては,表示装置への表示出力や印刷装置への印刷出力がある。また,本発明の情報処理装置では,画像出力領域として,リンク元データを出力するデータ出力領域の他,サムネイル画像を出力するサムネイル出力領域が設けられている。 The information processing apparatus according to the present invention outputs data (HTML file or the like) in which link information is embedded as an image. Image output includes display output to a display device and print output to a printing device. In the information processing apparatus of the present invention, a thumbnail output area for outputting thumbnail images is provided in addition to a data output area for outputting link source data as an image output area.
そして,本発明の情報処理装置では,リンク抽出手段によってリンク元データ中のリンク部を抽出し,サムネイル作成手段によって各リンク部のリンク先データを取得し,当該リンク先データのサムネイル画像を作成する。さらに,情報処理装置の出力手段は,データ出力領域内に出力されているリンク部を抽出し,そのリンク部に対応するサムネイル画像を当該サムネイル出力領域内に配置する。 In the information processing apparatus of the present invention, the link extraction means extracts the link portion in the link source data, the thumbnail creation means acquires the link destination data of each link portion, and creates the thumbnail image of the link destination data. . Further, the output unit of the information processing apparatus extracts the link portion output in the data output area, and arranges a thumbnail image corresponding to the link portion in the thumbnail output area.
すなわち,本発明の情報処理装置では,出力画像として,リンク元データとリンク部のリンク先のサムネイル画像とが1つの画像出力領域内に出力される。そのため,リンク元の文書とリンク先の文書との関連性が確認し易い。また,サムネイル画像は,出力手段が設けたサムネイル出力領域内に配置する。つまり,サムネイルを表示するにあたって,リンク元データの加工を必要としない。 That is, in the information processing apparatus of the present invention, the link source data and the link destination thumbnail image of the link portion are output as one output image within one image output area. Therefore, it is easy to confirm the relationship between the link source document and the link destination document. The thumbnail image is arranged in a thumbnail output area provided by the output means. That is, when displaying thumbnails, it is not necessary to process the link source data.
また,本発明の情報処理装置は,リンク元データを展開し,当該リンク元データの全体画像であるプレビュー画像を作成するプレビュー作成手段と,リンク元データに含まれる各リンク部のプレビュー画像における位置と,各リンク部に対応するサムネイルとを取得し,両者を対応付けて記憶する記憶手段と,リンク元データのデータ出力領域に出力されている部分の,プレビュー画像における範囲を算出する範囲算出手段とを備え,出力手段は,範囲算出手段から得られる範囲情報を基に,記憶手段からサムネイル画像を抽出することを特徴としている。 In addition, the information processing apparatus of the present invention expands link source data, creates a preview image that is an entire image of the link source data, and positions of the link portions included in the link source data in the preview image And a storage means for acquiring the thumbnails corresponding to each link part and storing them in association with each other, and a range calculation means for calculating the range in the preview image of the portion output to the data output area of the link source data And the output means extracts the thumbnail image from the storage means based on the range information obtained from the range calculation means.
すなわち,本発明の情報処理装置では,リンク元データに含まれる各リンク部の位置とサムネイルとを対応付けて記憶手段に記憶する。そして,出力手段は,サムネイル出力領域を更新する際には,範囲算出手段から得られる範囲を基に,記憶手段からサムネイル画像を抽出する。これにより,リンク元の文書とリンク先の文書との関連性を確認し易い状態で,出力画像として,リンク元データとリンク部のリンク先のサムネイル画像とを1つの画像出力領域内に出力することができる。 That is, in the information processing apparatus of the present invention, the position of each link unit included in the link source data and the thumbnail are associated with each other and stored in the storage unit. Then, when updating the thumbnail output area, the output unit extracts the thumbnail image from the storage unit based on the range obtained from the range calculation unit. As a result, the link source data and the link destination thumbnail image of the link part are output in one image output area as an output image in a state in which the relevance between the link source document and the link destination document can be easily confirmed. be able to.
また,本発明の情報処理装置の画像出力領域は,表示装置に対する表示領域であり,出力手段は,データ出力領域の表示内容がスクロールされると,サムネイル出力領域に配置されるサムネイル画像を自動的に更新することを特徴としている。 Further, the image output area of the information processing apparatus of the present invention is a display area for the display device, and the output means automatically displays the thumbnail image arranged in the thumbnail output area when the display content of the data output area is scrolled. It is characterized by updating.
すなわち,データ出力領域の表示内容がスクロールされる際,サムネイル出力領域に配置されるサムネイル画像をデータ出力領域の表示内容の変更に追従して更新する。これにより,現在表示されているデータ出力領域の表示内容に関連するサムネイル画像を常に表示することになり,リンク元の文書とリンク先の文書との関連性を正確に確認できる。 That is, when the display contents in the data output area are scrolled, the thumbnail images arranged in the thumbnail output area are updated following the change in the display contents in the data output area. Thereby, a thumbnail image related to the display contents of the currently displayed data output area is always displayed, and the relevance between the link source document and the link destination document can be confirmed accurately.
また,本発明の情報処理装置の画像出力領域は,画像出力領域は,印刷装置に対する印刷領域であり,出力手段は,印刷パラメータに応じて,データ出力領域とサムネイル領域とを構成することを特徴としている。 The image output area of the information processing apparatus according to the present invention is characterized in that the image output area is a print area for the printing apparatus, and the output means configures a data output area and a thumbnail area according to the print parameters. It is said.
すなわち,印刷出力を行う際には,印刷パラメータを基に画像出力領域を構成する。印刷パラメータとしては,用紙サイズや余白サイズが該当する。これにより,データ出力領域とサムネイル領域とが適切なサイズで構成される。そして,リンク元の文書とサムネイルとが1つの用紙に印刷され,リンク先の情報を印刷物から確認することができる。さらに,同一用紙上であることから,リンク元の文書とリンク先の文書との関連性の確認が容易である。 That is, when performing print output, an image output area is configured based on the print parameters. Printing parameters include paper size and margin size. Thus, the data output area and the thumbnail area are configured with appropriate sizes. Then, the link source document and the thumbnail are printed on one sheet, and the link destination information can be confirmed from the printed matter. Furthermore, since they are on the same sheet, it is easy to check the relationship between the link source document and the link destination document.
また,本発明は,情報処理装置を,リンク情報が埋め込まれたデータであるリンク元データを取得し,当該リンク元データ中のリンク部を抽出するリンク抽出手段と,リンク部のリンク先のデータであるリンク先データを取得し,当該リンク先データのサムネイル画像を作成するサムネイル作成手段と,画像出力領域として,リンク元データを出力するデータ出力領域とサムネイル画像を出力するサムネイル出力領域とを設け,当該データ出力領域内に出力されているリンク部に対応するサムネイル画像を当該サムネイル出力領域内に配置する出力手段として動作させることを特徴とする情報処理装置のプログラムを含んでいる。 In the present invention, the information processing apparatus acquires link source data that is data in which link information is embedded, and extracts link portions in the link source data, and link destination data of the link portions. Are provided with a thumbnail creation means for obtaining the link destination data and creating a thumbnail image of the link destination data, and a data output area for outputting the link source data and a thumbnail output area for outputting the thumbnail image as the image output area. , A program for an information processing apparatus is provided that operates as an output unit that arranges a thumbnail image corresponding to a link portion output in the data output area in the thumbnail output area.
また,上記の情報処理のプログラムは,リンク元データを展開し,当該リンク元データの全体画像であるプレビュー画像を作成するプレビュー作成手段と,リンク元データに含まれる各リンク部のプレビュー画像における位置と,各リンク部に対応するサムネイルとを取得し,両者を対応付けて記憶する記憶手段と,リンク元データのデータ記憶領域に出力されている部分の,プレビュー画像における範囲を算出する範囲算出手段として動作させるとともに,出力手段が,範囲算出手段から得られる範囲情報を基に,記憶手段からサムネイル画像を抽出するように動作させることを特徴としている。 In addition, the above information processing program expands link source data, creates a preview image that is an entire image of the link source data, and positions of the link portions included in the link source data in the preview image. And a storage means for acquiring the thumbnails corresponding to each link part and storing them in association with each other, and a range calculation means for calculating the range in the preview image of the portion output to the data storage area of the link source data And the output unit operates to extract a thumbnail image from the storage unit based on the range information obtained from the range calculation unit.
本発明によれば,リンク元のファイルを変更することなく,リンク元の文書とリンク先の文書との関連性が確認し易い画像処理出力を行う情報処理装置および情報処理装置のプログラムが実現している。 According to the present invention, there is realized an information processing apparatus and an information processing apparatus that perform image processing output that makes it easy to confirm the relationship between a link source document and a link destination document without changing the link source file. ing.
以下,本発明にかかる情報処理装置を具体化した実施の形態について,添付図面を参照しつつ詳細に説明する。本形態は,HTML文書の表示を行うアプリケーション(ブラウザ)がインストールされたパーソナルコンピュータ(以下,単に「PC」とする)に本発明を適用したものである。 DESCRIPTION OF THE PREFERRED EMBODIMENTS Embodiments of an information processing apparatus according to the present invention will be described below in detail with reference to the accompanying drawings. In this embodiment, the present invention is applied to a personal computer (hereinafter simply referred to as “PC”) in which an application (browser) for displaying an HTML document is installed.
[プリントシステムの構成]
本形態のプリントシステム100は,図1に示すように,情報処理装置としてのPC1と,画像形成装置としてのプリンタ2とを備えている。プリントシステム100では,PC1とプリンタ2とがUSBケーブルを介して接続されている。なお,プリントシステム100を構成するプリンタおよびPCは各1台に限るものではなく,それぞれ複数台接続してもよい。また,PC1とプリンタ2との接続は,USBケーブルに限らず,その他のシリアル通信ケーブル,パラレル通信ケーブル,有線LANケーブル,さらには無線LAN等の無線通信経路とすることも可能である。
[Print system configuration]
As shown in FIG. 1, the
PC1は,各種処理を実行するCPU11と,当該PC1の起動時にCPU11が行う起動処理のプログラム(BIOS)等を記憶したROM12と,CPU11が各種処理を行う際に一時的な記憶領域として利用されるRAM13と,各種のプログラムやデータを記憶したハードディスクドライブ(HDD)14とを有している。
The PC 1 is used as a temporary storage area when the
また,PC1は,キーボードやマウス等からなる操作部15と,液晶ディスプレイ等からなる表示部16と,プリンタ2との間で信号のやりとりを行うプリンタポートインターフェース17(本形態では,USBインターフェース等)と,LAN,インターネット等のネットワークを介して信号のやりとりを行うネットワークインターフェース18とを有している。
The PC 1 also has a printer port interface 17 (in this embodiment, a USB interface, etc.) for exchanging signals with the operation unit 15 such as a keyboard and a mouse, a display unit 16 including a liquid crystal display, and the
さらに,PC1のHDD14には,オペレーティングシステム(OS)や,Webページの閲覧が可能なブラウザや,その他の各種アプリケーション(例えば,文書作成ソフト,作図ソフト,表計算ソフト,写真データ編集ソフト等)や,プリンタ2に印刷データを送信するプリンタドライバが記憶されている。
Further, the
このような構成であるプリンタ2およびPC1を備える本形態のプリントシステム100では,ユーザがPC1を操作し,PC1に組み込まれたブラウザを利用してWebページを表示し,閲覧することが可能である。そして,ユーザの指示に従って,ブラウザを介してWebページの印刷データをプリンタ2に送信し,プリンタ2によって画像を印刷することが可能である。
In the
[ブラウザの構成]
続いて,PC1に組み込まれているブラウザ4について説明する。本形態のブラウザ4は,インターネット等を介してHTMLファイルを取得し,そのHTMLファイルに示されたWebコンテンツを表示部16に表示する。
[Browser configuration]
Next, the
そして,ブラウザ4の表示領域40には,図2に示すように,Webコンテンツを表示するコンテンツ表示領域40cと,サムネイル画像を表示するためのサムネイル表示領域40sとが設けられている。また,Webコンテンツの表示内容に応じて,右端ないし下端にスクロールバー(不図示)が表示され,ユーザがスクロールバーを操作することでコンテンツ表示領域40cの表示内容がスクロールされる。
The
また,ブラウザ4は,図3に示すように,HTML取得部41と,HTML表示部42と,表示プレビュー作成部43と,リンク座標取得部44と,リンク先情報取得部45と,サムネイル加工部46と,サムネイル情報保持部47と,表示画面算出部48と,サムネイル表示部49とを有している。
As shown in FIG. 3, the
HTML取得部41は,指定されたインターネットアドレスにアクセスし,アクセス先のWebサーバからHTMLファイルを取得する機能を有している。HTML表示部42は,HTMLファイルを解析し,そのHTMLファイルに示されたWebコンテンツの表示を表示部16に指示する機能を有している。なお,Webコンテンツは,図2に示したように,ブラウザ4の表示領域40のうちの,コンテンツ表示領域40cに表示される。
The
表示プレビュー作成部43は,HTMLファイルを内部的に展開し,表示プレビューを作成する機能を有している。HTMLファイルは,HTML取得部41から取得する。すなわち,表示プレビュー作成部43では,HTMLで記述された文書全体をメモリに展開する。表示プレビュー作成の際には,ブラウザ4のコンテンツ表示領域40cのサイズが参照される。
The display
リンク座標取得部44は,表示プレビュー中のリンク部を抽出し,そのリンク部の表示プレビュー中における位置座標を取得する機能を有している。本形態では,図4に示すように,HTML文書の表示プレビューPBの全体長を100%として,各リンク部L1〜L7が何%の位置に配置されているのかを算出する。また,表示プレビューPBの全体幅を100%として,各リンク部L1〜L7が何%の位置に配置されているのかを算出する。
The link coordinate
リンク先情報取得部45は,リンク部のリンク先のアドレスを取得し,そのリンク先のアドレスにアクセスしてリンク先のデータ(HTMLファイルや画像データ)を取得する機能を有している。サムネイル加工部46は,リンク先のデータのイメージファイルを作成し,さらにそのイメージファイルを縮小圧縮してサムネイル画像を作成する機能を有している。
The link destination
サムネイル情報取得部47は,サムネイル画像の情報をサムネイルテーブルとして保持する機能を有している。本形態のサムネールテーブルでは,図5に示すように,リンク部ごとに,任意に付与されるリンク名,表示プレビュー中の位置座標,サムネイル画像のデータが記憶される。例えば,図5に示したサムネイルテーブルでは,リンク名を“Link1”としたリンク部が,表示プレビューの横方向10%,縦方向20%の位置にあり,ファイル名を“Thumbnail1”とするサムネイル画像データを有しているという情報が1つめのレコードとして記憶されている。なお,位置座標は,リンク座標取得部44によって書き込まれ,サムネイル画像は,サムネイル加工部46によって書き込まれる。
The thumbnail
表示画面算出部48は,ブラウザ4のコンテンツ表示領域40cのサイズおよびスクロールの位置情報を取得する機能を有している。さらに,コンテンツ表示領域40cのサイズとスクロールの位置とを基に,現在のコンテンツ表示領域40cに表示している部分がHTML文書全体(表示プレビュー全体)のどの範囲を参照しているのかを算出する機能を有している。
The display
表示範囲は,図4に示したように,表示プレビューPBの全体長を100%として,表示範囲DPが何%の位置から何%の位置までの位置であるのかを算出する。また,表示プレビューPBの全体幅を100%として,表示範囲DPが何%の位置から何%の位置までの位置であるのかを算出する。 As shown in FIG. 4, the display range is calculated from what% position to what position the display range DP is based on the total length of the display preview PB as 100%. In addition, assuming that the entire width of the display preview PB is 100%, the display range DP is calculated from what position to what position.
サムネイル表示部49は,コンテンツ表示領域40cの範囲を基に,コンテンツ表示領域40cに表示されているリンク部を抽出し,そのリンク部に対応付けられたサムネイル画像の表示を指示する機能を有している。表示されるサムネイル画像は1つに限らず,コンテンツ表示領域40c内に複数のリンク部が含まれるならば複数のサムネイル画像が表示される。サムネイル画像は,サムネイル情報保持部47から取得される。
The
なお,サムネイル表示部49は,図2に示したように,取得したサムネイルをサムネイル表示領域40sに一覧表示する。すなわち,コンテンツ表示領域40cには,HTML表示部42によってリンク部L1〜L6を含むWebコンテンツが表示されており,サムネイル表示領域40sには,リンク部L1〜L6と対応関係にあるサムネイル画像S1〜S6が表示されている。
As shown in FIG. 2, the
[ブラウザの動作]
[表示処理]
続いて,ブラウザ4がHTMLファイルの表示を行う際の表示処理について,図6のフローチャートを参照しつつ説明する。
[Browser behavior]
[Display processing]
Next, display processing when the
まず,HTML取得部41にて,ユーザの入力等によって指定されたアドレスにアクセスし,対象WebページのHTMLファイルを取得する(S101)。そして,表示画面算出部48にて,ブラウザ4のコンテンツ表示領域40cの表示領域のサイズを取得する(S102)。なお,S101の処理とS102の処理は順位不問である。
First, the
次に,表示プレビュー作成部43にて,出力すべきWebコンテンツの表示プレビューを作成する(S103)。すなわち,HTMLファイルを解析し,HTMLで記述された文書全体をメモリに展開する。
Next, the display
次に,リンク座標取得部44にて,表示プレビュー内に存在するすべてのリンク部を抽出し,各リンク部の表示プレビュー中における位置座標を算出する(S104)。算出した位置座標は,サムネイル情報保持部47のサムネイルテーブルに保持する。
Next, the link coordinate
次に,リンク先情報取得部45にて,各リンク部に埋め込まれたリンク先のアドレスにアクセスし,リンク先のデータを取得する(S105)。リンク先のデータとしては,HTMLファイルの他,画像データやテキストデータ等がある。そして,サムネイル加工部46にて,取得したデータのイメージファイルを作成し,さらにそのイメージファイルを縮小圧縮してサムネイル画像を作成する(S106)。作成したサムネイル画像は,サムネイル情報保持部47のサムネイルテーブルに保持する。
Next, the link destination
次に,表示画面算出部48にて,HTMLファイルのコンテンツ表示領域40cに現在表示されている部分についての,表示プレビュー中の座標範囲を算出する(S107)。すなわち,コンテンツ表示領域40cの縦サイズと縦スクロールの位置とを基に,現在表示されているコンテンツの縦方向の座標範囲を算出する。また,コンテンツ表示領域40cの横サイズと横スクロールの位置とを基に,現在表示されているコンテンツの横方向の座標範囲を算出する。
Next, the display
次に,サムネイル表示部49にて,算出した座標範囲内にあるリンク部をサムネイルテーブルから抽出する。そして,抽出したハイパーリングオブジェクトに対応付けられたサムネイル画像をサムネイルテーブルから取得する(S108)。
Next, the
次に,取得したサムネイル画像を,縦方向の上方の座標に位置するサムネイル画像から順に,ブラウザ4のサムネイル表示領域40sに一覧表示する(S109)。また,S101で取得したHTMLファイルのコンテンツを,ブラウザ4のコンテンツ表示領域40cに表示する。これにより,図2に示したように,Webコンテンツと,コンテンツ表示領域40cに現在表示されているリンク部のサムネイル画像が,1画面に纏めて表示される。
Next, the obtained thumbnail images are displayed in a list in the
[スクロール処理]
続いて,ブラウザ4のコンテンツ表示領域40cがスクロールされたときの処理であるスクロール処理について,図7のフローチャートを参照しつつ説明する。
[Scroll processing]
Next, a scroll process that is a process when the
まず,コンテンツ表示領域40cのスクロールを検知する(S201)。コンテンツ表示領域40cがスクロールされた場合には,表示プレビュー中の座標範囲が変更される。そのため,座標範囲の算出が再度行われる。
First, scrolling of the
すなわち,表示画面算出部48にて,コンテンツ表示領域40cにスクロール後に表示されている部分についての,表示プレビュー中の座標範囲を算出する(S202)。次に,サムネイル表示部49にて,算出した座標範囲内にあるリンク部をサムネイルテーブルから抽出し,抽出したリンク部に対応付けられたサムネイル画像をサムネイルテーブルから取得する(S203)。
That is, the display
次に,取得したサムネイル画像を,縦方向の上方の座標に位置するサムネイル画像から順に,ブラウザ4のサムネイル表示領域40sに一覧表示する(S204)。これにより,図8に示したように,スクロール後にコンテンツ表示領域40cに現在表示されているリンク部L4〜L9のサムネイル画像S4〜S9が表示される。すなわち,サムネイル表示部40sの表示が,コンテンツ表示領域40cのスクロールに追従して自動的に切り替わる。よって,ユーザは,現在表示されているコンテンツに表示されているリンク部のサムネイル画像を視認することができる。
Next, the acquired thumbnail images are displayed in a list in the
スクロール処理は,縦方向にスクロールした場合であっても,横方向にスクロールした場合であっても同じ処理が行われる。また,コンテンツ表示領域40cのサイズの変更や表示倍率の変更があった場合でも,スクロール処理と同様(ただし,S201の処理がサイズ変更や表示倍率変更の検知となる)の処理が行われる。
The same process is performed regardless of whether scrolling is performed in the vertical direction or in the horizontal direction. Further, even when the size of the
[印刷処理]
続いて,ブラウザ4によって用紙への印刷が指示されたときの処理である印刷処理について,図9のフローチャートを参照しつつ説明する。なお,印刷処理においても,表示処理と同様に,図10に示すように,ページ毎の印刷領域として,Webコンテンツを印刷するコンテンツ印刷領域401cと,サムネイル画像を印刷するためのサムネイル印刷領域401sとが設けられている。これらの印刷領域は,印刷時の印刷パラメータ(用紙サイズや余白サイズ等)に応じて構成される。
[Print processing]
Next, a printing process that is a process when printing on a sheet is instructed by the
まず,印刷対象のWebページのHTMLファイルを取得する(S301)。そして,プリンタドライバから用紙サイズ,余白サイズ等の印刷パラメータを取得する(S302)。なお,S301の処理とS302の処理は順位不問である。 First, an HTML file of a Web page to be printed is acquired (S301). Then, print parameters such as paper size and margin size are acquired from the printer driver (S302). Note that the processing in S301 and the processing in S302 are unquestioned.
次に,印刷すべきWebコンテンツの印刷プレビューを作成する(S303)。すなわち,印刷パラメータないしコンテンツ印刷領域401cを参照しつつ,印刷内容全体をメモリに展開し,ページ単位のプレビュー画像を作成する。次に,印刷プレビュー内に存在するリンク部を抽出し,各リンク部の印刷プレビュー中における位置座標を算出する(S304)。算出した位置座標は,サムネイルテーブルに保持する。
Next, a print preview of the Web content to be printed is created (S303). That is, while referring to the print parameters or the
次に,各リンク部に埋め込まれたリンク先のアドレスにアクセスし,リンク先のデータを取得する(S305)。そして,取得したデータのイメージファイルを作成し,さらにそのイメージファイルを縮小圧縮してサムネイル画像を作成する(S306)。作成したサムネイル画像は,サムネイルテーブルに保持する。 Next, the link destination address embedded in each link part is accessed to acquire the link destination data (S305). Then, an image file of the acquired data is created, and the thumbnail image is created by further reducing and compressing the image file (S306). The created thumbnail image is stored in the thumbnail table.
次に,印刷される各ページについての,印刷プレビュー中の座標範囲を算出する(S307)。すなわち,1ページの縦サイズと印刷されるページのページ番号とを基に,印刷されるページの縦方向の座標を算出する。また,1ページの横サイズと印刷されるページのページ番号とを基に,印刷されるページの横方向の座標を算出する。 Next, the coordinate range in the print preview for each page to be printed is calculated (S307). That is, the vertical coordinate of the printed page is calculated based on the vertical size of one page and the page number of the printed page. Also, the horizontal coordinate of the printed page is calculated based on the horizontal size of one page and the page number of the printed page.
次に,算出した座標範囲内にあるリンク部をサムネイルテーブルから抽出する。そして,抽出したハイパーリングオブジェクトに対応付けられたサムネイル画像をサムネイルテーブルから取得する(S308)。 Next, the link portion within the calculated coordinate range is extracted from the thumbnail table. Then, a thumbnail image associated with the extracted hyper ring object is acquired from the thumbnail table (S308).
次に,取得したサムネイル画像を,サムネイル画像用にレイアウトされたサムネイル印刷領域401s内に配置し,当該ページをコンテンツ印刷領域401cのWebコンテンツとともに印刷する(S309)。これにより,図10に示したように,リンク部L1〜L6を含むWebコンテンツの1ページと,当該ページに表示されているリンク部のサムネイル画像S1〜S6が,1枚の用紙200に纏めて印刷される。
Next, the acquired thumbnail image is arranged in the
以上詳細に説明したように本形態のPC1に組み込まれたブラウザ4は,表示部16への表示領域40として,リンク元データを出力するコンテンツ表示領域40cの他,サムネイル画像を出力するサムネイル表示領域40sを有している。そして,ブラウザ4では,リンク元データ中のリンク部を抽出し,各リンク部のリンク先データを取得し,当該リンク先データのサムネイル画像を作成している。そして,ブラウザ4では,コンテンツ表示領域40c内に出力されているリンク部を抽出し,そのリンク部に対応するサムネイル画像をサムネイル出力領域40s内に配置している。
As described above in detail, the
すなわち,本形態のブラウザ4では,出力画像として,リンク元データとリンク部のリンク先のサムネイル画像とが表示領域40内に出力される。そのため,リンク元の文書とリンク先の文書との関連性が確認し易い。また,サムネイル画像は,表示領域40に設けたサムネイル表示領域40s内に配置している。つまり,サムネイルを表示するにあたって,リンク元データの加工を必要としない。さらに,リンク元データは,レイアウトの変更なくコンテンツ表示領域40c内に表示される。従って,リンク元のHTMLファイルを変更することなく,リンク元の文書とリンク先の文書との関連性が確認し易い画像出力を行う情報処理装置および情報処理装置のプログラムが実現している。
That is, in the
また,本形態のブラウザ4では,リンク元データに含まれる各リンク部の位置とサムネイルとを対応付けてサムネイルテーブルに記憶している。そして,サムネイル表示部49は,サムネイル表示領域40sを更新する際には,表示画面算出部48から得られる範囲を基に,サムネイルテーブルからサムネイル画像を抽出している。これにより,サムネイル表示領域40sの更新の度にリンク先にアクセスし,サムネイル画像を作成する場合と比較して,更新時間が短い。
In the
なお,本実施の形態は単なる例示にすぎず,本発明を何ら限定するものではない。したがって本発明は当然に,その要旨を逸脱しない範囲内で種々の改良,変形が可能である。例えば,情報処理装置としてはPCに限るものではなく,ワークステーション,携帯情報端末装置等であってもよい。 Note that this embodiment is merely an example, and does not limit the present invention. Therefore, the present invention can naturally be improved and modified in various ways without departing from the gist thereof. For example, the information processing apparatus is not limited to a PC, and may be a workstation, a portable information terminal apparatus, or the like.
また,実施の形態では,インターネットを介してHTMLファイルを取得しているが,LAN等のローカルネットワークであってもよい。さらには,PC自身のHDD14に保存されているHTMLファイルであってもよい。
In the embodiment, the HTML file is acquired via the Internet, but it may be a local network such as a LAN. Further, it may be an HTML file stored in the
また,実施の形態において,リンク部とサムネイル画像とが1画面に表示されているが,その際,リンク部とサムネイル画像とを結ぶ線を表示してもよい。また,リンク部が文字列であれば,その文字列の全部または一部をサムネイル画像の下に表示してもよい。これにより,リンク部とサムネイル画像との対応付けがより明確になり,確認がより容易となる。 In the embodiment, the link portion and the thumbnail image are displayed on one screen, but at that time, a line connecting the link portion and the thumbnail image may be displayed. If the link portion is a character string, all or a part of the character string may be displayed below the thumbnail image. As a result, the association between the link portion and the thumbnail image becomes clearer and the confirmation becomes easier.
さらに,実施の形態では,表示プレビューPBの全体長および全体幅を100%として表示範囲DPの位置の算出を行っているが,百分率(%)に基づく構成のみならず,長さ情報(例えば,ピクセルまたはインチ)を用いて,表示プレビューPBにおける表示範囲DPの位置を算出してもよい。 Further, in the embodiment, the position of the display range DP is calculated with the overall length and the overall width of the display preview PB being 100%. However, not only the configuration based on the percentage (%) but also length information (for example, The position of the display range DP in the display preview PB may be calculated using pixels or inches.
1 パーソナルコンピュータ
2 プリンタ
4 ブラウザ
40 ブラウザの表示領域
40s サムネイル表示領域
40c コンテンツ表示領域
41 HTML取得部
42 HTML表示部
43 表示プレビュー部
44 リンク座標取得部
45 リンク情報取得部
46 サムネイル加工部
47 サムネイル情報保持部
48 表示画面算出部
49 サムネイル表示部
DESCRIPTION OF
Claims (6)
前記リンク部のリンク先のデータであるリンク先データを取得し,当該リンク先データのサムネイル画像を作成するサムネイル作成手段と,
画像出力領域として,前記リンク元データを出力するデータ出力領域とサムネイル画像を出力するサムネイル出力領域とを設け,当該データ出力領域内に出力されているリンク部に対応するサムネイル画像を当該サムネイル出力領域内に配置する出力手段とを備えることを特徴とする情報処理装置。 Link extraction means for acquiring link source data, which is data embedded with link information, and extracting a link portion in the link source data;
A thumbnail creation means for obtaining link destination data, which is the link destination data of the link section, and creating a thumbnail image of the link destination data;
As the image output area, a data output area for outputting the link source data and a thumbnail output area for outputting a thumbnail image are provided, and a thumbnail image corresponding to the link portion output in the data output area is displayed in the thumbnail output area. An information processing apparatus comprising output means arranged inside.
前記リンク元データを展開し,当該リンク元データの全体画像であるプレビュー画像を作成するプレビュー作成手段と,
前記リンク元データに含まれる各リンク部の前記プレビュー画像における位置と,各リンク部に対応するサムネイルとを取得し,両者を対応付けて記憶する記憶手段と,
前記リンク元データの前記データ出力領域に出力されている部分の,前記プレビュー画像における範囲を算出する範囲算出手段とを備え,
前記出力手段は,前記範囲算出手段から得られる範囲情報を基に,前記記憶手段からサムネイル画像を抽出することを特徴とする情報処理装置。 The information processing apparatus according to claim 1,
A preview creating means for expanding the link source data and creating a preview image that is an entire image of the link source data;
Storage means for acquiring a position in the preview image of each link part included in the link source data and a thumbnail corresponding to each link part, and storing both in association with each other;
A range calculating means for calculating a range in the preview image of a portion of the link source data output to the data output area;
The information processing apparatus, wherein the output unit extracts a thumbnail image from the storage unit based on range information obtained from the range calculation unit.
前記画像出力領域は,表示装置に対する表示領域であり,
前記出力手段は,前記データ出力領域の表示内容がスクロールされると,前記サムネイル出力領域に配置されるサムネイル画像を自動的に更新することを特徴とする情報処理装置。 In the information processing apparatus according to claim 1 or 2,
The image output area is a display area for a display device;
The information processing apparatus, wherein the output means automatically updates the thumbnail image arranged in the thumbnail output area when the display contents of the data output area are scrolled.
前記画像出力領域は,印刷装置に対する印刷領域であり,
前記出力手段は,印刷パラメータに応じて,前記データ出力領域と前記サムネイル領域とを構成することを特徴とする情報処理装置。 In the information processing apparatus according to claim 1 or 2,
The image output area is a printing area for a printing apparatus,
The information processing apparatus according to claim 1, wherein the output unit configures the data output area and the thumbnail area according to a print parameter.
リンク情報が埋め込まれたデータであるリンク元データを取得し,当該リンク元データ中のリンク部を抽出するリンク抽出手段と,
前記リンク部のリンク先のデータであるリンク先データを取得し,当該リンク先データのサムネイル画像を作成するサムネイル作成手段と,
画像出力領域として,前記リンク元データを出力するデータ出力領域とサムネイル画像を出力するサムネイル出力領域とを設け,当該データ出力領域内に出力されているリンク部に対応するサムネイル画像を当該サムネイル出力領域内に配置する出力手段として動作させることを特徴とする情報処理装置のプログラム。 Information processing equipment
Link extraction means for acquiring link source data, which is data embedded with link information, and extracting a link portion in the link source data;
A thumbnail creation means for obtaining link destination data, which is the link destination data of the link section, and creating a thumbnail image of the link destination data;
As the image output area, a data output area for outputting the link source data and a thumbnail output area for outputting a thumbnail image are provided, and a thumbnail image corresponding to the link portion output in the data output area is displayed in the thumbnail output area. A program for an information processing apparatus which is operated as output means arranged in the information processing apparatus.
前記情報処理装置を,
前記リンク元データを展開し,当該リンク元データの全体画像であるプレビュー画像を作成するプレビュー作成手段と,
前記リンク元データに含まれる各リンク部の前記プレビュー画像における位置と,各リンク部に対応するサムネイルとを取得し,両者を対応付けて記憶する記憶手段と,
前記リンク元データの前記データ記憶領域に出力されている部分の,前記プレビュー画像における範囲を算出する範囲算出手段として動作させるとともに,
前記出力手段が,前記範囲算出手段から得られる範囲情報を基に,前記記憶手段からサムネイル画像を抽出するように動作させることを特徴とする情報処理のプログラム。 In the information processing apparatus program according to claim 5,
The information processing apparatus;
A preview creating means for expanding the link source data and creating a preview image that is an entire image of the link source data;
Storage means for acquiring a position in the preview image of each link part included in the link source data and a thumbnail corresponding to each link part, and storing both in association with each other;
And operating as a range calculation means for calculating a range in the preview image of the portion of the link source data output to the data storage area;
An information processing program for causing the output means to operate so as to extract a thumbnail image from the storage means based on range information obtained from the range calculation means.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007258919A JP5181608B2 (en) | 2007-10-02 | 2007-10-02 | Information processing apparatus and information processing apparatus program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007258919A JP5181608B2 (en) | 2007-10-02 | 2007-10-02 | Information processing apparatus and information processing apparatus program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2009087236A true JP2009087236A (en) | 2009-04-23 |
JP5181608B2 JP5181608B2 (en) | 2013-04-10 |
Family
ID=40660547
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2007258919A Active JP5181608B2 (en) | 2007-10-02 | 2007-10-02 | Information processing apparatus and information processing apparatus program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP5181608B2 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2014225192A (en) * | 2013-05-17 | 2014-12-04 | 大日本印刷株式会社 | Confirmation device for set rich information, electronic book production system provided with the same, method and program |
JP2017130033A (en) * | 2016-01-20 | 2017-07-27 | ヤフー株式会社 | Generation apparatus, generation method, and generation program |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH0737058A (en) * | 1993-07-19 | 1995-02-07 | Sony Corp | Information processing method |
JPH11110321A (en) * | 1997-09-30 | 1999-04-23 | Nippon Telegr & Teleph Corp <Ntt> | Method and device for expanding www browser function |
JPH11134149A (en) * | 1997-10-27 | 1999-05-21 | Canon Inc | Image forming device and method and storage medium |
JPH11353325A (en) * | 1998-06-10 | 1999-12-24 | Hitachi Ltd | Synchronous display system for video and relative information |
JP2002251245A (en) * | 2001-02-22 | 2002-09-06 | Casio Comput Co Ltd | Information terminal equipment and program |
JP2003283946A (en) * | 2002-03-22 | 2003-10-03 | Nippon Telegr & Teleph Corp <Ntt> | Video related information provider and method therefor executing program of the method and recording medium having recorded executing program |
JP2004070809A (en) * | 2002-08-08 | 2004-03-04 | Ntt Advanced Technology Corp | Web information browsing device, web information display method, and program |
-
2007
- 2007-10-02 JP JP2007258919A patent/JP5181608B2/en active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH0737058A (en) * | 1993-07-19 | 1995-02-07 | Sony Corp | Information processing method |
JPH11110321A (en) * | 1997-09-30 | 1999-04-23 | Nippon Telegr & Teleph Corp <Ntt> | Method and device for expanding www browser function |
JPH11134149A (en) * | 1997-10-27 | 1999-05-21 | Canon Inc | Image forming device and method and storage medium |
JPH11353325A (en) * | 1998-06-10 | 1999-12-24 | Hitachi Ltd | Synchronous display system for video and relative information |
JP2002251245A (en) * | 2001-02-22 | 2002-09-06 | Casio Comput Co Ltd | Information terminal equipment and program |
JP2003283946A (en) * | 2002-03-22 | 2003-10-03 | Nippon Telegr & Teleph Corp <Ntt> | Video related information provider and method therefor executing program of the method and recording medium having recorded executing program |
JP2004070809A (en) * | 2002-08-08 | 2004-03-04 | Ntt Advanced Technology Corp | Web information browsing device, web information display method, and program |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2014225192A (en) * | 2013-05-17 | 2014-12-04 | 大日本印刷株式会社 | Confirmation device for set rich information, electronic book production system provided with the same, method and program |
JP2017130033A (en) * | 2016-01-20 | 2017-07-27 | ヤフー株式会社 | Generation apparatus, generation method, and generation program |
Also Published As
Publication number | Publication date |
---|---|
JP5181608B2 (en) | 2013-04-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5801545B2 (en) | Information processing apparatus, information processing method and program | |
JP5371560B2 (en) | Layout editing apparatus, layout editing method and program | |
US10691385B2 (en) | Image processing apparatus, image processing method, and storage medium in which a text element and an image element are arranged based on layouts in a webpage | |
JP5455456B2 (en) | Information processing apparatus, information processing method, and program | |
JP5655347B2 (en) | Image processing control program and image forming apparatus | |
JP2008090809A (en) | Add-in program for upload, auxiliary program for upload and upload method | |
JP5181608B2 (en) | Information processing apparatus and information processing apparatus program | |
US9389811B2 (en) | Image processing apparatus, image processing method, and recording medium | |
US20100332999A1 (en) | Image processing apparatus, image processing method, and storage medium | |
JP5455714B2 (en) | How to print the web page capture screen | |
JP5792942B2 (en) | Information processing apparatus, information processing method, and program | |
JP5735778B2 (en) | Information processing apparatus, information processing method, and program | |
JP5400342B2 (en) | Information processing apparatus, display method thereof, and program | |
JP2009020553A (en) | Device and program for managing electronic file | |
JP5947508B2 (en) | Information processing apparatus, information processing method, and program | |
RU2573271C2 (en) | Information processing device, web browser control method and storage medium storing programme therefor | |
JP5205821B2 (en) | Document processing method, document processing program, and document processing apparatus | |
JP2008041002A (en) | Document processor and document processing program | |
JP5477785B2 (en) | Formula display control apparatus, computer program, and program storage medium | |
JP5494561B2 (en) | Information processing apparatus, image forming apparatus, program, and information processing method | |
JP2006267361A (en) | Document display device, program for making computer execute method for displaying document on document display device and document display system | |
JP5646019B2 (en) | Image processing apparatus, image processing method, and program | |
JP2008112319A (en) | Document processor and document processing program | |
JP2010061277A (en) | Document creation program and document creation device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20100202 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20120424 |
|
A521 | Written amendment |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20120625 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20121218 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20121231 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 5181608 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20160125 Year of fee payment: 3 |