JP6524306B2 - ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 - Google Patents
ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 Download PDFInfo
- Publication number
- JP6524306B2 JP6524306B2 JP2018090507A JP2018090507A JP6524306B2 JP 6524306 B2 JP6524306 B2 JP 6524306B2 JP 2018090507 A JP2018090507 A JP 2018090507A JP 2018090507 A JP2018090507 A JP 2018090507A JP 6524306 B2 JP6524306 B2 JP 6524306B2
- Authority
- JP
- Japan
- Prior art keywords
- web page
- user interface
- rule
- interface element
- conversion
- 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
- 238000000034 method Methods 0.000 title claims description 70
- 238000004891 communication Methods 0.000 title claims description 27
- PWPJGUXAGUPAHP-UHFFFAOYSA-N lufenuron Chemical compound C1=C(Cl)C(OC(F)(F)C(C(F)(F)F)F)=CC(Cl)=C1NC(=O)NC(=O)C1=C(F)C=CC=C1F PWPJGUXAGUPAHP-UHFFFAOYSA-N 0.000 title 1
- 238000012545 processing Methods 0.000 claims description 51
- 238000006243 chemical reaction Methods 0.000 description 151
- 238000010586 diagram Methods 0.000 description 32
- 238000012217 deletion Methods 0.000 description 17
- 230000037430 deletion Effects 0.000 description 17
- 230000006870 function Effects 0.000 description 10
- 238000007781 pre-processing Methods 0.000 description 9
- 238000012986 modification Methods 0.000 description 7
- 230000004048 modification Effects 0.000 description 7
- 238000012805 post-processing Methods 0.000 description 7
- 238000013461 design Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 235000014510 cooky Nutrition 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012905 input function Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Description
本発明は、ウェブページを提供する方法に関する。
現在のモバイル端末向けのＷｅｂアプリケーションは、デファクトスタンダードになりつつあるjQuery Mobileに代表されるモバイル端末向けのJavaScript（登録商標）のライブラリを利用して開発するのが一般的である。このライブラリを利用してＷｅｂアプリケーションを開発する場合、ライブラリで決められているＨＴＭＬ（HyperText Markup Language）要素や属性を使ってＷｅｂページを記述することになる。このライブラリでは様々なコントロールを追加のライブラリ（すなわち、プラグイン）として使えるようになっており、これらを組み込むことでモバイル端末に適した入力方法を実現できるようになっている。
また、様々なデバイスの画面サイズに合わせて表示を最適に変更する考え方であるレスポンシブＷｅｂデザインに基づいて、様々な画面サイズごとにＣＳＳ（Cascading Style Sheet）を用意することで１つのＷｅｂアプリケーションで画面サイズの異なるデバイスをサポートできるようにしている（例えば、特許文献１参照）。
本発明は、ウェブページのユーザインタフェース要素を追加、変換又は非表示化することを目的とする。
上記の課題を解決するため、本発明は、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するルール提供部とを備え、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システムを提供する。
また、本発明は、ウェブページ提供システムにより実行されるウェブページ提供方法であって、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップとを備え、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法を提供する。
また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップとを実行させるためのプログラムであって、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラムを提供する。
また、本発明は、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備え、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置を提供する。
また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを取得するステップと、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、前記処理を実行されたウェブページを表示部を制御して表示させるステップとを実行させるためのプログラムであって、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラムを提供する。
また、本発明は、通信装置により実行されるウェブページ表示方法であって、ユーザインタフェース要素を含むウェブページを取得するステップと、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、前記処理を実行されたウェブページを表示部を制御して表示させるステップとを備え、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ表示方法を提供する。
本発明によれば、ウェブページのユーザインタフェース要素を追加、変換又は非表示化することができる。
１．実施形態
１−１．構成
１−１−１．Ｗｅｂページ変換システム１
図１は、本発明の一実施形態に係るＷｅｂページ変換システム１の構成の一例を示す図である。このＷｅｂページ変換システム１は、同図に示されるように、Ｗｅｂアプリケーションサーバ２と、モバイルデバイス３とを有する。Ｗｅｂアプリケーションサーバ２とモバイルデバイス３とは、インターネットや移動体通信網等により構成されるネットワーク４により接続される。
１−１．構成
１−１−１．Ｗｅｂページ変換システム１
図１は、本発明の一実施形態に係るＷｅｂページ変換システム１の構成の一例を示す図である。このＷｅｂページ変換システム１は、同図に示されるように、Ｗｅｂアプリケーションサーバ２と、モバイルデバイス３とを有する。Ｗｅｂアプリケーションサーバ２とモバイルデバイス３とは、インターネットや移動体通信網等により構成されるネットワーク４により接続される。
１−１−２．Ｗｅｂアプリケーションサーバ２
Ｗｅｂアプリケーションサーバ２は、本発明に係る「ウェブページ提供システム」の一例である。Ｗｅｂアプリケーションサーバ２は、図１に示されるように、大略、制御部２１と、記憶部２２と、通信部２３とを備える。
Ｗｅｂアプリケーションサーバ２は、本発明に係る「ウェブページ提供システム」の一例である。Ｗｅｂアプリケーションサーバ２は、図１に示されるように、大略、制御部２１と、記憶部２２と、通信部２３とを備える。
制御部２１は、ＣＰＵ（Central Processing Unit）等の演算処理装置である。制御部２１は、図１に示されるように、Ｗｅｂページ提供部２１１と、属性情報取得部２１２と、要素変換ルール提供部２１３という機能を備える。これらの機能は、制御部２１により、記憶部２２に記憶されるプログラムが実行されることにより実現される。これらの機能については後述する。
記憶部２２は、ハードディスク等の記憶装置である。記憶部２２は、制御部２１により実行されるプログラムを記憶する。また、記憶部２２は、複数のＷｅｂページデータと、複数の要素変換ルールのファイルとを記憶する。
通信部２３は、例えばネットワークカードである。通信部２３はＷｅｂアプリケーションサーバ２をネットワーク４に接続する。
以下、記憶部２２に記憶される要素変換ルールファイルについて説明する。
以下、記憶部２２に記憶される要素変換ルールファイルについて説明する。
要素変換ルールファイルは、専用のデザインツールを用いて事前に作成されて、記憶部２２に記憶される。各要素変換ルールファイルは、それぞれＷｅｂページの画面番号と、後述するモバイルデバイス３の画面サイズ種別と、後述するテーマとに対応づけて作成される。
図２は、要素変換ルールファイルのフォーマットの一例を示す図である。同図に示される要素変換ルールファイルはＪＳＯＮ（JavaScript（登録商標） Object Notation）形式である。同ファイルでは各要素変換ルールを表すオブジェクトが縦方向に配列され、上から順番に各要素変換ルールとプレ処理及びポスト処理がＷｅｂページに適用される。なお、同ファイルの形式は、ＸＭＬ（Extensible Markup Language）形式であってもよい。
図３は、要素変換ルールファイルの具体例を示す図である。同図に示される要素変換ルールファイルを用いてＷｅｂページに対して後述する要素変換処理が実行された場合、Ｗｅｂページに対しては、プレ処理、要素非表示ルール、属性削除ルール、属性追加ルール、要素追加ルール、要素置換ルール、ポスト処理の順に適用される。
次に、各要素変換ルールとプレ処理及びポスト処理について説明する。
次に、各要素変換ルールとプレ処理及びポスト処理について説明する。
（１）プレ処理及びポスト処理
プレ処理は、Ｗｅｂページに対して後述する要素変換処理が実行される前に行われる処理であって、例えば、要素変換処理が完了するまでformを一旦非表示にするという処理である。ポスト処理は、Ｗｅｂページに対して後述する要素変換処理が実行された後に行われる処理であって、例えば、formを再表示して、html要素を初期化する処理である。プレ処理とポスト処理のルールフォーマットを表１に示す。
プレ処理は、Ｗｅｂページに対して後述する要素変換処理が実行される前に行われる処理であって、例えば、要素変換処理が完了するまでformを一旦非表示にするという処理である。ポスト処理は、Ｗｅｂページに対して後述する要素変換処理が実行された後に行われる処理であって、例えば、formを再表示して、html要素を初期化する処理である。プレ処理とポスト処理のルールフォーマットを表１に示す。
図４は、プレ処理のルール定義の一例を示す図である。同図に示されるルール定義は、要素変換処理が完了するまでformを一旦非表示にする処理を定義している。
図５は、ポスト処理のルール定義の一例を示す図である。同図に示されるルール定義は、id=mapviewの要素をXXXマップの要素として初期化する処理を定義している。
図５は、ポスト処理のルール定義の一例を示す図である。同図に示されるルール定義は、id=mapviewの要素をXXXマップの要素として初期化する処理を定義している。
（２）属性削除ルール
属性削除ルールは、元の要素（例えば、html要素。以下同じ。）の属性で、指定した属性を削除するためのルールである。または、元の要素の属性で、指定した属性以外を削除するためのルールである。属性削除ルールは、元の要素の属性で、モバイルデバイス３において不要となる属性値を取り除くために使用される。具体的には、style属性に指定される位置指定やサイズ（具体的には、absolute, top, left, bottom, right, width, height等のスタイル）等の属性値や、classに指定される一部のクラス名を削除するために使用される。属性削除ルールのルールフォーマットを表２に示す。
属性削除ルールは、元の要素（例えば、html要素。以下同じ。）の属性で、指定した属性を削除するためのルールである。または、元の要素の属性で、指定した属性以外を削除するためのルールである。属性削除ルールは、元の要素の属性で、モバイルデバイス３において不要となる属性値を取り除くために使用される。具体的には、style属性に指定される位置指定やサイズ（具体的には、absolute, top, left, bottom, right, width, height等のスタイル）等の属性値や、classに指定される一部のクラス名を削除するために使用される。属性削除ルールのルールフォーマットを表２に示す。
図６は、属性削除ルールのルール定義の一例を示す図である。図７は、図６に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図７（ａ）は変換前のＷｅｂページデータを示し、図７（ｂ）は変換後のＷｅｂページデータを示す。これら図６及び７に示される例は、id=usernameの要素で、type、name、id、class='class1' style='text-align|display'以外の属性を削除する場合について示している。
図８は、属性削除ルールのルール定義の他の例を示す図である。図９は、図８に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図９（ａ）は変換前のＷｅｂページデータを示し、図９（ｂ）は変換後のＷｅｂページデータを示す。これら図８及び９に示される例は、表示状態のすべてのinput要素で、class='ui-*'、data-*の属性を削除する場合について示している。
（３）属性追加ルール
属性追加ルールは、使用しているライブラリが定義している独自の属性や、通常のhtml属性を追加するためのルールである。具体的には、classの追加、data-*属性の追加や、初期値の追加等を行うために使用される。属性追加ルールのルールフォーマットを表３に示す。
属性追加ルールは、使用しているライブラリが定義している独自の属性や、通常のhtml属性を追加するためのルールである。具体的には、classの追加、data-*属性の追加や、初期値の追加等を行うために使用される。属性追加ルールのルールフォーマットを表３に示す。
図１０は、属性追加ルールのルール定義の一例を示す図である。図１１は、図１０に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１１（ａ）は変換前のＷｅｂページデータを示し、図１１（ｂ）は変換後のＷｅｂページデータを示す。これら図１０及び１１に示される例は、id=usernameの要素に、class='mobile' data-must-input='1'の属性を追加する場合について示している。
図１２は、属性追加ルールのルール定義の他の例を示す図である。図１３は、図１２に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１３（ａ）は変換前のＷｅｂページデータを示し、図１３（ｂ）は変換後のＷｅｂページデータを示す。これら図１２及び１３に示される例は、表示状態のすべてのinput要素に、class='ui-custom'の属性を追加する場合について示している。
（４）要素非表示ルール
要素非表示ルールは、指定された要素を非表示にするためのルールである。具体的には、モバイルデバイス３に適していないイメージ、長い説明文言、簡潔でないラベル等を非表示にするために使用される。要素非表示ルールのルールフォーマットを表４に示す。
要素非表示ルールは、指定された要素を非表示にするためのルールである。具体的には、モバイルデバイス３に適していないイメージ、長い説明文言、簡潔でないラベル等を非表示にするために使用される。要素非表示ルールのルールフォーマットを表４に示す。
図１４は、要素非表示ルールのルール定義の一例を示す図である。図１５は、図１４に示される要素非表示ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１５（ａ）は変換前のＷｅｂページデータを示し、図１５（ｂ）は変換後のＷｅｂページデータを示す。これら図１４及び１５に示される例は、すべてのp、span、img要素を非表示にする場合について示している。
（５）要素追加ルール
要素追加ルールは、新しい要素を指定した位置に追加するためのルールである。追加のパターンとしては、親要素としての追加、子要素としての追加、直前に追加、直後に追加のパターンがある。追加する要素としては、例えば、ラベル、イメージ、ヘルプへのリンクがある。要素追加ルールのルールフォーマットを表５に示す。
要素追加ルールは、新しい要素を指定した位置に追加するためのルールである。追加のパターンとしては、親要素としての追加、子要素としての追加、直前に追加、直後に追加のパターンがある。追加する要素としては、例えば、ラベル、イメージ、ヘルプへのリンクがある。要素追加ルールのルールフォーマットを表５に示す。
図１６は、要素追加ルールのルール定義の一例を示す図である。図１７は、図１６に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１７（ａ）は変換前のＷｅｂページデータを示し、図１７（ｂ）は変換後のＷｅｂページデータを示す。これら図１６及び１７に示される例は、id=usernameの要素の直前に、<label for='username'>ユーザ名</label>要素を追加する場合について示している。
図１８は、要素追加ルールのルール定義の他の例を示す図である。図１９は、図１８に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１９（ａ）は変換前のＷｅｂページデータを示し、図１９（ｂ）は変換後のＷｅｂページデータを示す。これら図１８及び１９に示される例は、すべての表示状態のinput要素の親要素として、<fieldset/>要素を追加する場合について示している。
（６）要素置換ルール
要素置換ルールは、指定した要素をＤＯＭ（Document Object Model）から削除して、削除した位置に新たな要素を追加するためのルールである。または、指定した要素を非表示にして、元の要素の位置に新たな要素を追加するためのルールである。新たな要素は基本的には元の属性を引き継ぐが、属性追加ルールと属性削除ルールに従って属性の追加及び削除が行われる。要素置換ルールのルールフォーマットを表６に示す。
要素置換ルールは、指定した要素をＤＯＭ（Document Object Model）から削除して、削除した位置に新たな要素を追加するためのルールである。または、指定した要素を非表示にして、元の要素の位置に新たな要素を追加するためのルールである。新たな要素は基本的には元の属性を引き継ぐが、属性追加ルールと属性削除ルールに従って属性の追加及び削除が行われる。要素置換ルールのルールフォーマットを表６に示す。
図２０は、要素置換ルールのルール定義の一例を示す図である。図２１は、図２０に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２１（ａ）は変換前のＷｅｂページデータを示し、図２１（ｂ）は変換後のＷｅｂページデータを示す。これら図２０及び２１に示される例は、id="acount-type"の要素をselect要素に変換する場合について示している。
図２２は、要素置換ルールのルール定義の他の例を示す図である。図２３は、図２２に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２３（ａ）は変換前のＷｅｂページデータを示し、図２３（ｂ）は変換後のＷｅｂページデータを示す。これら図２２及び２３に示される例は、name='acount-type'のinput type="radio"の要素をselect要素に変換する場合について示している。変換対象の要素がradioのように選択候補をもつ場合には、その選択要素がselectの選択要素として構成される。
（７）独自処理
独自処理ルールは、指定したスクリプトを実行するためのルールである。スクリプトからは、頻繁に使用する要素変換ルールとして予め用意している関数を呼び出すことも可能である。スクリプトでは、任意の要素変換処理や属性の変更処理を行うことができる。独自処理ルールのルールフォーマットを表７に示す。
独自処理ルールは、指定したスクリプトを実行するためのルールである。スクリプトからは、頻繁に使用する要素変換ルールとして予め用意している関数を呼び出すことも可能である。スクリプトでは、任意の要素変換処理や属性の変更処理を行うことができる。独自処理ルールのルールフォーマットを表７に示す。
図２４は、独自処理ルールのルール定義の一例を示す図である。図２５は、図２４に示される独自処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２５（ａ）は変換前のＷｅｂページデータを示し、図２５（ｂ）は変換後のＷｅｂページデータを示す。これら図２４及び２５に示される例は、id=account-typeの要素で、配下のoption要素でvalue=12の要素を、初期状態で選択状態とする場合について示している。
（８）組込処理
組込処理ルールは、頻繁に使用する要素変換ルールや装飾処理ルールをまとめて、利用しやすくするためのルールである。具体的には、以下のような組込処理がある。
・input要素に対してlabel要素を設定し、fieldset要素でグループ化し、絶対位置指定等の不要な属性を取り除く処理。
・select要素をinput type=''radio"要素に変換する処理。
・select要素をjQuery Mobileのリストビューに変換する処理。
・住所入力用のinput要素に対して、地図表示と地点選択を実現する要素を直前に埋め込み、地図からの地点選択でinput要素に住所が反映されるスクリプトを埋め込む処理。
組込処理ルールのルールフォーマットを表８に示す。
組込処理ルールは、頻繁に使用する要素変換ルールや装飾処理ルールをまとめて、利用しやすくするためのルールである。具体的には、以下のような組込処理がある。
・input要素に対してlabel要素を設定し、fieldset要素でグループ化し、絶対位置指定等の不要な属性を取り除く処理。
・select要素をinput type=''radio"要素に変換する処理。
・select要素をjQuery Mobileのリストビューに変換する処理。
・住所入力用のinput要素に対して、地図表示と地点選択を実現する要素を直前に埋め込み、地図からの地点選択でinput要素に住所が反映されるスクリプトを埋め込む処理。
組込処理ルールのルールフォーマットを表８に示す。
図２６は、組込処理ルールのルール定義の一例を示す図である。図２７は、図２６に示される組込処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２７（ａ）は変換前のＷｅｂページデータを示し、図２７（ｂ）は変換後のＷｅｂページデータを示す。これら図２６及び２７に示される例は、labeled処理を使って、id=amountの要素に"入金金額"のラベルを付けて、全体をfieldset要素でまとめる場合について示している。
次に、制御部２１の各機能について説明する。
次に、制御部２１の各機能について説明する。
Ｗｅｂページ提供部２１１は、ユーザインタフェース要素を含むウェブページをモバイルデバイス３に対して提供する。ここで、Ｗｅｂページ（又は、ウェブページ）は、例えばＨＴＭＬやＸＨＴＭＬ（Extensible HTML）等のマークアップ言語により記述される文書である。
また、本発明に係る「ユーザインタフェース要素」とは、ユーザが情報を選択するためのユーザインタフェース要素と、ユーザが情報を入力するためのユーザインタフェース要素と、ユーザに情報を通知するためのユーザインタフェース要素の総称である。ここで、ユーザインタフェースとは、より具体的にはＧＵＩ（Graphical User Interface）である。
ユーザが情報を選択するためのユーザインタフェース要素とは、具体的には、チェックボックスや、コマンドボタンや、コマンドリンクや、コンボボックスや、グループボックスや、リストボックスや、リストビューや、ラジオボタンや、スライダや、スピンコントロール等である。
ユーザが情報を入力するためのユーザインタフェース要素とは、具体的には、検索ボックスや、テキストボックス等である。
ユーザに情報を通知するためのユーザインタフェース要素とは、具体的には、バルーンや、プログレスバーや、ステータスバーや、タブ等である。
ユーザに情報を通知するためのユーザインタフェース要素とは、具体的には、バルーンや、プログレスバーや、ステータスバーや、タブ等である。
属性情報取得部２１２は、モバイルデバイス３の属性を示す属性情報を取得する。ここで、属性情報とは、本実施形態において、モバイルデバイス３により表示される画面のサイズを示す情報である。具体的には、属性情報取得部２１２は、本実施形態において、モバイルデバイス３から送信される、要素変換ルールファイルのファイル名情報を取得して、要素変換ルール提供部２１３に引き渡す。
要素変換ルール提供部２１３は、Ｗｅｂページ提供部２１１により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部２１２により取得された属性情報に対応するルールをモバイルデバイス３に提供する。ここで、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。また、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。
１−１−３．モバイルデバイス３
モバイルデバイス３は、本発明に係る「通信装置」の一例である。モバイルデバイス３は、具体的には、スマートフォンやタブレット端末等の携帯端末である。モバイルデバイス３は、図１に示されるように、大略、制御部３１と、記憶部３２と、タッチパネル３３と、通信部３４とを備える。
モバイルデバイス３は、本発明に係る「通信装置」の一例である。モバイルデバイス３は、具体的には、スマートフォンやタブレット端末等の携帯端末である。モバイルデバイス３は、図１に示されるように、大略、制御部３１と、記憶部３２と、タッチパネル３３と、通信部３４とを備える。
制御部３１は、ＣＰＵ等の演算処理装置である。制御部３１は、図１に示されるように、Ｗｅｂページ取得部３１１と、画面サイズ種別特定部３１２と、テーマ特定部３１３と、ファイル名決定部３１４と、要素変換ルール取得部３１５と、要素変換部３１６と、表示制御部３１７という機能を有する。これらの機能は、制御部３１により、記憶部３２に記憶されるプログラム（具体的には、Ｗｅｂブラウザ）が実行されることにより実現される。これらの機能については後述する。
記憶部３２は、フラッシュメモリ等の記憶装置である。記憶部３２は、制御部３１により実行されるプログラム（具体的には、Ｗｅｂブラウザ）を記憶する。また、記憶部３２は、jQuery Mobile等のライブラリと、各種プラグインとを記憶する。jQuery Mobile等のライブラリと各種プラグインとは、Ｗｅｂアプリケーションサーバ２からダウンロードされて記憶部３２に記憶される。
タッチパネル３３は、本発明に係る「表示部」の一例である。タッチパネル３３は、液晶ディスプレイと、液晶ディスプレイ上に配置されたタッチセンサとを備え、Ｗｅｂページを表示するとともに、ユーザからの入力操作を受け付ける。
通信部３４は、例えばネットワークカードである。通信部３４はモバイルデバイス３をネットワーク４に接続する。
次に、制御部３１の各機能について説明する。
通信部３４は、例えばネットワークカードである。通信部３４はモバイルデバイス３をネットワーク４に接続する。
次に、制御部３１の各機能について説明する。
Ｗｅｂページ取得部３１１は、ユーザインタフェース要素を含むウェブページを取得する。
画面サイズ種別特定部３１２は、モバイルデバイス３により表示される画面のサイズを示す情報を取得する。具体的には、画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにその識別情報が記述されているプログラムを実行することにより、当該情報を取得する。
テーマ特定部３１３は、モバイルデバイス３のユーザが所望するユーザインタフェース要素の種類を示すテーマを特定する。
ファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する。
要素変換ルール取得部３１５は、画面サイズ種別特定部３１２により特定された画面サイズ種別に対応するルールを取得する。より具体的には、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルを取得する。
要素変換部３１６は、要素変換ルール取得部３１５により取得されたルールに従って、Ｗｅｂページ取得部３１１により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する。ここで、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。
なお、要素変換部３１６によりウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、他のユーザインタフェース要素に引き継がれてもよい。
また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、ウェブページのダウンロード時に限らず、モバイルデバイス３に表示される画面のサイズが変更されるごとに実行されてもよい。
表示制御部３１７は、要素変換部３１６により処理を実行されたウェブページをタッチパネル３３を制御して表示させる。
１−２．動作
次に、Ｗｅｂページ変換システム１の動作について説明する。具体的には、モバイルデバイス３がＷｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして表示するＷｅｂページ表示処理について説明する。
次に、Ｗｅｂページ変換システム１の動作について説明する。具体的には、モバイルデバイス３がＷｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして表示するＷｅｂページ表示処理について説明する。
図２８及び２９は、Ｗｅｂページ表示処理の一例を示すフローチャートである。本処理のステップＳ１においてモバイルデバイス３のＷｅｂページ取得部３１１は、Ｗｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして取得する。
次に、モバイルデバイス３の画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにそのリンクが埋め込まれているスクリプトを実行して、画面サイズ種別を特定する（ステップＳ２）。具体的には、画面サイズ種別特定部３１２は、ＣＳＳのMedia Queryのwindow.matchMediaメソッドを利用して、画面サイズ種別を特定する。画面サイズ種別は、例えば「横幅≦480px」の場合はカテゴリＡに分類され、「480px＜横幅≦800px」の場合はカテゴリＢに分類され、「800px＜横幅」の場合はカテゴリＣに分類される。
次に、モバイルデバイス３のテーマ特定部３１３は、Cookie又はローカルストレージに保存されている情報に基づいて、ユーザが所望するテーマを特定する（ステップＳ３）。
次に、モバイルデバイス３のファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する（ステップＳ４）。例えば、画面番号が「0001」であり、画面サイズ種別が「カテゴリＡ」であり、テーマが「Ａ」である場合には、要素変換ルールファイルのファイル名は「page0001/categoryA/themeA.json」となる。
次に、モバイルデバイス３の要素変換ルール取得部３１５は、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルをＷｅｂアプリケーションサーバ２に対して要求する（ステップＳ５）。
Ｗｅｂアプリケーションサーバ２の要素変換ルール提供部２１３は、このモバイルデバイス３からの要求を受けて（ステップＳ６）、当該要求に係る要素変換ルールファイルをモバイルデバイス３に対して提供する（ステップＳ７）。
モバイルデバイス３の要素変換ルール取得部３１５は、当該要素変換ルールファイルをＷｅｂアプリケーションサーバ２からAjaxでダウンロードして取得する（ステップＳ８）。
次に、モバイルデバイス３の要素変換部３１６は、要素変換ルール取得部３１５により取得された要素変換ルールファイルを読み込み（ステップＳ９）、当該ファイルに記述されているプレ処理を実行する（ステップＳ１０）。例えば、要素変換部３１６は、formを一旦非表示にする。
次に、要素変換部３１６は、この要素変換ルールファイルに記述されている各要素変換ルールに従ってＷｅｂページに対して要素変換処理を実行する（ステップＳ１１〜Ｓ１３）。
図３０は、要素変換処理の一例を示すフローチャートである。本処理のステップＳ１２１において要素変換部３１６は、要素変換ルールで指定されているセレクタに基づいて変換対象の要素を選択する。
次に、要素変換部３１６は、要素変換ルールで指定されている変換の種類を特定し（ステップＳ１２２）、その種類が「属性削除」である場合には（ステップＳ１２２：「属性削除」）、要素変換ルールで指定されている属性を削除する（ステップＳ１２３）。
特定された種類が「属性追加」である場合には（ステップＳ１２２：「属性追加」）、要素変換部３１６は、要素変換ルールで指定されている属性を追加する（ステップＳ１２４）。特定された種類が「要素非表示」である場合には（ステップＳ１２２：「要素非表示」）、要素変換部３１６は、要素変換ルールで指定されている要素を非表示にする（ステップＳ１２５）。
特定された種類が「要素追加」である場合には（ステップＳ１２２：「要素追加」）、要素変換部３１６は、要素変換ルールで指定されている要素の直後に新たな要素を追加する（ステップＳ１２６）。特定された種類が「要素置換」である場合には（ステップＳ１２２：「要素置換」）、要素変換部３１６は、要素変換ルールで指定されている要素を他の要素で置換する（ステップＳ１２７）。
特定された種類が「独自処理」である場合には（ステップＳ１２２：「独自処理」）、要素変換部３１６は、要素変換ルールにおいて独自処理として指定されているスクリプトを実行することにより要素の編集を行う（ステップＳ１２８）。特定された種類が「組込処理」である場合には（ステップＳ１２２：「組込処理」）、要素変換部３１６は、要素変換ルールにおいて定義されている組込処理を実行する（ステップＳ１２９）。
要素変換ルールファイルに記述されるすべての要素変換ルールに従って要素変換処理が実行されると、次に要素変換部３１６は、当該ファイルに記述されているポスト処理を実行する（ステップＳ１４）。例えば、要素変換部３１６は、formの非表示を解除する。
次に、要素変換部３１６は、利用しているライブラリで初期化イベントが必要なものについて初期化イベントをトリガする（ステップＳ１５）。
次に、表示制御部３１７は、要素変換部３１６による要素変換処理等を経たＷｅｂページをタッチパネル３３を制御して表示させる（ステップＳ１６）。
以上がＷｅｂページ表示処理の説明である。
以上がＷｅｂページ表示処理の説明である。
以上説明したＷｅｂページ表示処理によれば、Ｗｅｂページが提供されるモバイルデバイス３に対して当該デバイスの画面サイズ種別に対応する要素変換ルールファイルが提供され、その要素変換ルールファイルに基づいて当該Ｗｅｂページに対する要素変換処理が実行される。すなわち、モバイルデバイス３の画面サイズに応じたＷｅｂページの要素及び属性の変換が可能となる。
以下、このＷｅｂページ表示処理の効果について具体例を挙げて説明する。
以下、このＷｅｂページ表示処理の効果について具体例を挙げて説明する。
図３１は、上記の要素変換処理を経ていないＷｅｂページの表示例を示す図である。
図３２は、モバイルデバイス３の画面が比較的小さい場合（例えば、モバイルデバイス３がスマートフォンである場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３３は、図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１乃至３３によれば、特に、図３２に示される独自処理ルール３がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３においてラジオボタンＲＢに変更されていることがわかる。
図３２は、モバイルデバイス３の画面が比較的小さい場合（例えば、モバイルデバイス３がスマートフォンである場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３３は、図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１乃至３３によれば、特に、図３２に示される独自処理ルール３がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３においてラジオボタンＲＢに変更されていることがわかる。
これに対して、図３４は、モバイルデバイス３の画面が比較的大きい場合（例えば、モバイルデバイス３がタブレット端末である場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３５は、図３４に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１、３４及び３５によれば、特に、図３４に示される独自処理ルール６がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３に示される場合とは異なり、図３５においてセレクトボックスＳＢに変更されていることがわかる。
図３１、３４及び３５によれば、特に、図３４に示される独自処理ルール６がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３に示される場合とは異なり、図３５においてセレクトボックスＳＢに変更されていることがわかる。
２．変形例
上記の実施形態は、以下のように変形してもよい。また、以下の変形例は互いに組み合わせてもよい。
上記の実施形態は、以下のように変形してもよい。また、以下の変形例は互いに組み合わせてもよい。
２−１．変形例１
上記の実施形態においてＷｅｂアプリケーションサーバ２の属性情報取得部２１２は、モバイルデバイス３により表示される画面のサイズを示す情報に代えて、モバイルデバイス３が備える機能の種類を示す情報を属性情報として取得してもよい。具体的には、音声入力機能の有無を示す情報を取得してもよい。
上記の実施形態においてＷｅｂアプリケーションサーバ２の属性情報取得部２１２は、モバイルデバイス３により表示される画面のサイズを示す情報に代えて、モバイルデバイス３が備える機能の種類を示す情報を属性情報として取得してもよい。具体的には、音声入力機能の有無を示す情報を取得してもよい。
また、属性情報取得部２１２は、モバイルデバイス３の属性情報に代えて、モバイルデバイス３のユーザの属性情報を取得してもよい。具体的には、当該ユーザの性別や、当該ユーザのモバイルデバイス３の操作の熟練度を示す情報を取得してもよい。
２−２．変形例２
上記の実施形態又は変形例１に係るＷｅｂアプリケーションサーバ２の制御部２１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。ここで、記録媒体とは、例えば、磁気テープや磁気ディスクなどの磁気記録媒体や、光ディスクなどの光記録媒体や、光磁気記録媒体や、半導体メモリ等である。また、このプログラムは、インターネット等のネットワークを介して提供されてもよい。
上記の実施形態又は変形例１に係るＷｅｂアプリケーションサーバ２の制御部２１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。ここで、記録媒体とは、例えば、磁気テープや磁気ディスクなどの磁気記録媒体や、光ディスクなどの光記録媒体や、光磁気記録媒体や、半導体メモリ等である。また、このプログラムは、インターネット等のネットワークを介して提供されてもよい。
同様に、上記の実施形態又は変形例１に係るモバイルデバイス３の制御部３１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。また、同プログラムはネットワークを介して提供されてもよい。
同プログラムによれば、例えば、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置が実現される。
２−３．その他の変形例
上記の実施形態において、モバイルデバイス３に代えて、据え置き型のコンピュータを採用してもよい。
また、上記の実施形態において、Ｗｅｂアプリケーションサーバ２は、複数のサーバにより構成されるサーバシステムであってもよい。
上記の実施形態において、モバイルデバイス３に代えて、据え置き型のコンピュータを採用してもよい。
また、上記の実施形態において、Ｗｅｂアプリケーションサーバ２は、複数のサーバにより構成されるサーバシステムであってもよい。
また、上記の実施形態に係るＷｅｂページ表示処理において、モバイルデバイス３の側で要素変換ルールファイルのファイル名を決定してＷｅｂアプリケーションサーバ２に通知せず、Ｗｅｂアプリケーションサーバ２の側でモバイルデバイス３から通知される画面番号と画面サイズ種別とテーマとに基づいて要素変換ルールファイルのファイル名を特定するようにしてもよい。この際、モバイルデバイス３は、画面番号や画面サイズ種別やテーマといった情報をＧＥＴメソッドやＰＯＳＴメソッドによりＷｅｂアプリケーションサーバ２に通知してもよい。
１…Ｗｅｂページ変換システム、２…Ｗｅｂアプリケーションサーバ、３…モバイルデバイス、４…ネットワーク、２１…制御部、２２…記憶部、２３…通信部、３１…制御部、３２…記憶部、３３…タッチパネル、３４…通信部、２１１…Ｗｅｂページ提供部、２１２…属性情報取得部、２１３…要素変換ルール提供部、３１１…Ｗｅｂページ取得部、３１２…画面サイズ種別特定部、３１３…テーマ特定部、３１４…ファイル名決定部、３１５…要素変換ルール取得部、３１６…要素変換部、３１７…表示制御部
Claims (6)
- ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、
前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するルール提供部と
を備え、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システム。 - ウェブページ提供システムにより実行されるウェブページ提供方法であって、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップと
を備え、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法。 - コンピュータに、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップと
を実行させるためのプログラムであって、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。 - ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するルール取得部と、
前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、
前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置。 - コンピュータに、
ユーザインタフェース要素を含むウェブページを取得するステップと、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、
前記処理を実行されたウェブページを表示部を制御して表示させるステップと
を実行させるためのプログラムであって、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。 - 通信装置により実行されるウェブページ表示方法であって、
ユーザインタフェース要素を含むウェブページを取得するステップと、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、
前記処理を実行されたウェブページを表示部を制御して表示させるステップと
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ表示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2018090507A JP6524306B2 (ja) | 2018-05-09 | 2018-05-09 | ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2018090507A JP6524306B2 (ja) | 2018-05-09 | 2018-05-09 | ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2014120704A Division JP6338935B2 (ja) | 2014-06-11 | 2014-06-11 | ウェブページ提供システム、ウェブページ提供方法、プログラム及び通信装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2018147511A JP2018147511A (ja) | 2018-09-20 |
| JP6524306B2 true JP6524306B2 (ja) | 2019-06-05 |
Family
ID=63591458
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2018090507A Active JP6524306B2 (ja) | 2018-05-09 | 2018-05-09 | ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP6524306B2 (ja) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP4369163A1 (en) | 2022-11-14 | 2024-05-15 | Canon Kabushiki Kaisha | Communication apparatus, image generation system, control method of communication apparatus, control method of image generation system, and program |
-
2018
- 2018-05-09 JP JP2018090507A patent/JP6524306B2/ja active Active
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP4369163A1 (en) | 2022-11-14 | 2024-05-15 | Canon Kabushiki Kaisha | Communication apparatus, image generation system, control method of communication apparatus, control method of image generation system, and program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2018147511A (ja) | 2018-09-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2987088B1 (en) | Client side page processing | |
| US10565293B2 (en) | Synchronizing DOM element references | |
| US10908928B2 (en) | Rules-based workflow messaging | |
| US9772978B2 (en) | Touch input visualizations based on user interface context | |
| US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
| JP2011159284A (ja) | ウェブサイトフォントのプレビュー | |
| US10902508B2 (en) | Methods for extracting and adapting information to generate custom widgets and devices thereof | |
| CA3039009A1 (en) | A method and system for providing and executing web applications | |
| WO2013143283A1 (zh) | 一种文档处理方法、装置和编辑器 | |
| US20180315400A1 (en) | Rendering graphical assets on electronic devices | |
| US20180129392A1 (en) | Content display control method and user terminal for performing content display control method | |
| JP6524306B2 (ja) | ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 | |
| US20140006932A1 (en) | Web page update notification device and web page update notification method | |
| CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
| US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
| CN105739717B (zh) | 信息输入方法和装置 | |
| JP6338935B2 (ja) | ウェブページ提供システム、ウェブページ提供方法、プログラム及び通信装置 | |
| US20160179316A1 (en) | Personalization of a web application | |
| JP6552162B2 (ja) | 情報処理装置、情報処理方法、およびプログラム | |
| CN107085578B (zh) | 一种网页编辑方法和装置 | |
| CN114594945A (zh) | 高级弹窗选择框的生成方法、装置、系统、设备以及介质 | |
| JP6845437B2 (ja) | 情報処理装置とその処理方法及びプログラム | |
| Swenson | Testing the Visual Build | |
| CN114115880A (zh) | 在不同尺寸屏幕下页面表格操作列吸顶的方法 | |
| JP2022130189A (ja) | プログラムおよびウェブページ操作方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20190329 |
|
| 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: 20190416 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20190426 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 6524306 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 |
|
| S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
| R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |