特許 6338935 ウェブページ提供システム、ウェブページ提供方法、プログラム及び通信装置

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】6338935

(24)【登録日】2018年5月18日

(45)【発行日】2018年6月6日

(54)【発明の名称】ウェブページ提供システム、ウェブページ提供方法、プログラム及び通信装置

(51)【国際特許分類】

   G06F 13/00 20060101AFI20180528BHJP

   G06F 3/0484 20130101ALI20180528BHJP

【ＦＩ】

   G06F13/00 550L

   G06F3/0484 120

【請求項の数】6

【全頁数】24

(21)【出願番号】特願2014-120704(P2014-120704)

(22)【出願日】2014年6月11日

(65)【公開番号】特開2016-1382(P2016-1382A)

(43)【公開日】2016年1月7日

【審査請求日】2017年2月15日

(73)【特許権者】

【識別番号】000102728

【氏名又は名称】株式会社エヌ・ティ・ティ・データ

(74)【代理人】

【識別番号】110000752

【氏名又は名称】特許業務法人朝日特許事務所

(72)【発明者】

【氏名】古市 昌弘

【審査官】 安藤 一道

(56)【参考文献】

【文献】 特開２００５−３２１９０９（ＪＰ，Ａ）

【文献】 特開２０１１−１８０７９６（ＪＰ，Ａ）

【文献】 特開２０１０−２６２５４８（ＪＰ，Ａ）

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ｇ０６Ｆ １３／００

Ｇ０６Ｆ ３／０４８４

(57)【特許請求の範囲】

【請求項1】

ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得する属性情報取得部と、
前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部により取得された属性情報に対応するルールを前記通信装置に提供するルール提供部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システム。

【請求項2】

前記処理は、前記通信装置により表示される画面のサイズが変更されるごとに実行されることを特徴とする請求項１に記載のウェブページ提供システム。

【請求項3】

ウェブページ提供システムにより実行されるウェブページ提供方法であって、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップと
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法。

【請求項4】

コンピュータに、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップと
を実行させるためのプログラムであって、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。

【請求項5】

ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、
自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、
前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、
前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、
前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置。

【請求項6】

コンピュータに、
ユーザインタフェース要素を含むウェブページを取得するステップと、
自装置の属性又は自装置のユーザの属性を示す属性情報を取得するステップと、
前記取得された属性情報に対応するルールを取得するステップと、
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、
前記処理を実行されたウェブページを表示部を制御して表示させるステップと
を実行させるためのプログラムであって、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、ウェブページを提供する方法に関する。

【背景技術】

【0002】

現在のモバイル端末向けのＷｅｂアプリケーションは、デファクトスタンダードになりつつあるjQuery Mobileに代表されるモバイル端末向けのJavaScript（登録商標）のライブラリを利用して開発するのが一般的である。このライブラリを利用してＷｅｂアプリケーションを開発する場合、ライブラリで決められているＨＴＭＬ（HyperText Markup Language）要素や属性を使ってＷｅｂページを記述することになる。このライブラリでは様々なコントロールを追加のライブラリ（すなわち、プラグイン）として使えるようになっており、これらを組み込むことでモバイル端末に適した入力方法を実現できるようになっている。

【0003】

また、様々なデバイスの画面サイズに合わせて表示を最適に変更する考え方であるレスポンシブＷｅｂデザインに基づいて、様々な画面サイズごとにＣＳＳ（Cascading Style Sheet）を用意することで１つのＷｅｂアプリケーションで画面サイズの異なるデバイスをサポートできるようにしている（例えば、特許文献１参照）。

【先行技術文献】

【特許文献】

【0004】

【特許文献1】特開２００１−２３６２０２号公報

【発明の概要】

【発明が解決しようとする課題】

【0005】

しかし、従来のＣＳＳを使ったＷｅｂアプリケーションの変更の場合、コントロールの見た目を変更することはできるが、コントロール自体をデバイスごとで変えることはできない。例えば、テキスト入力フィールド、ボタン及びリストボックスは、ＰＣ（Personal Computer）とタブレット端末との間で見た目を変更することはできるが、コントロール自体はそのままである。よって、例えば、ＰＣではテキスト入力フィールドに対してキーボードを使って住所を入力する一方で、タブレット端末では地図を表示してタップした場所の住所を自動入力するといった、デバイスごとに異なるコントロールの適用はできない。

【0006】

本発明は、このような事情に鑑みてなされたものであり、通信装置やそのユーザの属性に応じてウェブページのユーザインタフェース要素を追加、変換又は非表示化することを目的とする。

【課題を解決するための手段】

【0007】

上記の課題を解決するため、本発明は、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部により取得された属性情報に対応するルールを前記通信装置に提供するルール提供部とを備えるウェブページ提供システムを提供する。

【0008】

好ましい態様において、前記属性情報は、前記通信装置により表示される画面のサイズを示す情報と、前記通信装置が備える機能の種類を示す情報と、前記通信装置のユーザの性別と、前記通信装置のユーザの当該通信装置の操作の熟練度を示す情報のうちの少なくともいずれか一である。

【0009】

さらに好ましい態様において、前記処理は、前記通信装置により表示される画面のサイズが変更されるごとに実行される。

【0010】

さらに好ましい態様において、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれる。

【0011】

また、本発明は、ウェブページ提供システムにより実行されるウェブページ提供方法であって、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップとを備えるウェブページ提供方法を提供する。

【0012】

また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップとを実行させるためのプログラムを提供する。

【0013】

また、本発明は、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置を提供する。

【発明の効果】

【0014】

本発明によれば、通信装置やそのユーザの属性に応じてウェブページのユーザインタフェース要素を追加、変換又は非表示化することができる。

【図面の簡単な説明】

【0015】

【図1】Ｗｅｂページ変換システム１の構成の一例を示す図である。

【図2】要素変換ルールファイルのフォーマットの一例を示す図である。

【図3】要素変換ルールファイルの具体例を示す図である。

【図4】プレ処理のルール定義の一例を示す図である。

【図5】ポスト処理のルール定義の一例を示す図である。

【図6】属性削除ルールのルール定義の一例を示す図である。

【図7】図６に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図8】属性削除ルールのルール定義の他の例を示す図である。

【図9】図８に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図10】属性追加ルールのルール定義の一例を示す図である。

【図11】図１０に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図12】属性追加ルールのルール定義の他の例を示す図である。

【図13】図１２に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図14】要素非表示ルールのルール定義の一例を示す図である。

【図15】図１４に示される要素非表示ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図16】要素追加ルールのルール定義の一例を示す図である。

【図17】図１６に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図18】要素追加ルールのルール定義の他の例を示す図である。

【図19】図１８に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図20】要素置換ルールのルール定義の一例を示す図である。

【図21】図２０に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図22】要素置換ルールのルール定義の他の例を示す図である。

【図23】図２２に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図24】独自処理ルールのルール定義の一例を示す図である。

【図25】図２４に示される独自処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図26】組込処理ルールのルール定義の一例を示す図である。

【図27】図２６に示される組込処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。

【図28】Ｗｅｂページ表示処理の一例を示すフローチャートである。

【図29】Ｗｅｂページ表示処理の一例を示すフローチャートである。

【図30】要素変換処理の一例を示すフローチャートである。

【図31】要素変換処理を経ていないＷｅｂページの表示例を示す図である。

【図32】図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。

【図33】図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。

【図34】図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。

【図35】図３４に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。

【発明を実施するための形態】

【0016】

１．実施形態
１−１．構成
１−１−１．Ｗｅｂページ変換システム１
図１は、本発明の一実施形態に係るＷｅｂページ変換システム１の構成の一例を示す図である。このＷｅｂページ変換システム１は、同図に示されるように、Ｗｅｂアプリケーションサーバ２と、モバイルデバイス３とを有する。Ｗｅｂアプリケーションサーバ２とモバイルデバイス３とは、インターネットや移動体通信網等により構成されるネットワーク４により接続される。

【0017】

１−１−２．Ｗｅｂアプリケーションサーバ２
Ｗｅｂアプリケーションサーバ２は、本発明に係る「ウェブページ提供システム」の一例である。Ｗｅｂアプリケーションサーバ２は、図１に示されるように、大略、制御部２１と、記憶部２２と、通信部２３とを備える。

【0018】

制御部２１は、ＣＰＵ（Central Processing Unit）等の演算処理装置である。制御部２１は、図１に示されるように、Ｗｅｂページ提供部２１１と、属性情報取得部２１２と、要素変換ルール提供部２１３という機能を備える。これらの機能は、制御部２１により、記憶部２２に記憶されるプログラムが実行されることにより実現される。これらの機能については後述する。

【0019】

記憶部２２は、ハードディスク等の記憶装置である。記憶部２２は、制御部２１により実行されるプログラムを記憶する。また、記憶部２２は、複数のＷｅｂページデータと、複数の要素変換ルールのファイルとを記憶する。

【0020】

通信部２３は、例えばネットワークカードである。通信部２３はＷｅｂアプリケーションサーバ２をネットワーク４に接続する。
以下、記憶部２２に記憶される要素変換ルールファイルについて説明する。

【0021】

要素変換ルールファイルは、専用のデザインツールを用いて事前に作成されて、記憶部２２に記憶される。各要素変換ルールファイルは、それぞれＷｅｂページの画面番号と、後述するモバイルデバイス３の画面サイズ種別と、後述するテーマとに対応づけて作成される。

【0022】

図２は、要素変換ルールファイルのフォーマットの一例を示す図である。同図に示される要素変換ルールファイルはＪＳＯＮ（JavaScript（登録商標） Object Notation）形式である。同ファイルでは各要素変換ルールを表すオブジェクトが縦方向に配列され、上から順番に各要素変換ルールとプレ処理及びポスト処理がＷｅｂページに適用される。なお、同ファイルの形式は、ＸＭＬ（Extensible Markup Language）形式であってもよい。

【0023】

図３は、要素変換ルールファイルの具体例を示す図である。同図に示される要素変換ルールファイルを用いてＷｅｂページに対して後述する要素変換処理が実行された場合、Ｗｅｂページに対しては、プレ処理、要素非表示ルール、属性削除ルール、属性追加ルール、要素追加ルール、要素置換ルール、ポスト処理の順に適用される。
次に、各要素変換ルールとプレ処理及びポスト処理について説明する。

【0024】

（１）プレ処理及びポスト処理
プレ処理は、Ｗｅｂページに対して後述する要素変換処理が実行される前に行われる処理であって、例えば、要素変換処理が完了するまでformを一旦非表示にするという処理である。ポスト処理は、Ｗｅｂページに対して後述する要素変換処理が実行された後に行われる処理であって、例えば、formを再表示して、html要素を初期化する処理である。プレ処理とポスト処理のルールフォーマットを表１に示す。

【0025】

【表1】

【0026】

図４は、プレ処理のルール定義の一例を示す図である。同図に示されるルール定義は、要素変換処理が完了するまでformを一旦非表示にする処理を定義している。
図５は、ポスト処理のルール定義の一例を示す図である。同図に示されるルール定義は、id=mapviewの要素をXXXマップの要素として初期化する処理を定義している。

【0027】

（２）属性削除ルール
属性削除ルールは、元の要素（例えば、html要素。以下同じ。）の属性で、指定した属性を削除するためのルールである。または、元の要素の属性で、指定した属性以外を削除するためのルールである。属性削除ルールは、元の要素の属性で、モバイルデバイス３において不要となる属性値を取り除くために使用される。具体的には、style属性に指定される位置指定やサイズ（具体的には、absolute, top, left, bottom, right, width, height等のスタイル）等の属性値や、classに指定される一部のクラス名を削除するために使用される。属性削除ルールのルールフォーマットを表２に示す。

【0028】

【表2】

【0029】

図６は、属性削除ルールのルール定義の一例を示す図である。図７は、図６に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図７（ａ）は変換前のＷｅｂページデータを示し、図７（ｂ）は変換後のＷｅｂページデータを示す。これら図６及び７に示される例は、id=usernameの要素で、type、name、id、class='class1' style='text-align|display'以外の属性を削除する場合について示している。

【0030】

図８は、属性削除ルールのルール定義の他の例を示す図である。図９は、図８に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図９（ａ）は変換前のＷｅｂページデータを示し、図９（ｂ）は変換後のＷｅｂページデータを示す。これら図８及び９に示される例は、表示状態のすべてのinput要素で、class='ui-*'、data-*の属性を削除する場合について示している。

【0031】

（３）属性追加ルール
属性追加ルールは、使用しているライブラリが定義している独自の属性や、通常のhtml属性を追加するためのルールである。具体的には、classの追加、data-*属性の追加や、初期値の追加等を行うために使用される。属性追加ルールのルールフォーマットを表３に示す。

【0032】

【表3】

【0033】

図１０は、属性追加ルールのルール定義の一例を示す図である。図１１は、図１０に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１１（ａ）は変換前のＷｅｂページデータを示し、図１１（ｂ）は変換後のＷｅｂページデータを示す。これら図１０及び１１に示される例は、id=usernameの要素に、class='mobile' data-must-input='1'の属性を追加する場合について示している。

【0034】

図１２は、属性追加ルールのルール定義の他の例を示す図である。図１３は、図１２に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１３（ａ）は変換前のＷｅｂページデータを示し、図１３（ｂ）は変換後のＷｅｂページデータを示す。これら図１２及び１３に示される例は、表示状態のすべてのinput要素に、class='ui-custom'の属性を追加する場合について示している。

【0035】

（４）要素非表示ルール
要素非表示ルールは、指定された要素を非表示にするためのルールである。具体的には、モバイルデバイス３に適していないイメージ、長い説明文言、簡潔でないラベル等を非表示にするために使用される。要素非表示ルールのルールフォーマットを表４に示す。

【0036】

【表4】

【0037】

図１４は、要素非表示ルールのルール定義の一例を示す図である。図１５は、図１４に示される要素非表示ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１５（ａ）は変換前のＷｅｂページデータを示し、図１５（ｂ）は変換後のＷｅｂページデータを示す。これら図１４及び１５に示される例は、すべてのp、span、img要素を非表示にする場合について示している。

【0038】

（５）要素追加ルール
要素追加ルールは、新しい要素を指定した位置に追加するためのルールである。追加のパターンとしては、親要素としての追加、子要素としての追加、直前に追加、直後に追加のパターンがある。追加する要素としては、例えば、ラベル、イメージ、ヘルプへのリンクがある。要素追加ルールのルールフォーマットを表５に示す。

【0039】

【表5】

【0040】

図１６は、要素追加ルールのルール定義の一例を示す図である。図１７は、図１６に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１７（ａ）は変換前のＷｅｂページデータを示し、図１７（ｂ）は変換後のＷｅｂページデータを示す。これら図１６及び１７に示される例は、id=usernameの要素の直前に、<label for='username'>ユーザ名</label>要素を追加する場合について示している。

【0041】

図１８は、要素追加ルールのルール定義の他の例を示す図である。図１９は、図１８に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１９（ａ）は変換前のＷｅｂページデータを示し、図１９（ｂ）は変換後のＷｅｂページデータを示す。これら図１８及び１９に示される例は、すべての表示状態のinput要素の親要素として、<fieldset/>要素を追加する場合について示している。

【0042】

（６）要素置換ルール
要素置換ルールは、指定した要素をＤＯＭ（Document Object Model）から削除して、削除した位置に新たな要素を追加するためのルールである。または、指定した要素を非表示にして、元の要素の位置に新たな要素を追加するためのルールである。新たな要素は基本的には元の属性を引き継ぐが、属性追加ルールと属性削除ルールに従って属性の追加及び削除が行われる。要素置換ルールのルールフォーマットを表６に示す。

【0043】

【表6】

【0044】

図２０は、要素置換ルールのルール定義の一例を示す図である。図２１は、図２０に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２１（ａ）は変換前のＷｅｂページデータを示し、図２１（ｂ）は変換後のＷｅｂページデータを示す。これら図２０及び２１に示される例は、id="acount-type"の要素をselect要素に変換する場合について示している。

【0045】

図２２は、要素置換ルールのルール定義の他の例を示す図である。図２３は、図２２に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２３（ａ）は変換前のＷｅｂページデータを示し、図２３（ｂ）は変換後のＷｅｂページデータを示す。これら図２２及び２３に示される例は、name='acount-type'のinput type="radio"の要素をselect要素に変換する場合について示している。変換対象の要素がradioのように選択候補をもつ場合には、その選択要素がselectの選択要素として構成される。

【0046】

（７）独自処理
独自処理ルールは、指定したスクリプトを実行するためのルールである。スクリプトからは、頻繁に使用する要素変換ルールとして予め用意している関数を呼び出すことも可能である。スクリプトでは、任意の要素変換処理や属性の変更処理を行うことができる。独自処理ルールのルールフォーマットを表７に示す。

【0047】

【表7】

【0048】

図２４は、独自処理ルールのルール定義の一例を示す図である。図２５は、図２４に示される独自処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２５（ａ）は変換前のＷｅｂページデータを示し、図２５（ｂ）は変換後のＷｅｂページデータを示す。これら図２４及び２５に示される例は、id=account-typeの要素で、配下のoption要素でvalue=12の要素を、初期状態で選択状態とする場合について示している。

【0049】

（８）組込処理
組込処理ルールは、頻繁に使用する要素変換ルールや装飾処理ルールをまとめて、利用しやすくするためのルールである。具体的には、以下のような組込処理がある。
・input要素に対してlabel要素を設定し、fieldset要素でグループ化し、絶対位置指定等の不要な属性を取り除く処理。
・select要素をinput type=''radio"要素に変換する処理。
・select要素をjQuery Mobileのリストビューに変換する処理。
・住所入力用のinput要素に対して、地図表示と地点選択を実現する要素を直前に埋め込み、地図からの地点選択でinput要素に住所が反映されるスクリプトを埋め込む処理。
組込処理ルールのルールフォーマットを表８に示す。

【0050】

【表8】

【0051】

図２６は、組込処理ルールのルール定義の一例を示す図である。図２７は、図２６に示される組込処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２７（ａ）は変換前のＷｅｂページデータを示し、図２７（ｂ）は変換後のＷｅｂページデータを示す。これら図２６及び２７に示される例は、labeled処理を使って、id=amountの要素に"入金金額"のラベルを付けて、全体をfieldset要素でまとめる場合について示している。
次に、制御部２１の各機能について説明する。

【0052】

Ｗｅｂページ提供部２１１は、ユーザインタフェース要素を含むウェブページをモバイルデバイス３に対して提供する。ここで、Ｗｅｂページ（又は、ウェブページ）は、例えばＨＴＭＬやＸＨＴＭＬ（Extensible HTML）等のマークアップ言語により記述される文書である。

【0053】

また、本発明に係る「ユーザインタフェース要素」とは、ユーザが情報を選択するためのユーザインタフェース要素と、ユーザが情報を入力するためのユーザインタフェース要素と、ユーザに情報を通知するためのユーザインタフェース要素の総称である。ここで、ユーザインタフェースとは、より具体的にはＧＵＩ（Graphical User Interface）である。

【0054】

ユーザが情報を選択するためのユーザインタフェース要素とは、具体的には、チェックボックスや、コマンドボタンや、コマンドリンクや、コンボボックスや、グループボックスや、リストボックスや、リストビューや、ラジオボタンや、スライダや、スピンコントロール等である。

【0055】

ユーザが情報を入力するためのユーザインタフェース要素とは、具体的には、検索ボックスや、テキストボックス等である。
ユーザに情報を通知するためのユーザインタフェース要素とは、具体的には、バルーンや、プログレスバーや、ステータスバーや、タブ等である。

【0056】

属性情報取得部２１２は、モバイルデバイス３の属性を示す属性情報を取得する。ここで、属性情報とは、本実施形態において、モバイルデバイス３により表示される画面のサイズを示す情報である。具体的には、属性情報取得部２１２は、本実施形態において、モバイルデバイス３から送信される、要素変換ルールファイルのファイル名情報を取得して、要素変換ルール提供部２１３に引き渡す。

【0057】

要素変換ルール提供部２１３は、Ｗｅｂページ提供部２１１により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部２１２により取得された属性情報に対応するルールをモバイルデバイス３に提供する。ここで、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。また、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。

【0058】

１−１−３．モバイルデバイス３
モバイルデバイス３は、本発明に係る「通信装置」の一例である。モバイルデバイス３は、具体的には、スマートフォンやタブレット端末等の携帯端末である。モバイルデバイス３は、図１に示されるように、大略、制御部３１と、記憶部３２と、タッチパネル３３と、通信部３４とを備える。

【0059】

制御部３１は、ＣＰＵ等の演算処理装置である。制御部３１は、図１に示されるように、Ｗｅｂページ取得部３１１と、画面サイズ種別特定部３１２と、テーマ特定部３１３と、ファイル名決定部３１４と、要素変換ルール取得部３１５と、要素変換部３１６と、表示制御部３１７という機能を有する。これらの機能は、制御部３１により、記憶部３２に記憶されるプログラム（具体的には、Ｗｅｂブラウザ）が実行されることにより実現される。これらの機能については後述する。

【0060】

記憶部３２は、フラッシュメモリ等の記憶装置である。記憶部３２は、制御部３１により実行されるプログラム（具体的には、Ｗｅｂブラウザ）を記憶する。また、記憶部３２は、jQuery Mobile等のライブラリと、各種プラグインとを記憶する。jQuery Mobile等のライブラリと各種プラグインとは、Ｗｅｂアプリケーションサーバ２からダウンロードされて記憶部３２に記憶される。

【0061】

タッチパネル３３は、本発明に係る「表示部」の一例である。タッチパネル３３は、液晶ディスプレイと、液晶ディスプレイ上に配置されたタッチセンサとを備え、Ｗｅｂページを表示するとともに、ユーザからの入力操作を受け付ける。
通信部３４は、例えばネットワークカードである。通信部３４はモバイルデバイス３をネットワーク４に接続する。
次に、制御部３１の各機能について説明する。

【0062】

Ｗｅｂページ取得部３１１は、ユーザインタフェース要素を含むウェブページを取得する。

【0063】

画面サイズ種別特定部３１２は、モバイルデバイス３により表示される画面のサイズを示す情報を取得する。具体的には、画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにその識別情報が記述されているプログラムを実行することにより、当該情報を取得する。

【0064】

テーマ特定部３１３は、モバイルデバイス３のユーザが所望するユーザインタフェース要素の種類を示すテーマを特定する。

【0065】

ファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する。

【0066】

要素変換ルール取得部３１５は、画面サイズ種別特定部３１２により特定された画面サイズ種別に対応するルールを取得する。より具体的には、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルを取得する。

【0067】

要素変換部３１６は、要素変換ルール取得部３１５により取得されたルールに従って、Ｗｅｂページ取得部３１１により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する。ここで、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。

【0068】

なお、要素変換部３１６によりウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、他のユーザインタフェース要素に引き継がれてもよい。

【0069】

また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、ウェブページのダウンロード時に限らず、モバイルデバイス３に表示される画面のサイズが変更されるごとに実行されてもよい。

【0070】

表示制御部３１７は、要素変換部３１６により処理を実行されたウェブページをタッチパネル３３を制御して表示させる。

【0071】

１−２．動作
次に、Ｗｅｂページ変換システム１の動作について説明する。具体的には、モバイルデバイス３がＷｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして表示するＷｅｂページ表示処理について説明する。

【0072】

図２８及び２９は、Ｗｅｂページ表示処理の一例を示すフローチャートである。本処理のステップＳ１においてモバイルデバイス３のＷｅｂページ取得部３１１は、Ｗｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして取得する。

【0073】

次に、モバイルデバイス３の画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにそのリンクが埋め込まれているスクリプトを実行して、画面サイズ種別を特定する（ステップＳ２）。具体的には、画面サイズ種別特定部３１２は、ＣＳＳのMedia Queryのwindow.matchMediaメソッドを利用して、画面サイズ種別を特定する。画面サイズ種別は、例えば「横幅≦480px」の場合はカテゴリＡに分類され、「480px＜横幅≦800px」の場合はカテゴリＢに分類され、「800px＜横幅」の場合はカテゴリＣに分類される。

【0074】

次に、モバイルデバイス３のテーマ特定部３１３は、Cookie又はローカルストレージに保存されている情報に基づいて、ユーザが所望するテーマを特定する（ステップＳ３）。

【0075】

次に、モバイルデバイス３のファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する（ステップＳ４）。例えば、画面番号が「0001」であり、画面サイズ種別が「カテゴリＡ」であり、テーマが「Ａ」である場合には、要素変換ルールファイルのファイル名は「page0001/categoryA/themeA.json」となる。

【0076】

次に、モバイルデバイス３の要素変換ルール取得部３１５は、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルをＷｅｂアプリケーションサーバ２に対して要求する（ステップＳ５）。

【0077】

Ｗｅｂアプリケーションサーバ２の要素変換ルール提供部２１３は、このモバイルデバイス３からの要求を受けて（ステップＳ６）、当該要求に係る要素変換ルールファイルをモバイルデバイス３に対して提供する（ステップＳ７）。

【0078】

モバイルデバイス３の要素変換ルール取得部３１５は、当該要素変換ルールファイルをＷｅｂアプリケーションサーバ２からAjaxでダウンロードして取得する（ステップＳ８）。

【0079】

次に、モバイルデバイス３の要素変換部３１６は、要素変換ルール取得部３１５により取得された要素変換ルールファイルを読み込み（ステップＳ９）、当該ファイルに記述されているプレ処理を実行する（ステップＳ１０）。例えば、要素変換部３１６は、formを一旦非表示にする。

【0080】

次に、要素変換部３１６は、この要素変換ルールファイルに記述されている各要素変換ルールに従ってＷｅｂページに対して要素変換処理を実行する（ステップＳ１１〜Ｓ１３）。

【0081】

図３０は、要素変換処理の一例を示すフローチャートである。本処理のステップＳ１２１において要素変換部３１６は、要素変換ルールで指定されているセレクタに基づいて変換対象の要素を選択する。

【0082】

次に、要素変換部３１６は、要素変換ルールで指定されている変換の種類を特定し（ステップＳ１２２）、その種類が「属性削除」である場合には（ステップＳ１２２：「属性削除」）、要素変換ルールで指定されている属性を削除する（ステップＳ１２３）。

【0083】

特定された種類が「属性追加」である場合には（ステップＳ１２２：「属性追加」）、要素変換部３１６は、要素変換ルールで指定されている属性を追加する（ステップＳ１２４）。特定された種類が「要素非表示」である場合には（ステップＳ１２２：「要素非表示」）、要素変換部３１６は、要素変換ルールで指定されている要素を非表示にする（ステップＳ１２５）。

【0084】

特定された種類が「要素追加」である場合には（ステップＳ１２２：「要素追加」）、要素変換部３１６は、要素変換ルールで指定されている要素の直後に新たな要素を追加する（ステップＳ１２６）。特定された種類が「要素置換」である場合には（ステップＳ１２２：「要素置換」）、要素変換部３１６は、要素変換ルールで指定されている要素を他の要素で置換する（ステップＳ１２７）。

【0085】

特定された種類が「独自処理」である場合には（ステップＳ１２２：「独自処理」）、要素変換部３１６は、要素変換ルールにおいて独自処理として指定されているスクリプトを実行することにより要素の編集を行う（ステップＳ１２８）。特定された種類が「組込処理」である場合には（ステップＳ１２２：「組込処理」）、要素変換部３１６は、要素変換ルールにおいて定義されている組込処理を実行する（ステップＳ１２９）。

【0086】

要素変換ルールファイルに記述されるすべての要素変換ルールに従って要素変換処理が実行されると、次に要素変換部３１６は、当該ファイルに記述されているポスト処理を実行する（ステップＳ１４）。例えば、要素変換部３１６は、formの非表示を解除する。

【0087】

次に、要素変換部３１６は、利用しているライブラリで初期化イベントが必要なものについて初期化イベントをトリガする（ステップＳ１５）。

【0088】

次に、表示制御部３１７は、要素変換部３１６による要素変換処理等を経たＷｅｂページをタッチパネル３３を制御して表示させる（ステップＳ１６）。
以上がＷｅｂページ表示処理の説明である。

【0089】

以上説明したＷｅｂページ表示処理によれば、Ｗｅｂページが提供されるモバイルデバイス３に対して当該デバイスの画面サイズ種別に対応する要素変換ルールファイルが提供され、その要素変換ルールファイルに基づいて当該Ｗｅｂページに対する要素変換処理が実行される。すなわち、モバイルデバイス３の画面サイズに応じたＷｅｂページの要素及び属性の変換が可能となる。
以下、このＷｅｂページ表示処理の効果について具体例を挙げて説明する。

【0090】

図３１は、上記の要素変換処理を経ていないＷｅｂページの表示例を示す図である。
図３２は、モバイルデバイス３の画面が比較的小さい場合（例えば、モバイルデバイス３がスマートフォンである場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３３は、図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１乃至３３によれば、特に、図３２に示される独自処理ルール３がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３においてラジオボタンＲＢに変更されていることがわかる。

【0091】

これに対して、図３４は、モバイルデバイス３の画面が比較的大きい場合（例えば、モバイルデバイス３がタブレット端末である場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３５は、図３４に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１、３４及び３５によれば、特に、図３４に示される独自処理ルール６がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３に示される場合とは異なり、図３５においてセレクトボックスＳＢに変更されていることがわかる。

【0092】

２．変形例
上記の実施形態は、以下のように変形してもよい。また、以下の変形例は互いに組み合わせてもよい。

【0093】

２−１．変形例１
上記の実施形態においてＷｅｂアプリケーションサーバ２の属性情報取得部２１２は、モバイルデバイス３により表示される画面のサイズを示す情報に代えて、モバイルデバイス３が備える機能の種類を示す情報を属性情報として取得してもよい。具体的には、音声入力機能の有無を示す情報を取得してもよい。

【0094】

また、属性情報取得部２１２は、モバイルデバイス３の属性情報に代えて、モバイルデバイス３のユーザの属性情報を取得してもよい。具体的には、当該ユーザの性別や、当該ユーザのモバイルデバイス３の操作の熟練度を示す情報を取得してもよい。

【0095】

２−２．変形例２
上記の実施形態又は変形例１に係るＷｅｂアプリケーションサーバ２の制御部２１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。ここで、記録媒体とは、例えば、磁気テープや磁気ディスクなどの磁気記録媒体や、光ディスクなどの光記録媒体や、光磁気記録媒体や、半導体メモリ等である。また、このプログラムは、インターネット等のネットワークを介して提供されてもよい。

【0096】

同様に、上記の実施形態又は変形例１に係るモバイルデバイス３の制御部３１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。また、同プログラムはネットワークを介して提供されてもよい。

【0097】

同プログラムによれば、例えば、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置が実現される。

【0098】

２−３．その他の変形例
上記の実施形態において、モバイルデバイス３に代えて、据え置き型のコンピュータを採用してもよい。
また、上記の実施形態において、Ｗｅｂアプリケーションサーバ２は、複数のサーバにより構成されるサーバシステムであってもよい。

【0099】

また、上記の実施形態に係るＷｅｂページ表示処理において、モバイルデバイス３の側で要素変換ルールファイルのファイル名を決定してＷｅｂアプリケーションサーバ２に通知せず、Ｗｅｂアプリケーションサーバ２の側でモバイルデバイス３から通知される画面番号と画面サイズ種別とテーマとに基づいて要素変換ルールファイルのファイル名を特定するようにしてもよい。この際、モバイルデバイス３は、画面番号や画面サイズ種別やテーマといった情報をＧＥＴメソッドやＰＯＳＴメソッドによりＷｅｂアプリケーションサーバ２に通知してもよい。

【符号の説明】

【0100】

１…Ｗｅｂページ変換システム、２…Ｗｅｂアプリケーションサーバ、３…モバイルデバイス、４…ネットワーク、２１…制御部、２２…記憶部、２３…通信部、３１…制御部、３２…記憶部、３３…タッチパネル、３４…通信部、２１１…Ｗｅｂページ提供部、２１２…属性情報取得部、２１３…要素変換ルール提供部、３１１…Ｗｅｂページ取得部、３１２…画面サイズ種別特定部、３１３…テーマ特定部、３１４…ファイル名決定部、３１５…要素変換ルール取得部、３１６…要素変換部、３１７…表示制御部

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】

【図21】

【図22】

【図23】

【図24】

【図25】

【図26】

【図27】

【図28】

【図29】

【図30】

【図31】

【図32】

【図33】

【図34】

【図35】