JP3879369B2

JP3879369B2 - Proxy server for re-editing page, method and recording medium recording program

Info

Publication number: JP3879369B2
Application number: JP2000193112A
Authority: JP
Inventors: 大補森川; 慎司太田; 初中村; 貴之蕨野; 正良大橋; 文夫渡辺; 秀章岩下
Original assignee: KDDI R&D Laboratories Inc
Current assignee: KDDI Research Inc
Priority date: 2000-06-27
Filing date: 2000-06-27
Publication date: 2007-02-14
Anticipated expiration: 2020-06-27
Also published as: JP2002007269A

Description

【０００１】
【発明の属する技術分野】
本発明は、端末の小型表示画面に対応して、マークアップ言語、例えばＨＴＭＬ（Hyper Text Markup Language）で作成されたページを再編集するプロキシサーバ又はプログラムを記録した記録媒体に関する。
【０００２】
【従来の技術】
従来から、ＷＷＷのページ作成には、ＨＴＭＬが用いられている。当初、ページは、テキストが主であったが、商用インターネット及びパーソナルコンピュータの普及に伴ってイメージが多用されるようになってきた。通常、イメージを用いて複雑なレイアウトを構成するために、テーブルタグとイメージタグとを組み合わせて用いることが多い。
【０００３】
また、これらＨＴＭＬで作成されたページは、パーソナルコンピュータの表示画面での閲覧を想定して作成されている。従って、これらのページを、小さい表示画面しか持たない携帯端末で閲覧するには、縦スクロールだけでなく横スクロールも行う必要がある。
【０００４】
携帯端末において、横スクロールを行う必要性をなくし且つ閲覧しやくすくするために、テーブルの外枠の表示サイズを、端末の小型表示画面に対応して一律に縮小するようにマークアップ言語を再編集する第１の方法がある。また、自動的に、特定のタグ内に記述されている文字のみを抜き出して作成される目次用のＨＴＭＬ文書と、該タグ間の文書を抜き出して作成される複数のＨＴＭＬ文書とに分割する第２の方法もある。参考文献としては、伊藤直子、立川恆央、中川好久、水越康博「携帯端末向けＷＷＷページ変換−SmartProxy」(1997), Spyglass Prism 2.0, IBM WebSphere Transcoding Publisherがある。
【０００５】
【発明が解決しようとする課題】
しかしながら、第１の方法では、テーブルが全体的に縮小され、携帯端末において視覚的に認識しづらくなる。また、第２の方法では、イメージが多用され且つ文書としての体裁を有していない場合、基準となる特定のタグを指定することが難しい。
【０００６】
そこで、本発明は、前述した課題を解決し、端末の小型表示画面でも視覚的に認識しやすいように、マークアップ言語で作成されたページを再編集するプロキシサーバ、方法及びプログラムを記録した記録媒体を提供することを目的とする。
【０００７】
【課題を解決するための手段】
本発明のページを再編集するプロキシサーバは、テーブルタグ及びイメージタグで構成されたページについて、テーブルタグを削除する第１の手段と、イメージタグの横幅の値に対する端末の表示画面の横幅の値の比に対応して、イメージタグの横幅及び縦幅の値を変更する第２の手段とを有し、前記第１の手段は、第１のテーブルの要素が第２のテーブルとなっている入れ子構造の場合、入れ子構造の最後のテーブルから１つ以上のテーブルのタグは削除しないことを特徴とする。
【０００８】
テーブルタグを削除することにより、端末における横スクロールの操作の頻度が減少し、端末の操作性を向上させることができる。また、テーブルタグを削除した後に、個々のイメージの横幅を端末の表示画面の横幅に変更するので、やはり端末の操作は横スクロールを必要としない。更に、端末の小型表示画面でも視覚的に認識しやすい場合があり、入れ子構造の場合に最後のテーブルから１つ以上のテーブルのタグは削除しない。
【０００９】
また、本発明の他の実施形態によれば、第１の手段は、テーブルタグで表示されるテーブルの横幅が、端末の表示画面の横幅よりも小さい場合、該テーブルタグは削除しないことも好ましい。端末の表示画面で表示可能な大きさのテーブルは、なるべくテーブルの状態で表示するのが好ましい。
【００１０】
また、本発明による他の実施形態によれば、第２の手段は、イメージタグ内に設定された属性の種別に応じてイメージタグを削除することも好ましい。端末の利用者に必要な情報は、テーブルタグの各要素の情報であり、レイアウトのためにのみ用いられるようなイメージは必要ない。特に、テーブルタグを取り除くことによって元のレイアウトが崩れるために、レイアウトのためにのみ用いられるイメージは、端末の利用者に対して視覚的な認識を混同させる原因となる。従って、このようなイメージタグを削除することによって、ページがより認識されやすいように再編集することができる。
【００１１】
更に、本発明による他の実施形態によれば、第１の手段及び第２の手段は、端末の指示によって実行を選択できることも好ましい。
【００１２】
本発明のページを再編集する方法は、テーブルタグ及びイメージタグで構成されたページについて、テーブルタグを削除する第１の段階と、イメージタグの横幅の値に対する端末の表示画面の横幅の値の比に対応して、イメージタグの横幅及び縦幅の値を変更する第２の段階とを有し、前記第１の段階において、第１のテーブルの要素が第２のテーブルとなっている入れ子構造の場合、入れ子構造の最後のテーブルから１つ以上のテーブルのタグは削除しないこと、或いは、前記テーブルタグで表示されるテーブルの横幅が、前記端末の表示画面の横幅よりも小さい場合、該テーブルタグは削除しないことを特徴とする。
【００１３】
本発明のページを再編集するプログラムを記録した記録媒体は、コンピュータに前記方法を実行させるためのプログラムを記録したコンピュータ読み取り可能な記録媒体であることを特徴とする。
【００１４】
【発明の実施の形態】
以下では、図面を用いて、本発明の実施形態を詳細に説明する。
【００１５】
図１は、本発明によるページ再編集のフローチャートである。図２は、再編集の対象となるページの例である。図３は、図２のページを再編集した後のページの例である。
【００１６】
図１のフローチャートに従って説明する。携帯端末から、例えば図２のページを参照したい旨の通知を受信すると、そのページの再編集を実行する。最初に、当該ページを保持するサーバから、図２のページを取り込む（１）。次に、予め携帯端末から通知されるテーブルタグ削除設定（２）が「有り」であるならば、当該ページのテーブルタグを削除する（３）。
【００１７】
テーブルタグの削除とは、例えば、以下のようにタグを削除することである。

【００１８】
テーブルタグの削除が、参照符号９、１０及び１１で説明されている。例えば親テーブル１が、参照符号９のようなテーブルであるとする。親テーブル１の入れ子構造となる子テーブル１−１には要素ａ、ｂ、ｃ及びｄが表示されている。同様に、子テーブル１−２には要素ｅ、ｆ及びｇが、子テーブル１−３には要素ｈが、子テーブル１−４には要素ｉ、ｊ、ｋ及びｌが表示されている。この場合、親テーブル１のテーブルタグを削除することにより、参照符号１０のように縦にテーブルが並べられる。このとき、それぞれの子テーブルが、携帯端末の画面に十分に表示されることが好ましい。子テーブルが携帯端末の画面よりも大きいために子テーブルを縮小したとき、認識しにくい画面表示となるならば、子テーブルのテーブルタグも削除するのが好ましい。更に、子テーブルのテーブルタグを削除することにより、参照符号１１のように全ての要素が縦に並べられる。携帯端末では、縦スクロールのみでこれらの全ての要素を認識することができる。
【００１９】
例えば、図２のページの構成は、先頭に横長のＫＤＤと記載されたバナーイメージ等を含むテーブル１と、複数のテーブルを含むテーブル２とから構成されている。テーブル２は、それぞれ縦に３列のテーブル２−１〜３、イメージ及びテキストから構成されている。テーブル２−１〜３は、テーブル２の入れ子構造となっている。これらテーブルは、無色ラインで指定されたテーブルタグを用いて構成されている。
【００２０】
図２のページのテーブルタグを削除すると、図３のように縦１列のページが作成される。このとき、図２において「ＭＥＮＵ」を取り囲む丸みを帯びた枠のイメージは、図３では、表示不可能なイメージとして表示される。このような表示は、テーブルタグが削除されたために、このレイアウトイメージの配置場所が変更され、枠として表示されなくなるために生じる。このようなイメージは、レイアウトのためだけのイメージと判断される。そこで、予め携帯端末から指定されたイメージタグ削除設定（４）が「有り」であるならば、このようなレイアウトのためだけのイメージを削除可能なイメージとして選択し（５）、そのイメージのタグを削除する（６）。
【００２１】
レイアウトのためだけのイメージではない、即ち表示することが必要なイメージである、と判断される要因としては、イメージタグにＡＬＴ属性等が設定されている、又はＡタグの中にイメージタグが入れ子になっている、ものが該当する。以下に、レイアウトのためだけのイメージではないと判断されるＨＴＭＬの一例を示す。

ＡＬＴ属性とは、マウスのポイントを、当該イメージ上に移動させたときに表示される説明文字である。説明を必要とするようなイメージは、削除対象とはならない。また、Ａタグとは、リンクボタンを指定するものである。これら以外に、ＵＳＥＭＡＰ属性が指定されたものでもよい、該ＵＳＥＭＡＰ属性とは、イメージの中にリンク付けできる形状及び座標又はリンク先等を指定したものである。このように、閲覧者に選択肢を与えるようなイメージは削除対象とはならない。反対に、イメージの表示しか指定されていない以下のようなイメージは、削除対象となる。
<IMG SRC="apple.gif">
【００２２】
次に、イメージを端末の画面に表示できるように縮小する（７）。即ち、イメージタグの横幅の値に対する端末の表示画面の横幅の値の比に対応して、イメージタグの横幅及び縦幅の値を変更する。
【００２３】
イメージタグが、横長のイメージを指定している
<IMG SRC="apple.gif" WIDTH="100" HEIGHT="50">
の場合、端末の表示画面の横幅が100であれば、以下のように何ら変更しない。
<IMG SRC="apple.gif" WIDTH="100" HEIGHT="50">
但し、端末の表示画面の横幅が50であれば、以下のように変更する。
<IMG SRC="apple.gif" WIDTH="50" HEIGHT="25">
このとき、WIDTHとHEIGHTとの比は変更しない。
【００２４】
最後に、携帯端末へ再編集したページを出力する（８）。
【００２５】
前述した本発明のページを再編集するプロキシサーバ、方法及びプログラムを記録した記録媒体の種々の実施形態は、本発明の技術思想及び見地の範囲の種々の変更、修正及び省略が、当業者によれば容易に行うことができる。前述の説明はあくまで例であって、何ら制約しようとするものではない。本発明は、特許請求の範囲及びその均等物として限定するものにのみ制約される。
【００２６】
【発明の効果】
以上、詳細に説明したように、本発明によれば、パーソナルコンピュータの画面で閲覧することを想定したページを、携帯端末の画面で閲覧する場合にも、縦スクロールのみの操作で閲覧可能となる。また、情報として必要ないと判断されたイメージを削除することにより、携帯端末での画面の操作性も向上する。
【図面の簡単な説明】
【図１】本発明によるページ再編集のフローチャートである。
【図２】再編集の対象となるページである。
【図３】図２のページからテーブルタグを削除したページである。
【図４】図２のページを本発明によって再編集したページである。[0001]
BACKGROUND OF THE INVENTION
The present invention relates to a proxy server for re-editing a page created in a markup language, for example, HTML (Hyper Text Markup Language) corresponding to a small display screen of a terminal, or a recording medium on which a program is recorded.
[0002]
[Prior art]
Conventionally, HTML is used for creating a WWW page. Initially, pages were mainly text, but with the spread of the commercial Internet and personal computers, images have come to be used frequently. Usually, in order to construct a complex layout using an image, a table tag and an image tag are often used in combination.
[0003]
Also, these HTML pages are created assuming browsing on a display screen of a personal computer. Therefore, in order to view these pages on a portable terminal having only a small display screen, it is necessary to perform not only vertical scrolling but also horizontal scrolling.
[0004]
To eliminate the need for horizontal scrolling and make browsing easier on mobile devices, the markup language has been re-established so that the display size of the outer frame of the table is uniformly reduced in correspondence with the small display screen of the terminal. There is a first way to edit. In addition, a table of contents that is automatically divided into an HTML document for a table of contents created by extracting only the characters described in a specific tag and a plurality of HTML documents created by extracting a document between the tags. There are also two methods. References include Naoko Ito, Yasuo Tachikawa, Yoshihisa Nakagawa, Yasuhiro Mizukoshi "WWW page conversion for mobile terminals-SmartProxy" (1997), Spyglass Prism 2.0, IBM WebSphere Transcoding Publisher.
[0005]
[Problems to be solved by the invention]
However, in the first method, the table is reduced as a whole, and it is difficult to visually recognize the portable terminal. In the second method, it is difficult to specify a specific tag as a reference when images are frequently used and do not have a document appearance.
[0006]
Therefore, the present invention solves the above-described problems and records a proxy server, method, and program for re-editing a page created in a markup language so that it can be easily recognized visually even on a small display screen of a terminal The purpose is to provide a medium.
[0007]
[Means for Solving the Problems]
The proxy server for re-editing the page according to the present invention provides a first means for deleting a table tag for a page composed of a table tag and an image tag, and a width value of the display screen of the terminal with respect to the width value of the image tag corresponding to the ratio of, have a second means for changing the value of the horizontal width and the vertical width of the image tag, the first means, the elements of the first table is a second table In the case of a nested structure, one or more table tags are not deleted from the last table of the nested structure .
[0008]
By deleting the table tag, the frequency of horizontal scrolling operations at the terminal is reduced, and the operability of the terminal can be improved. Further, since the horizontal width of each image is changed to the horizontal width of the display screen of the terminal after the table tag is deleted, the terminal operation does not require horizontal scrolling. Furthermore, when visually easily recognized even in a small display screen of the terminal there is, tag one or more tables from the last table in the case of nested structures are not removed.
[0009]
According to another embodiment of the present invention, the first means preferably does not delete the table tag when the horizontal width of the table displayed by the table tag is smaller than the horizontal width of the display screen of the terminal. . It is preferable to display a table having a size that can be displayed on the display screen of the terminal as much as possible.
[0010]
According to another embodiment of the present invention, it is also preferable that the second means deletes the image tag according to the type of attribute set in the image tag. Information necessary for the user of the terminal is information on each element of the table tag, and an image used only for layout is not necessary. In particular, since the original layout is destroyed by removing the table tag, the image used only for the layout causes the terminal user to confuse visual recognition. Therefore, by deleting such an image tag, the page can be re-edited so that the page can be easily recognized.
[0011]
Further, according to another embodiment of the present invention, it is also preferable that the first means and the second means can select execution according to an instruction of the terminal.
[0012]
The method of re-editing a page according to the present invention includes a first step of deleting a table tag for a page composed of a table tag and an image tag, and the width value of the display screen of the terminal relative to the width value of the image tag. corresponding to the ratio, have a second step of changing the value of the horizontal width and the vertical width of the image tag, in the first stage, nested elements of the first table is a second table In the case of the structure, the tag of one or more tables is not deleted from the last table of the nested structure, or when the width of the table displayed by the table tag is smaller than the width of the display screen of the terminal, The table tag is not deleted.
[0013]
A recording medium on which a program for re-editing a page according to the present invention is recorded is a computer-readable recording medium on which a program for causing a computer to execute the method is recorded.
[0014]
DETAILED DESCRIPTION OF THE INVENTION
Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.
[0015]
FIG. 1 is a flowchart of page re-editing according to the present invention. FIG. 2 shows an example of a page to be re-edited. FIG. 3 shows an example of the page after re-editing the page of FIG.
[0016]
This will be described with reference to the flowchart of FIG. For example, when a notification that the user wants to refer to the page of FIG. 2 is received from the portable terminal, the page is re-edited. First, the page shown in FIG. 2 is fetched from the server holding the page (1). Next, if the table tag deletion setting (2) notified from the mobile terminal in advance is “present”, the table tag of the page is deleted (3).
[0017]
Deletion of a table tag is, for example, deleting a tag as follows.

[0018]
Deletion of the table tag is described with

reference numerals

9, 10 and 11. For example, it is assumed that the parent table 1 is a table such as reference numeral 9. Elements a, b, c, and d are displayed in the child table 1-1 having a nested structure of the parent table 1. Similarly, elements e, f, and g are displayed in the child table 1-2, an element h is displayed in the child table 1-3, and elements i, j, k, and l are displayed in the child table 1-4. In this case, by deleting the table tag of the parent table 1, the tables are arranged vertically as indicated by reference numeral 10. At this time, it is preferable that each child table is sufficiently displayed on the screen of the mobile terminal. If the child table is reduced because the child table is larger than the screen of the mobile terminal, if the screen display is difficult to recognize, it is preferable to delete the table tag of the child table. Furthermore, by deleting the table tag of the child table, all elements are arranged vertically as indicated by reference numeral 11. In a portable terminal, all these elements can be recognized only by vertical scrolling.
[0019]
For example, the page configuration of FIG. 2 includes a table 1 that includes a banner image or the like that has a horizontal KDD at the top, and a table 2 that includes a plurality of tables. The table 2 is composed of tables 2-1 to 2-3, images, and text in three columns. Tables 2-1 to 3 have a nested structure of Table 2. These tables are configured using table tags designated by colorless lines.
[0020]
If the table tag of the page in FIG. 2 is deleted, a vertical column page is created as shown in FIG. At this time, an image of a rounded frame surrounding “MENU” in FIG. 2 is displayed as an image that cannot be displayed in FIG. Such a display occurs because the arrangement position of the layout image is changed and the frame is not displayed as a frame because the table tag is deleted. Such an image is determined to be an image only for layout. Therefore, if the image tag deletion setting (4) designated in advance from the portable terminal is “Yes”, an image only for such a layout is selected as an image that can be deleted (5), and the tag of the image is selected. Is deleted (6).
[0021]
Factors that determine that the image is not just an image for layout, that is, an image that needs to be displayed, include the ALT attribute set in the image tag, or the image tag nested in the A tag. This is the case. The following is an example of HTML that is determined not to be an image only for layout.

The ALT attribute is an explanatory character displayed when the mouse point is moved onto the image. Images that require explanation are not eligible for deletion. The A tag designates a link button. In addition to these, a USEMAP attribute may be designated. The USEMAP attribute designates a shape and coordinates that can be linked to an image, a link destination, or the like. As described above, an image that gives an option to the viewer is not a deletion target. On the other hand, the following images for which only image display is specified are to be deleted.
<IMG SRC = "apple.gif">
[0022]
Next, the image is reduced so that it can be displayed on the terminal screen (7). That is, the horizontal width and vertical width values of the image tag are changed in accordance with the ratio of the horizontal width value of the terminal display screen to the horizontal width value of the image tag.
[0023]
The image tag specifies a landscape image
<IMG SRC = "apple.gif" WIDTH = "100" HEIGHT = "50">
If the width of the display screen of the terminal is 100, no change is made as follows.
<IMG SRC = "apple.gif" WIDTH = "100" HEIGHT = "50">
However, if the width of the display screen of the terminal is 50, change as follows.
<IMG SRC = "apple.gif" WIDTH = "50" HEIGHT = "25">
At this time, the ratio between WIDTH and HEIGHT is not changed.
[0024]
Finally, the re-edited page is output to the mobile terminal (8).
[0025]
Various embodiments of the above-described proxy server, method, and recording medium on which a program of the present invention is re-edited, various changes, modifications, and omissions in the technical idea and scope of the present invention will be apparent to those skilled in the art. It can be done easily. The above description is merely an example, and is not intended to be restrictive. The invention is limited only as defined in the following claims and the equivalents thereto.
[0026]
【The invention's effect】
As described above in detail, according to the present invention, even when a page that is supposed to be viewed on the screen of a personal computer is browsed on the screen of a mobile terminal, the page can be browsed only by a vertical scroll operation. . Further, by deleting an image that is determined to be unnecessary as information, the operability of the screen on the portable terminal is improved.
[Brief description of the drawings]
FIG. 1 is a flowchart of page re-editing according to the present invention.
FIG. 2 is a page to be re-edited.
3 is a page obtained by deleting a table tag from the page of FIG.
4 is a page obtained by re-editing the page of FIG. 2 according to the present invention.

Claims

Corresponding to the small display screen of the terminal, it is a proxy server that re-edits a page created in a markup language, and the page composed of table tags and image tags,
A first means for deleting the table tag;
In response to a value of a ratio of the width of the display screen of the terminal with respect to the value of the horizontal width of the image tag, it has a second means for changing the value of the horizontal width and the vertical width of the image tag,
In the case of a nested structure in which the first table element is a second table, the first means does not delete one or more table tags from the last table of the nested structure;
A proxy server characterized by

Corresponding to the small display screen of the terminal, it is a proxy server that re-edits a page created in a markup language, and the page composed of table tags and image tags,
A first means for deleting the table tag;
In response to a value of a ratio of the width of the display screen of the terminal with respect to the value of the horizontal width of the image tag, it has a second means for changing the value of the horizontal width and the vertical width of the image tag,
The first means does not delete the table tag when the width of the table displayed by the table tag is smaller than the width of the display screen of the terminal;
A proxy server characterized by

The proxy server according to claim 1 or 2 , wherein the second means deletes the image tag in accordance with a type of attribute set in the image tag.

The proxy server according to any one of claims 1 to 3 , wherein the first means and the second means can select execution according to an instruction from the terminal.

A method of re-editing a page created in a markup language corresponding to a small display screen of a terminal, the page configured with a table tag and an image tag,
A first step of deleting the table tag;
Wherein in response to a value of a ratio of the width of the display screen of the terminal with respect to the value of the horizontal width of the image tag, have a second step of changing the value of the horizontal width and the vertical width of the image tag,
In the first stage, in the case of a nested structure in which the elements of the first table are the second table, do not delete one or more table tags from the last table of the nested structure;
A method characterized by.

A method of re-editing a page created in a markup language corresponding to a small display screen of a terminal, the page configured with a table tag and an image tag,
A first step of deleting the table tag;
Wherein in response to a value of a ratio of the width of the display screen of the terminal with respect to the value of the horizontal width of the image tag, have a second step of changing the value of the horizontal width and the vertical width of the image tag,
In the first stage, when the width of the table displayed by the table tag is smaller than the width of the display screen of the terminal, the table tag is not deleted;
A method characterized by.

A computer-readable recording medium recording a program for causing a computer to execute the method according to claim 5 or 6 .