JP5838135B2 - Mobile terminal device and WEB page display method - Google Patents
Mobile terminal device and WEB page display method Download PDFInfo
- Publication number
- JP5838135B2 JP5838135B2 JP2012185889A JP2012185889A JP5838135B2 JP 5838135 B2 JP5838135 B2 JP 5838135B2 JP 2012185889 A JP2012185889 A JP 2012185889A JP 2012185889 A JP2012185889 A JP 2012185889A JP 5838135 B2 JP5838135 B2 JP 5838135B2
- Authority
- JP
- Japan
- Prior art keywords
- web page
- parallel
- displayed
- display
- web
- 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.)
- Active
Links
Images
Landscapes
- Digital Computer Display Output (AREA)
- Information Transfer Between Computers (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
- Telephone Function (AREA)
Description
本発明は、携帯端末装置及びWEBページの表示方法に関するものである。 The present invention relates to a portable terminal device and a WEB page display method.
WEBページの参照やそれに対する入力などのWEBブラウジングがPC(パーソナルコンピュータ)や、携帯電話などの携帯端末装置上で行うことができる。近年ではスマートフォンと呼ばれる多機能な携帯端末装置が普及しており、従来の携帯電話くに比べて大型の表示画面を採用することで、WEBページをはじめとする各種情報の見やすさを向上させている。 WEB browsing such as referring to a WEB page and input to the WEB page can be performed on a personal computer (PC) or a mobile terminal device such as a mobile phone. In recent years, multifunctional mobile terminal devices called smartphones have become widespread, and by adopting a large display screen compared to conventional mobile phones, the visibility of various information including WEB pages has been improved. .
一方、ユーザが携帯電話等の携帯端末装置を通してコンテンツサーバからコンテンツを選択して取得し、そのコンテンツを携帯端末装置から電子ペーパ装置に書き込んで表示させる表示システムが特許文献1によって知られている。この表示システムでは、各コンテンツの電子ペーパ装置に書き込んだ回数に応じた順序で、携帯端末装置の画面にコンテンツのサムネイルを表示している。これにより、携帯端末装置での小さい表示画面であっても容易にコンテンツを選択できるようにしている。 On the other hand, Patent Document 1 discloses a display system in which a user selects and acquires content from a content server through a mobile terminal device such as a mobile phone, and writes and displays the content on the electronic paper device from the mobile terminal device. In this display system, thumbnails of content are displayed on the screen of the mobile terminal device in the order corresponding to the number of times each content is written to the electronic paper device. Thereby, even if it is a small display screen in a portable terminal device, it enables it to select a content easily.
また、WEBページから電子ブックを生成する情報処理装置が特許文献2によって知られている。この情報処理装置では、指定されたWEBページを解析して、そのWEBページにリンクした各WEBページの内容を有する電子ブックを生成する。情報処理装置は、指定されたWEBページにリンクした各WEBページの内容を順次に取得し、例えば2ページ分のWEBページの内容を所定のレイアウト情報にしたがって電子ブックの1ページ内にレイアウトしながら、電子ブックの各ページを生成する。 Further, Patent Document 2 discloses an information processing apparatus that generates an electronic book from a WEB page. In this information processing apparatus, a specified WEB page is analyzed, and an electronic book having the contents of each WEB page linked to the WEB page is generated. The information processing apparatus sequentially acquires the contents of each WEB page linked to the designated WEB page, for example, while laying out the contents of the WEB page for two pages in one page of the electronic book according to predetermined layout information. , Generate each page of the ebook.
ところで、上記のように従来の携帯電話くに比べて大型の表示画面を採用したスマートフォン等の携帯端末装置であって、各種のWEBページを閲覧する上で表示画面が十分なものとはいえなかった。例えば、スマートフォン向けに操作性や閲覧性を向上させたWEBページを提供するWEBサイトなどもあるが、複数のWEBページを同時に表示させることができないため、複数のWEBページを一括して表示させて、情報を一括して参照したり、各情報を比較したりするには不向きであり、操作が煩雑になり、また閲覧性が悪いという問題があった。特許文献1のように、電子ペーパ装置に表示しようとするコンテンツの候補を書き込んだ回数等の順序で表示して選択させるようにしても情報を一括して参照できないので同様な問題は生じる。 By the way, as described above, it is a mobile terminal device such as a smartphone adopting a large display screen as compared with the conventional mobile phone, and the display screen is not sufficient for browsing various WEB pages. . For example, there are WEB sites that provide WEB pages with improved operability and readability for smartphones. However, since multiple WEB pages cannot be displayed at the same time, multiple WEB pages can be displayed at once. This is unsuitable for referring to information all at once or comparing each information, and has a problem that the operation becomes complicated and the viewability is poor. As in Japanese Patent Application Laid-Open No. 2004-133620, even if the content candidates to be displayed on the electronic paper device are displayed and selected in the order such as the number of times of writing, the information cannot be referred to in a lump, and the same problem occurs.
また、特許文献2のように、複数のWEBページ内容をレイアウトし直した電子ブックを例えば電子ペーパ装置上で参照するようにした場合には、1ページ内で複数のWEBページの内容を見ることができる。しかしながら、スマートフォン等の携帯端末装置で表示していたWEBページのレイアウトとの間の差異が大きく、携帯端末装置で参照していた情報との対応関係がわかりずらくなるといった問題がある。 Further, as in Patent Document 2, when an electronic book in which a plurality of WEB page contents are laid out is referred to on, for example, an electronic paper device, the contents of the plurality of WEB pages are viewed within one page. Can do. However, there is a problem that the difference between the layout of the WEB page displayed on the mobile terminal device such as a smartphone is large, and the correspondence with the information referred to on the mobile terminal device is difficult to understand.
本発明は、上記課題を鑑みてなされたものであって、操作性や閲覧性を悪くすることなく電子ペーパ装置等の表示媒体にWEBページを表示させることができる携帯端末装置及びWEBページの表示方法を提供することを目的とする。 The present invention has been made in view of the above problems, and can display a WEB page on a display medium such as an electronic paper device and the display of the WEB page without deteriorating operability and browsing performance. It aims to provide a method.
上記課題を達成するために本発明の携帯端末装置は、WEBページを表示する端末画面と、端末画面に表示中のWEBページのソースコードに基づいて、表示中のWEBページ上で、この表示中のWEBページと並列的に、または相互に並列的に提示されているWEBぺージを特定する特定部と、特定された各WEBページを表示するために必要なWEBデータをWEBサーバから取得する取得部と、取得したWEBデータに基づいて、端末画面上と同じ縮尺かつ表示範囲が表示媒体の表示面に応じたサイズの各WEBページを並べた並列画像を生成する画像生成部と、並列画像を表示媒体に表示するために出力する出力部と、を備えるものである。 In order to achieve the above object, a mobile terminal device according to the present invention is displaying a WEB page on a displayed WEB page based on a terminal screen for displaying a WEB page and a source code of the WEB page being displayed on the terminal screen. Acquiring from the WEB server the WEB data necessary to display each specified WEB page and the specifying unit for specifying the WEB page presented in parallel with each other's WEB page or in parallel with each other An image generation unit that generates a parallel image in which web pages having the same scale as the terminal screen and a size corresponding to the display surface of the display medium are arranged based on the acquired WEB data; And an output unit for outputting for display on the display medium.
画像生成部は、端末画面に表示中のWEBページと特定部で特定された各WEBぺージとを並べた並列画像を作成することが好ましい。 The image generation unit preferably creates a parallel image in which the WEB page being displayed on the terminal screen and each WEB page specified by the specifying unit are arranged.
また、WEBページを並列的に提示する複数のグループのうちから、操作履歴に応じて、1つのグループを選択し、選択したグループについての並列画像を生成させる制御部を備えることが好ましい。 Moreover, it is preferable to provide a control unit that selects one group from a plurality of groups presenting the WEB page in parallel according to the operation history, and generates a parallel image for the selected group.
また、出力部は、表示媒体に近接した状態で、並列画像を非接触な通信によって表示媒体に送信することが好ましい。 Moreover, it is preferable that an output part transmits a parallel image to a display medium by non-contact communication in the state close | similar to a display medium.
また、表示媒体は、電子ペーパ装置であり、出力部は、並列画像を電子ペーパ装置に送信することが好ましい。 The display medium is an electronic paper device, and the output unit preferably transmits a parallel image to the electronic paper device.
また、本発明のWEBページの表示方法では、携帯端末の端末画面に表示中のWEBページのソースコードに基づいて、表示中のWEBページ上で、この表示中のWEBページと並列的に、または相互に並列的に提示されているWEBぺージを特定する特定ステップと、特定された各WEBページを表示するために必要なWEBデータをWEBサーバから取得する取得ステップと、取得したWEBデータに基づいて、端末画面上と同じレイアウト及び縮尺を維持し、かつ表示範囲が表示媒体の表示面に応じたサイズの各WEBページを並べた並列画像を生成する画像生成ステップと、並列画像を表示媒体に表示するために出力する出力部ステップと、を有するものである。 Further, in the WEB page display method of the present invention, based on the source code of the WEB page being displayed on the terminal screen of the mobile terminal, on the WEB page being displayed, in parallel with the WEB page being displayed, or Based on the acquired step of specifying the WEB page presented in parallel to each other, the acquiring step of acquiring the WEB data necessary for displaying each specified WEB page from the WEB server, and the acquired WEB data An image generation step for generating a parallel image in which the WEB pages having the same layout and scale as the terminal screen and having a display range corresponding to the display surface of the display medium are arranged, and the parallel image on the display medium And an output unit step for outputting for display.
本発明によれば、表示中のWEBページに、この表示中のWEBページとまたは相互に並列的に提示されている各WEBぺージを端末画面上と同じレイアウト及び縮尺を維持し、かつ表示範囲が表示媒体の表示面に応じたサイズで並べた並列画像を生成して出力するから、電子ペーパ装置等の表示媒体に表示される並列画像により、関係する複数のWEBページを一括して見ることができるとともに、端末画面上の表示との違和感がなく、必要とする情報をすぐに見つけることができる。 According to the present invention, the displayed WEB page or each WEB page presented in parallel with the displayed WEB page maintains the same layout and scale as the terminal screen, and the display range. Generates and outputs a parallel image arranged in a size corresponding to the display surface of the display medium, so that a plurality of related WEB pages can be collectively viewed by the parallel image displayed on the display medium such as an electronic paper device. It is possible to quickly find the necessary information without feeling discomfort with the display on the terminal screen.
本発明を実施したWEB展開表示システム10は、電子ペーパ装置12,WEBサーバ13,携帯端末14などで構成される。このWEB展開表示システム10は、携帯端末14で表示中のWEBページと並列的に提示されている各WEBぺージ(以下、並列WEBページという)を並べた画像(以下、並列画像という)を電子ペーパ装置12に表示することにより、それらのWEBページの情報を一括して見ることができるようにするものである。
A WEB expansion display system 10 embodying the present invention includes an
なお、この例では、並列WEBページとともに携帯端末14で表示中のWEBページの各画像を並べた並列画像を生成するが、並列画像に表示中のWEBページの画像を含めないでもよい。
In this example, a parallel image in which the images of the WEB page being displayed on the
WEBサーバ13と携帯端末14とは、それぞれネットワーク15に接続可能であり、このネットワーク15を介して相互に通信を行うことができる。ネットワーク15は、携帯端末14とWEBサーバ13とを接続するものであれば、どのようなものであってもよく、インターネット、専用線、携帯電話回線、公衆無線LANなどや、それらが混在するものでもよい。また、電子ペーパ装置12と携帯端末14とは、例えばNFC(近距離無線通信)規格に準拠した通信により相互にデータの授受が可能になっている。
The WEB server 13 and the
WEBサーバ13は、WEBページを表示するためのWEBデータを記憶しており、そのWEBデータをネットワーク15を介して提供している。WEBデータは、周知のHTMLファイルや、HTMLファイルによって記述される文章に埋め込まれる画像等のコンテンツからなる。なお、HTMLファイルに代えて、他のマークアップ言語で記述されたファイルを用いてもよい。さらに、画像等は他のサーバによって提供されていてもよい。図1では、1台のWEBサーバ13を描いてあるがWEBサーバは複数台であってもよい。 The WEB server 13 stores WEB data for displaying a WEB page, and provides the WEB data via the network 15. The WEB data is composed of content such as a well-known HTML file or an image embedded in a sentence described by the HTML file. Instead of the HTML file, a file described in another markup language may be used. Furthermore, an image or the like may be provided by another server. Although one WEB server 13 is illustrated in FIG. 1, a plurality of WEB servers may be provided.
電子ペーパ装置12は、周知のように、外部からの入力される画像を表示画面12aに表示し、画像の表示後には電力供給なしに表示画像を維持するものである。電子ペーパ装置12としては、その表示画面12aが携帯端末14の表示画面(以下、端末画面という)14aよりも大きなもの、例えばA4サイズ程度のものを用いている。
As is well known, the
なお、表示媒体として電子ペーパ装置12を用いているが、表示媒体としては、これに限られない。例えば、携帯端末14よりも大きなタブレット端末やノート型やデスクトップ型のPCの表示画面を表示媒体とすることもできる。この場合には、携帯端末14からタブレット端末などに並列画像を送信して、表示画面に表示させる。また、記録紙などを表示媒体とすることもできる。この場合には、携帯端末14からプリンタやプリント機能を有する複合機などに並列画像を送信して、記録紙に並列画像を記録する。
Although the
表示画面12a,端末画面4aにおける画像の向きは、任意にあるいは電子ペーパ装置12,携帯端末14の姿勢に応じて自動的に変えることができる。なお、以下では、説明を簡単にするために、携帯端末14の端末画面14aでは、それを縦長にした姿勢で、また電子ペーパ装置12の表示画面12aでは、それを横長にした姿勢で表示される画像を正しく見ることができるように表示されるものとして説明する。
The orientation of the image on the
図2に示すように、電子ペーパ装置12は、通信部21,書込部22,及び表示画面12aを有している。通信部21は、アンテナやコントローラチップなどで構成されており、リーダライター(この例では、携帯端末14側)からデータ通信の際の搬送波の電磁誘導により電力供給がなされ、その電力で通信部21含む電子ペーパ装置12の各部が作動する。
As shown in FIG. 2, the
電子ペーパ装置12は、上記通信部21により携帯端末14から表示すべき並列表示画像を受信する。通信部21には、表示画面12aのサイズを記憶したメモリ21aを有しており、これを携帯端末14に送る。表示画面12aのサイズは、携帯端末14が電子ペーパ装置12に表示すべき並列画像を生成する際に参照される。書込部22は、表示画面12abの表示方式に応じた信号を発生させて受信した画像を表示画面12aに表示させる
The
携帯端末14としては、小型、例えば4型前後の端末画面14aを搭載したスマートフォンが用いられている。端末画面14aは、タッチパネルが設けられたタッチパネルディスプレイとなっており、これに対する操作で携帯端末14に各種の操作を行うことができる。なお、携帯端末14としては、例えばパーソナル情報端末(PDA)であってもよい。
As the
図3に示すように、携帯端末14は、制御部30,第1通信部31,第2通信部32,操作部33,表示部34,特定部35,画像生成部36等を有する。制御部30は、操作部33の操作に応答して、携帯端末14の各部を統括的に制御し、入力された操作に対応する処理を実行する。
As illustrated in FIG. 3, the
第1通信部31は、ネットワーク15を介してWEBサーバ13との通信を行う。この第1通信部31は、WEBページを指定するURLやWEBページに埋め込まれる画像のURLなどをWEBサーバ13に送信し、それに応答してWEBサーバ13から送信されるWEBデータを受信する。第1通信部31は、WEBデータをWEBサーバ13から取得する取得部となっている。
The
第2通信部32は、電子ペーパ装置12の通信部21に対するリーダライターとして機能するものであり、通信部21に対して電力供給を行うとともに、並列表示画像のデータを送信、表示画面12aのサイズの受信等を行う。この第2通信部32は、表示媒体に表示するために出力する出力部となっている。
The
操作部33は、電源ボタンや上記のように端末画面14aに設けたタッチパネルなどで構成されている。この操作部33の操作により、参照すべきWEBページの指定やリンク先の選択、並列画像を電子ペーパ装置12に表示するための処理の並列表示指示などを行うことができる。
The
特定部35,画像生成部36には、第1通信部31で取得したWEBデータが制御部30を介して入力される。特定部35は、並列表示指示がなされた際に、その時点で端末画面14aに表示されているWEBページのソースコードを解析することにより、その表示中のWEBページ上でリンク先として表示されているものうち並列WEBページを特定する。この特定部35は、特定した並列WEBページのURLをソースコードから取得する。並列WEBページのURLを、制御部30,第1通信部31を介してWEBサーバ13に送信することによって、その並列WEBページのWEBデータを取得する。
The WEB data acquired by the
特定部35による並列WEBページとして特定する手法は、ソースコードの記述に対応して種々の条件を用いて特定することができる。次の特定条件は1つを例示したものである。
The method of specifying as a parallel WEB page by the specifying
特定条件:下記条件1,2を満たすものを並列WEBページとする。
条件1:並列WEBページは、表示中のWEBページ上にリンクとして提示されるものであり、ソースコード中のリスト表示ブロック(<UL>〜</UL>または<OL>〜</OL>)内に記述されたリスト項目(<LI>〜</LI>)にリンク先としてURLで指定され、そのURLがHTMLファイルや画像ファイルなどWEBページとして表示が行われるオブジェクトを指定しているもの。
条件2:上記WEBページとして表示が行われるオブジェクトの格納先が、表示中のWEBページのHTMLファイルの格納先と同じであるもの。
Specific condition: A page that satisfies the following conditions 1 and 2 is defined as a parallel WEB page.
Condition 1: The parallel WEB page is presented as a link on the displayed WEB page, and the list display block (<UL> ~ </ UL> or <OL> ~ </ OL>) in the source code A list item (<LI> to </ LI>) described in the URL is designated by a URL as a link destination, and the URL designates an object to be displayed as a WEB page such as an HTML file or an image file.
Condition 2: The storage location of the object displayed as the WEB page is the same as the storage location of the HTML file of the WEB page being displayed.
なお、並列WEBページの特定条件は、上記のものに限られるものではない。例えば、スタイルシートを使用してWEBページの表示形式を指定している場合には、このスタイルシートの内容を加味して並列WEBページを特定してもよい。また、上記条件1と下記条件3とを用いることにより、表示中のWEBページ上で、相互に並列的に提示されているWEBぺージを特定するようにしてもよい。
条件3:同一のリスト表示ブロック内の他のリスト項目に、上記条件1を満た他のWEBページ(表示中のWEBページ以外)がリンク先としてURLで指定されているもの。
The specific condition for the parallel WEB page is not limited to the above. For example, when the display format of the WEB page is specified using a style sheet, the parallel WEB page may be specified in consideration of the contents of the style sheet. Further, by using Condition 1 and Condition 3 below, the WEB pages presented in parallel with each other may be specified on the displayed WEB page.
Condition 3: Other list items in the same list display block satisfying the above condition 1 and other WEB pages (other than the WEB page being displayed) are specified as a link destination by a URL.
画像生成部36は、WEBページを画像化するものであり、レンダリング部37と並列化処理部38とを有する。レンダリング部37は、WEBデータを用いてレンダリングを行ってWEBぺージごとの画像を生成する。レンダリングでは、HTMLファイルに記述されるソースコードを解釈して、HTMLファイル中の文章や埋め込まれる画像等をレイアウトしたり、文字や背景等に色づけなどを行う。このレンダリングは、WEBブラザがWEBページの表示を行う際に行うレンダリングと同じでよい。
The
通常では、端末画面14aに表示すべきWEBページを画像化し、表示部34に送る。並列表示指示がなされたときには、特定部35によって特定されたリンク先の各WEBページについてそれぞれ画像化し、これら画像と端末画面14aに表示中のWEBページの画像とを並列化処理部38に送る。並列表示指示がなされた場合のレンダリングは、通常の場合と同じに行われる、これにより、並列画像における各WEBページの画像のレイアウトが、端末画面14aに表示されるものと同じにしている。
Normally, a WEB page to be displayed on the
並列化処理部38は、複数のWEBページの画像を電子ペーパ装置12に表示するために1つの並列画像に変換する。この例における並列画像は、携帯端末14で表示中のWEBページと各並列WEBページの各画像とを横方向に並べて1つの画像としたものである。並列画像中の各画像は、端末画面14a上と同じ縮尺であり、かつ表示範囲(長さ)が表示画面12aに応じたサイズにされる。すなわち、並列画像中の各画像のそれぞれの幅(横方向の長さ)は、端末画面14a上でのWEBページの幅と同じになっている。一方、並列画像中の各画像のそれぞれの長さ(縦方向の長さ)は、表示画面12aの縦方向の長さにあわせてある。したがって、表示画面12aの長さが端末画面14aの長さよりも大きければ、各画像は、端末画面14a上でスクロールなしに見ることができる範囲より広い。
The
表示部34は、端末画面14aやこれを駆動するドライバから構成されており、レンダリング部37からの画像が入力されることにより、これを端末画面14aに表示する。
The
次に上記構成の作用について説明する。操作者は、操作部33を操作して、例えばURLを入力したり、端末画面14aに表示中のWEBページ上のリンクを選択するなどして、所望とするWEBページを端末画面14aに表示させる。以下、携帯端末14の端末画面14aに、一例として図4に示されるWEBページ41が表示されるものとして説明をする。
Next, the operation of the above configuration will be described. The operator operates the
なお、WEBページ41は、「デジタルカメラ○○シリーズ」のカメラ「AA」を紹介しており、タブ41aに「AA」が表示されている。また、「AA」のタブ41aに並んでカメラ「BB」,「CC」,「DD」のタブ41aが表示されている。これらタブ41aの文字には、対応するカメラをそれぞれ紹介するWEBページへのリンクが設定されている。これにより、タブ41aの「BB」,「CC」,「DD」のいずれかの文字を選択(タッチ)することにより、カメラ「BB」,「CC」あるいは「DD」を紹介するWEBページが表示される。したがって、表示中のカメラ「AA」を紹介するWEBページ41には、カメラ「BB」,「CC」,「DD」を紹介する各WEBページが表示中のWEBページ41と並列的に提示されている。また、カメラ「BB」,「CC」,「DD」を紹介する各WEBページは、相互に並列的に提示されたWEBページである。
The
なお、カメラ「BB」,「CC」,「DD」を紹介する各WEBページを表示しているときにも、同様なタブの表示がなされる。そして、表示中のWEBページ以外のタブ内の文字を選択することで、その選択された文字に設定された先のWEBページが表示される。 It should be noted that the same tabs are displayed when the WEB pages introducing the cameras “BB”, “CC”, and “DD” are displayed. Then, by selecting a character in a tab other than the currently displayed WEB page, the previous WEB page set for the selected character is displayed.
WEBページ41のHTMLファイルに記述されたソースコードは、例えば、図5に示すようになっており、「AA」〜「DD」の各タブ41aは、<UL>〜</UL>で囲まれたリスト表示ブロックに記述に基づくものである。
The source code described in the HTML file of the
上記のように、表示中のWEBページ41に並列WEBページが提示されており、操作者がこれらWEBページを電子ペーパ装置12で並列表示させたい場合には、操作部33の操作で並列表示指示を行う。この並列表示指示に応答し、制御部30は、表示部34を制御して端末画面14aに、例えば「携帯端末を電子ペーパに近づけてください」などの案内を表示する。この案内にしたがって操作者は、携帯端末14を電子ペーパ装置12に近接させる。なお、携帯端末14を電子ペーパ装置12に近接したことを検知し、これが並列表示指示となるようにしてもよい。
As described above, when the parallel WEB page is presented on the displayed
並列表示指示後には第2通信部32から搬送波が出力されており、両者を近接させると、その搬送波によって電子ペーパ装置12の通信部21に電力供給が行われる。これにより、電子ペーパ装置12が作動する。この後にメモリ21aから読み出された表示画面12aのサイズが通信部21から第2通信部32に送られる。これにより、制御部30が表示画面12aのサイズを取得する。取得した表示画面12aのサイズと端末画面14aのサイズとに基づいて、表示画面12aにWEBページを並べて表示することができる表示可能ページ数(この例では4ページ)が制御部30により算出される。なお、表示画面12aのサイズの取得後には、携帯端末14を電子ペーパ装置12から離してよい。なお、あらかじめ、電子ペーパ装置12の表示画面12aのサイズを携帯端末14に設定しておいてもよい。
After the parallel display instruction, a carrier wave is output from the
表示可能ページ数の算出後に、画像生成部36が作動されて、レンダリング部37によって、表示中のWEBページ41のHTMLファイルに基づいたレンダリングが再度行われ、これにより得られるWEBページ41の画像が並列化処理部38に送られる。このWEBページ41の画像は、並列化処理部38の図示しないメモリに保持される。
After calculating the number of displayable pages, the
一方、特定部35により、表示中のWEBページ41のHTMLファイルに記述されたソースコードが解析される。そして、表示中のWEBページ41上に、WEBページ41と並列的に提示されているWEBぺージ、すなわち並列WEBページの特定が行われる。
On the other hand, the specifying
表示中のWEBページ41は、例えば上記に例示した特定条件によって、並列WEBページを特定することができる。すなわち、図5に示されるソースコードには、「<UL>〜</UL>」で囲まれたリスト表示ブロックが記述されている。このリスト表示ブロック内には、「<a href="aaa.bbb.cc/camera/・・・>(文字)</a>」(文字は「AA」〜「DD」)が記述されたリスト項目(<LI>〜</LI>)があり、WEBページ41に表示(提示)される文字「AA」〜「DD」に対してリンクが設定されていることを判別することができる。また、文字「AA」〜「DD」に設定されているリンク先は、URLで指定されたHTMLファイル「aa.html」,「bb.html」,「cc.html」,「dd.html」であり、それぞれWEBページとして表示が行われるオブジェクトと判定される(条件1)。
The displayed
ところで、表示中のWEBページのURLから、「aa.html」は表示中のWEBページ41のものであることを判別でき、またカレントディレクトリを取得できる。この例では、カレントディレクトリは「aaa.bbb.cc/camera」である。
By the way, from the URL of the WEB page being displayed, it can be determined that “aa.html” is that of the
リンク先のURLは、「href=」以下に記述されているから、「bb.html」,「cc.html」,「dd.html」の格納ディレクトリは「aaa.bbb.cc/camera」であることがわかる。したがって、カレントディレクトリと「bb.html」,「cc.html」,「dd.html」の格納ディレクトリは同じと判別される(条件2)。なお、URLが相対パスで記述されている場合でも、HTMLの記述のルールにしたがってディレクトリを知ることができる。 Since the link destination URL is described below “href =”, the storage directory of “bb.html”, “cc.html”, and “dd.html” is “aaa.bbb.cc/camera”. I understand that. Therefore, it is determined that the current directory and the storage directory of “bb.html”, “cc.html”, and “dd.html” are the same (condition 2). Even when the URL is described by a relative path, the directory can be known according to the rules of HTML description.
したがって、「bb.html」,「cc.html」,「dd.html」を指定するURLで示されるWEBページは、いずれも例示された特定条件(条件1,2)を満たすものと判定される。結果、URL「http://aaa.bbb.cc/camera/bb.html」、「http://aaa.bbb.cc/camera/cc.html」、「http://aaa.bbb.cc/camera/dd.html」で指定されるWEBページがそれぞれ並列WEBページとして特定される。なお、「<li class="on">AA</li>」などと記述されて文字「AA」にリンクが設定されていない場合にも同様に判定して、並列WEBページを特定することができる。 Accordingly, the WEB page indicated by the URL designating “bb.html”, “cc.html”, and “dd.html” are all determined to satisfy the exemplified specific conditions (conditions 1 and 2). . As a result, URLs "http://aaa.bbb.cc/camera/bb.html", "http://aaa.bbb.cc/camera/cc.html", "http://aaa.bbb.cc/ Each WEB page specified by “camera / dd.html” is specified as a parallel WEB page. Note that it is also possible to specify a parallel WEB page by making a similar determination even when a link such as “<li class =" on "> AA </ li>” is described and the character “AA” is not set. it can.
なお、この例において上記のように特定される「bb.html」,「cc.html」,「dd.html」を指定するURLで示される各WEBページのそれぞれは、上記の条件3をも満たすので、それら相互が並列的に提示されているとして特定することもできる。 In this example, each WEB page indicated by the URL designating “bb.html”, “cc.html”, and “dd.html” specified as described above also satisfies the above condition 3 Therefore, it can also be specified that they are presented in parallel.
例えば上記のように並列WEBページがあると判定された場合には、その並列WEBページを指定する各URLが制御部30に送られる。制御部30は、特定部35からの各URLを第1通信部31を介して順次にWEBサーバ13に送る。このときに、制御部30は、ソースコード中の記述順で、先に求めた表示可能ページ数よりも「1」少ないURLを送る。これは、表示画面12aに表示中のWEBページとともに並列WEBの画像を表示するからである。そして、WEBサーバ13からURLで指定される各WEBページのWEBデータを取得する。
For example, when it is determined that there is a parallel WEB page as described above, each URL designating the parallel WEB page is sent to the
並列WEBページのWEBデータを受信するごとに、そのWEBデータがレンダリング部37に送られる。これにより、各並列WEBページのレンダリングが行われ、生成される画像は順次に並列化処理部38にそれぞれ送られる。なお、実際にはURLで指定されるHTMLファイルを取得し、レンダリング中にHTMLファイル中で指定された画像などを取得している。
Each time WEB data of a parallel WEB page is received, the WEB data is sent to the
上記のように並列WEBページの画像が入力されると、並列化処理部38が、メモリに保持している表示中のWEBページ41の画像の側方に、入力される並列WEBページの各画像を入力された順番で横方向に順次に連結することによって1枚の並列画像を作成される。この後、制御部30の制御により、表示画面12aの縦方向の長さ(この例では短辺の長さ)となるように並列画像にトリミングを行う。これにより、並列画像が完成する。
When the image of the parallel WEB page is input as described above, the
並列化処理部38による並列画像の完成後、制御部30は、例えば端末画面14aに「準備が完了しました。電子ペーパに近づけてください」などの案内を表示する。操作者は、この案内にしたがって再び携帯端末14を電子ペーパ装置12に近づける。この操作で電子ペーパ装置12に携帯端末14が近接すると、上記同様にして電子ペーパ装置12に対して電力供給が行われ、電子ペーパ装置12が作動する。
After the parallel image is completed by the
第2通信部32から通信部21に対して並列画像が送信される。通信部で受信された並列画像は、書込部22に送られ表示画面12aに表示される。これにより、表示画面12aには、端末画面14aに表示されているWEBページとそれに並列的に提示された各WEBページが表示され、操作者が各WEBページを一括して見ることができる。
A parallel image is transmitted from the
上記のように端末画面14aにWEBページ41を表示させていた場合では、図6に示すように、電子ペーパ装置12の表示画面12aには、端末画面14aに表示中のカメラ「AA」を紹介するWEBページ41の画像51と、WEB41に並列的に提示されたカメラ「BB」〜「DD」を紹介する各WEBページの画像52a〜52cとが並んで表示される。各画像51,52a〜52cのそれぞれは、端末画面14aに表示される幅と同じであり、端末画面14aよりも表示画面12aの縦方向の長さが長い。したがって、端末画面14aに表示される範囲よりも広い範囲が表示されている。操作者が表示画面12aの並列画像を見るときに、端末画面14a上での縮尺と同じであり、しかも端末画面14a上でレイアウトを維持しているので違和感がなく、必要とする情報をすぐに見つけることができる。
When the
図4に示されるWEBページ41は、タブ41a内の文字に並列WEBページに対するリンクが設定されているが、並列WEBページの提示手法は、それに限定されるものではなく、WEBページの本文中に配置されている文字や、ボタン、画像などにリンクが設定されているものでもよい。
In the
例えば、図7に示す例では、WEBページ61の本文中に配置されている「会社概要」,「募集職種(事務系)」,「募集職種(技術系)」,「応募方法」などの文字61a〜61d、「MAP」と表示書かれたボタン(画像)61eにそれぞれ並列WEBのリンクが設定されている。このWEBページ61を端末画面14aに表示した状態で、電子ペーパ装置12に並列画像を表示させる操作を行った場合には、図8に示すように、表示中のWEBページ61に対応する画像62と、「会社概要」,「MAP」ボタン(画像)61eにリンクされた地図、「募集職種(事務系)」の各WEBページの画像63a〜63cを並べた並列画像64が表示画面12aに表示される。なお、この例では、表示可能ページ数が「4」であるため、5ページ目となる,「募集職種(技術系)」,6ページ目となる「応募方法」の各WEBページの画像は表示されない。
For example, in the example shown in FIG. 7, characters such as “company outline”, “recruitment type (office work)”, “recruitment type (technical type)”, “application method”, etc., which are arranged in the text of the
図9ないし図11は、WEBページを並列的に提示するグループが表示中のWEBページ上に2グループあり、操作履歴に応じて、そのうちの1つのグループを選択して並列画像を生成する例を示すものである。 FIG. 9 to FIG. 11 show examples in which there are two groups on the WEB page being displayed in parallel, and one group is selected to generate a parallel image according to the operation history. It is shown.
図9に示すWEBページ71は、「デジタルカメラ○○シリーズ」のカメラ「AA」を紹介するトップページであり、それのタブ71aに「AA」が表示されている。この「AA」のタブ71aに並んで、カメラ「BB」,「CC」,「DD」のタブ71aが表示されている。タブ71a内の文字「BB」,「CC」,「DD」には、対応するカメラをそれぞれ紹介するWEBページのうちのトップページへのリンクが設定されている。したがって、これらにより、トップページとしてのWEBページを並列的に提示する第1グループが構成されている。
The
また、WEBページ71、すなわちカメラ「AA」を紹介するトップページには、例えばそのカメラの特徴などが表示される他に、「仕様」,「オプション」,「サポート」の項目文字が表示されるようになっている。それぞれの項目文字には、カメラ「AA」ついてのそれに示される内容を記載したWEBページへのリンクが設定されている。したがって、これらにより、カメラ「AA」に関する内容のWEBページを並列的に提示する第2グループが構成されている。
Further, on the
なお、カメラ「AA」の「仕様」,「オプション」,「サポート」の各WEBページについても、トップページと同様に「AA」〜「DD」のタブ71aが表示されるとともに、「仕様」,「オプション」,「サポート」の項目文字が表示され、それぞれ同様にリンクが設定されている。なお、カメラ「AA」の「仕様」,「オプション」,「サポート」のWEBページでタブ71a内の文字「AA」には、カメラ「AA」のトップページへのリンクが設定されている。
As for the “specification”, “option”, and “support” WEB pages of the camera “AA”,
また、カメラ「BB」〜「DD」を紹介する他のトップページについても、カメラ「AA」のトップページと同様である。例えばカメラ「BB」のトップページでは、「AA」〜「DD」の各タブが並んで表示されてる。それらタブ内の文字「AA」,「CC」,「DD」には、対応するカメラをそれぞれ紹介するWEBページのうちのトップページへのリンクが設定されており、トップページとしてのWEBページを並列的に提示する第1グループが構成されている。また、カメラ「BB」を紹介するトップページには、「仕様」,「オプション」,「サポート」の項目文字が表示され、それぞれの項目文字にカメラ「BB」ついてのそれに示される内容を記載したWEBページへのリンクが設定されている。したがって、これらにより、カメラ「BB」に関する内容のWEBページを並列的に提示する第2グループが構成されている。 The other top pages introducing the cameras “BB” to “DD” are the same as the top page of the camera “AA”. For example, on the top page of the camera “BB”, tabs “AA” to “DD” are displayed side by side. The characters “AA”, “CC”, and “DD” in those tabs are set with links to the top page of the WEB pages that introduce the corresponding cameras, and the WEB page as the top page is arranged in parallel. A first group to be presented is configured. In addition, on the top page introducing the camera “BB”, the item characters “specification”, “option”, and “support” are displayed, and the contents shown for the camera “BB” are described in each item character. A link to the WEB page is set. Accordingly, the second group that presents in parallel the WEB pages having the contents related to the camera “BB” is configured.
この例では、並列表示指示を行った場合に、表示中のWEBページに戻るための操作の1つ前の操作に応じて、第1グループの並列WEBページを含む並列画像を生成するか、第2グループの並列WEBページを含む並列画像を生成するかが制御部30によって決定される。
In this example, when a parallel display instruction is issued, a parallel image including a first group of parallel WEB pages is generated in accordance with an operation immediately before the operation for returning to the displayed WEB page, or the first The
例えばカメラ「BB」を紹介するトップページを端末画面14aに表示させた状態にし、項目文字である「仕様」を選択して、カメラBBの「仕様」について記載されたWEBページを表示させ、そのWEBページ上でタブ71a内の文字「BB」を選択してトップページを表示させた状態にした場合では、カメラBBのトップページに戻る1つ前の操作がカメラBBについての第2グループのWEBページを表示させる操作を行っている。
For example, the top page introducing the camera “BB” is displayed on the
このため、この表示状態で並列表示指示を行ったときには、図10に示すように、カメラBBについての、トップページ及び第2グループの並列WEBページの各画像73,74a〜74cからなる並列画像が生成され、これが電子ペーパ装置12の表示画面12aに表示される。これは、カメラBBのトップページに戻る1つ前の操作がカメラBBについての第2グループのWEBページを表示させる操作となっているので、操作者がカメラBBについての詳細が記された第2グループの各WEBページの表示を要求している推測できるからである。
For this reason, when a parallel display instruction is issued in this display state, as shown in FIG. 10, a parallel image composed of the
一方、タブ71a内の文字を選択することで、カメラ「BB」のトップページ、カメラ「CC」のトップページ、カメラ「AA」のトップページを順次に表示させた後、並列表示指示を行った場合には、表示中のカメラ「AA」のトップページに戻る1つ前の操作が文字「CC」を選択してカメラ「CC」のトップページを表示させる操作、すなわち第1グループのWEBページを表示させる操作を行っている。したがって、この場合には、、図11に示すように、各トップページからなる第1グループの並列WEBページの画像7a〜75dからなる並列画像が生成され、これが電子ペーパ装置12の表示画面12aに表示される。これは、カメラAAのトップページに戻る1つ前の操作が第1グループのWEBページを表示させる操作となっているので、操作者が第1グループの各WEBページの表示を要求している推測できるからである。
On the other hand, by selecting the characters in the
12 電子ペーパ装置
12a 表示画面
13 WEBサーバ
14 携帯端末
14a 端末画面
21,31,32 通信部
35 特定部
36 画像生成部
DESCRIPTION OF
Claims (6)
端末画面に表示中のWEBページのソースコードに基づいて、表示中のWEBページ上で、この表示中のWEBページと並列的に、または相互に並列的に提示されているWEBぺージを特定する特定部と、
特定された各WEBページを表示するために必要なWEBデータをWEBサーバから取得する取得部と、
取得したWEBデータに基づいて、端末画面上と同じレイアウト及び縮尺を維持し、かつ表示範囲が表示媒体の表示面に応じたサイズの各WEBページを並べた並列画像を生成する画像生成部と、
並列画像を表示媒体に表示するために出力する出力部と、
を備える携帯端末装置。 A terminal screen for displaying a WEB page;
Based on the source code of the WEB page being displayed on the terminal screen, on the WEB page being displayed, the WEB page being presented in parallel with the WEB page being displayed or in parallel with each other is identified. A specific part,
An acquisition unit for acquiring WEB data necessary for displaying each identified WEB page from the WEB server;
An image generation unit that generates a parallel image in which the WEB pages having the same display range as the display screen of the display medium are arranged based on the acquired WEB data, and the display range is the same as the display surface of the display medium.
An output unit for outputting parallel images on a display medium;
A mobile terminal device comprising:
2. A control unit that selects one group from a plurality of groups that present a web page in parallel according to an operation history, and generates a parallel image for the selected group. Or the portable terminal device of 2.
前記出力部は、並列画像を前記電子ペーパ装置に送信することを特徴とする請求項1ないし4のいずれか1項に記載の携帯端末装置。 The display medium is an electronic paper device,
The portable terminal device according to claim 1, wherein the output unit transmits a parallel image to the electronic paper device.
特定された各WEBページを表示するために必要なWEBデータをWEBサーバから取得する取得ステップと、
取得したWEBデータに基づいて、端末画面上と同じレイアウト及び縮尺を維持し、かつ表示範囲が表示媒体の表示面に応じたサイズの各WEBページを並べた並列画像を生成する画像生成ステップと、
並列画像を表示媒体に表示するために出力する出力部ステップと、
を有するWEBページの表示方法。 Based on the source code of the WEB page being displayed on the terminal screen of the mobile terminal, the WEB page presented in parallel with the WEB page being displayed or in parallel with each other on the WEB page being displayed Specific steps to identify,
An acquisition step of acquiring from the WEB server the WEB data necessary to display each identified WEB page;
An image generation step of generating a parallel image in which the same layout and scale as on the terminal screen are maintained based on the acquired WEB data, and the display range is arranged with the WEB pages having a size corresponding to the display surface of the display medium;
An output unit step for outputting the parallel images for display on a display medium;
WEB page display method having
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2012185889A JP5838135B2 (en) | 2012-08-24 | 2012-08-24 | Mobile terminal device and WEB page display method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2012185889A JP5838135B2 (en) | 2012-08-24 | 2012-08-24 | Mobile terminal device and WEB page display method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2014044535A JP2014044535A (en) | 2014-03-13 |
| JP5838135B2 true JP5838135B2 (en) | 2015-12-24 |
Family
ID=50395762
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2012185889A Active JP5838135B2 (en) | 2012-08-24 | 2012-08-24 | Mobile terminal device and WEB page display method |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5838135B2 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2016083068A (en) * | 2014-10-24 | 2016-05-19 | 株式会社bulb | Artificial nail and artificial nail system |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4283334B1 (en) * | 2007-11-16 | 2009-06-24 | 株式会社 セル アドバンスト | Multi view browser |
| JP5659582B2 (en) * | 2010-07-06 | 2015-01-28 | 富士通株式会社 | Information processing apparatus and terminal |
-
2012
- 2012-08-24 JP JP2012185889A patent/JP5838135B2/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| JP2014044535A (en) | 2014-03-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20070279437A1 (en) | Method and apparatus for displaying document image, and information processing device | |
| JP5235671B2 (en) | Terminal device, content display method, and content display program | |
| US8914753B2 (en) | Web page display apparatus and web page display method | |
| JP6100013B2 (en) | Electronic device and handwritten document processing method | |
| JP2013080321A (en) | Information processing apparatus and method, and program | |
| JP2008070831A (en) | Document display device and document display program | |
| US20090265626A1 (en) | Apparatus and method of controlling display | |
| JP2015087911A (en) | Electronic device, method, and program | |
| WO2017166236A1 (en) | Information association method, electronic bookmark, and information association system | |
| JP5195881B2 (en) | Document browsing device, display method in document browsing device, and display program | |
| EP2437184A1 (en) | Host apparatus and method of displaying content by the same | |
| JP2015210689A (en) | Electronic book display processing program and electronic book system | |
| US20130238984A1 (en) | Display control device, display control method, and computer program product | |
| US11379099B2 (en) | Method and device for selecting text in electronic terminal | |
| JP2011086050A (en) | Information processing terminal and computer program | |
| KR20180133138A (en) | Mobile terminal and method for controlling the same | |
| JP5838135B2 (en) | Mobile terminal device and WEB page display method | |
| JP6327969B2 (en) | Information processing apparatus, information processing method, and program | |
| JP5564641B2 (en) | Electronic book display control device, electronic book display control program, electronic book display control method, electronic book | |
| JP2017027319A (en) | Display/editing/storage method, device, and processing program of document documentation data | |
| JP2004086744A (en) | Information processor and program | |
| JP2017037521A (en) | Printing system, printer, and program | |
| US10275125B2 (en) | Image data generation apparatus and non-transitory computer-readable recording medium | |
| JP4757785B2 (en) | Selection device, control method, selection device control program, and recording medium | |
| AU2019342918B2 (en) | Presentation material creation device, presentation material creation method, and presentation material creation program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20141105 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20150925 |
|
| 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: 20151014 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20151109 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5838135 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| 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 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |