JP4547638B2 - Ｗｅｂページ表示装置及びＷｅｂページ表示方法 - Google Patents

Ｗｅｂページ表示装置及びＷｅｂページ表示方法 Download PDF

Info

Publication number
JP4547638B2
JP4547638B2 JP2008141175A JP2008141175A JP4547638B2 JP 4547638 B2 JP4547638 B2 JP 4547638B2 JP 2008141175 A JP2008141175 A JP 2008141175A JP 2008141175 A JP2008141175 A JP 2008141175A JP 4547638 B2 JP4547638 B2 JP 4547638B2
Authority
JP
Japan
Prior art keywords
web page
display
reduced
cpu
pda
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.)
Expired - Fee Related
Application number
JP2008141175A
Other languages
English (en)
Other versions
JP2009289051A (ja
Inventor
洋昌 宮田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sony Corp
Original Assignee
Sony Corp
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 Sony Corp filed Critical Sony Corp
Priority to JP2008141175A priority Critical patent/JP4547638B2/ja
Priority to US12/427,148 priority patent/US8914753B2/en
Priority to EP09158589.3A priority patent/EP2128852B1/en
Priority to CN2009102028424A priority patent/CN101593215B/zh
Publication of JP2009289051A publication Critical patent/JP2009289051A/ja
Application granted granted Critical
Publication of JP4547638B2 publication Critical patent/JP4547638B2/ja
Priority to US14/537,052 priority patent/US10762278B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/0407—Resolution change, inclusive of the use of different resolutions for different screen areas
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/02—Networking aspects
    • G09G2370/027—Arrangements and methods specific for the display of internet documents
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/72445—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting Internet browser applications

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • Artificial Intelligence (AREA)
  • Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Signal Processing (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、Ｗｅｂページ表示装置及びＷｅｂページ表示方法に関し、例えばＰＤＡ（Personal Digital Assistant）に適用して好適なものである。
従来、ＷＷＷ（World Wide Web）のドキュメントシステムを使用したＨＴＭＬ（HyperText Markup Language）形式で記載されるＷｅｂページは、パーソナルコンピュータ等のようにある程度大きな表示画面（例えば、横幅１０２４ピクセル、縦幅７６８ピクセルでなるＸＧＡ（eXtended Graphics Array））で閲覧されることを想定して作成されていることが多い。
一方、ＰＤＡは、例えば横幅３２０ピクセル、縦幅２４０ピクセルでなるＱＶＧＡ（Quarter Video Graphics Array）のディスプレイが設けられており、当該ディスプレイにＷｅｂページを表示し得るようになされている。
このときＰＤＡは、図１（Ａ）に示すような例えば横幅が１０２４ピクセルでなるＷｅｂページＷ１を縮小することにより、図１（Ｂ）に示すような、横幅が３２０ピクセルである縮小ＷｅｂページＷ２を生成する。
そしてＰＤＡは、縮小ＷｅｂページＷ２の２４０ピクセル分に相当する上側部分を表示領域ＷＡ１として設定し、図１（Ｃ）に示すように、当該表示領域ＷＡ１に対応した表示画面ＤＧ１をディスプレイに表示するようになされている（例えば、特許文献１参照）。
特開2007-4524公報
ところで上述したＰＤＡでは、ディスプレイの表示サイズに合わせてＷｅｂページＷ１全体を縮小ＷｅｂページＷ２のように縮小したので、ユーザに対して目視確認させるべき最適な大きさのままＷｅｂページＷ１をディスプレイに表示することができず、当該ユーザに対する見易さを損なわせてしまうという問題があった。
本発明は以上の点を考慮してなされたもので、Ｗｅｂページを見易く表示し得るＷｅｂページ表示装置及びＷｅｂページ表示方法を提案しようとするものである。
かかる課題を解決するため本発明のＷｅｂページ表示装置においては、Ｗｅｂページを取得する取得部と、Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、特定要素の横幅が表示サイズの横幅より小さくなるようＷｅｂページを縮小することにより縮小Ｗｅｂページを生成する生成部と、特定要素の横幅が表示サイズの横幅より大きいとき、特定要素に対応した縮小Ｗｅｂページの特定縮小要素を表示部に対して表示させると共に、縮小Ｗｅｂページにおける特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、特定要素の横幅が表示サイズの横幅より小さいとき、特定要素を本来の大きさのまま表示部に対して表示させると共に、Ｗｅｂページにおける特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう制御する表示制御部とを設けるようにした。
これにより、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができる。
また本発明のＷｅｂページ表示方法においては、Ｗｅｂページを取得部により取得する取得ステップと、Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、特定要素の横幅が表示サイズの横幅より小さくなるようＷｅｂページを縮小することにより縮小Ｗｅｂページを生成部により生成する生成ステップと、特定要素の横幅が表示サイズの横幅より大きいとき、特定要素に対応した縮小Ｗｅｂページの特定縮小要素を表示部に対して表示させると共に、縮小Ｗｅｂページにおける特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、特定要素の横幅が表示サイズの横幅より小さいとき、特定要素を本来の大きさのまま表示部に対して表示させると共に、Ｗｅｂページにおける特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう表示制御部により制御する表示制御ステップとを有するようにした。
これにより、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができる。
本発明によれば、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができ、かくしてＷｅｂページを見易く表示し得るＷｅｂページ表示装置及びＷｅｂページ表示方法を実現することができる。
以下に、図面について、本発明の一実施の形態を詳述する。
（１）Ｗｅｂページ取得表示システムの構成
（１−１）Ｗｅｂページ取得表示システムの全体構成
図２に示すように、本発明の一実施の形態としてのＷｅｂページ取得表示システム１は、ＰＤＡ２、ウェブサーバ３及びスナップショットサーバ４により構成されており、例えばインターネットを介して接続されている。
ＰＤＡ２は、その前面２ＡにＱＶＧＡでなるディスプレイ５が設けられており、また左側面２Ｂに上ボタン６ａ、下ボタン６ｂ、決定ボタン６ｃ及び戻るボタン６ｄからなる操作ボタン群６が設けられており、ユーザインタフェースとして機能するようになされている。
ＰＤＡ２は、ユーザによる所定の操作に応じて、所定のＷｅｂページのデータ（以下、これをＷｅｂページデータと呼ぶ）を取得するためのリクエストメッセージをウェブサーバ３へ送信する。
ウェブサーバ３は、多数のＷｅｂページデータを保存しており、ＰＤＡ２から受け取ったリクエストメッセージに対応するＷｅｂページデータＷＤを当該ＰＤＡ２へ送信するようになされている。
これと同時にウェブサーバ３は、ＰＤＡ２へ送信したＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータ（図示せず）をスナップショットサーバ４へ送信する。
スナップショットサーバ４は、ウェブサーバ３から受け取ったＷｅｂページデータＷＤを基にイメージデータ（後述する）ＩＤを生成し、ログデータに基づいて当該イメージデータＩＤをＰＤＡ２へ送信するようになされている。
（１−２）ＰＤＡの回路構成
図３に示すようにＰＤＡ２は、ＣＰＵ（Central Processing Unit）１１がＲＯＭ（Read Only Memory）１２から読み出してＲＡＭ（Random Access Memory）１３に起動した基本プログラムに従い、バス１４を介して全体を統括制御するようになされている。
またＰＤＡ２は、ＣＰＵ１１がＲＯＭ１２から読み出してＲＡＭ１３に起動した各種アプリケーションプログラムに従って後述する最適レイアウト表示処理等の種々の処理を実行し得るようになされている。
ＰＤＡ２は、例えばIEEE（Institute of Electrical and Electronics Engineers）802.11系の無線通信モジュール等でなる無線通信ユニット１６が設けられており、当該無線通信ユニット１６を介してウェブサーバ３及びスナップショットサーバ４と無線接続するようになされている。
ＰＤＡ２のＣＰＵ１１は、ディスプレイ５の表面に設けられたタッチパネル１５に対するユーザ操作に応じて、例えばＷｅｂページデータＷＤを無線通信ユニット１６を介してウェブサーバ３から受信すると、当該ＷｅｂページデータＷＤを不揮発性メモリ１７に保存するようになされている。
（１−３）ウェブサーバの回路構成
図４に示すようにウェブサーバ３は、ＣＰＵ３１がＲＯＭ３２から読み出してＲＡＭ３３に起動した基本プログラムに従い、バス３６を介して全体を統括制御すると共に、各種アプリケーションプログラムに従って種々の処理を実行し得るようになされている。
ウェブサーバ３のＣＰＵ３１は、多数のＷｅｂページデータをハードディスクドライブ３４に保存している。ウェブサーバ３のＣＰＵ３１は、例えばＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、当該リクエストメッセージに対応したＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信するようになされている。
またウェブサーバ３のＣＰＵ３１は、ＷｅｂページデータＷＤをＰＤＡ２へ送信すると共に、当該ＷｅｂページデータＷＤ及びログデータをスナップショットサーバ４へ通信ユニット３５を介して送信するようになされている。
（１−４）スナップショットサーバの回路構成
スナップショットサーバ４（図４）は、ウェブサーバ３と共通の基本構成を有し、ＣＰＵ４１がＲＯＭ４２から読み出してＲＡＭ４３に起動した基本プログラムに従い、バス４６を介して全体を統括制御すると共に、各種アプリケーションプログラムに従って種々の処理を実行し得るようになされている。
スナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３からＷｅｂページデータＷＤ及びログデータを通信ユニット４５を介して受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４に保存する。
またスナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３から受け取ったＷｅｂページデータＷＤを基にイメージデータＩＤを生成し、ログデータに基づいて当該イメージデータＩＤを通信ユニット４５を介してＰＤＡ２へ送信するようになされている。
（２）最適レイアウト表示処理
次に、ユーザ所望のＷｅｂページデータＷＤに対応したＷｅｂページを、ユーザに対して見易い状態でＰＤＡ２のディスプレイ５に表示するための最適レイアウト表示処理について説明する。
ＰＤＡ２のＣＰＵ１１は、例えばディスプレイ５の表面に設けられたタッチパネル１５に対するユーザのタッチ操作により所定のＵＲＬ（Uniform Resource Locator）が入力されると、当該ＵＲＬに対応したＷｅｂページデータＷＤを取得するため、リクエストメッセージを無線通信ユニット１６を介してウェブサーバ３へ送信する。
ウェブサーバ３のＣＰＵ３１は、ＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、そのリクエストメッセージに対応するＷｅｂページデータＷＤをハードディスクドライブ３４から読み出し、当該ＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信する。
またウェブサーバ３のＣＰＵ３１は、ＰＤＡ２へＷｅｂページデータＷＤを送信すると共に、当該ＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータをスナップショットサーバ４へ通信ユニット３５を介して送信する。
ここでＷｅｂページデータＷＤは、図５（Ａ）に示すように、ＨＴＭＬ形式で記載されたＨＴＭＬデータＨＤと、図５（Ｂ）に示すように、Ｗｅｂページのレイアウト形式が記載されたＣＳＳ（Cascading Style Sheets）データＣＤと、ファイル名「dome.jpg」でなる画像データ（図示せず）とにより構成されている。
ＨＴＭＬデータＨＤでは、<html>タグと</html>タグとに挟まれた部分がＨＴＭＬ形式で記載されていることを宣言し、<head>タグと</head>タグとに挟まれた部分にＷｅｂページのタイトルや、当該Ｗｅｂページに関する情報が記載されている。またＨＴＭＬデータＨＤには、<body>タグと</body>タグとに挟まれた部分にＷｅｂページの本文が記載されている。
さらにＨＴＭＬデータＨＤには、「<link rel="stylesheet" href="dome.css">」の記載により、ファイル名「dome.css」でなるＣＳＳデータＣＤの内容をスタイルシートとして参照できる旨が示されている。
スナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３から通信ユニット４５を介してＷｅｂページデータＷＤを受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４へ保存すると共に、図６（Ａ）に示すように、当該ＷｅｂページデータＷＤに基づいてＷｅｂページＷ１１を生成する。
具体的にスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける<div class="container">タグと</body>タグの直前の</div>タグとに挟まれた部分、及びＣＳＳデータＣＤにおける「.container{width: 1024px;}」の記載に基づいてＷｅｂページＷ１１の横幅を１０２４ピクセルに設定する。
因みにスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページデータＷＤのＣＳＳデータＣＤに「.container{width: 1024px;}」のようなＷｅｂページＷ１１の横幅が記載されていない場合、デフォルトとして当該ＷｅｂページＷ１１の横幅を１０２４ピクセルに設定するようになされている。
またスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページＷ１１の縦幅がＨＴＭＬデータＨＤ及びＣＳＳデータＣＤによって定義されていない場合、例えばデフォルトとして当該ＷｅｂページＷ１１の縦幅を１０２４ピクセルに設定するようになされている。
そしてスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="header">東都ドームタウン</div>」、及びＣＳＳデータＣＤにおける「.header{width: 1024px;height:150;}」の記載により定義された要素（以下、これをヘッダー要素と呼ぶ）ｆ１をＷｅｂページＷ１１の最上段に配置する。このときスナップショットサーバ４のＣＰＵ４１は、ヘッダー要素ｆ１の横幅及び縦幅をそれぞれ１０２４ピクセル及び１５０ピクセルに設定する。
またスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="sidebar">・・・東都ドームホテル<BR></div>」、及びＣＳＳデータＣＤにおける「.sidebar{float: left;width: 224px;}」の記載により定義された要素（以下、これをサイドバー要素と呼ぶ）ｆ２をヘッダー要素ｆ１の左下に配置する。このときスナップショットサーバ４のＣＰＵ４１は、サイドバー要素ｆ２の横幅を２２４ピクセルに設定する。
さらにスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="contents">・・・臣５−２内<BR></div>」、及びＣＳＳデータＣＤにおける「.contents{float: left;width: 800px;}」の記載により定義された要素（以下、これをコンテンツ要素と呼ぶ）ｆ３をサイドバー要素ｆ２の右側に配置する。このときスナップショットサーバ４のＣＰＵ４１は、コンテンツ要素ｆ３の横幅を８００ピクセルに設定する。
またスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="footer">・・・東都ドーム株式会社<BR></div>」、及びＣＳＳデータＣＤにおける「.footer{clear: both;width: 1024px;height: 150;}」の記載により定義された要素（以下、これをフッター要素）ｆ４をサイドバー要素ｆ２及びコンテンツ要素ｆ３の下側に配置する。このときスナップショットサーバ４のＣＰＵ４１は、フッター要素ｆ４の横幅及び縦幅をそれぞれ１０２４ピクセル及び１５０ピクセルに設定する。
従ってスナップショットサーバ４のＣＰＵ４１は、サイドバー要素ｆ２及びコンテンツ要素ｆ３の縦幅を、ＷｅｂページＷ１１全体の縦幅である１０２４ピクセルからヘッダー要素ｆ１及びフッター要素ｆ２の縦幅である１５０ピクセルをそれぞれ減算した７２４ピクセルに設定することとなる。
このようにしてスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページＷ１１を生成した後、図６（Ｂ）に示すように、ＷｅｂページＷ１１の横幅が例えば２４０ピクセルとなるように縮小した画像でなるスナップショットＳＳを生成する。
このスナップショットＳＳでは、縮小ヘッダー要素ｓｆ１、縮小サイドバー要素ｓｆ２、縮小コンテンツ要素ｓｆ３及び縮小フッター要素ｓｆ４がそれぞれＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２、コンテンツ要素ｆ３及びフッター要素ｆ４に対応している。
またスナップショットサーバ４のＣＰＵ４１は、図６（Ｃ）に示すように、スナップショットＳＳの左上の頂点を（０、０）とし、右方向にＸ軸、下方向にＹ軸が伸びる座標軸を設定する。そしてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳの各画素が縮小ヘッダー要素ｓｆ１、縮小サイドバー要素ｓｆ２、縮小コンテンツ要素ｓｆ３及び縮小フッター要素ｓｆ４のいずれに対応しているかそれぞれ算出し、その結果が示される要素位置データｆｐを生成する。
すなわち要素位置データｆｐでは、スナップショットＳＳの座標範囲（０〜２４０、０〜３５）が縮小ヘッダー要素ｓｆ１に対応することを示している。以下同様に、要素位置データｆｐでは、スナップショット画像ＳＳの座標範囲（０〜５３、３６〜２０５）が縮小サイドバー要素ｓｆ２に対応し、座標範囲（５４〜２４０、３６〜２０５）が縮小コンテンツ要素ｓｆ３に対応し、座標範囲（０〜２４０、２０６〜２４０）が縮小フッター要素ｓｆ４に対応することを示している。
そしてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳ（図６（Ｂ））及び要素位置データｆｐ（図６（Ｃ））からなるイメージデータＩＤを通信ユニット４５を介してＰＤＡ２へ送信するようになされている。
ＰＤＡ２のＣＰＵ１１は、無線通信ユニット１６を介して、ウェブサーバ３からＷｅｂページデータＷＤを受信し、またスナップショットサーバ４からイメージデータＩＤを受信すると、ＷｅｂページデータＷＤ及びイメージデータＩＤを不揮発性メモリ１７に保存する。
そしてＰＤＡ２のＣＰＵ１１は、図７（Ａ）に示すように、不揮発性メモリ１７に保存したイメージデータＩＤのスナップショットＳＳが中央に配置されたスナップショット表示画面ＳＧをディスプレイ５に表示するようになされている。
このようにＰＤＡ２は、スナップショット表示画面ＳＧを介してスナップショットＳＳをディスプレイ５に表示することにより、ウェブサーバ３から取得したＷｅｂページデータＷＤに対応するＷｅｂページＷ１１の全体構成をユーザに対して目視確認させ得るようになされている。
その後、ＰＤＡ２のＣＰＵ１１は、図７（Ｂ）に示すように、スナップショット表示画面ＳＧをディスプレイ５に表示している状態で、ユーザによって当該ディスプレイ５の表面に設けられたタッチパネル１５がタッチ操作されると、当該タッチ操作された点Ｐ１の座標値（２０、１００）を算出する。
そしてＰＤＡ２のＣＰＵ１１は、不揮発性メモリ１７からイメージデータＩＤの要素位置データｆｐ（図６（Ｃ））を読み出すと、ユーザによってタッチ操作された点Ｐ１の座標値（２０、１００）と要素位置データｆｐとを比較することにより、スナップショットＳＳの縮小サイドバー要素ｓｆ２がユーザによってタッチされたと判断する。
すなわちＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの縮小サイドバー要素ｓｆ２に対応したＷｅｂページＷ１１のサイドバー要素ｆ２がユーザによってタッチされたと判断することができるようになされている。
このときＰＤＡ２のＣＰＵ１１は、不揮発性メモリ１７からＷｅｂページデータＷＤ（図２）を読み出し、図８（Ａ）に示すように、当該ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１を生成する。
そしてＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサードバー要素ｆ２の横幅２２４ピクセルがディスプレイ５の表示サイズである横幅３２０ピクセルより大きいか否かを判断する。
ここでＰＤＡ２のＣＰＵ１１は、サイドバー要素ｆ２の横幅が表示サイズの横幅より小さいと判断すると、ＷｅｂページＷ１１を縮小することなく、サイドバー要素ｆ２をそのままのサイズでディスプレイ５に表示する。
具体的には、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１（図８（Ａ））のサイドバー要素ｆ２を左右方向に対して中央に配置し、また当該サイドバー要素ｆ２の上方２３０ピクセルを表示できるよう表示領域ＷＡ２を設定する。
そしてＰＤＡ２のＣＰＵ１１は、図８（Ｂ）に示すように、表示領域ＷＡ２と対応した表示画面ＤＧ２を生成し、当該表示画面ＤＧ２をディスプレイ５に表示するようになされている。
従ってＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２の上側２３０ピクセル分を表示すると共に、当該サイドバー要素ｆ２の上方に配置されたヘッダー要素ｆ１の下方１０ピクセル分、及び当該サイドバー要素ｆ２の右側に配置されたコンテンツ要素ｆ３の左上部分を表示し得るようになされている。
これによりＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２を本来の大きさのまま目視確認させ得ると共に、サイドバー要素ｆ２に加えてヘッダー要素ｆ１及びコンテンツ要素ｆ３の一部分を表示することができるため、当該サイドバー要素ｆ２の位置関係についても容易に認識させ得るようになされている。
因みにＰＤＡ２のＣＰＵ１１は、表示画面ＤＧ２をディスプレイ５に表示している状態で、下ボタン６ｂ（図２）がユーザによって押下操作されると、サイドバー要素ｆ２の下方を表示するようになされている。
一方、ＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧ（図７（Ａ））を表示している状態で、上述したような認識過程を経て、コンテンツ要素ｆ３がタッチ操作されたことを認識すると、不揮発性メモリ１７からＷｅｂページデータＷＤを読み出してＷｅｂページＷ１１（図９（Ａ））を生成する。
そしてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作されたコンテンツ要素ｆ３の横幅８００ピクセルがディスプレイ５の表示サイズである横幅３２０ピクセルより大きいか否か判断する。
ここで、ＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３の横幅が表示サイズの横幅より大きいと判断すると、横幅８００ピクセルのコンテンツ要素ｆ３が横幅３００ピクセルとなるようＷｅｂページＷ１１を３／８倍に縮小することにより、図９（Ｂ）に示すような横幅３８４ピクセルの縮小ＷｅｂページＷ１２を生成する。
縮小ＷｅｂページＷ１２では、縮小ヘッダー要素ｓｆ１１、縮小サイドバー要素ｓｆ１２、縮小コンテンツ要素ｓｆ１３及び縮小フッター要素ｓｆ１４がそれぞれＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２、コンテンツ要素ｆ３及びフッター要素ｆ４に対応する。
またＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１を３／８倍に縮小する際、当該ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置されたドーム画像ＩＭ（図９（Ａ））についても３／８倍に縮小する。
一方、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置された「本日の試合」や「臣人 ｖｓ 内日」等の文字列については３／８倍に縮小せず、ユーザに目視確認させやすい所定の倍率に縮小するか、或いは縮小しないままにしておくようになされている。
同様に、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２及びフッター要素ｆ４内に配置された「東都ドームタウン」、「東都ドーム」、「東京都中央区○○町△〜□」等の文字列についてもユーザに目視確認させ易い所定の倍率に縮小するか、或いは縮小しないままにしておくようになされている。
ＰＤＡ２のＣＰＵ１１は、縮小ＷｅｂページＷ１２を生成すると、当該縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３が左右方向の中央に配置され、また当該縮小コンテンツ要素ｓｆ１３の上方２３０ピクセルを表示するよう表示領域ＷＡ３を設定する。
そしてＰＤＡ２のＣＰＵ１１は、図９（Ｃ）に示すように、表示領域ＷＡ３と対応した表示画面ＤＧ３を生成し、当該表示画面ＤＧ３をディスプレイ５に表示するようになされている。
従ってＰＤＡ２のＣＰＵ１１は、縮小コンテンツ要素ｓｆ１３の上側２３０ピクセル分を表示すると共に、当該コンテンツ要素ｆ３の上方に配置された縮小ヘッダー要素ｓｆ１の下方１０ピクセル分、及び当該縮小コンテンツ要素ｓｆ１３の左側に配置された縮小サイドバー要素ｓｆ１２の右上部分を表示することになる。
これによりＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３に対応した縮小コンテンツ要素ｓｆ１３を横方向全体に渡って目視確認させ得ると共に、縮小ヘッダー要素ｓｆ１１及び縮小サイドバー要素ｓｆ１２の一部分を表示することができるため、当該縮小コンテンツ要素ｓｆ１３の位置関係についても容易に認識させ得るようになされている。
（３）最適レイアウト表示処理手順
図１０及びこれに続く図１１に示すように、ＰＤＡ２のＣＰＵ１１は、ステップＳＰ１において、ユーザ操作によって指定されたＷｅｂページＷ１１に対応するＷｅｂページデータＷＤを取得すべく、リクエストメッセージを無線通信ユニット１６を介してウェブサーバ３へ送信し、次のステップＳＰ２へ移る。
ステップＳＰ２においてウェブサーバ３のＣＰＵ３１は、ＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、当該リクエストメッセージに従ってＷｅｂページデータＷＤをハードディスクドライブ３４から読み出し、当該ＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信し、次のステップＳＰ３へ移る。
ステップＳＰ３においてＰＤＡ２のＣＰＵ１１は、ウェブサーバ３からＷｅｂページデータＷＤを無線通信ユニット１６を介して受信すると、当該ＷｅｂページデータＷＤを不揮発性メモリ１７へ保存し、次のステップＳＰ４へ移る。
ステップＳＰ４においてウェブサーバ３のＣＰＵ３１は、ステップＳＰ２においてＰＤＡ２へ送信したＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータをスナップショットサーバ４へ通信ユニット３５を介して送信し、次のステップＳＰ５へ移って処理を終了する。
一方、ステップＳＰ６においてスナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３からＷｅｂページデータＷＤ及びログデータを通信ユニット４５を介して受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４へ保存し、次のステップＳＰ７へ移る。
ステップＳＰ７においてスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページデータＷＤを基にスナップショットＳＳ（図６（Ｂ））及び要素位置データｆｐ（図６（Ｃ））を生成し、次のステップＳＰ８へ移る。
ステップＳＰ８においてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳ及び要素位置データｆｐからなるイメージデータＩＤをログデータに基づきＰＤＡ２へ通信ユニット４５により送信し、次のステップＳＰ９へ移って処理を終了する。
一方、ステップＳＰ１０においてＰＤＡ２のＣＰＵ１１は、スナップショットサーバ４からイメージデータＩＤを無線通信ユニット１６を介して受信すると、当該イメージデータＩＤを不揮発性メモリ１７へ保存し、次のステップＳＰ１１（図１１）へ移る。
ステップＳＰ１１においてＰＤＡ２のＣＰＵ１１は、イメージデータＩＤのスナップショットＳＳが中央に配置されたスナップショット表示画面ＳＧ（図７（Ａ））をディスプレイ５へ表示し、次のステップＳＰ１２へ移る。
ステップＳＰ１２においてＰＤＡ２のＣＰＵ１１は、ディスプレイ５の表面に設けられたタッチパネル１５がユーザにタッチ操作されたか否かを判断し、否定結果が得られると、タッチパネル１５がタッチ操作されるまで待ち受けるのに対し、肯定結果が得られるとステップＳＰ１３へ移る。
ステップＳＰ１３においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された点の座標値を検出し、当該検出した座標値と、イメージデータＩＤの要素位置データｆｐとを比較することにより、例えば縮小サイドバー要素ｓｆ２がユーザによってタッチ操作されたと認識し、次のステップＳＰ１４へ移る。
ステップＳＰ１４においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページデータＷＤを不揮発性メモリ１７から読み出し、当該ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１（図８（Ａ））を生成し、次のステップＳＰ１５へ移る。
ステップＳＰ１５においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された縮小サイドバー要素ｓｆ２に対応するサイドバー要素ｆ２の横幅２２４ピクセルが、表示サイズの横幅３２０ピクセルよりも大きいか否かを判断し、否定結果が得られると次のステップＳＰ１６へ移る。
ステップＳＰ１６においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のサイドバー要素ｆ２を左右方向に対する中央に配置し、また当該サイドバー要素ｆ２の上方２３０ピクセルを表示するよう設定した表示画面ＤＧ２（図８（Ｂ））を生成すると、当該表示画面ＤＧ２をディスプレイ５に表示し、次のステップＳＰ１９へ移る。
ステップＳＰ１９においてＰＤＡ２のＣＰＵ１１は、ユーザによって戻るボタン６ｄ（図２）が押下操作されたか否かを判断し、肯定結果が得られるとステップＳＰ１１へ戻る。
ステップＳＰ１１においてＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧ（図７（Ａ））を再びディスプレイ５へ表示し、次のステップＳＰ１２へ移り、タッチパネル１５がユーザにタッチ操作されたか否かを判断し、肯定結果が得られるとステップＳＰ１３へ移る。
ステップＳＰ１３においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された点の座標値を検出し、当該検出した座標値と、イメージデータＩＤの要素位置データｆｐとを比較することにより、例えば縮小コンテンツ要素ｓｆ３がタッチ操作されたことを判断し、次のステップＳＰ１４へ移る。
ステップＳＰ１４においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１（図９（Ａ））を生成し、次のステップＳＰ１５へ移る。
ステップＳＰ１５においてＰＤＡ２のＣＰＵ１１は、ユーザによって選択された縮小コンテンツ要素ｓｆ３に対応するコンテンツ要素ｆ３の横幅８００ピクセルが、表示サイズの横幅３２０ピクセルよりも大きいか否かを判断し、肯定結果が得られると次のステップＳＰ１７へ移る。
ステップＳＰ１７においてＰＤＡ２のＣＰＵ１１は、横幅８００ピクセルのコンテンツ要素ｆ３が横幅３００ピクセルとなるようＷｅｂページＷ１１を３／８倍に縮小することにより、横幅３８４ピクセルの縮小ＷｅｂページＷ１２（図９（Ｂ））を生成し、次のステップＳＰ１８へ移る。
ステップＳＰ１８においてＰＤＡ２のＣＰＵ１１は、縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３が左右方向の中央に配置され、また当該縮小コンテンツ要素ｓｆ１３の上方２３０ピクセルを表示するよう設定された表示画面ＤＧ３（図９（Ｃ））を生成し、当該表示画面ＤＧ３をディスプレイ５に表示し、次のステップＳＰ１９へ移る。
ステップＳＰ１９においてＰＤＡ２のＣＰＵ１１は、ユーザによって戻るボタン６ｄが押下操作されたか否かを再び判断し、否定結果が得られるとステップＳＰ２０へ移って処理を終了する。
（４）動作及び効果
以上の構成において、ＰＤＡ２のＣＰＵ１１は、ユーザ所望のＷｅｂページＷ１１に対応したＷｅｂページデータＷＤをウェブサーバ３から受信すると共に、ＷｅｂページＷ１１が縮小されたスナップショットＳＳ及び要素位置データｆｐからなるイメージデータＩＤをスナップショットサーバ４から取得する。
そしてＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧを介してＷｅｂページＷ１１が縮小されたスナップショットＳＳをディスプレイ５に表示することにより、ＷｅｂページＷ１１の全体構成をユーザに対して目視確認させることができる。
またＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの例えば縮小サイドバー要素ｓｆ２がユーザにタッチ操作された場合、当該縮小サイドバー要素ｓｆ２に対応したＷｅｂページＷ１１のサイドバー要素ｆ２の横幅が表示サイズの横幅より小さいと判断すると、当該サイドバー要素ｆ２の上部をそのままの大きさでディスプレイ５に表示する。
ここでＰＤＡ２のＣＰＵ１１は、サイドバー要素ｆ２をディスプレイ５に表示する際、当該サイドバー要素ｆ２の上側２３０ピクセル分を表示し、また当該サイドバー要素ｆ２の上方に配置されたヘッダー要素ｆ１の下方１０ピクセル分、及び当該サイドバー要素ｆ２の右側に配置されたコンテンツ要素ｆ３の左上部分を表示する。
これによりＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２をそのままの大きさで目視確認させることができ、またヘッダー要素ｆ１及びコンテンツ要素ｆ３の一部分を表示するため、ＷｅｂページＷ１１全体に対する当該サイドバー要素ｆ２の位置関係についても容易に認識させることができる。
一方、ＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの例えば縮小コンテンツ要素ｓｆ３がユーザにタッチ操作された場合、当該縮小コンテンツ要素ｓｆ３に対応するＷｅｂページＷ１１のコンテンツ要素ｆ３の横幅が表示サイズの横幅より大きいと判断する。このときＰＤＡ２のＣＰＵ１１は、当該コンテンツ要素ｆ３の横幅が表示サイズの横幅より小さくなるようＷｅｂページＷ１１を例えば３／８倍に縮小し、その結果得られた縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３の上部をディスプレイ５に表示する。
このときＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置されたドーム画像ＩＭを３／８倍に縮小する一方、例えば「本日の試合」等の文字列を所定の倍率に縮小するか、或いは縮小しないようにした。これによりＰＤＡ２のＣＰＵ１１
は、ＷｅｂページＷ１１のレイアウトを崩すことなく、ユーザに目視確認させ易い状態で縮小コンテンツ要素ｓｆ１３を表示することができる。
またＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３に対応する縮小コンテンツ要素ｓｆ１３をディスプレイ５に表示する際、縮小ヘッダー要素ｓｆ１１及び縮小サイドバー要素ｓｆ１２の一部分を表示するため、縮小ＷｅｂページＷ１２に対する当該縮小コンテンツ要素ｓｆ１３の位置関係についても容易に認識させることができる。
ところで従来のＰＤＡでは、図１２（Ａ）に示すように、例えばＷｅｂページＷ１１が縮小された縮小ＷｅｂページＷ２１を生成し、当該縮小ＷｅｂページＷ２１が中央に配置された縮小表示画面ＳＤＧをディスプレイに表示する。
そしてＰＤＡは、縮小表示画面ＳＤＧをディスプレイに表示している状態で、縮小表示画面ＳＤＧを介してタッチパネルがユーザによってタッチ操作されると、図１２（Ｂ）に示すように、縮小ＷｅｂページＷ２１を所定の割合で拡大した拡大表示画面ＫＧ１をディスプレイに表示する。
またＰＤＡは、拡大表示画面ＫＧ１をディスプレイに表示している状態で、タッチパネルが再びユーザにタッチ操作されると、図１２（Ｃ）に示すように、縮小ＷｅｂページＷ２１をさらに所定の割合で拡大表示した拡大表示画面ＫＧ２をディスプレイに表示することにより、所望サイズに拡大した縮小コンテンツ要素ｓｆ２３をユーザに提供し得るようになされている。
この場合、ＰＤＡは、拡大表示画面ＫＧ２を介して所望サイズの縮小コンテンツ要素ｓｆ２３をディスプレイに表示するには、ユーザに対してタッチパネルを複数回もタッチ操作させなければならず、煩雑な操作を強いることになる。
またＰＤＡでは、縮小ＷｅｂページＷ２１を拡大表示画面ＫＧ１、ＫＧ２となるように所定の割合で拡大しながら表示していくため、縮小コンテンツ要素ｓｆ２３の周辺に配置された縮小ヘッダー要素ｓｆ２１及び縮小サイドバー要素ｓｆ２２についても大きな割合で表示してしまうことになる。
さらにＰＤＡでは、縮小ＷｅｂページＷ２１を拡大表示画面ＫＧ１、ＫＧ２となるように所定の割合で拡大しながら表示していくため、縮小コンテンツ要素ｓｆ２３を横方向に亘って全体的に表示できない場合が生じる。このためＰＤＡは、縮小コンテンツ要素ｓｆ２３をユーザにとって見易い表示態様で表示できていないことになる。
これに対して本発明のＰＤＡ２は、スナップショット表示画面ＳＧ（図７（Ａ））を表示し、ユーザ所望の縮小コンテンツ要素ｓｆ３を一回のみタッチ操作させるだけで、縮小ＷｅｂページＷ２１（図９（Ｂ））の縮小コンテンツ要素ｓｆ１３が配置された表示画面ＤＧ３（図９（Ｃ））を表示することができる。
このときＰＤＡ２は、表示画面ＤＧ３に縮小コンテンツ要素ｓｆ１３を横方向に亘って全体的に表示するため、ユーザに見易い表示態様で縮小コンテンツ要素ｓｆ１３を表示することができる。
このようにＰＤＡ２は、ユーザに対して煩雑な操作を強いることなく、１回のタッチ操作を行わせるだけで、ユーザ所望のコンテンツ要素ｆ３に対応した縮小コンテンツ要素ｓｆ１３をユーザに見易い表示態様で目視確認させることができる。
また従来のＰＤＡでは、図１３に示すように、ＷｅｂページデータＷＤのＣＳＳデータＣＤを参照することなく、表示サイズである横幅３２０ピクセルとなるようレイアウトを崩すことによって、ＷｅｂページＷ３１を生成する。そしてＰＤＡは、ＷｅｂページＷ３１の上部をディスプレイに表示する。
この場合、ＰＤＡは、レイアウトが崩されたＷｅｂページＷ３１をディスプレイに表示することになり、本来のレイアウトであるＷｅｂページＷ１１の全体構成をユーザに対して把握させ辛いという問題があった。
これに対して本発明のＰＤＡ２は、ＷｅｂページＷ１１のレイアウトを崩すことなく、ユーザ所望の例えばサイドバー要素ｆ２やコンテンツ要素ｆ３を表示することができるので、ユーザに対してＷｅｂページＷ１１の全体構成を容易に把握させることができる。
以上の構成によれば、ＰＤＡ２は、ＷｅｂページＷ１１が縮小されたスナップショットＳＳをディスプレイ５に表示し、ユーザによって指定された例えばコンテンツ要素ｆ３が表示サイズより大きい場合、当該コンテンツ要素ｆ３が表示サイズより小さくなるようにＷｅｂページＷ１１を縮小して表示する。これによりＰＤＡ２は、ＷｅｂページＷ１１のレイアウトを崩すことなく、当該ＷｅｂページＷ１１を見易い状態で表示することができる。
（５）他の実施の形態
なお上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１がウェブサーバ３からＷｅｂページデータＷＤを受信すると共に、スナップショットサーバ４からイメージデータＩＤを受信するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１が、ウェブサーバ３からＷｅｂページデータＷＤを受信すると、当該ＷｅｂページデータＷＤに基づいてＷｅｂページＷ１１を生成すると共に、当該ＷｅｂページＷ１１を縮小したスナップショットＳＳ、及び要素位置データｆｐを生成するようにしてもよい。
この場合、ＰＤＡ２は、スナップショットサーバ４からイメージデータＩＤを受信することなく、上述したような最適レイアウト表示処理を実行することができる。
また上述した実施の形態においては、例えば縮小ＷｅｂページＷ１２（図９（Ｂ））の一部が配置された表示画面ＤＧ３（図９（Ｃ））をディスプレイ５に表示した状態で、戻るボタン６ｄ（図２）が押下操作されると、スナップショット表示画面ＳＧ（図７（Ａ））を再び表示するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１は、図１４に示すように、表示画面ＤＧ３に対して戻るアイコンＩＣが重ねて配置された表示画面ＤＧ４をディスプレイ５に表示し、当該戻るアイコンＩＣがユーザによってタッチ操作された場合、スナップショット表示画面ＳＧを再び表示するようにしてもよい。
さらに上述した実施の形態においては、ウェブサーバ３がＰＤＡ２へＷｅｂページデータＷＤを送信すると共に、当該ＷｅｂページデータＷＤをスナップショットサーバ４へ送信し、スナップショットサーバ４がイメージデータＩＤを生成するようにした場合について述べた。しかしながら本発明はこれに限らず、スナップショットサーバ４が、予め定期的にウェブサーバ３からＷｅｂページデータＷＤを受信し、イメージデータＩＤを生成しておくようにしてもよい。
この場合スナップショットサーバ４は、ウェブサーバ３からログデータを受信すると、直ぐにイメージデータＩＤをＰＤＡ２に送信することができる。
さらに上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１が、スナップショット表示画面ＳＧ（図７（Ａ））をディスプレイ５に表示している状態で、タッチパネル１５に対するタッチ操作に応じて例えば縮小サイドバー要素ｓｆ２が選択されたことを判断するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１が、スナップショット表示画面ＳＧに対してカーソルを重ねて表示し、例えば縮小サイドバー要素ｓｆ２上に当該カーソルが配置された状態で決定ボタン６ｃが押下操作されると、縮小サイドバー要素ｓｆ２が選択されたと判断するようにしてよい。
さらに上述した実施の形態については、ＰＤＡ２のＣＰＵ１１が、例えばスナップショット表示画面ＳＧの縮小コンテンツ要素ｓｆ３がタッチ操作されたと判断すると、ＷｅｂページデータＷ１１を３／８倍に縮小するようにした場合について述べた。しかしながら本発明はこれに限らず、例えばスナップショット表示画面ＳＧの縮小コンテンツ要素ｓｆ３がタッチ操作されたと判断すると、ＷｅｂページデータＷ１１のコンテンツ要素ｆ３が表示サイズである横幅３２０ピクセルとなるように、当該ＷｅｂページＷ１１を縮小するようにしてもよい。
さらに上述した実施の形態については、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１が、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤによってＷｅｂページＷ１１の縦幅を定義していない場合、デフォルトとして当該ＷｅｂページＷ１１の縦幅を１０２４ピクセルに設定するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１が、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいた縦幅となるようなＷｅｂページを生成するようにしても良い。
この場合、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤの記載量に応じた縦幅となるようなＷｅｂページの横幅が例えば２４０ピクセルとなるように当該Ｗｅｂページを縮小することにより、縮小Ｗｅｂページを生成する。そしてＰＤＡ２のＣＰＵ１１は、その縮小Ｗｅｂページの上方２４０ピクセル分をディスプレイ５に表示することにより、ユーザに縮小Ｗｅｂページを目視確認させることができる。
さらに上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１、ウェブサーバ３のＣＰＵ３１及びスナップショットサーバ４のＣＰＵ４１が、予めＲＯＭ１２、３２及び４２に格納されているアプリケーションプログラムに従い、上述した最適レイアウト表示処理手順（図１０、図１１）を行うようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１、ウェブサーバ３のＣＰＵ３１及びスナップショットサーバ４のＣＰＵ４１が、記憶媒体からインストールしたアプリケーションプログラムや、インターネットからダウンロードしたアプリケーションプログラム、その他種々のルートによってインストールしたアプリケーションプログラムに従って上述した最適レイアウト表示処理手順を行うようにしても良い。
さらに上述した実施の形態においては、取得部として無線通信ユニット１６、生成部及び表示制御部としてＣＰＵ１１によって本発明のＷｅｂページ表示装置としてのＰＤＡ２を構成するようにした場合について述べたが、本発明はこれに限らず、この他種々の構成でなる取得部、生成部、表示制御部によってＷｅｂページ表示装置を構成するようにしても良い。
本発明のＷｅｂページ表示装置及びＷｅｂページ表示方法は、例えば携帯電話機、ＰＮＤ（Personal Navigation Device）、ノートブック型パーソナルコンピュータ、ゲーム機等のその他種々のモバイル機器に適用することができる。
従来の縮小表示の様子を示す略線図である。 Ｗｅｂページ取得表示システムの全体構成を示す略線図である。 ＰＤＡの回路構成を示す略線図である。 ウェブサーバ及びスナップショットサーバの回路構成を示す略線図である。 Ｗｅｂページデータの構成を示す略線図である。 イメージデータの構成を示す略線図である。 スナップショット表示画面の構成及び座標位置検出の様子を示す略線図である。 選択された要素が表示サイズより小さい場合におけるＷｅｂページの表示の様子を示す略線図である。 選択された要素が表示サイズより大きい場合におけるＷｅｂページの表示の様子を示す略線図である。 最適レイアウト表示処理手順（１）の説明に供するフローチャートである。 最適レイアウト表示処理手順（２）の説明に供するフローチャートである。 従来のＷｅｂページ拡大表示の様子を示す略線図である。 従来のレイアウトを崩したＷｅｂページの表示の様子を示す略線図である。 他の実施の形態による表示画面を示す略線図である。
符号の説明
１……Ｗｅｂページ取得表示システム、２……ＰＤＡ、３……ウェブサーバ、４……スナップショットサーバ、１１、３１、４１……ＣＰＵ、１２、３２、４２……ＲＯＭ、１３、３３、４３……ＲＡＭ、１４、３６、４６……バス、１５……タッチパネル、１６……無線通信ユニット、１７……不揮発性メモリ、３４、４４……ハードディスクドライブ、３５、４５……通信ユニット、ＩＤ……イメージデータ、ＳＳ……スナップショット、ＷＤ……Ｗｅｂページデータ、Ｗ１、Ｗ１１……Ｗｅｂページ、Ｗ２、Ｗ１２……縮小Ｗｅｂページ。

Claims (2)

  1. Ｗｅｂページを取得する取得部と、
    上記Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、上記特定要素の横幅が上記表示サイズの横幅より小さくなるよう上記Ｗｅｂページを縮小することにより縮小Ｗｅｂページを生成する生成部と、
    上記特定要素の横幅が上記表示サイズの横幅より大きいとき、上記特定要素に対応した上記縮小Ｗｅｂページの特定縮小要素を上記表示部に対して表示させると共に、上記縮小Ｗｅｂページにおける上記特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、上記特定要素の横幅が上記表示サイズの横幅より小さいとき、上記特定要素を本来の大きさのまま上記表示部に対して表示させると共に、上記Ｗｅｂページにおける上記特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう制御する表示制御部と
    を具えるＷｅｂページ表示装置。
  2. Ｗｅｂページを取得部により取得する取得ステップと、
    上記Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、上記特定要素の横幅が上記表示サイズの横幅より小さくなるよう上記Ｗｅｂページを縮小することにより縮小Ｗｅｂページを生成部により生成する生成ステップと、
    上記特定要素の横幅が上記表示サイズの横幅より大きいとき、上記特定要素に対応した上記縮小Ｗｅｂページの特定縮小要素を上記表示部に対して表示させると共に、上記縮小Ｗｅｂページにおける上記特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、上記特定要素の横幅が上記表示サイズの横幅より小さいとき、上記特定要素を本来の大きさのまま上記表示部に対して表示させると共に、上記Ｗｅｂページにおける上記特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう表示制御部により制御する表示制御ステップと
    を有するＷｅｂページ表示方法。
JP2008141175A 2008-05-29 2008-05-29 Ｗｅｂページ表示装置及びＷｅｂページ表示方法 Expired - Fee Related JP4547638B2 (ja)

Priority Applications (5)

Application Number Priority Date Filing Date Title
JP2008141175A JP4547638B2 (ja) 2008-05-29 2008-05-29 Ｗｅｂページ表示装置及びＷｅｂページ表示方法
US12/427,148 US8914753B2 (en) 2008-05-29 2009-04-21 Web page display apparatus and web page display method
EP09158589.3A EP2128852B1 (en) 2008-05-29 2009-04-23 Web page display apparatus and web page display method
CN2009102028424A CN101593215B (zh) 2008-05-29 2009-05-26 网页显示装置和网页显示方法
US14/537,052 US10762278B2 (en) 2008-05-29 2014-11-10 Web page display apparatus and web page display method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008141175A JP4547638B2 (ja) 2008-05-29 2008-05-29 Ｗｅｂページ表示装置及びＷｅｂページ表示方法

Publications (2)

Publication Number Publication Date
JP2009289051A JP2009289051A (ja) 2009-12-10
JP4547638B2 true JP4547638B2 (ja) 2010-09-22

Family

ID=40765743

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008141175A Expired - Fee Related JP4547638B2 (ja) 2008-05-29 2008-05-29 Ｗｅｂページ表示装置及びＷｅｂページ表示方法

Country Status (4)

Country Link
US (2) US8914753B2 (ja)
EP (1) EP2128852B1 (ja)
JP (1) JP4547638B2 (ja)
CN (1) CN101593215B (ja)

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10630751B2 (en) 2016-12-30 2020-04-21 Google Llc Sequence dependent data message consolidation in a voice activated computer network environment
US8650188B1 (en) 2011-08-31 2014-02-11 Google Inc. Retargeting in a search environment
US10956485B2 (en) 2011-08-31 2021-03-23 Google Llc Retargeting in a search environment
CN102420851B (zh) * 2011-11-10 2015-05-06 百度在线网络技术（北京）有限公司 Http服务监控方法及系统
CN104346360A (zh) * 2013-07-29 2015-02-11 中兴通讯股份有限公司 一种移动终端浏览器放大网页的方法及装置
US10614153B2 (en) 2013-09-30 2020-04-07 Google Llc Resource size-based content item selection
US10431209B2 (en) 2016-12-30 2019-10-01 Google Llc Feedback controller for data transmissions
US9703757B2 (en) 2013-09-30 2017-07-11 Google Inc. Automatically determining a size for a content item for a web page
KR20160084629A (ko) * 2015-01-06 2016-07-14 삼성전자주식회사 콘텐트 표시 방법 및 이를 구현하는 전자 장치
US20170251072A1 (en) * 2015-10-22 2017-08-31 Symantec Corporation System and method for annotating client-server transactions
CN106610829B (zh) * 2015-10-26 2020-06-16 北京国双科技有限公司 网页截图方法和装置
CN106775561B (zh) * 2016-12-07 2020-01-03 广东小天才科技有限公司 一种截题方法、装置及智能设备
CN117908812A (zh) * 2022-10-11 2024-04-19 广州三星通信技术研究有限公司 屏幕显示方法、装置、电子设备及存储介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005106684A1 (ja) * 2004-04-30 2005-11-10 Access Co., Ltd. ブラウジング時の動的画像拡大／縮小表示のための方法、端末装置およびプログラム

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2001243151A (ja) 2000-03-02 2001-09-07 Nec Corp ブラウザシステム及び記録媒体
US7065712B2 (en) * 2000-09-01 2006-06-20 Nippon Telegraph And Telephone Corp. Scheme for posting advertisements on comprehensive information viewing device
JP3968230B2 (ja) 2001-10-15 2007-08-29 日立ソフトウエアエンジニアリング株式会社 Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置
WO2004031994A1 (en) 2002-09-30 2004-04-15 Embedded Internet Solutions, Inc. Methods for optimizing display and navigation of web contents on wireless devices
NO20031586L (no) * 2003-04-08 2004-10-11 Favourite Systems As Vindussystem for datainnretning
JP2006019780A (ja) 2004-06-30 2006-01-19 Toshiba Corp テレビジョン放送受信装置、テレビジョン放送受信システム及び表示制御方法
US20060062362A1 (en) 2004-09-22 2006-03-23 Davis Franklin A System and method for server assisted browsing
US7516402B2 (en) * 2005-02-28 2009-04-07 Nokia Corporation Presentation of large objects on small displays
JP2007004524A (ja) 2005-06-24 2007-01-11 Fujitsu Ltd 最適化レイアウト機能付きブラウザプログラム
US20100005387A1 (en) * 2006-10-05 2010-01-07 Access Co., Ltd. Terminal, content display method, and content display program
US8656295B2 (en) * 2007-01-05 2014-02-18 Apple Inc. Selecting and manipulating web content
US20080165148A1 (en) 2007-01-07 2008-07-10 Richard Williamson Portable Electronic Device, Method, and Graphical User Interface for Displaying Inline Multimedia Content
US20080307308A1 (en) * 2007-06-08 2008-12-11 Apple Inc. Creating Web Clips

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005106684A1 (ja) * 2004-04-30 2005-11-10 Access Co., Ltd. ブラウジング時の動的画像拡大／縮小表示のための方法、端末装置およびプログラム

Also Published As

Publication number Publication date
CN101593215A (zh) 2009-12-02
EP2128852A3 (en) 2010-07-21
US20090300555A1 (en) 2009-12-03
JP2009289051A (ja) 2009-12-10
CN101593215B (zh) 2013-09-11
US10762278B2 (en) 2020-09-01
US8914753B2 (en) 2014-12-16
US20150067481A1 (en) 2015-03-05
EP2128852B1 (en) 2013-07-24
EP2128852A2 (en) 2009-12-02

Similar Documents

Publication Publication Date Title
JP4547638B2 (ja) Ｗｅｂページ表示装置及びＷｅｂページ表示方法
US9111007B2 (en) Adaptive rendering of a webpage on an electronic display device
US7594194B2 (en) Portrayal of navigation objects
CN102542008B (zh) 提供文档的概要视图
CN1848081B (zh) 用于操作和查看数字文档的用户界面系统和方法
US9620084B2 (en) Method and apparatus of graphical object selection in a web browser
JP5186047B2 (ja) オブジェクト表示装置、オブジェクト表示方法、オブジェクト表示制御プログラム、及びそのプログラムを記録したコンピュータ読み取り可能な記録媒体
EP1665025A2 (en) Improved presentation of large objects on small displays
CN102262515B (zh) 图像处理装置和图像处理方法
US9019315B2 (en) Method of controlling display
JP4874363B2 (ja) ブラウザのプラグインを用いるウェブページ表示方法
US20130321469A1 (en) Method of controlling display
US20170270218A1 (en) Mapping of Defined Regions Within a Webpage
JP4812077B2 (ja) データ表示方法及びデータ表示装置並びにプログラム
JP2002202935A (ja) サーバ装置
JP2012008970A (ja) 要約情報表示装置、要約情報表示方法、要約情報表示プログラム、要約情報提供装置、要約情報提供プログラム、および、記録媒体
US20100225659A1 (en) Display control device, display control program and method
JP7612433B2 (ja) 情報処理装置、情報処理方法、及びプログラム
JP4847990B2 (ja) 複数プログラムの表示を画面部分修正で融合する方法
JP5849003B2 (ja) 表示装置、携帯端末、表示方法および表示プログラム
JP6225724B2 (ja) 情報共有システムおよび情報共有方法、ならびに、情報処理装置および情報処理方法
KR100998076B1 (ko) 정보 단말기의 영상 크기 조절 장치 및 방법
JP2011242848A (ja) 電子機器、表示制御方法、プログラム、およびコンピュータ読み取り可能な記録媒体
JP2003091371A (ja) 情報処理装置、入出力処理方法、プログラム及び記録媒体
CN118885104A (zh) 一种页面文字的语音朗读方法、装置及电子设备

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20100506

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20100521

Free format text: JAPANESE INTERMEDIATE CODE: A821

Effective date: 20100521

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: 20100610

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20100623

R151 Written notification of patent or utility model registration

Ref document number: 4547638

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20130716

Year of fee payment: 3

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees